/*---------------------------------------------------- @File: Default Styles @Author: NavThemes @URL:https://www.navthemes.com @Version: 1.1 This file contains the styling for the actual theme, this is the file you need to edit to change the look of the theme. This files contents are outlined below. 0. General Style *. Buttons *. Headings *. Subtitle *. Top header =>Start index page style_css *. banner area *. ABOUT US *. our services area *. our services tow *. start bhoechie tab *. our PRICING area *. testimonial area *. footer area *. our partners area *. our modal area =>End index page style css *. Edit css =>start about page style css *. service area start *. video area start *. testimonial area start *. Our Team area start =>End about page style css =>SERVICES page css start *. service right img area start *. service left img tabs area start *. service text area start =>SERVICES page css End =>contact page css Start *. section heading left Start*. *. contact form start =>contact page css End =>blog page css Start *. blog-three images one start *. blog-three images to start *. pagination-wrap start =>blog page css End =>blog single page css Start *. blog-single-left img start *. commingsoon-area start *. contact-area start *. sidebar-style-here =>blog single page css End *. media query in css-Responsive start *. (mxn-width: 1024px) media query *. (min-width: 768px) media query *. (min-width: 1023px) media query *. (max-width: 768px) media query *. (max-width: 480px) media query *. (max-width: 320px) media query *.media query in css-Responsive End
/*--------------------------------------------------*/
/* poppins-300 - latin */
 @font-face {
     font-family: 'Poppins Light';
     font-style: normal;
     font-weight: 300;
     src: url('../fonts/poppins-v5-latin-300.eot');
    /* IE9 Compat Modes */
     src: local('Poppins Light'), local('Poppins-Light'), url('../fonts/poppins-v5-latin-300.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
     url('../fonts/poppins-v5-latin-300.woff2') format('woff2'),
    /* Super Modern Browsers */
     url('../fonts/poppins-v5-latin-300.woff') format('woff'),
    /* Modern Browsers */
     url('../fonts/poppins-v5-latin-300.ttf') format('truetype'),
    /* Safari, Android, iOS */
     url('../fonts/poppins-v5-latin-300.svg#Poppins') format('svg');
    /* Legacy iOS */
}
/* poppins-regular - latin */
 @font-face {
     font-family: 'Poppins Regular';
     font-style: normal;
     font-weight: 400;
     src: url('../fonts/poppins-v5-latin-regular.eot');
    /* IE9 Compat Modes */
     src: local('Poppins Regular'), local('Poppins-Regular'), url('../fonts/poppins-v5-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
     url('../fonts/poppins-v5-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
     url('../fonts/poppins-v5-latin-regular.woff') format('woff'),
    /* Modern Browsers */
     url('../fonts/poppins-v5-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
     url('../fonts/poppins-v5-latin-regular.svg#Poppins') format('svg');
    /* Legacy iOS */
}
/* poppins-italic - latin */
 @font-face {
     font-family: 'Poppins Italic';
     font-style: italic;
     font-weight: 400;
     src: url('../fonts/poppins-v5-latin-italic.eot');
    /* IE9 Compat Modes */
     src: local('Poppins Italic'), local('Poppins-Italic'), url('../fonts/poppins-v5-latin-italic.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
     url('../fonts/poppins-v5-latin-italic.woff2') format('woff2'),
    /* Super Modern Browsers */
     url('../fonts/poppins-v5-latin-italic.woff') format('woff'),
    /* Modern Browsers */
     url('../fonts/poppins-v5-latin-italic.ttf') format('truetype'),
    /* Safari, Android, iOS */
     url('../fonts/poppins-v5-latin-italic.svg#Poppins') format('svg');
    /* Legacy iOS */
}
/* poppins-500 - latin */
 @font-face {
     font-family: 'Poppins Medium';
     font-style: normal;
     font-weight: 500;
     src: url('../fonts/poppins-v5-latin-500.eot');
    /* IE9 Compat Modes */
     src: local('Poppins Medium'), local('Poppins-Medium'), url('../fonts/poppins-v5-latin-500.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
     url('../fonts/poppins-v5-latin-500.woff2') format('woff2'),
    /* Super Modern Browsers */
     url('../fonts/poppins-v5-latin-500.woff') format('woff'),
    /* Modern Browsers */
     url('../fonts/poppins-v5-latin-500.ttf') format('truetype'),
    /* Safari, Android, iOS */
     url('../fonts/poppins-v5-latin-500.svg#Poppins') format('svg');
    /* Legacy iOS */
}
/* poppins-700 - latin */
 @font-face {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 700;
     src: url('../fonts/poppins-v5-latin-700.eot');
    /* IE9 Compat Modes */
     src: local('Poppins Bold'), local('Poppins-Bold'), url('../fonts/poppins-v5-latin-700.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
     url('../fonts/poppins-v5-latin-700.woff2') format('woff2'),
    /* Super Modern Browsers */
     url('../fonts/poppins-v5-latin-700.woff') format('woff'),
    /* Modern Browsers */
     url('../fonts/poppins-v5-latin-700.ttf') format('truetype'),
    /* Safari, Android, iOS */
     url('../fonts/poppins-v5-latin-700.svg#Poppins') format('svg');
    /* Legacy iOS */
}
 @font-face {
     font-family: 'Poppins';
     font-style: normal;
     font-weight: 400;
     src: url('../fonts/poppins-v5-latin-regular.eot');
    /* IE9 Compat Modes */
     src: local('Poppins Regular'), local('Poppins-Regular'), url('../fonts/poppins-v5-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
     url('../fonts/poppins-v5-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
     url('../fonts/poppins-v5-latin-regular.woff') format('woff'),
    /* Modern Browsers */
     url('../fonts/poppins-v5-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
     url('../fonts/poppins-v5-latin-regular.svg#Poppins') format('svg');
    /* Legacy iOS */
}

/* banner text css */
 .homeBanner {
     width: 100%;
}
 .carousel-indicators {
     //bottom: 77% !important;
     left: 35% !important;
     padding-left: 14px;
     top: 110px;
}
 .carousel-indicators .active {
     width: 45px;
     height: 8px;
     margin: 1px;
     border: #fff 1px solid;
}
 .carousel-indicators li {
     border-radius: 0px;
     width: 40px;
     height: 5px;
     border: none;
}
 .carousel-caption {
     width: 74%;
     height: 520px;
     //bottom: 4%;
     top:130px;
     left: 26% !important;
     border: 0px solid blue;
     background-color: #235B99;
     opacity: 0.8;
     padding: 30px 40px;
}
 .ban1 {
     background-color: #235B99;
}
 .ban2 {
     background-color: #453057;
}
 .ban3 {
     background-color: #3f6f3f;
}
 .ban4 {
     background-color: #ba5155;
}
 .ban5 {
     background-color: #968D0A;
}
 .ban6 {
     background-color: #C18624;
}
 .carousel-caption p {
     font-family:  "Poppins", sans-serif;
     font-size: 15px;
     text-align: left;
     //font-weight: bold;
     line-height:24px;
}
 .carousel-caption .banner-breadcrumb {
     font-family: "Poppins", sans-serif;
     font-size: 18px;
     text-align: left;
     font-weight: bold;
     color: #fff;
}
 .carousel-caption h1 {
     font-family: "Poppins", sans-serif;
     font-size: 65px;
     font-weight: normal;
     color: #fff;
     margin-top: 20px;
     margin-bottom: 10px;
     letter-spacing: -1px;
}
 .bannertext {
     padding-top: 210px;
     height: 390px;
     padding-left: 425px;
     background-color: #543A6B;
     color: #fff;
}
/* Search Icon */
 .searchbox-common-left {
     width: 100%;
     height: 4%;
}
 .searchbox-common {
     box-sizing: border-box;
     border: 2px solid #676a6dad;
     border-radius: 10px;
     font-size: 15px;
     background-color: #3a34341a;
     background-position: 10px 10px;
     background-repeat: no-repeat;
     color: #fff;
     padding: 10px 10px 10px 10px;
     -webkit-transition: width 0.4s ease-in-out;
     transition: width 0.4s ease-in-out;
}
 .searchbox-common-nav {
     width: 280px;
}
 .submenu-Search-right {
     width: 300px;
     margin: 30px 30px 0px 650px;
}
/* remove focus by maruthi on 29Jan2019 */
 input[type=text]:focus {
    /* width: 85%;
    */
}
/* Search Icon */
/* SIDEBAR NAVIGATIO CSS */
 .sidenav {
     height: 94%;
     width: 0;
     position: fixed;
     z-index: 1;
     top: 0;
     left: 0;
     margin-top:65px;
     background-color: #111111f0;
     overflow-x: hidden;
     overflow-y: hidden;
     transition: 0.5s;
  	 background: #111111; /* safari browser background color */
}
/*.sidenav a {
     //padding: 8px 8px 8px 32px;
     text-decoration: none;
     font-size: 18px;
     color: #818181;
     display: block;
     transition: 0.3s;
     font-family: "Poppins", sans-serif;
}
*/
 .sidenav a:hover {
     color: #f1f1f1;
}
 @media screen and (max-height: 450px) {
     .sidenav {
         padding-top: 15px;
    }
     .sidenav a {
         font-size: 15px;
    }
}
 .header-menu__list {
    /*  font-family: "metropolis-regular"; */
     font-family: "Poppins", sans-serif;
    /*padding: 0 0 1.8rem 0;
    */
     list-style: none;
     line-height: 5px;
}
 .header-menu__list a {
     display: block;
     color: #ffffff;
     position: relative;
     font-size: 12px;
}
/* SIDEBAR NAVIGATION END HERE */
/*---------------------------------- 3.Prefix Styles ------------------------------------*/
 /* a {
     color: #ffffff;
     text-decoration: none;
} */
 .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
     font-weight: 700;
     font-family:  "Poppins", sans-serif;
}
 body {
     font-family:  "Poppins", sans-serif;
     font-style: normal;
     font-weight: 400;
     src: url('../fonts/poppins-v5-latin-regular.eot');
    /* IE9 Compat Modes */
     src: local('Poppins Regular'), local('Poppins-Regular'), url('../fonts/poppins-v5-latin-regular.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
     url('../fonts/poppins-v5-latin-regular.woff2') format('woff2'),
    /* Super Modern Browsers */
     url('../fonts/poppins-v5-latin-regular.woff') format('woff'),
    /* Modern Browsers */
     url('../fonts/poppins-v5-latin-regular.ttf') format('truetype'),
    /* Safari, Android, iOS */
     url('../fonts/poppins-v5-latin-regular.svg#Poppins') format('svg');
    /* Legacy iOS */
}
 blockquote {
     display: block;
     -webkit-margin-before: 1em;
     -webkit-margin-after: 1em;
     -webkit-margin-start: 40px;
     -webkit-margin-end: 40px;
}
 blockquote, q {
     position: relative;
     padding: 4rem 3rem 3rem;
     text-align: center;
     font-size: 2rem;
     line-height: 1.88;
     border: 1px double rgba(0, 0, 0, .1);
     margin: 6rem 0;
     display: block;
}
 thead, th, td {
    /*  border: 1px solid black; */
     padding: 10px;
}
/* ul li {
     line-height: 30px;
}
 */
 ol li {
     line-height: 30px;
}
 strong {
     font-weight: 600;
     line-height: 35px;
}
 tcaseban4 a {
     color: #337ab7 !important;
}
 dd, dt {
     line-height: 2.428571;
}
 body section.row, body header.row, body footer.row {
     margin: 0;
     font-family: 'Poppins';
}
/*Ancore*/
 a, .btn, button {
     outline: none;
     transition: all 300ms linear 0s;
}
 a:before, a:after, .btn:before, .btn:after, button:before, button:after {
     transition: all 300ms linear 0s;
}
 a:focus, a:hover, .btn:focus, .btn:hover, button:focus, button:hover {
     outline: none;
     text-decoration: none;
     transition: all 300ms linear 0s;
}
/*--------------------------------------------------*/
/*4.Header Aera */
/* =================================================================== * # header styles * * ------------------------------------------------------------------- */
 .s-header {
     z-index: 500;
     width: 100%;
     height: 65px;
    /* background-color: transparent;
    /*position: absolute;
    */
    /*top: 24px;
    /* fixed header attributes modify by maruthi on 28Jan2019 */
    /* position: fixed;
     padding: 10px 16px;
     background: #111111d6;
     color: #f1f1f1;
    */
     padding: 10px 0px;
     background-color: #111111f0;
     position: fixed;
    /*background-color: #111111d6;
    */
     transition: 0.5s;
      background: #111111; /* safari browsers background color */
}
/* ------------------------------------------------------------------- * ## header logo * ------------------------------------------------------------------- */
/* below css modify by maruthi on 10Jan2019 */
 .header-logo {
    /* z-index: 501;
    */
     display: inline-block;
     margin: 0;
     padding: 0;
     position: absolute;
     left: 6%;
     top: 45%;
     /*-webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);*/
}
 .header-logo a {
     display: block;
     padding: 0;
     outline: 0;
     border: none;
     -webkit-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
/* ------------------------------------------------------------------- * ## main navigation * ------------------------------------------------------------------- */
/* below css modify by maruthi on 10Jan2019 */
 .header-nav__list {
     list-style: none;
     line-height: 20px;
}
 .header-nav__list li {
     border-bottom: 1px solid rgba(202, 197, 197, 0.66);
     position: relative;
}
/* .header-nav__list li:last-child {
     border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
 */
 .header-nav__list >li > a {
     display: block;
     color: #ffffff;
     position: relative;
     font-family: "Poppins", sans-serif;
}
 .header-nav__list li a::before {
     font-family: "Poppins", sans-serif;
     font-size: 11px;
     color: rgba(255, 255, 255, 0.25);
     -webkit-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
     position: absolute;
     left: 3px;
     top: 0;
}
 .header-nav__list a:hover::before {
     color: #fff;
}
 .header-nav__social {
     list-style: none;
     display: inline-block;
     font-size: 12px;
    /*  font-family: "metropolis-regular", sans-serif; */
     font-family: "Poppins", sans-serif;
     margin: 0;
     padding: 0;
}
 .header-nav__social li {
     display: inline-block;
     margin-right: 12px;
     padding-left: 0;
     font-size: 11px;
}
 .header-nav__social li a {
     color: #ffffff;
}
 .header-nav__social li a:hover, .header-nav__social li a:focus {
     color: white;
}
 .header-nav__social li:last-child {
     margin: 0;
}
 .header-nav__close {
     z-index: 800;
     display: block;
     background-color: rgba(0, 0, 0, 0.3);
     height: 30px;
     width: 30px;
     border-radius: 3px;
     position: absolute;
     top: 36px;
     right: 30px;
     font: 0/0 a;
     text-shadow: none;
     color: transparent;
}
 .header-nav__close span::before, .header-nav__close span::after {
     content: "";
     display: block;
     height: 2px;
     width: 12px;
     background-color: #ffffff;
     position: absolute;
     top: 50%;
     left: 9px;
     margin-top: -1px;
}
 .header-nav__close span::before {
     -webkit-transform: rotate(-45deg);
     -ms-transform: rotate(-45deg);
     transform: rotate(-45deg);
}
 .header-nav__close span::after {
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
/* ------------------------------------------------------------------- * ## mobile menu toggle * ------------------------------------------------------------------- */
 .header-menu-toggle {
     position: fixed;
    /* right: 110px;
     */
     width:50px;

     height: 45px;
     line-height: 45px;
     font-family: "Poppins", sans-serif;
     font-size: 1.4rem;
     text-transform: uppercase;
     letter-spacing: 0.4rem;
     color: #ffffff;
     -webkit-transition: all 0.5s ease-in-out;
     transition: all 0.5s ease-in-out;
}
 .header-menu-toggle.opaque {
     border-radius: 5px;
     background: #265db9 !important;
     background-image: linear-gradient(to right top, #6871f4, #6871f4, #6871f48f, #265db9, #265db9b0)!important;
}
 .header-menu-toggle.opaque::before {
     display: none;
}
 .header-menu-toggle:hover, .header-menu-toggle:focus, .header-menu-toggle:active {
     color: #cc147f;
}
 .header-menu-icon {
     display: block;
     width: 21px;
     height: 2px;
     margin-top: -1px;
     right: auto;
     bottom: auto;
     background-color: #ffffff;
     position: absolute;
     //left: 0px;
     top: 50%;
}
 .header-menu-icon::before, .header-menu-icon::after {
     content: "";
     width: 100%;
     height: 2px;
     background-color: inherit;
     position: absolute;
     margin: 0px 0px;
}
 .header-menu-icon::before {
     top: -7px;
}
 .header-menu-icon::after {
     bottom: -7px;
}
/* ------------------------------------------------------------------- * responsive: * header * ------------------------------------------------------------------- */
 @media only screen and (max-width: 1600px) {
    /* .header-logo {
         left: 60px;
    }
     */
    /* Below css modify by maruhti on 10Jan2019 */
     .header-menu-toggle {
         margin-left: 50px;
        /*padding:20px;
        */
    }
}
/* @media only screen and (max-width: 600px) {
     .s-header {
         height: 90px;
         top: 12px;
    }
     .header-logo {
         left: 30px;
    }
     .header-menu-toggle {
         right: 25px;
         top: 30px;
    }
}
  @media only screen and (max-width: 500px) {
     .header-menu-toggle::before {
         display: none;
    }
} */
 /* @media only screen and (max-width: 400px) {
     .s-header {
         top: 6px;
    }
     .header-logo {
         left: 15%;
         top: 50%;
    }
     .header-menu-toggle {
         top: 24px;
         right: 20px;
    }
} */
/* header area 2*/
/*--------------------------------------------------*/
 .color-gray {
     color: #dedede;
}
/* Footer Area CSS */
 .our_footer_area {
     background-color: #323030;
     padding-top: 70px;
     padding-bottom: 30px;
     background-repeat: no-repeat;
     background-position: center top;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
}
 .footer-h {
     font-size: 18px;
     color: #fff;
     line-height: 15px;
     margin-top: 40px;
}
 .footer-top {
     font-size: 25px;
     color: #fff;
     font-weight: 600;
     margin-bottom: 20px;
}
 .ml-15 {
     margin-right: 15px;
}
 .footer-menu {
     padding: 0px;
     margin: 0px;
}
 .footer-left-h {
     font-size: 20px;
     color: #fff;
     line-height: 30px;
}
 .footer-menu li {
     font-size: 20px;
     list-style-type: none;
     line-height: 40px;
     color: #fff;
}
 .location li {
     font-size: 20px;
     list-style-type: none;
     line-height: 30px;
     color: #fff;
     margin-top: 25px;
}
 .location_map li {
     font-size: 20px;
     list-style-type: none;
     line-height: 35px;
     color: #3b4a6b;
     margin-bottom: 25px;
}
 .location_map {
     margin: 0px;
}
 .location li i {
     margin-right: 10px;
}
 .location_map li i {
     margin-right: 10px;
}
 .location_map li a {
     margin-right: 10px;
     color: #3b4a6b !important;
}
 .social:hover {
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
}
 .social {
     -webkit-transform: scale(0.8);
    /* Browser Variations: */
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transition-duration: 0.5s;
     -moz-transition-duration: 0.5s;
     -o-transition-duration: 0.5s;
}
/*added by maruthi */
 .headingtext {
     color: #000000;
     font-family: "Poppins Light";
     font-size: 40px;
     padding-top: 10px;
     font-weight: normal;
}
 .product-shadow {
     width: 100%;
     height: 400px;
     bottom: 19%;
     left: 26% !important;
     //border:0px solid blue;
     background-color: #235a9a;
     opacity: 0.8;
     padding: 40px 40px;
}

 .producttext h4 {
     color: #ffffff;
     font-family: "Poppins", sans-serif;
     font-size: 41px;
     padding-top: 10px;
     font-weight: normal;
     text-align: left;
}
 .producttext > p {
     color: #ffffff;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     padding-top: 10px;
     text-align: left;
     line-height:24px;
}
 .row-divider {
     height: 300px;
     border-left: 2px solid #ffffff;
     border-collapse: collapse;
     padding-left: 35px;
}
 .box {
     border-radius: 3px;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
     padding: 35px 20px;
     text-align: right;
     display: block;
     margin-top: 30px;
     transition: transform .2s;
}
.box:hover {
    -ms-transform: scale(0.5); /* IE 9 */
    -webkit-transform: scale(0.5); /* Safari 3-8 */
    transform: scale(1.04);
}
 .info > p {
     color: #000000;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     padding-top: 10px;
     text-align: center;
     line-height:24px;
}
/*Closed by maruthi*/
/*Hari's style*/
 .padding-top-40 {
     padding-top: 40px;
}
 .padding-top-30 {
     padding-top: 30px;
}
 .padding-top-50 {
     padding-top: 50px ! important;
}
 .padding-top-20 {
     padding-top: 20px;
}
 .padding-top-10 {
     padding-top: 10px;
}
 .padding-bottom-50 {
     padding-bottom: 50px ! important;
}
 .padding-bottom-10 {
     padding-bottom: 10px;
}
 .padding-bottom-20 {
     padding-bottom: 20px;
}
 .padding-bottom-30 {
     padding-bottom: 30px;
}
.padding-bottom-40 {
     padding-bottom: 40px;
}
 .padding-top-100 {
     padding-top: 100px;
}
.padding-bottom-100 {
     padding-bottom: 100px;
}
 .box-list {
     border-radius: 1px;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
     text-align: right;
     display: block;
     margin: 10px;
     transition: transform .2s;
}
.box-list:hover {
    -ms-transform: scale(0.5); /* IE 9 */
    -webkit-transform: scale(0.5); /* Safari 3-8 */
    transform: scale(1.04);
}
 .no-padding {
     padding: 0px !important;
}
 .box-list .info {
     padding: 25px;
     text-align: left;
}
 .item-type {
     font-size: 13px;
     font-family: "Poppins", sans-serif;
     font-weight: bold;
}
 .recentUpdate {
     background-color: #fff;
     padding: 50px 25px;
}
 .box-list .info p {
     text-align: left;
     font-family: "Poppins", sans-serif;
     font-size: 21px;
     color:#303030;
     line-height:24px;
}
 .box-list .info > h4 {
     font-size: 26px;
     font-family: "Poppins", sans-serif;
     //text-transform: uppercase;
     color: #202020;
}
 .Home-Solution > h4 {
     font-family: "Poppins", sans-serif;
     font-size: 24px;
     color: #0059A3;
     font-weight: normal;
}
 .Home-Solution >p {
     padding-top: 20px;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 24px;
     font-weight: normal;
     color: #000000;
}
/*Footer Copy*/
 .footer-copy a {
     font-family: Poppins;
     font-size: 13px;
     line-height: 15px;
     color:#000000;
}
 .footer-mainlist li {
     font-family: "Poppins", sans-serif;
     font-size: 20px;
     line-height: 30px;
     border-bottom: 1px solid #fff;
     padding-top: 10px;
     padding-bottom: 10px;
}
.footer-mainlist a {
	//color:#fff;
	cursor:pointer;
}
.footer-sublist a {
	//color:#fff;
	cursor:pointer;
}
.bigpixi-footer-social a{
	color:#fff;
}
 .footer-sublist li {
     font-family: "Poppins", sans-serif;
     font-size: 13px;
     line-height: 20px;
    // padding: 5px 0px;
     margin-bottom: 0px;
     list-style-type: none;
}
 .subscribe-head {
     font-family: "Poppins", sans-serif;
     font-family: 15px;
     color: #fff;
}
 .header-nav__social > li {
     width: 40px;
     //border-right:1px solid #fff ;
}
/*.header-nav__social > li>a{
     padding-bottom: 10px;
}
*/
/* header-nav__social > li:last-child{
     border-right:none;
}
*/
/*Common Items*/
 .bg-white {
     background-color: #ffffff;
}
 .img-center {
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 45%;
     padding: 25px;
}
/* product Menu css */
 .subnav-content {
     padding-top: 15px;
     color: #ffffff;
     font-size: 17px;
     line-height: 25px;
     font-weight: normal;
     font-family: "Poppins", sans-serif;
}
 .subnav-content a {
     color: #b1b1b1;
     text-decoration: none;
     font-family: "Poppins", sans-serif;
}
 .header-search {
    /* z-index: 501;
    */
     display: inline-block;
     margin: 0;
     padding: 0;
     position: absolute;
     right: 10px;
     top: 45%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .sales-content {
     color: #ffffff;
     font-family: "Poppins", sans-serif;
     font-size: 10px;
     font-weight: normal;
     border-bottom: 1px solid rgba(202, 197, 197, 0.66);
}
 .submenusection {
     width: 74.1%;
     margin-left: 25.9%;
     z-index: 0;
     top: 0%;
     background-color: #111111d6;
     border-left: 7px solid #E4E3E1;
}
 .logo-menu > img {
     //padding-top: 15px;
}
 .header-menu-sub {
     padding-left: 7%;
     //padding-right: 5%;
     height: 100%;
}
 .first-menu {
     padding-top: 4%;
     height: 20%;
     line-height: 40px;
}
 .mainmenu-item {
     text-align: left;
     color: #ffffff;
     /* line-height: 25px; */
     //cursor:pointer;
}
 .mainmenu-item a {
     font-family: "Poppins", sans-serif;
     font-size: 20px;
     text-decoration: none;
     color: #ffffff;
     display: block;
     transition: 0.3s;
     line-height: 40px;
     border:none;
      cursor:pointer;
     /* border-bottom: 1px solid rgba(202, 197, 197, 0.66); */
}
 .mainmenu-item a:hover {
     /* background-color: #005B89; */
     width: 100%;
     //margin-left: -15%;
    // padding-left: 15%;
     border-bottom: none;
}
.mainmenu-item > a:hover:after {
    content: '>';
    float:right;
    font-weight:bold;
}


.mainmenu-item  > a:before {
    content: '';
}

 .second-menu {

     height:25%;
     /* padding-top: 5%;
     height: 22%; */
   /*   margin-bottom: -15px !important; */
}
 .submainmenu-item {
     font-family: "Poppins", sans-serif;
     font-size: 13px;
     text-decoration: none;
     color: #ffffff;
     display: block;
     transition: 0.3s;
     line-height: 10px;
     font-weight: 700;
     float:left;
     display:inline-block;
}
 .submainmenu-item-last {
     /* padding-bottom: 6% !important; */
     /* resource menu section header space alignment worked by maruthi on 22Feb2019 */
      padding-bottom: 12% !important;
     //border-bottom: 1px solid rgba(202, 197, 197, 0.66);
}
 .subscribesection {
    /*  //padding-top: 15px;
    // height: 26%; */
     height: 20%;
     bottom: 25%;
     position: absolute;
}
 .subscribe-subsection {
     border-bottom: 1px solid rgba(202, 197, 197, 0.66);

}

 .subscribe-text {
     font-family: "Poppins", sans-serif;
     font-weight: lighter;
     font-size: 11px;
     text-decoration: none;
     color: #ffffff;
     display: block;
     transition: 0.3s;
     line-height: 20px;
}
 .subscribe-text1 {
     font-family: "Poppins", sans-serif;
     font-size: 11px;
     text-decoration: none;
     color: #ffffff;
     display: block;
     line-height: 14px;
}
 .subscribe-text2 {
     font-family: "Poppins", sans-serif;
     font-size: 11px;
     text-decoration: none;
     color: #ffffff;
     display: block;
     line-height: 12px;
}
 .subscribe-footer {
     background-color: #737373;
     border-radius: 2px;
     color: #fff;
     border: #737373 1px solid;
     font-family: "Poppins", sans-serif;
     font-size: 20px;
}
 .subscribe-footer::placeholder {
     color: #fff;
     font-family: "Poppins", sans-serif;
     font-size: 11px;
     font-weight: lighter;
}
 .btn-sub {
     background-color: #0059A3;
     color: #fff ! important;
     width: 130px;
     font-size: 15px;
     line-height: 15px;
     border-radius: 10px;
     margin-bottom: 5px;
}
 .menu-followus {
     //padding-top: 1%;
     //height: 15%;
     position: absolute;
     bottom: 5px;
     height:100px;
}
 .followicons  {
     float: left;
    /*  width: 40px; */
 /* margin: -10px 0px 0px 10px; */
     padding: 0px 10px 0px 8px;
}
.followicons a
{
	  color:#fff;
}
 .sideleft {
     border-left: #cccccc 1px solid;
}
 .closebtn {
     padding-top: 5px;
     font-size: 15px;
     font-weight: lighter;
     color: #cccccc;
     padding-right: 30px;
     cursor:pointer;
}
 .menu-active {
     background-color: #005B89;
     width: 100%;
     //margin-left: -10%;
     padding-right: 0px;
    // padding-left: 15% !important;
     border-bottom: none;
}
 .menu-active a:after {
     border-bottom: none;
     content: '>';
    float:right;
     font-size: 30px;
     font-weight: bolder;
     /* menu alignment modified by maruthi on 06mar2019 */
      position: absolute;
     right:10px;
}

 .submenu-det {
     border-left: .5px solid #7C7C7C;
}
 .Sub-menu-head {
     text-align: left;
     color: #ffffff;
     line-height: 20px;
     font-family: "Poppins", sans-serif;
     font-size: 16px;
}
 .Sub-menu-items {
     text-align: left;
     color: #CCCCCC;
     line-height: 27px;
     font-family: "Poppins", sans-serif;
     font-size: 16px;
}
 .ul-style-none {
     list-style-type: none;
}
 .saleenq {
     border-left: #cccccc 1px solid;
}
 .head-technical {
     margin-top: 10px;
     display: none;
}
 .button-tesxt-head > a {
     text-align: left;
     color: #005B89;
     line-height: 20px;
     font-family: "Poppins", sans-serif;
     font-size: 12px;
}
.button-tesxt-head > a:hover
{
	 color: #005B89;
}
 .searchicon {
     color: #005B89;
     position: relative;
     z-index: 1;
     font-size: 20px;
     left: -35px;
     top: 1px;
}
 .menu-fa {
     margin-right: 30px;
     margin-top: 15px;
}
/*Products started */
 .product-item-banner {
     width: 100%;
     height: 520px;
    background-color:  #0059A3;
}
/* banner update by maruthi on 07Feb2019 */
 .integration {
     background-image: url("../images/products/Fiorano-Hybrid-Integration-Platform.jpg");
}
 .product-item-banner > img {
     height: 100%;
     width: 100%;
}
 .product-banner-subitem {
     top: 45%;
     height: 300px;
     padding: 20px 40px;
     background-color: #ffffffe3 !important;
}
 .product-banner-breadcrumbs {
     font-family: "Poppins", sans-serif;
     font-size: 12px;
     color: #666666;
     line-height: 14px;
}
 .product-banner-subitem > h1 {
     font-family: "Poppins", sans-serif;
     font-size: 64px;
     font-weight: normal;
     color: #fff;
     margin-top: 20px;
     margin-bottom: 10px;
     color: #0059A3;
     letter-spacing: -1px;
}
 .product-banner-subitem > p {
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     color: #000000;
     line-height: 24px;
}
 .product-page-navigation {
     background-color: #F2F2F2;
     margin-top: 20px;
     height: 45px;
}
 .product-banner-home {
     height: 560px;
     background-color: #ffffff;
}
 .product-page-nav-item {
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     font-weight: bold;
     line-height: 25px;
     margin: 10px;
     color: #0059A3;
}
 .product-item {
     padding-bottom: 50px;
     background-color: #FFFFFF;
}
 .Product-item-heading {
     font-family: "Poppins", sans-serif;
     font-size: 45px;
     line-height: 50px;
     font-weight: lighter;
}
 .Product-item-desc {
     padding-top: 10px;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 24px;
     font-weight: normal;
     color: #000000;
}
/*Common Items*/
 .bg-white {
     background-color: #ffffff;
}
 .img-center {
     display: block;
     margin-left: auto;
     margin-right: auto;
     width: 45%;
     padding: 25px;
}
/* product Menu css */
 .subnav-content {
     float: left;
     width: 100%;
     color: #ffffff;
     font-size: 16px;
     line-height: 25px;
     font-weight: normal;
     font-family: "Poppins", sans-serif;
     margin: -11px 0px 10px -36px;

}
 .subnav-content a {
     color: #CCCCCC;
     text-decoration: none;
     font-family: "Poppins", sans-serif;
     font-size: 16px;
}
 .header-search {
    /* z-index: 501;
    */
     display: inline-block;
     margin: 0;
     padding: 0;
     position: absolute;
     right: 10px;
     top: 45%;
     -webkit-transform: translateY(-50%);
     -ms-transform: translateY(-50%);
     transform: translateY(-50%);
}
 .sales-content {
     color: #ffffff;
     font-family: "Poppins", sans-serif;
     font-size: 10px;
     font-weight: normal;
}
/* .submenusection {
     width: 100%;
     z-index: 0;
     background-color: #111111;
}
 */
/* product page css 30Jan2019 by maruthi */
 .box-productsection {
     border-radius: 3px;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
     padding: 35px 15px;
     text-align: right;
     display: block;
     margin-top: 30px;
}
 .key-desc {
     color: #0059A3;
     background-color: #ffffff;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12)
}
 .Home-key > h4 {
     font-family: "Poppins", sans-serif;
     font-size: 25px;
     color: #0059A3;
     font-weight: normal;
}
 .Home-key >p {
     padding-top: 20px;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 24px;
     font-weight: normal;
     color: #000000;
}
/* keyfeatures tab css start here */
 #panelone, #paneltwo, #panelthree, #panelfour, #panelfive,#panelsix,#panelseven,#paneleight,#panelnine,#panelten, #sectionone, #sectiontwo, #sectionthree, #sectionfour, #sectionfive, #sectionsix,#sectionseven,#sectioneight,#sectionnine,#sectionten {
     background-color: #ffffff;
     color: #0059A3;
     cursor: pointer;
     padding: 22px 16px;
     width: 100%;
     border: none;
     text-align: left;
     outline: none;
     font-size: 25px;
     font-family: "Poppins", sans-serif;
}
 #panelone {
     color: #000000;
     display: none;
     height: 400px;
     margin-top: -20px;

}
 #paneltwo {
     color: #000000;
     display: none;
     height: 400px;
     margin-top: -20px;

}
 #panelthree {
     color: #000000;
     display: none;
     height: 400px;
     margin-top: -20px;

}
 #panelfour {
     color: #000000;
     display: none;
     height: 400px;
     margin-top: -20px;

}
 #panelfive {
     color: #000000;
     display: none;
     height: 400px;
     margin-top: -20px;

}
 #panelsix {
     color: #000000;
     display: none;
     height: 400px;
     margin-top: -20px;

}
 #panelseven {
     color: #000000;
     display: none;
     height: 470px;
     margin-top: -20px;

}
 #paneleight {
     color: #000000;
     display: none;
     height: 400px;
     margin-top: -20px;

}
 #panelnine {
     color: #000000;
     display: none;
     height: 400px;
     margin-top: -20px;

}

/* keyfeatures tab css start here */
/* benefits sections css start */
 .benefit-section-text h4 {
     color: #0059A3;
     font-family: "Poppins", sans-serif;
     font-size: 25px;
     padding-top: 10px;
     font-weight: normal;
     text-align: left;
}
 .benefit-section-text > p {
     color: #000000;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     padding-top: 0px;
     text-align: left;
     line-height:24px;
}
 .row-line {
     border-left: 1px solid #0059A3;
     border-collapse: collapse;
     padding: 0px 40px 0px 40px;
}
/* benefits sections css end */
/* similar products css start here */
 .Home-product > h4 {
     font-family: "Poppins", sans-serif;
     font-size: 25px;
     color: #0059A3;
     font-weight: normal;
     padding-left: 20px;
     text-align: left;
}
 .Home-product >p {
     padding-top: 20px;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 24px;
     font-weight: normal;
     color: #000000;
     padding-left: 20px;
     text-align: left;
}
/* similar products css end here */
/* case study css start here */
 .casestudy-button {
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 25px;
     font-weight: 700;
     color: #0059A3 ! important;
     cursor:pointer;
}
/* case study css end here */
/* product page css 30Jan2019 by maruthi */
/* solutions section css start here 01Feb2019 */
 .banking-financial-services {
     background-image: url("../images/solutions/Banking-&-Financial-Services.jpg");
}
 .integraed-solution-text h4 {
     color: #0059A3;
     font-family: "Poppins", sans-serif;
     font-size: 27px;
     padding-top: 10px;
     font-weight: normal;
     text-align: left;
}
 .integraed-solution-text > p {
     color: #000000;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     padding-top: 0px;
     text-align: left;
     line-height:24px;
}
 .row-line {
     border-left: 1px solid #0059A3;
     border-collapse: collapse;
     padding: 0px 40px 0px 40px;
}
 .solution-highlight {
     background-image: url("../images/home/banner5.png");
     width: 100%;
}
 .highlights h4 {
     color: #ffffff;
     font-family: "Poppins", sans-serif;
     font-size: 40px;
     padding-top: 10px;
     font-weight: normal;
     text-align: left;
}
 .highlights > p {
     color: #ffffff;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     padding-top: 10px;
     text-align: left;
     line-height:24px;
}
 .highlight-list {
     color: #ffffff;
     font-family: "Poppins Light";
     font-size: 26px;
     padding-left: 20px;
     text-align: left;
     line-height: 40px;
}
 .solutions-key-list {
     color: #000000;
     font-family: "Poppins", sans-serif;
     font-size: 20px;
     padding: 0px 0px 0px 10px;
     text-align: left;
}
 .solutions-key-list li {
     padding: 10px 0px 10px 0px;
     float: left;
     border-bottom: 1px solid #91aecc;
     width: 78%;
}
 .solutions-benefit {
     color: #000000;
     font-family: "Poppins", sans-serif;
     font-size: 16px;
     padding: 10px;
     text-align: left;
     line-height: 30px;
     list-style: none;
     width:78%;
}
/* solutions section css end here 01Feb2019 */
/* case study section css start here on 04Feb2019 */
 .resource-banner-subitem {
     padding: 20px 20px;
}
 .casestudy-banner-subitem {
     top: 45%;
     height: 300px;
     padding: 20px 40px;
     background-color: #ffffffe3 !important;
}
 .casestudy-banner-subitem > h1 {
     font-family: 'Poppins Light';
     font-size: 45px;
     font-weight: normal;
     color: #fff;
     margin-top: 20px;
     margin-bottom: 10px;
     color: #0059A3;
}
 .casestudy-banner-subitem > p {
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     color: #000000;
     line-height: 24px;
}
 .casestudy-page-navigation {
     background-color: #F2F2F2;
     margin-top: 20px;
     height: 140px;
}
 .casestudy-page-nav-item {
     font-family: "Poppins", sans-serif;
     font-size: 20px;
     font-weight: normal;
     line-height: 2px;
     color: #0059A3;
}
 .textalign {
     font-size: 35px;
     padding: 20px 0px 0px 40px;
}
 .textcolor-white {
     color: #ffffff;
     padding-left:40px;
}
 .casestudy-border {
     border-top: 1px solid #91aecc;
     padding-top: 10px;
     font-size: 25px;
     color: #0059A3;
}
 .casestudy-border2 {
     border-bottom: 1px solid #91aecc;
     padding-bottom: 20px;
}
 .casestudy-result {
     color: #000000;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     padding: 10px;
     text-align: left;
     line-height: 35px;
     list-style: none;
}
 .casestudy-Solution > h4 {
     font-family: "Poppins", sans-serif;
     font-size: 23px;
     color: #0059A3;
     font-weight: normal;
}
 .casestudy-Solution >p {
     padding-top: 20px;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 24px;
     font-weight: normal;
     color: #000000;
}
 .casestudy-aboitiz {
     background-image: url("../images/casestudies/aboitiz-banner.jpg");
}
 .casestudy-page-logo {
     background-color: #FFFFFF;
     margin: 300px 0px 0px 50px;
     height: 170px;
}
 .casestudy-subhead {
     font-family: "Poppins Light";
}
 .carousel-caption-casestudy {
     position: absolute;
     bottom: 20px;
     z-index: 10;
     padding-top: 20px;
     padding-bottom: 20px;
     color: #fff;
     text-align: center;
     text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
     width: 100%;
     height: 350px;
     top: 24%;
     margin-left: 26% !important;
     border: 0px solid blue;
     background-color: #235B99;
     opacity: 0.8;
     padding: 30px 40px;
}
 .carousel-caption-casestudy p {
     font-family: "Poppins Light";
     font-size: 15px;
     text-align: left;
     line-height:24px;
     font-weight: bold;
}
 .carousel-caption-casestudy .banner-breadcrumb {
     font-family: "Poppins", sans-serif;
     font-size: 18px;
     text-align: left;
     font-weight: bold;
     color: #fff;
}
 .carousel-caption-casestudy h1 {
     font-family: 'Poppins Light';
     font-size: 68px;
     font-weight: normal;
     color: #fff;
     margin-top: 20px;
     margin-bottom: 10px;
}
 .pdfcolor {
     font-family: "Poppins", sans-serif;
     font-size: 12px;
     text-align: left;
     font-weight: bold;
     color: #0059A3;
}
/* case study section css end here on 04Feb2019 */
/* home page css start here */
 .home-banner {
     width: 100%;
    height: 100vh ! important;
}
 .home-banner-indicators1 {
     background-color: #005A88 !important;
}
 .home-banner-indicators2 {
     background-color: #543A6B !important;
}
 .home-banner-indicators3 {
     background-color: #438641 !important;
}
 .home-banner-indicators4 {
     background-color: #D54548 !important;
}
 .home-banner-indicators5 {
     background-color: #FCEE21 !important;
}
/* home page css end here */
/* product casestudy css start here */
 .product-casestudy > h4 {
     font-family: "Poppins", sans-serif;
     font-size: 24px;
     color: #0059A3;
     font-weight: normal;
}
 .product-casestudy >p {
     padding-top: 20px;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 25px;
     font-weight: normal;
     color: #000000;
}
 .product-integration > h4 {
     font-family: "Poppins", sans-serif;
     font-size: 25px;
     color: #0059A3;
     font-weight: normal;
}
 .product-integration >p {
     padding-top: 20px;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 25px;
     font-weight: normal;
     color: #000000;
}
/* product casestudy css end here */
/* case study list page css start here */
 .casestudy-selectbox {
     padding: 40px 0px 0px 300px;
}
 .casestudy-banner {

     width: 100%;
    height: 100vh ! important;
}
 .casestudy-banner-indicators1 {
     background-color: #005A88 !important;
}
 .casestudy-banner-indicators2 {
     background-color: #543A6B !important;
}
 .casestudy-banner-indicators3 {
     background-color: #438641 !important;
}
 .casestudy-banner-indicators4 {
     background-color: #D54548 !important;
}
 .casestudy-banner-indicators5 {
     background-color: #FCEE21 !important;
}
 .casestudylist-banner {
     width: 100%;
}
 .casseban1 {
     background-color: #235B99;
}
 .casseban2 {
     background-color: #453057;
}
 .casseban3 {
     background-color: #3f6f3f;
}
 .casseban4 {
     background-color: #ba5155;
}
 .casseban5 {
     background-color: #105692;
}
/* case study list page css end here */
/* aboitiz case study page css start here */
 .case-logo {
     padding: 30px 0px 0px 25px;
}
 .case-pdf-text {
     color: #0059A3;
     padding: 0px 0px 0px 60px;
}
/* aboitiz case study page css end here */
/* casestudy selectbox customize css start here */
 .removeborder {
     border: none;
     -moz-appearance: none;
     -webkit-appearance: none;
     appearance:none;
    /* width:100px;
     */
     height: 35px;
     outline:none;
}
 .industry {
     background-image: url(../images/select-arrow.png);
     background-position: center right;
     background-repeat: no-repeat;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     font-weight: bold;
     color: #0059A3;
     width:100%;
     //margin-left:150px;
     cursor:pointer;
}
 .region {
     background-image: url(../images/select-arrow.png);
     background-position: center right;
     background-repeat: no-repeat;
     font-family: "Poppins Medium";
     font-size: 15px;
     font-weight: bold;
     color: #0059A3;
     width:80%;
     //margin-left:190px;
     cursor:pointer;
}
/* casestudy selectbox customize css end here */

     .solution-page-navigation {
         background-color: #F2F2F2;
         margin-top: 20px;
         height: 45px;
    }
    .hightlight-padding
    {
    	padding-left:100px;
    }
    .closeicon {
    margin: 20px 10px 10px 280px;
     /* padding-top: 50px; */
     font-size: 14px;
     font-weight: lighter;
     color: #cccccc;
     padding-right: 30px;
     cursor:pointer;
     }
     .second-menu-font a {
         font-family: "Poppins", sans-serif;
     font-size: 15px;
     font-weight:normal;
         line-height: 25px;
         letter-spacing: 1px;
         color:#fff;
         cursor:pointer;

	}

	/* Aboutus Section Css Start here */

	 .about-banner-home {
     height: 560px;
     background-color: #ffffff;
	}
	.about-item-banner {
     width: 100%;
     height: 520px;
	}
	.aboutus {
     background-image: url("../images/home/about-us.jpg");
	}
	 .about-item-banner > img {
     height: 100%;
     width: 100%;
	}
	 .about-banner-subitem {
	     top: 55%;
	     height: 300px;
	     padding: 20px 40px;
	}
	.about-banner-breadcrumbs {
     font-family: "Poppins", sans-serif;
     font-size: 12px;
     color: #666666;
     line-height: 14px;
	}
	 .about-banner-subitem > h1 {
     font-family: 'Poppins Light';
     font-size: 68px;
     font-weight: normal;
     color: #fff;
     margin-top: 20px;
     margin-bottom: 10px;
     color: #0059A3;
	}
 	.about-banner-subitem > p {
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     color: #000000;
     line-height: 24px;
	}
	 .about-page-navigation {
	     background-color: #F2F2F2;
	     margin-top: 20px;
	     height: 45px;
	}

	 .about-page-nav-item {
	     font-family: "Poppins", sans-serif;
	     font-size: 15px;
	     font-weight: bold;
	     line-height: 24px;
	     margin: 10px;
	     color: #0059A3;
	}
	 .about-item {
	     padding-bottom: 50px;
	     background-color: #FFFFFF;
	}
	 .about-item-heading {
	     font-family: 'Poppins Light';
	     font-size: 45px;
	     line-height: 50px;
	     font-weight: lighter;
	}
	 .about-item-desc {
	     padding-top: 20px;
	     font-family: "Poppins", sans-serif;
	     font-size: 16px;
	     line-height: 25px;
	     font-weight: normal;
	     color: #000000;
	}
	.about-item-desc-bold
	{
        font-family: "Poppins", sans-serif;
	     font-size: 20px;
	     font-weight: normal;
	     color: #444444;
	}

	.whatwedo-section-text h4 {
     color: #0059A3;
        font-family: "Poppins", sans-serif;
     font-size: 25px;
     padding-top: 10px;
     font-weight: normal;
     text-align: left;
	}
	 .whatwedo-section-text > p {
	     color: #000000;
	     font-family: "Poppins", sans-serif;
	     font-size: 15px;
	     padding-top: 0px;
	     text-align: left;
	     line-height:24px;
	}

	.about-text {
     font-size: 35px;
     padding: 20px 0px 0px 40px;
	}

	/* Aboutus Section Css End here */


	/* Contact Us page start here */

	 .contact-banner-home {
     height: 560px;
     background-color: #ffffff;
	}
	.contact-item-banner {
     width: 100%;
     height: 520px;
	}
	.contactus {
     background-image: url("../images/home/contact.jpg");
	}
	 .contact-item-banner > img {
     height: 100%;
     width: 100%;
	}
	 .contact-banner-subitem {
	     top: 55%;
	     height: 300px;
	     padding: 20px 40px;
	}

	.contact-banner-breadcrumbs {
     font-family: "Poppins", sans-serif;
     font-size: 12px;
     color: #666666;
     line-height: 14px;
	}
	 .contact-banner-subitem > h1 {
     font-family: 'Poppins Light';
     font-size: 68px;
     font-weight: normal;
     color: #fff;
     margin-top: 20px;
     margin-bottom: 10px;
     color: #0059A3;
	}
 	.contact-banner-subitem > p {
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     color: #000000;
     line-height: 24px;
	}
	/* Contact Us Page end here  */

	/* address section start here  */
	.contact-bg {
     background-color:#235B99;
     width: 100%;
	}


	 .contact-item-heading h4 {
	     font-family: 'Poppins Light';
	     font-size: 16px;
	     line-height: 50px;
	     font-weight: bold;
	     color: #ffffff;
          line-height: 25px;
	}
	 .contact-item-desc {
	     font-family: "Poppins", sans-serif;
	     font-size: 15px;
	     line-height: 24px;
	     font-weight: normal;
	     color: #ffffff;
          line-height: 25px;
	}
	.contact-row-line {
     border-left: 1px solid #ffffff;
     border-collapse: collapse;
     padding: 0px 40px 80px 40px;

	}


	.contact-text h1 {
	 font-family: 'Poppins';
     font-size: 50px;
     font-weight: lighter;
     color: #ffffff;
      line-height: 25px;
	}
     .contact-text p {
      font-family: 'Poppins';
      font-size: 15px;
      font-weight: bold;
      color: #ffffff;
      line-height: 24px;
     }
	 .contact-white {
      color: #ffffff;
     }

     .text-bold
     {
          font-weight:bold ! important;
     }

/* address secton end here */


/* contact details start here */
 .contact-details-heading {
    font-family: 'Poppins';
     font-size: 16px;
     font-weight: bold;
     color: #0059A3;
     line-height: 25px;
     }
      .contact-details-desc   {
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     font-weight: normal;
     color: #000000;
     line-height: 24px;
     }
     .contact-background
     {
          background-color: #DEE7F0;
          margin-top: 20px;
          height: 25%;
          padding:24px;

     }
     .contact-heading {
     font-family: 'Poppins';
     font-size: 16px;
     font-weight: bold;
     color: #0059A3;
     line-height: 22px;
     }
      .contact-desc   {
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     font-weight: normal;
     color: #000000;
     line-height: 24px;
     }
     .number
     {
        font-family: "Poppins", sans-serif;
        font-size: 24px;
        font-weight: bold;
        color: #000000;
     }
     .contact-border {
     border-bottom: 1px solid #000000;
     border-collapse: collapse;
     padding: 20px 0px 0px 0px;

     }
/* contact details end here */

/* technical support start here */


 .home-contact > h4 {
     font-family: "Poppins", sans-serif;
     font-size: 25px;
     color: #0059A3;
     font-weight: normal;
}
 .home-contact >p {

     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 24px;
     font-weight: normal;
     color: #000000;
}

.technical-heading {
     font-family: 'Poppins Light';
     font-size: 45px;
     line-height: 50px;
     font-weight: lighter;
     }
   .support-height
   {
        height:135px;
   }
    .btn-technical {
     background-color: #0059A3;
     color: #fff ! important;
     font-size: 12px;
     border-radius: 10px;
     margin-bottom: 5px;
}
 .box-technicalsection {
     border-radius: 3px;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 35px 15px;
     text-align: right;
     display: block;
     margin-top: 30px;
}
/* technical support end here */

/* press release Start here  */
.pressrelease-item-heading {
    font-family: 'Poppins Light';
    font-size: 45px;
    line-height: 50px;
    font-weight: lighter;
}
.pressrelease {
    background-image: url(../images/select-arrow.png);
    background-position: center right;
    background-repeat: no-repeat;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #0059A3;
    width: 160%;
    margin-left: 350%;
}
.company-pressrelease > h4 {
    font-family: "Poppins", sans-serif;
    font-size: 23px;
    color: #0059A3;
    font-weight: normal;
}
.company-pressrelease > p {
    padding-top: 20px;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 24px;
    font-weight: normal;
    color: #000000;
}
.pressrelease-button {
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 25px;
     font-weight: 700;
     color: #0059A3;
}
/* press release End here */
/*Added hari */

.sales-enq{
    border-top: 1px solid rgba(202, 197, 197, 0.66);
    padding-top: 10px;
}
.mobile-banner-text{
    margin: 0 4%;
}
.mobile-h4{
    font-size: 22px !important;

}
.mobile-space
{
	padding-bottom:35px;
}
.margin-bottom-5
{
	margin-bottom:5px ! important;
}
.margin-top-10
{
	margin-top:10px;
}
.margin-top-20
{
	margin-top:20px;
}
.margin-top-30
{
	margin-top:30px;
}
.margin-top-40
{
	margin-top:40px;
}
.margin-top-50
{
	margin-top:40px;
}
.aboutus-background
{
	background-color:#0059A3;
}
.casestudy-banner-subitem-mobile{
    top: 6%;
    height: 300px;
    padding: 5px 15px;
}
.casestudy-banner-subitem-mobile > h1 {
    font-family: 'Poppins Light';
    font-size: 24px;
    font-weight: normal;
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
    color: #0059A3;
}
.casestudy-banner-subitem-mobile > p {
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    color: #000000;
    line-height: 24px;
}

/* Casestudy slider arrow sections start */
.mobile-icon {
    position: relative;
    top: 50%;
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.glyphicon-chevron-right::before {
    content: "";
}
.glyphicon-chevron-left::before {
    content: "";
}
.mobile-control {
    font-size: 20px;
    color: #0059A3;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0,0,0,.6);
}
/* Casestudy slider arrow sections end */
.padding-top-5
{
	padding-top:5px;
}
.tech-support > span
{
	 font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: bold;
        color: #000000;
}
/* Mobile Panel Slider Start Here */
.mobile-nav-scroll
{
	background-color: #F2F2F2;
	display:inline-block;
}
 .mobile-panel-text {
     font-family: "Poppins", sans-serif;
     font-size: 12px;
     font-weight: bold;
     line-height: 20px;
     margin: 10px;
     color: #0059A3;
     display:inline-block;
     height: 40px;
}
.rio-promos {
  max-width: 1000px;
  margin: 0 auto;
}
.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-slide
{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-initialized .slick-slide
{
    display: block;
}
.mobile-panel
{
	margin-top:-30px;
}
.mobile-panel-product
{
	margin-top:-20px;
}
.mobile-panel-about
{
	margin-top:-40px;
}
/* Mobile Panel slider End Here */


/*started hari for desktop menu*/
.header-menu-sub{
    width: 26%;
}
.second-menu-section{
    height: 100%;
    width: 72%;
    border-left: 1px solid rgba(202, 197, 197, 0.66);
}

.logo-width
{
	width:100%;
    padding-top: 5px;
}
.bgcolor
{
	 //background-color: #111111d6;
}
 .mobile-second-menu {
 padding-top: 10%;

}
 .menu-item-name{
     padding-left: 35px;
 }
 .resource {
     margin-top: 5%;
 }
.solutions-benefit li::before {

    content: "•"; color: #235B99;
    display: inline-block; font-size: 25px;
    margin-left: -1em;
    width: 1em;

}
/* aboitiz-power case study banner indicators start */
.desktop-case-indicators .active {
    width: 5%;
    height: 8px;
    margin: 1px;
    border: #005A88  1px solid ! important;
     background-color:#0059A3;
}
 .desktop-case-indicators li {
    border-radius: 0px;
    width: 5%;
    height: 5px;
    border: 1px solid #156abd ! important;
}
.desktop-case-indicators
{
	left: 45% !important;
	padding-left: 14px;
	top: 105% !important;
}
/* aboitiz-power case study banner indicators end */


.head-key
{
	font-size:18px;
	line-height:1.3em;
}
.padding-top-50
{
	padding-top:50px;
}
.padding-top-5
{
	padding-top:5px;
}
.padding-top-10
{
	padding-top:10px;
}
.padding-top-70
{
	padding-top:70px !important;
}
.padding-top-80
{
	padding-top:80px ;
}
.padding-top-90
{
	padding-top:90px;
}
.padding-top-60
{
	padding-top:60px;
}
.padding-bottom-70
{
	padding-bottom:70px;
}
.padding-bottom-60
{
	padding-bottom:60px;
}
.padding-bottom-80
{
	padding-bottom:80px;
}
.padding-bottom-90
{
	padding-bottom:90px;
}
 .casestudy-section > h4 {
    font-family: "Poppins", sans-serif;
    font-size: 24px;
    color: #0059A3;
    font-weight: normal;
}
 .casestudy-section >p {
     padding-top: 20px;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 24px;
     font-weight: normal;
     color: #000000;
}
/* home page slider shacking issues code start here */
.homeslider img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
  max-width: 100%;
}
.homesection {
  min-height: 100vh;
  max-width: 100vw;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
/* home page slider shacking issues code end here */
/* cases study slider shacking issues code start here */
.casestudyslider img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: auto;
  max-width: 100%;
}
.casesection {
  height: 83vh;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
/* cases study slider shacking issues code start here */

/* Desktop Mobile Burger menu Css Start here */

.sidebarMenuInner{
    margin:0;
    padding:0;
    border-top: 1px solid rgba(255, 255, 255, 0.10);
}


.sidebarIconToggle {
    transition: all 0.3s;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    z-index: 99;
    height: 100%;
    width: 100%;
    top: 22px;
    left: 50px;
    height: 25px;
    width: 22px;
}
.spinner {
    transition: all 0.3s;
    box-sizing: border-box;
    position: absolute;
    height: 2px;
    width: 22px;
    background-color: #fff;
    margin: 1px 0px 1px 0px;
}
.horizontal {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
.diagonal.part-1 {
    position: relative;
    transition: all 0.3s;
    box-sizing: border-box;
    float: left;
}
.diagonal.part-2 {
    transition: all 0.3s;
    box-sizing: border-box;
    position: relative;
    float: left;
    margin-top: 3px;
}
/* Desktop Mobile Burger menu Css End here */

/* common paragraph heading */

.page-heading {
     font-family: 'Poppins Light';
     font-size: 45px;
     line-height: 50px;
     font-weight: lighter;
    letter-spacing: -1px;
}
 .para-desc {
     padding-top: 10px;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 24px;
     font-weight: normal;
     color: #000000;
}
.head > h4 {
    font-family: "Poppins", sans-serif;
    font-size: 25px;
    color: #0059A3;
    font-weight: normal;
}
.adapter-banner {
     background-image: url("../images/products/Fiorano-Adapters.jpg");
}
.server-banner {
     background-image: url("../images/products/Fiorano-Servers.jpg");
}
 .digital-banner {
     background-image: url("../images/products/product-integration-banner.jpg");
}
 .cloud-banner {
     background-image: url("../images/products/product-integration-banner.jpg");
}
 .mq-banner {
     background-image: url("../images/products/FioranoMQ.jpg");
     height: 375px;
padding: 30px 0px;
}
.api-integration-banner {
     background-image: url("../images/products/api-banner.jpg");
}
.studio-banner {
     background-image: url("../images/products/Fiorano-Studio-Tools.jpg");
}
.health-banner {
     background-image: url("../images/solutions/healthcare.jpg");
}
.government-banner {
     background-image: url("../images/solutions/Government-and-Defense.jpg");
}

.sup-val {
    font-size: 15px;
   top:-36px;
}
.content-alignment
{
	padding: 20px 53px;
}
.sub-heading {
     font-family: 'Poppins Light';
     font-size: 38px;
     line-height: 50px;
     font-weight: lighter;
}
.text-blue  {
    color: #0059A3 ! important;
}
.termofuse {
     background-image: url("../images/home/termofuse.jpg");
	}

/* microservices videos css */
.video-micro {
    width: 94%;
    margin: 0px 16px;
}
.youtube-frameDiv1 {
    position: relative;
    height: 0;
    padding-bottom: 75.0%;
}
.youtube-frame {
    position: absolute;
    width: 80%;
    height: 69%;
    left: 0;
    margin-left: 19%;
}
.micro-youtube-frame {
  /*   margin-top: -20% !important;*/
    opacity: 999;
    width: 117%;
}
.youtube-frameDiv {
    margin-top: -62% !important;
    opacity: 99999;
    padding-top: 0;
    padding-bottom: 0;
}
.privacy {
     background-image: url("../images/home/privacy.jpg");
	}
/* scroll top */

.scrolltop {
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:20px;
	right:10px;
}
.scroll {
	position:absolute;
	right:20px;
	bottom:20px;
	background:#b2b2b2;
	background:rgba(178,178,178,0.7);
	padding:5px;
	text-align: center;
	margin: 0 0 0 0;
	cursor:pointer;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	border-radius:80px;
}
.scroll:hover {
	background:rgba(178,178,178,1.0);
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
.scroll:hover .fa {
	padding-top:-10px;
}
.scroll .fa {
	font-size:30px;
	margin-top:-5px;
	margin-left:5px;
	margin-right:5px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
}
/* services banner */
 .architecture-services {
     background-image: url("../images/solutions/banking-services-banner.png");
}
 .implementation-services {
     background-image: url("../images/solutions/banking-services-banner.png");
}
.performance-services {
     background-image: url("../images/solutions/banking-services-banner.png");
}
.training-services {
     background-image: url("../images/solutions/banking-services-banner.png");
}
.premium-services {
     background-image: url("../images/solutions/banking-services-banner.png");
}
.consulting-services {
     background-image: url("../images/solutions/banking-services-banner.png");
}
.data-integration {
     background-image: url("../images/solutions/banking-services-banner.png");
}
.logistics {
     background-image: url("../images/solutions/logistics.png");
}
.energy {
     background-image: url("../images/casestudies/aboitiz-banner.jpg");
}
.manufacturing {
     background-image: url("../images/solutions/Manufacturing.jpg");
}
.media {
     background-image: url("../images/solutions/Media-and-Mass-Communication.jpg");
}
.travel {
     background-image: url("../images/solutions/travel.png");
}
.explainer {
     background-image: url("../images/resources/explainer.jpg");
}
.two-minutes {
     background-image: url("../images/resources/2-Min-Explainers.jpg");
}
table .title tr,th {
    background: #0059A3;
    color: #fff;
    padding: 0px 0px 0px 0px !important;
}
/* 2-min explainers css start */

.demo-2 {
    position:relative;
    width:100%;
    height:320px;
    overflow:hidden;
    float:left;
   // padding-bottom: 5px;
    color:#000;
    text-align: center;
    // margin-right:20px;
    background-color: #005ba1;
    border-radius: 10px;

}
#min-first{

    background-image: url(../images/resources/Fiorano-Cloud-Integration-&-SOA.jpg);
    background-repeat: no-repeat;
    background-attachment: inherit;
    //background-position: bottom;
    background-position: 5px 87px;
}
#min-first:hover{
    background-image: url(../images/resources/video_icon.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 50% 75%;
    cursor:pointer;
    opacity: 999999;

}

#min-second{
    background-image: url(../images/resources/Fiorano-ESB-Simplifying-Integration.jpg);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 5px 87px;
}
#min-second:hover{
    background-image: url(../images/resources/video_icon.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 50% 75%;
    cursor:pointer;
    opacity: 999999;
}

#min-third{
    background-image: url(../images/resources/Spaghetti-Architecture.jpg);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 5px 87px;
}
#min-third:hover{
    background-image: url(../images/resources/video_icon.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 50% 75%;
    cursor:pointer;
    opacity: 999999;
}

#min-fourth{
    background-image: url(../images/resources/microservices.jpg);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 5px 87px;
}
#min-fourth:hover{
    background-image: url(../images/resources/video_icon.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 50% 75%;
    cursor:pointer;
    opacity: 999999;
}

#min-fifth{
    background-image: url(../images/resources/Fiorano-Peer-to-Peer-Architecture.jpg);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 5px 87px;
}
#min-fifth:hover{
    background-image: url(../images/resources/video_icon.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 50% 75%;
    cursor:pointer;
    opacity: 999999;
}

.effect:hover{
    background-image: url(../images/resources/video_icon.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 50% 75%;
    cursor:pointer;
    opacity: 999999;
}

#min-sixth{

    background-image: url(../images/resources/digital_banking.jpg);
    background-repeat: no-repeat;
    background-attachment: inherit;
//background-position: bottom;
    background-position: 5px 87px;
}
#min-sixth:hover{
    background-image: url(../images/resources/video_icon.png);
    background-repeat: no-repeat;
    background-attachment: inherit;
    background-position: 50% 75%;
    cursor:pointer;
    opacity: 999999;

}
.demo-2 p,.demo-2 h2 {
    color:#fff;
    padding:10px;
    left:-20px;
    top:20px;
    position:relative
}

.demo-2 p {
    //font-family:'Lato';
    font-size:12px;
    line-height:18px;
    margin:0;

    padding-top:5px !important;
}

.demo-2 h2 {
    font-size:20px;
    line-height:24px;
    margin:0;
    border-bottom: #fff 2px solid;
    //font-family:'Lato'
}

/*.effect img {
    position:absolute;
    left:0;
    bottom:0;
    width: 100%;
    cursor:pointer;
    margin:-12px 0;
    -webkit-transition:bottom .3s ease-in-out;
    -moz-transition:bottom .3s ease-in-out;
    -o-transition:bottom .3s ease-in-out;
    transition:bottom .3s ease-in-out;
    height: 291px;
}*/

.effect img.top:hover {
 /*   bottom:-30px;
    padding-top:50px;*/
   // background-image: url(../images/resources/video_icon.jpg);
}

h2.zero,p.zero {
    margin:0;
    padding:0
}
#vid-thumb ul li{
    display: inline-block;
    list-style: none;
// margin: 0 10px;
}
 .effect li
 {
     text-align: center;
 }

 /* 2-min explainers css end */

 /* webinar css start */
 #webinar1 {
    background-image: url(../images/webinar/PSD2-Compliance-Stressing-You-Out.jpg);
}
#webinar2 {
    background-image: url(../images/webinar/PSD2-Open-Banking-with-APIs.jpg);
}
#webinar3 {
    background-image: url(../images/webinar/HYBRID-CLOUD-STRATEGIES.jpg);
}
#webinar4 {
    background-image: url(../images/webinar/open-source-containers.jpg);
}
#webinar5 {
    background-image: url(../images/webinar/The-Rise-of-the-Open-Source.jpg);
}
#webinar6 {
    background-image: url(../images/webinar/Integrating-Microservices.jpg);
}
#webinar7 {
    background-image: url(../images/webinar/Avoiding-the-Perils.jpg);
}
#webinar8 {
    background-image: url(../images/webinar/Core-Banking-Integration.jpg);
}

#webinar10 {
    background-image: url(../images/webinar/psd2-enterprise-it-considerations.jpg);
}
#webinar11 {
    background-image: url(../images/webinar/global-banking.jpg);
}
#webinar12 {
    background-image: url(../images/solutions/iso20022-webi.jpg);
}

.webinartile {
   /*  background-repeat: no-repeat; */
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
    float: left;
    // background-size: cover;
    color: #000;
    text-align: center;
    border-radius: 10px;
}
 /* webinar css end */
 .title-heading {
     font-family: 'Poppins Light';
     font-size: 25px;
     line-height: 35px;
     font-weight: lighter;
}

/*Multiple Select */

span.multiselect-native-select {
    position: relative
}
span.multiselect-native-select select {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px -1px -1px -3px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    left: 50%;
    top: 30px
}
.multiselect-container {
    position: absolute;
    list-style-type: none;
  /*   margin: 0;
    padding: 0 */
}
.multiselect-container .input-group {
    margin: 5px
}
.multiselect-container>li {
    padding: 0
}
.multiselect-container>li>a.multiselect-all label {
    font-weight: 700
}
.multiselect-container>li.multiselect-group label {
    margin: 0;
    padding: 3px 20px 3px 20px;
    height: 100%;
    font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
    cursor: pointer
}
.multiselect-container>li>a {
    padding: 0
}
.multiselect-container>li>a>label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 0 3px 30px
}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
    margin: 0;
    color:#000;
}
.multiselect-container>li>a>label>input[type=checkbox] {
    margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0
}
.navbar-toggle{
    padding: 16px 16px;
    margin-right: 7% !important;
}
.event-section{
    background-image: url(../images/company/Digitalizing-Banking_lg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    height: auto;
    background-size: cover;
}
.table-list,td {
	border-style:none;
}
.margin-bottom-5 {
 margin-bottom:5px;
}
.label-bg
{
	background-color:#0059A3;
	color:#fff;
	width: 100%;
	text-align: left;
	padding:15px 10px 15px 10px;
}
.label-bg:hover
{
	background-color:#0059A3;
}
.partner-box
{
	background-color:#0059A3;
	text-align:left;
	color:#fff;
	padding:15px 10px 15px 10px;
	width: 80%;
}
.partner-box > p
{
	padding:12px 10px 15px 10px;
	color:#fff;
	   font-family: "Poppins", sans-serif;
     font-size: 15px;
     font-weight: normal;
     text-align:left;
}
.partner-box > h4 {
	padding:15px 10px 15px 10px;

}
.partner-box > .btn-white
{
	background-color:#fff;
	color:#0059A3;
	margin-left:13px;
}
.partner-banner {
    background-image: url("../images/partner/partners.jpg");
}
.events {
    background-image: url("../images/home/events.png");
}
 .year {
     padding-top: 10px;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 24px;
     font-weight: bold;
     color: #0059A3;
}
.year-boldless {
     padding-top: 10px;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 24px;
     font-weight: 200;
     color: #0059A3;
}
.careerbox
{
	font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 24px;
	width: 70%;
	padding: 10px 10px 1px 10px;
	color:#fff;
}

/* home page icon change hover start */
.home-img:hover{
	background-color:#0059A3;
}

.home-img:hover .t1{
	color:#fff;
}

.home-img:hover .first{

	 background-image: url("../images/home/api-1.png");
	  background-repeat: no-repeat;
}
.first{
	 background-image: url("../images/home/api.png");
	  background-repeat: no-repeat;
	  height:150px;
	 background-position: 70%;
	 background-size: 50%;
}

.home-img:hover .second{

	 background-image: url("../images/home/IOT-1.png");
	  background-repeat: no-repeat;
}

.second{
	 background-image: url("../images/home/IOT.png");
	  background-repeat: no-repeat;
	  height:150px;
	 background-position: 50%;
	 background-size: 50%;
}

.home-img:hover .third{

	 background-image: url("../images/home/B2B-1.png");
	  background-repeat: no-repeat;
}

.third{
	 background-image: url("../images/home/B2B.png");
	  background-repeat: no-repeat;
	  height:150px;
	 background-position: 50%;
	 background-size: 50%;
}

.home-img:hover .four{

	 background-image: url("../images/home/microservice-1.png");
	  background-repeat: no-repeat;
}

.four{
	 background-image: url("../images/home/microservice.png");
	  background-repeat: no-repeat;
	  height:150px;
	 background-position: 50%;
	 background-size: 50%;
}

.home-img:hover .five{

	 background-image: url("../images/home/data-integration-1.png");
	  background-repeat: no-repeat;
}

.five{
	 background-image: url("../images/home/data-integration.png");
	  background-repeat: no-repeat;
	  height:150px;
	 background-position: 50%;
	 background-size: 50%;
}

.home-img:hover .six{

	 background-image: url("../images/home/esb-1.png");
	  background-repeat: no-repeat;
}

.six{
	 background-image: url("../images/home/esb.png");
	  background-repeat: no-repeat;
	  height:150px;
	 background-position: 50%;
	 background-size: 50%;
}



/* home page icon change hover start */

/* Login page Css Start */
.login-bg {
   		border-radius: 3px;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
     padding: 15px 20px 40px;
     text-align: right;
     display: block;
     margin-top: 30px;
}
.title-color
{
	color:#0059A3;
}
.login-text
{
	color: #0059A3;
}
.forgot-btn
{
	color: #0059A3;
	font-weight:bold;
}
/* Login page Css End */

/* forgot password css start */
.login-content {
    width: 620px;
    margin: auto;
    padding: 35px 35px 20px;
    background-color: #FFFFFF;
    -moz-box-shadow: 0 3px 20px -3px rgba(63, 81, 181, 0.6);
    -webkit-box-shadow: 0 3px 20px -3px rgba(63, 81, 181, 0.6);
    box-shadow: 0 3px 20px -3px rgba(63, 81, 181, 0.6);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    font-size: 14px;
    max-width: 100%;
}
/* forgot password css end */

/* register form css start */

.form-input, .form-select, .form-radio {
  margin-bottom: 23px; }

 .textbox {
 /*  display: block; */
  width: 100%; }

.textbox-register {
 /*  display: block; */
  /* width: 80%;  */
  height:40px;
  }



input, .textbox-register {
  box-sizing: border-box;
  border: 1px solid #0059A3;
  padding: 14px 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  font-size: 14px;
  font-family: 'Poppins'; }


input, .textbox {
  box-sizing: border-box;
  border: 1px solid #0059A3;
  padding: 14px 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -ms-border-radius: 5px;
  font-size: 14px;
  font-family: 'Poppins'; }


/* register form css end */

/* captcha css start */
.error {
  color: red;
  font-size: 12px;
  display: none;
}
.success {
  color: green;
  font-size: 18px;
  margin-bottom: 15px;
  display: none;
}
/* captcha css end */

/* filter div css */

.filterDiv {
  display: none;
}
.showdiv {
  display: block;
}
.register-check
{
	margin: 10px 0px 0px -31px;
}
.input-box
{
	height: 26px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
canvas
{
	width:140px;
	float:left;
}
.ReloadBtn
{
	float:left;
	margin:4px;
}
 div .banner-text {
  text-align: left;
  position: absolute;
  top: 450%;
  left: 25%;
  transform: translate(-50%, -50%);
  color: white;
  font-weight:normal;
  font-size:40px;
   font-family: "Poppins Light";
}
div .content {

  position: absolute;
  top: 650%;
  left: 38%;
  transform: translate(-50%, -50%);
  color: white;
  font-weight:normal;
  font-size:15px;
   font-family: "Poppins Light";
}
.down-padding
{
	padding-right: 0px;
	padding-left: 0px;
}
 .document-list {
     color: #000000;
     font-family: "Poppins Light";
     font-size: 15px;
     padding-left: 20px;
     text-align: left;
     line-height: 24px;
}
.document-line {
    border-left: 1px solid #D0D0D0;
    border-collapse: collapse;
    padding: 0px 40px 0px 40px;
}
.request-demo {
    background-image: url("../images/home/Request-Demo.jpg");
}
.request-text {
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     font-weight: normal;
     color: #0059A3;
}


/* testimonial banner start */
div .testimonial-content {

  position: absolute;
  top: 350%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-weight:normal;
  font-size:20px;
   line-height: 25px;
   font-family: "Poppins Light";
   width:85%;
}
div .testimonial-head {
    position: absolute;
    top: 550%;
    left: 37%;
    transform: translate(-50%, -50%);
    color: white;
    font-weight: normal;
    font-size: 13px;
     font-family: "Poppins Light";
}
.testimonial-banner {
    background:#0059A3;
}
.testimonial-video
{
	padding-top:120px;
}
 .testimonial-details {
     font-family: "Poppins", sans-serif;
     font-size: 17px;
     font-weight: normal;
     color: #0059A3;
     line-height:24px;
 }
  .testimonial-shadow {
     width: 100%;
     height: 450px;
     bottom: 19%;
     left: 26% !important;
     //border:0px solid blue;
     background: #0059A3;
     opacity: 0.8;
     padding: 5px 40px;
}
.testimonial-box-white {
    background-color: #fff;
    text-align: left;
    color: #fff;
    padding: 15px 10px 15px 10px;
    width: 80%;
}
.tesimonial-casestudy > h4 {
    font-family: "Poppins", sans-serif;
    font-size: 22px;
    color: #0059A3;
    font-weight: normal;
}

.tesimonial-casestudy > p {
    padding-top: 20px;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 25px;
    font-weight: normal;
    color: #000000;
}
	 .testimonial-item-banner {
     width: 100%;
     height: 560px;
}
.testimonial-banner-home {
     height: 560px;
     background-color: #ffffff;
}

/* testimonial banner end */

 .headingtxt {
     padding-top: 10px;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 24px;
     color: #000000;
}
.hrline
{
	 border-bottom:#D0D0D0 1px solid;
     border-collapse: collapse;
}
.searchbox-component {

    box-sizing: border-box;
    border: 2px solid #676a6dad;
    border-radius: 10px;
    font-size: 15px;
    background-color: #ffffff;
    background-position: 10px 10px;
    background-repeat: no-repeat;
    color: #484646;
    padding: 10px 10px 10px 10px;
        padding-left: 10px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;

}
/* arrow icon */
 #years, #months, #posts{
    cursor:pointer;
}
.archive_year {
margin-left: 1em;
font-size: large;
font-weight: bold;
cursor: pointer;
}
.archive_month {
margin-left: -2em;
margin-top: 0;
margin-bottom: 1em;
list-style-type: none;
font-size: medium;
cursor: pointer;
}
.archive_posts {
margin-left: -130px;
margin-top: 0;
margin-bottom: 1em;
list-style: square url('http://www.webbossuk.com/admin/images/reply-arrow.png');
font-weight: normal;
cursor: pointer;
}

.partner-text {
     font-family: "Poppins", sans-serif;
     font-size: 35px;
     color: #0059A3;
     line-height:35px;
}
.partner-medium {
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     color: #0059A3;
     line-height:24px;
}
.partner-shadow {
    width: 100%;
    /* height: 400px; */
    bottom: 19%;
    left: 26% !important;
    //border: 0px solid blue;
    background-color: #235a9a;
  /*   opacity: 0.8; */
  padding:40px 40px;
        padding-top: 40px;
        padding-bottom: 30px;
}
.partner-bg
{
	background: #f9e79f ;
}
.component-sub
{
	border-right:#D0D0D0 1px solid;
     border-collapse: collapse;
}
.caption
{
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 15px;
     font-weight: normal;
     color: #000000;
}

.career-integration > h4 {
    font-family: "Poppins", sans-serif;
    font-size: 23px;
    color: #0059A3;
    font-weight: normal;
}
.career-integration > p {
    padding-top: 20px;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    line-height: 25px;
    font-weight: normal;
    color: #000000;
}
.career-dropdown {
    background-image: url(../images/select-arrow.png);
    background-position: center right;
    background-repeat: no-repeat;
    font-family: "Poppins", sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #0059A3;
    width: 455%;
    margin-left: 156%;
}
.career-list {
    color: #000000;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    padding: 0px 0px 0px 10px;
    text-align: left;
}
.career-list li {
    padding: 10px 0px 10px 0px;
    float: left;
    border-bottom: 1px solid #91aecc;
    width: 100%;
}
/* .modal-dialog {
          width: 700px;
        } */
.modal-header {
    background-color: #337AB7;
    padding:10px 10px;
    color:#FFF;
    border-bottom:2px dashed #337AB7;
 }
 .career-head {
     padding-top: 10px;
     font-family: "Poppins", sans-serif;
     font-size: 19px;
     line-height: 24px;
     font-weight: normal;
     color: #fff;
}
 .career-desc {
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height:24px;
     font-weight: normal;
     color: #000;
}
.redtext
{
	color:red;font-size:11px;
}
.product-document {
     background-image: url("../images/resources/Product-Documentation.jpg");
}

 .product-download {
     background-image: url("../images/products/product-download.jpg");
}
.career-banner {
     background-image: url("../images/company/Career-Page.jpg");
}
.login-banner {
     background-image: url("../images/home/login.jpg");
}
.online-banner {
     background-image: url("../images/resources/Online-Demos-&-Product-Tutorials.jpg");
}
.analyst-banner {
     background-image: url("../images/products/Product-Downloads.jpg");
}

.tech-banner {
     background-image: url("../images/company/Technical-Support.jpg");
}
.whitepaper-banner {
     background-image: url("../images/resources/whitepaper.jpg");
}

.fleft
{
	float:left;
}

.career-life
{
	margin: -39px 0px 0px -20px;
	width: 114%;
}

/* online demos videos icon display mouse hovers */
.onlinecontainer:hover .play{display:block}
.play{
  position : absolute;
    display:none;
    top:20%;
    width:40px;
    margin:0 auto; left:0px;
    right:0px;
    z-index:100
}
/* two minuts explainer */
.onlinecontainer:hover .video-play{display:block}
.video-play
{
	position : absolute;
    display:none;
    top:35%;
    width:40px;
    margin:0 auto; left:0px;
    right:0px;
    z-index:100
}
.whitepaper-psd2
{
	margin: -36px 0px 0px 0px;
}

.whitepaper-img
{
	width:85%;
}
.bg-img-shadow
{
	background-size: cover;
	box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.54);
}
.head-height
{
	height:60px;
}
.para-height
{
	height:50px;
}
.content-align
{
	padding-right:5%;
}
.content-fixed
{
	margin-left: 8.33333333%;
	width: 87.667%;
	padding-right: 5%;
	padding-left:15px;
}
.whitepaper-alertActive {
    color: green !important;
    font-size: 12px;
    cursor: pointer;
}
.whitepaper-alert{
    color: #ababab;
    font-size: 12px;
}
.whitepaper-alert1 {
    color: #ababab;
    font-size: 12px;
}
.whitepaper-alert1Active {
    color: red;
    font-size: 12px;
    cursor: pointer;
}
.whitepaperdown {
	color:#000;
	cursor:pointer;
}
.whitepaperdown:hover
{
	color:#000;
}
.centered-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:#fff;
  font-size:27px;
  line-height:30px;
   font-family: 'Playfair Display Black';
   font-weight:bold;
   text-align:left;
}
.rounded-bg {
    background-size: 100% calc(100% - 157px);
}
.rounded-bg {
    background: #F4FCFF;
        background-size: auto;
    position: relative;
}

div .customer-text {
    text-align: left;
    position: absolute;
    top: 450%;
    left: 18%;
    transform: translate(-50%, -50%);
    color: white;
    font-weight: normal;
    font-size: 40px;
    font-family: "Poppins Light";
}
.partner-logo-height {
    min-height: 140px;
    margin-top: 45px;
    margin-bottom: 25px;
}
.demo-content a > img
{
	width:80%;
}
.captcha {
    width: 100px;
    font-size: 20px;
    border: 1px solid;
    color: #000;
    text-align: center;
    border: 1px solid #0059A3;
}

.ibm-textcolor-white-core {
    color: #fff;
}
.btn-back-color
{
	border: 2px solid #323232;
    border-top-color: rgb(50, 50, 50);
    border-right-color: rgb(50, 50, 50);
    border-bottom-color: rgb(50, 50, 50);
    border-left-color: rgb(50, 50, 50);
background-color: #323232;
color: #fff;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
line-height: 20px;
max-width: 100%;
min-width: 120px;
min-height: 20px;
padding: 11px 18px;
text-align: center;
text-decoration: none;
-webkit-transition: border .3s,color .3s,background-color .3s;
transition: border .3s,color .3s,background-color .3s;
white-space: normal;
}
.sibos-banner
{
	background-image: url("../images/solutions/sibos.jpg");
	    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 20px 20px 20px 20px;

}
.discover-btn
{
	border: 2px solid #323232;
	background-color: #323232;
	color: #fff;
	cursor: pointer;
}
 a.discover-btn:hover {
	color: #fff ! important;
	border: 2px solid #323232;
}
/* sibos tab */

/* Style the tab content */
.tabcontent {
  float: left;
  padding: 0px 12px;

  width: 70%;
  border-left: none;
  height:600px;
}
.tabs-left {
  border-bottom: none;
  padding-top: 2px;
}

.tabs-left>li {
  float: none;
  margin-bottom: 2px;
}

  .tabs-left > li:hover,
.tabs-left>li.active
 {
  	border-left:3px solid #3b6caa ! important;
    border-left-color: #3b6caa ! important;
    border-radius:0px;
    font-weight:bold;
    font-size:15px;
    white-space: nowrap;
}

.nav-tabs > li > a {
    margin-right: 2px;
    border: none ! important;
     padding: 15px 20px;
      white-space: nowrap;
}
.tabs-left>li>a {
  margin-right: 10px;
  display:block;
  color: #555;
  padding: 15px 20px;
   white-space: nowrap;
}
.small-heading {
     font-family: 'Poppins Light';
     font-size: 25px;
     line-height: 5px;
     font-weight: lighter;
}
.font-italic {
    font-style: italic;
}

.sibos-bg
{
	background:#e3e6eda1;
}

/* psd2 page text alignment css*/

.psd2resource1 .p1{
    background: #0b3e6f !important;
}

#psdresource{
    background: url(../images/solutions/psd2/bg-psd2Resources.jpg) !important;
    background-size: cover !important;
}
.psd2resource2{
    background-image: url(../images/solutions/psd2/Video_Icon.png) !important;
}
.offer-section-three.service-page-three-offer .psd2resource2{
    background: #fa394a !important;
    background-size: cover !important;
}
.offer-section-three.service-page-three-offer .psd2resource3{
    background: #6ad59a !important;
    background-size: cover !important;
}
.offer-section-three.service-page-three-offer .psd2resource4{
    background: #a6b12a !important;
    background-size: cover !important;
}
.nopadding {
    padding: 0 !important;
    margin: 0 !important;
}



/*psd2 timeline*/

#spopup{
    background:#fff;
    padding:-2px 14px 12px 14px;
    width:300px;
    height:150px;
    position:fixed;
    bottom:35px;
    right:10px;
    display:none;
    z-index:90;
    -webkit-border-radius: 6px;
    border-radius: 5px 5px 5px 5px;
    margin:0px 0px 70px 0px;
}
#spopup .title {
    background-color: #28B463;
    padding:10px 10px;
    color:#FFF;
}

.psd21 .imagepsd2:hover {
    opacity: 0.7;
}
.psd21:hover{
    background: #72633c !important;
}

.psd22 .imagepsd2:hover {
    opacity: 0.7;
}
.psd22:hover{
    background: #662127 !important;
}

.psd23:hover{
    background-color: #41a06b !important;
}
.psd24:hover{
    background-color: #7c8514 !important;
}

.videocorebanking{
    width:100%;
    height:320px;
    padding:15px;
    margin-top:5%;
    background: url(../images/solutions/Tab-Frame.png) no-repeat 0 0;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;

}
.psd2-img
{
	text-align:center;
	margin-left: auto;
	margin-right: auto;
}
.text-red
{
	font-size:14px;
	color:red;
	font-family: "Poppins", sans-serif;
}
/* home page issues */

 .box-homepage {
     border-radius: 3px;
     box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
     padding: 35px 100px;
     text-align: right;
     display: block;
     margin-top: 30px;
}
.box-height
{
	height:450px;
}
.home-producttext h4 {
     color: #ffffff;
     font-family: "Poppins Light";
     font-size: 27px;
     padding-top: 10px;
     font-weight: normal;
     text-align: left;

}
/* hover cls using text bold */
.prod :hover h4{
    font-weight:bold;
    white-space:now-rap;
}
.prod :hover p{
    font-weight:bold;
    white-space:now-rap;
}
/*Banking Page updates Hari*/

.banking-page-banner
{
    background-image: url("../images/solutions/page-banner-banking.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 20px 20px 20px 20px;
    min-height: 400px;
}
/*end*/
.menu ul li::before {
  color: white;
  font-weight: bold;
  display: inline-block;
  width:1em;
  margin-left: 0em;
}
/* Customer Testimonial New banner Design Start Here */
 .customer-banner-breadcrumbs {
    /*  font-family: "OpenSansLight",sans-serif,Helvetica,sans-serif; */
     font-family: "Poppins", sans-serif;
     color: #ffffff;
     font-weight:500;
     font-size: 14px;
}

.customerBox {
    min-height: 500px;
    padding: 75px 2em 2em;
    background: rgba(255,255,255,.7);
    width: 418px;
    margin-top:-71px;
}
.customerBox h1 {
    color: #333;
    font-weight: 300;
    font-size: 36px;
}
.customer-desc {
    font-size: 14px;
    color: #0c0c0c;
    line-height: 24px;
}
.intro-customertestimonial{
    background-color: #222;
    background-image: url(../images/company/customers/CBA-customer-Bg.jpg);
    background-position: center;
    background-size: cover;
}
.datcall{
    position: absolute;
    height: 24px;
    width: 28px;
    text-align: center;
    right: 2px;
    top: 3px;
    z-index: 9;
    background: none;
    border: none;
    color: #000;
}
.cust-video{
    padding: 5px;
}	
.font-normal
{
	font-weight:normal;
}
/* Customer Testimonial New banner Design Start Here */
.home-banner-indicators6 {

    background-color: #ea9a18 !important;
}
sup {
    vertical-align: super;
    font-size: 12px;
}



.solution-box{
    transition: transform .2s;
}
.solution-box:hover {
    -ms-transform: scale(0.5); /* IE 9 */
    -webkit-transform: scale(0.5); /* Safari 3-8 */
    transform: scale(1.04);
}
.solution-box > .box:hover{
    transform: none;
}

.adapterDiv h4{
	font-size:16px;
	font-weight: 500
}
.adapterDiv > a{
	height:50px;
}

.adapterDiv > a[aria-expanded="true"]{
	color:#000;
}
.adapterDiv > a[aria-expanded="false"]{
	color:#337ab7;
}
.img-height
{
	height:80px;
}
.title-height
{
	height:100px;
}
.text-height
{
	height:180px;
}
.read-height
{
	height:50px;
}
/* events page css class start */
.event-logo-height
{
	height:100px;
}
.event-title-height
{
	height:60px;
}
.event-text-height
{
	height:180px;
}
.event-read-height
{
	height:80px;
}
/* events page css class end */

#success-contact{
    display: none;
}
#error-contact{
    display: none;
}
/* customer page csss class box height start */
.customer-logo-height
{
	height:110px;
}
.customer-text-height
{
	height:180px;
}
.customer-read-height
{
	height:0px;
}
/* customer page css class box height end  */

/* testimonial customer slider csss */
.intro-customertestimonial1{
    background-color: #222;
    background-image: url(../images/company/customers/polaris-bg-customer.jpg);
    background-position: center;
    background-size: cover;
}
.customer-top-indicator
{
	top:101% ! important;
}
.carousel-caption-customer {
     position: absolute;
     bottom: 20px;
     z-index: 10;
     padding-top: 10px;
     padding-bottom: 20px;
     color: #fff;
     text-align: center;
     text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
     width: 100%;
     height: 350px;
     top: 24%;
     margin-left: 8% !important;
     border: 0px solid blue;
     background-color: transparent;
     opacity: 0.9;
     padding: 30px 40px;
}
.carousel-caption-customer h1 {
    font-family: 'Poppins Light';
    font-size: 68px;
    font-weight: normal;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 10px;
}
 .carousel-caption-customer p {
     font-family: "Poppins Light";
     font-size: 15px;
     text-align: left;
     line-height:24px;
     font-weight: normal;
}
 .customer-banner-indicators1 {
     background-color: #87CEEB !important;
}
 .customer-banner-indicators2 {
     background-color: #ffffff !important;
}

.customer-banner {
     background-image: url("../images/testimonial/Customer-&-Customer-Testimonials.jpg");
}
.carousel-indicators-customer {
     left: 14% !important;
     padding-left: 14px;
     top: 110px;
}
 .tesimonial-text {
     font-family: "Poppins Light";
     font-size: 27px ! important;
     text-align: left;
     font-weight: normal;
     line-height:34px ! important;
}

 .customer-industry {
     background-image: url(../images/select-arrow.png);
     background-position: center right;
     background-repeat: no-repeat;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     font-weight: bold;
     color: #0059A3;
     width:130px;
     margin-left:190px;
}
 .customer-region {
     background-image: url(../images/select-arrow.png);
     background-position: center right;
     background-repeat: no-repeat;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     font-weight: bold;
     color: #0059A3;
     width:130px;
     margin-left:150px;
}
.testimonial-video-height
{
	height:400px;
}
/* new event page css */
.row-border
{
	height: 50px;
    border-left: 1px solid #ffffff;
    border-collapse: collapse;
    padding-left: 35px;
}
.carousel-event-indicators {
    //bottom: 77% !important;
    left: 32% !important;
    padding-left: 14px;
    top: 190px;
}
.carousel-caption-event {
    width: 74%;
    height: 450px;
    //bottom: 4%;
    top: 130px;
    left: 26% !important;
    border: 0px solid blue;
    background-color: #235B99;
    opacity: 1;
    padding: 30px 40px;
}
.carousel-caption-event p {
     font-family: "Poppins Light";
     font-size: 15px;
     text-align: left;
     //font-weight: bold;
     line-height:24px;
}
 .carousel-caption-event .banner-breadcrumb {
     font-family: "Poppins", sans-serif;
     font-size: 18px;
     text-align: left;
     font-weight: bold;
     color: #fff;
}
 .carousel-caption-event h1 {
     font-family: 'Poppins Light';
     font-size: 65px;
     font-weight: normal;
     color: #fff;
     margin-top: 20px;
     margin-bottom: 10px;
     letter-spacing: -1px;
}
.event-para
{
	font-family: "Poppins Light";
    font-size: 24px;
    text-align: left;
    //font-weight: bold;
    line-height:27px;
    color: #fff;
}
.event-ban1
{
	background-color: #0a4788f2;
}
.event-logo {
    background-color: #F2F2F2;
    margin: 0px 50px 10px 0px;
    height: 60px;
}
/* casestudy css start */
.case-height
{
	height:450px;
}
.case-logo-height
{
	height:140px;
}
.case-title-height
{
	height:90px;
}
.case-text-height
{
	height:100px;
}
.case-read-height
{
	height:80px;
}
/* casestudy css end */
.case h1 {
     font-family: 'Poppins Light';
     font-size: 53px;
     font-weight: normal;
     color: #fff;
     margin-top: 20px;
     margin-bottom: 10px;
}
.case-indicators {
    //bottom: 77% !important;
    left: 31% !important;
    padding-left: 14px;
    top: 110px;
}
.document-list li a {
     color: #000000;
     font-family: "Poppins Light";
     font-size: 15px;
     text-align: left;
     line-height: 24px;
}
/* data sheet css */

.data-title-height
{
	height:60px;
}
.data-text-height
{
	height:160px;
}
.data-read-height
{
	height:40px;
}
.align-center
{
	text-align:center ! important;
}
/* benefit height css */
.benefit-title-height
{
	height:45px;
}
.benefit-text-height
{
	height:120px;
}
.text-white{
    color:#fff ! important;
}
/* presss */
.press-logo-height
{
	height:130px;
}
.press-title-height
{
	height:140px;
    padding-top: 10px;
}
.press-text-height
{
	height:110px;
}

.pressreleae-section {
    height: 500px ! important;
}


/*Events New version*/


.event-list-logo {
    margin-top: -70px;
    height: 70px;

}
.event-list-logo .img-center{
    width:100%;
}
.event-loc-det {
    border-bottom: 1px solid #cacaca;
}
.det1{
    border-right: 1px solid #cacaca;
    margin: 5px 0px;
}
.det1 >h3:first-child{
    color:#0666CA;
}
.det1 >h3{
    color:#979797;
    margin-top: 5px;
    font-size: 21px;
    margin-bottom: 5px;
}

.det2 >h3{
    color:#979797;
    margin-top: 20px;
    font-size: 18px;
    margin-bottom: 5px;
}
.det3 >h3 {
    color:#979797;
    margin-top: 5px;
    font-size: 19px;
}
.det3 >h3 a{
    color:#979797;
}
.det3{
    margin: 5px 0px;
}

.det3 >h3:first-child{
    margin: 5px 0px;
    color:#0666CA;
}
.det3 >h3:first-child a{
    color:#0666CA;
}
.event-loc-det-sub{
    margin: 5px 0px;
}
.event-box{
    padding-top: 0px !important;
}
.event-box > h4{
    padding-top: 20px;
}
.event-box-title{
    font-size: 26px;
    font-family: "Poppins", sans-serif;
    color: #202020;
}
.logistic-banner{
    background-image: url(../images/solutions/logistics.jpg) !important;
}
.padding-left-30{
    padding-left:30px;
}
.health-page-banner
{
    background-image: url("../images/solutions/healthcare-banner.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 20px 20px 20px 20px;
    min-height: 400px;
}

.analyst-box .title-height
{
    padding-top: 10px;
    height:100px;
}
.analyst-box .text-height
{
    height:170px;
}
.analyst-box {
    height: 400px;
}
.related-title-height
{
	height:50px;
}
.related-text-height
{
	height:130px;
}
.related-arrow-height
{
	height:30px;
}



#mobileLightBox {

    display: none;
    position: fixed;
    z-index: 99997;
    top: 0;
    left: 0;
    width: 100vw;
    max-width: 100%;
    height: 100vh;
    max-height: 100%;

    line-height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    text-align: center;
    cursor: pointer;
}

#mobileLightBox-img {

    position: relative;
    z-index: 99998;
    display: inline-block;
    max-width: 80vw;
    max-height: 80vh;

    border: 5px solid #fff;
    background: #fff;
    margin: 0 auto;
    box-shadow: 0 0 15px #000;
    vertical-align: middle;
}

#mobileLightBox-close {

    position: absolute;
    z-index: 99999;
    top: 15px;
    right: 15px;
    width: 34px;
    height: 34px;

    background: #000 url('../images/common/close.png') no-repeat center center;
    border: 2px solid #fff;
    border-radius: 50px;
}
.comp-logo-height
{
	height:120px;
}
.comp-title-height
{
	height:50px;
}
.comp-text-height
{
	height:40px;
}
/* technical support */
.tech-logo-height
{
	height:60px;
}
.tech-title-height
{
	height:40px;
}
.tech-support-height
{
	height:30px;
}
.tech-request-height
{
	height:20px;
}
/* online demos css */

.online-title-height
{
	height:40px;
}
.online-text-height
{
	height:30px;
}
.title-banner-text > h1 {
    font-family: 'Poppins Light', Poppins;
    font-size: 64px ! important;
    font-weight: normal;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #ffffff;
    letter-spacing: -1px;
}
.career-height
 {
  	height:580px;
}
.blog-height
    {
    	height:380px;
    }
.partner-title-height
 {
 	height:110px;
 }
 .partner-text-height
 {
 	height:110px;
 }
 .partner-btn-height
 {
 	height:40px;
 }
.mq-page-banner
{
    background-image: url("../images/products/sub-banner_mq.jpg");
  background-repeat: no-repeat;
  background-size: cover;
     background-position: center center;
   /*   padding: 20px 20px 20px 0px;
    min-height: 400px;*/
}
/* home page */
.home-title-height
 {
 	height:50px;
 }
 .home-text-height
 {
 	height:120px;
 }
 .home-arrow-height
 {
 	height:40px;
 }
  .row-divider-home {
     height: 250px;
     border-left: 2px solid #ffffff;
     border-collapse: collapse;
     padding-left: 35px;
}
.caseban1 {
     background-color: #235B99;
}
 .caseban2 {
     background-color: #453057;
}
 .caseban3 {
      background-color: #3f6f3f;
  }
.caseban4 {
    background-color: #D54548 ! important;
}
.prod-mob{
    background-color: #235a9a;
}
product-banner-breadcrumbs a{
    color:#fff;
}
/* case study banner cls */
.casestudy-energy {
     background-image: url("../images/casestudies/energy.jpg");
}
.casestudy-education {
     background-image: url("../images/casestudies/education.jpg");
}
.casestudy-finance {
   background-image: url("../images/casestudies/finance.jpg");
}
.casestudy-government {
     background-image: url("../images/casestudies/Government.jpg");
}
.casestudy-healthcare {
     background-image: url("../images/casestudies/Healthcare.jpg");
}
.casestudy-hospital {
     background-image: url("../images/casestudies/Hospitality.jpg");
}
.casestudy-logistics {
     background-image: url("../images/casestudies/Logistics.jpg");
}
.casestudy-manufacture {
     background-image: url("../images/casestudies/Manufacturing.jpg");
}
.casestudy-media {
     background-image: url("../images/casestudies/Media.jpg");
}
.casestudy-retail {
     background-image: url("../images/casestudies/Retail.jpg");
}
.casestudy-services {
     background-image: url("../images/casestudies/Services.jpg");
}
.casestudy-technology {
    background-image: url("../images/casestudies/technology.jpg");
}
.casestudy-telecom {
     background-image: url("../images/casestudies/Telecommunication.jpg");
}
.casestudy-transport {
     background-image: url("../images/casestudies/Transport.jpg");
}
.casestudy-travel {
     background-image: url("../images/casestudies/Travel.jpg");
}

.pr-image{
    width:60%;
    //height:60%;
}

.analyst-image{
    width: 65%;
}
.analyst-box .title-height{
    padding-top: 10px;
}
.mobile-panel2
{
	position:fixed;
	top: 83px;
	opacity: 9;
	z-index: 500;
}
.mobile-panel-text a{
    color:#4E4E4E !important;
}
.request-section{

    background-color: #0059A3;
}

.request-section-sub{

    border-right: 2px solid #ffffff;
}
.esb-box{

    height: 200px !important;
}
.esb-box-mob{

    height: 250px !important;;
}
.mq-box{

    height: 150px !important;
}
.studio-box-mob{
    height:400px !important;

}
.abotiz{
    background-image: url("../images/casestudies/aboitiz-power-l-northern-california-power-agency.jpg");

}
.bajaj{
    background-image: url("../images/casestudies/bajaj_finserv.jpg");
}
.bankofkigali{

    background-image: url("../images/casestudies/bajaj_finserv.jpg");
}
.berkeley{
    background-image: url("../images/casestudies/berkeley.jpg");
}


/*Multiple Select */

span.multiselect-native-select {
    position: relative
}
span.multiselect-native-select select {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px!important;
    margin: -1px -1px -1px -3px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important;
    width: 1px!important;
    left: 50%;
    top: 30px
}
.multiselect-container {
    position: absolute;
    list-style-type: none;
    margin: 0;
    padding: 10px;
}
.multiselect-container .input-group {
    margin: 5px
}
.multiselect-container>li {
    padding: 0
}
.multiselect-container>li>a.multiselect-all label {
    font-weight: 700
}
.multiselect-container>li.multiselect-group label {
    margin: 0;
    padding: 3px 20px 3px 20px;
    height: 100%;
    font-weight: 700
}
.multiselect-container>li.multiselect-group-clickable label {
    cursor: pointer
}
.multiselect-container>li>a {
    padding: 0
}
.multiselect-container>li>a>label {
    margin: 0;
    height: 100%;
    cursor: pointer;
    font-weight: 400;
    padding: 3px 0 3px 30px
}
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
    margin: 0;
    color:#000;
}
.multiselect-container>li>a>label>input[type=checkbox] {
    margin-bottom: 5px
}
.btn-group>.btn-group:nth-child(2)>.multiselect.btn {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}
.form-inline .multiselect-container label.checkbox, .form-inline .multiselect-container label.radio {
    padding: 3px 20px 3px 40px
}
.form-inline .multiselect-container li a label.checkbox input[type=checkbox], .form-inline .multiselect-container li a label.radio input[type=radio] {
    margin-left: -20px;
    margin-right: 0
}
.dropdown-menu {
    position: absolute;
    top: 75% ! important;
    left: 4%;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
        list-style-type: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.bankbannerCS{
    background-image: url("../images/casestudies/bankcs.jpg");

}
.casestudy-cba {
    background-image: url("../images/casestudies/commercial_bank_africa.jpg");
}
.county{
    background-image: url("../images/casestudies/credit_agricole-l-county_tulare-l-Kent-County-Council.jpg");

}
.pr-banner{
    background-image: url("../images/pressreleases/pr-banner.jpg");

}
.zale-banner{
    background-image: url("../images/casestudies/zale_corporation.jpg");
}
.usgc-banner{
    background-image: url("../images/casestudies/united_states_coast_guard.jpg");
}
.unicel-banner
{
	background-image: url("../images/casestudies/unicel.jpg");
}
.scottrade-banner
{
	background-image: url("../images/casestudies/scottrade.jpg");
}
.polaris-banner
{
	background-image: url("../images/casestudies/polaris-transport-l-globalTranz-l-fraikin.jpg");
}
.oilfield-banner
{
	background-image: url("../images/casestudies/oilfield.jpg");
}
.ubgroup-banner
{
	background-image: url("../images/casestudies/ubgroup.jpg");
}
.fujinami-banner
{
	background-image: url("../images/casestudies/Fujinami-banner.jpg");
}
.norwegian-banner
{
	background-image: url("../images/casestudies/norwegian_cruise_line.jpg");
}
.nilkamal-banner
{
	background-image: url("../images/casestudies/nilkamal-banner.jpg");
}
.elektrobit-banner
{
	background-image: url("../images/casestudies/elektrobit-banner.jpg");
}

.dyckerhoff
{
    background-image: url("../images/casestudies/dyckerhoff_ag.jpg");
}

.exelis
{
    background-image: url("../images/casestudies/exelis.jpg");
}

.gamma_dynacare {
    background-image: url("../images/casestudies/gamma_dynacare.jpg");
}
.hireright
{
    background-image: url("../images/casestudies/hireright.jpg");
}
.ncpa
{
    background-image: url("../images/casestudies/aboitiz-banner.jpg");
}

.fio-color{
    color: #0059A3;
}

.box-cst{
    margin-top:-20px
}
.box-cst h4{
    text-align: left;
    font-weight: 500;
    color: #0059A3;
}
.become-partner {
	 background-image: url("../images/partner/banner-about.jpg");
}
.webinbar-video{
    width: 100%;
    height:450px;
    text-align: center;

}
.pr-mobile-text >h1{
 font-size: 18px !important;
}
/* .mobile-header
{
	display:none !important;
} */
.no-record {
     font-family: "Poppins", sans-serif;
    font-size: 25px;
    color: #0059A3;
    font-weight: normal;
}
.sibos-event-banner{

    background-image: url("../images/events/sibos-fiorano-bg-2019.jpg");

}

.desktop-panel2
{
	position:fixed;
	top: 45px;
	opacity: 9;
	z-index: 10;
	background-color: #F2F2F2;
}
.setpadding
{
	padding-top:100px ! important;

}
.mobile-padding
{
	padding-top:80px ! important;

}


@media screen and (min-width: 320px) and (max-width: 767px) and (orientation: landscape) {
  /*  html {
        transform: rotate(-90deg);
        transform-origin: left top;
        width: 100vh;
        overflow-x: hidden;
        position: absolute;
        top: 100%;
        left: 0;
    }*/
}
 .press-banner-subitem > h1 {
     font-family: 'Poppins Light', Poppins;

     font-size: 30px ! important;

     font-size: 26px ! important;

     font-size: 32px ! important;

     font-weight: normal;
     color: #fff;
     margin-top: 20px;
     margin-bottom: 10px;
     color: #0059A3;
}
.pr-mobile-text > p{
 font-size: 14px !important;
}

.social-key-list {
    color:#000000;
    font-family: "Poppins", sans-serif;
    font-size: 20px;
    padding: 0px 0px 0px 10px;
    text-align: left;
}
.social-key-list li {
    padding: 10px 0px 10px 0px;
    float: right;
    border-bottom: 1px solid #91aecc;
    width: 70%;
    font-size:14px;
}
.social-icon-color
{
	color: #0059A3;
}
.banking-page-banner1
{
    background-image: url("../images/solutions/healthcare-service.gif");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 20px 20px 20px 20px;
    min-height: 400px;
}
.b2b
 {
      background-image: url("../images/products/b2b.jpg");
 }
 .salesforce
 {
      background-image: url("../images/solutions/salesforce.jpg");
 }
 .sap
 {
      background-image: url("../images/solutions/sap.jpg");
 }
 .esb-banner
 {
      background-image: url("../images/products/esb.jpg");
 }

 /*for open banking page*/
.leftlistopenbanking {
    list-style: none;
    margin: 50px;
    padding: 0;
    font: normal 16px/22px Poppins;
    color: #999;
}
.leftlistopenbanking > li {
    overflow: hidden;
    position: relative;
    padding: 0 0 10px 35px;
}
.leftlistopenbanking > li::before {
    content: '';
    position: absolute;
    left: 9px;
    top: 9px;
    width: 20px;
    height: 999px;
    border: 2px solid #0059a3;
    border-width: 2px 0 0 2px;
}
.leftlistopenbanking > li:last-child::before {
    border-width: 2px 0 0;
}
.leftlistopenbanking > li::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 2px solid #0059a3;
    border-radius: 50%;
}
.leftlistopenbanking > li.current,
.leftlistopenbanking > li.passed {
    color: #000;
}
.leftlistopenbanking > li.current::before {
    border-top-color: #0059a3;
}
.leftlistopenbanking > li.current::after {
    border-color: #0059a3;
    background: #0059a3;
}
.leftlistopenbanking > li.passed::before,
.leftlistopenbanking > li.passed::after {
    border-color: #0059a3;
}

.circle {position: relative; border: 2px solid #999; border-radius: 100%; width: 35px; color:#fff;line-height: 35px; text-align: center; margin-top:50px; background-color: #0059a3; z-index: 2;}
.circle:first-child {margin-top: 0;}
.circle:before {position: absolute; border: 1px solid #999; width: 0; height: 50px; display: block; content: ''; left: 50%; z-index: 1; top: -54px; margin-left: -1px;}
.circle:first-child:before {display: none;}


/*third option*/


.timeline{
    --uiTimelineMainColor: var(--timelineMainColor, #222);
    --uiTimelineSecondaryColor: var(--timelineSecondaryColor, #fff);

    position: relative;
    padding-top: 3rem;
    padding-bottom: 3rem;
}

.timeline:before{
    content: "";
    width: 4px;
    height: 100%;
    background-color: var(--uiTimelineMainColor);

    position: absolute;
    top: 0;
}

.timeline__group{
    position: relative;
}

.timeline__group:not(:first-of-type){
    margin-top: 4rem;
}

.timeline__year{
    padding: .5rem 1.5rem;
    color: var(--uiTimelineSecondaryColor);
    background-color: var(--uiTimelineMainColor);

    position: absolute;
    left: 0;
    top: 0;
}

.timeline__box{
    position: relative;
}

.timeline__box:not(:last-of-type){
    margin-bottom: 30px;
}

.timeline__box:before{
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--uiTimelineMainColor);

    position: absolute;
    left: 0;
    z-index: -1;
}

.timeline__date{
    min-width: 65px;
    position: absolute;
    left: 0;

    box-sizing: border-box;
    padding: .5rem 1.5rem;
    text-align: center;

    background-color: var(--uiTimelineMainColor);
    color: var(--uiTimelineSecondaryColor);
}

.timeline__day{
    font-size: 2rem;
    font-weight: 700;
    display: block;
}

.timeline__month{
    display: block;
    font-size: .8em;
    text-transform: uppercase;
}

.timeline__post{
    padding: 1.5rem 2rem;
    border-radius: 2px;
    border-left: 3px solid var(--uiTimelineMainColor);
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .24);
    background-color: var(--uiTimelineSecondaryColor);
}

@media screen and (min-width: 641px){

    .timeline:before{
        left: 30px;
    }

    .timeline__group{
        padding-top: 55px;
    }

    .timeline__box{
        padding-left: 80px;
    }

    .timeline__box:before{
        top: 50%;
        transform: translateY(-50%);
    }

    .timeline__date{
        top: 50%;
        margin-top: -27px;
    }
}

@media screen and (max-width: 640px){

    .timeline:before{
        left: 0;
    }

    .timeline__group{
        padding-top: 40px;
    }

    .timeline__box{
        padding-left: 20px;
        padding-top: 70px;
    }

    .timeline__box:before{
        top: 90px;
    }

    .timeline__date{
        top: 0;
    }
}

.timeline{
    --timelineMainColor: #4557bb;
    font-size: 16px;
}

/*
=====
DEMO
=====
*/

.page{
    max-width: 800px;
    padding: 10rem 2rem 3rem;
    margin-left: auto;
    margin-right: auto;
    order: 1;
}

/*Tibco design */

/* Quick Start Guide
---------------------------------------------------*/

pre {
    white-space: normal;
    background: #000;
    color: #fff;
    padding: 15px;
    word-wrap: break-word;
    word-break: break-all;
}
.pill{
    background-color: #fff;
}
code {
    padding: 2px 4px;
    font-size: 100%;
    background-color: #050e1d;
    border-radius: 0;
    display: block;
}

.demo-start-guide {
    margin: 35px 5px;
}

.demo-start-guide > a {
    text-decoration: none;
}

.demo-start-guide .getting-started {
    font-size: 15px;
    white-space: nowrap;
    padding-right: 20px;
}

.demo-start-guide .btn-next {
    margin: 10px 0;
}

.demo-start-guide .tab-pane > ol {
    padding-left: 15px;
}

.demo-start-guide .tab-content {
    padding: 30px;
}

.demo-start-guide .getting-started > .section-heading {
    margin-top: 0;
}

.page-title {
    margin-top: 0;
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 2px solid #87ad1c;
}

.demo-start-guide .getting-started > ul:not(.nav) {
    padding-left: 0;
    text-transform: uppercase;
}

.demo-start-guide .getting-started > ul:not(.nav) a {
    height: 40px;
    line-height: 44px;
    opacity: 1;
}

.demo-start-guide .getting-started > ul:not(.nav) a:hover {
    background: #566173;
}

.demo-start-guide .getting-started > ul li {
    list-style: none;
}

.demo-start-guide .getting-started > ul > li {
    border-left: 2px solid transparent;
}

.demo-start-guide .getting-started > ul > li a {
    color: #212529;
    line-height: 30px;
    display: inline-block;
    padding: 0 10px;
    border-left: 2px solid transparent;
    position: relative;
}

.demo-start-guide .getting-started > ul > li > ul li a {
    padding: 0;
}

.demo-start-guide .getting-started ul.getting-started-steps > li > a {
    line-height: 40px;
}

.demo-start-guide .getting-started ul.getting-started-steps > li > a.active > .section-heading {
    font-weight: 400;
}

.demo-start-guide .getting-started ul.getting-started-steps > li > a > .steps-bubble {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #0059a3;
    text-align: center;
    color: #fff;
    position: absolute;
    left: -43px;
    line-height: 27px;
    top: 5px;
    display: inline-block;
    border: 2px solid transparent;
}

.demo-start-guide .getting-started ul.getting-started-steps > li.active > a > .steps-bubble {
    background: #87ad1c;
    color: #ffffff;
    border: 2px solid #87ad1c;
}

.demo-start-guide .getting-started ul.getting-started-steps > li.active .steps-bubble {
    background: #0e2664;
    border: 2px solid #0d2565;
}

.demo-start-guide .getting-started > ul.nav > li a:hover,
.demo-start-guide .getting-started > ul.nav > li a:focus,
.demo-start-guide .getting-started > ul.nav > li a:active {
    background: transparent;
    text-decoration: none;
}

.demo-start-guide .getting-started > ul > li {
    border-left: 2px solid #0e2664;
}

.demo-start-guide .getting-started > ul li.active > a {
    font-weight: 400;
    opacity: 1;
}

.getting-started > ul.nav {
    padding: 30px 35px;
}

.getting-started > ul.nav ul {
    padding-left: 25px;
}

.demo-start-guide .getting-started-chart {
    text-align: center;
    margin: 50px auto;
}

.demo-start-guide .getting-started-chart .card {
    position: relative;
    width: inherit;
    border: 0;
    margin-bottom: 2rem;
}

.demo-start-guide .getting-started-chart .card > a {
    color: #212529;
    text-decoration: none;
    display: inline-block;
    border: 2px solid transparent;
    position: relative;
    margin-top: 50px;
}

.demo-start-guide .getting-started-chart .card .title {
    font-size: 25px;
    white-space: normal;
    word-break: break-word;
    word-wrap: break-word;
}

.demo-start-guide .getting-started-chart .card-group .group-title {
    font-size: 25px;
    margin-top: 40px;
    position: absolute;
    z-index: 1;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.demo-start-guide .getting-started-chart .card > a:hover {
    border-color: #fff;
}

.demo-start-guide .getting-started-chart .card > a > .icon {
    font-size: 100px;
}

.demo-start-guide .getting-started-chart .card > a > .icon > .icon-stack {
    font-size: 50px;
}

.demo-start-guide .getting-started-chart .arrow {
    width: 70px;
    flex-grow: 0;
    padding: 0;
}

.demo-start-guide .getting-started-chart .arrow:after {

    font-size: 40px;
}

.demo-start-guide .getting-started-chart .row.bordered {
    border: 2px solid #212529;
    margin: 15px;
}

.demo-start-guide .api-explorer > ul > li {
    list-style-type: square;
}

.demo-start-guide ol > li > img.img-responsive {
    margin: 10px 0;
    max-width: 100%;
    border: 1px solid #587094;
}

.form-signin {
    width: 100%;
    max-width: 30rem;
    padding: 15px;
    margin: 0 auto;
}

 .connectcare
 { 
 	background-image: url("../images/home/Rotor-2.jpg");
 }
.blog-list .info p {
     text-align: left;
     font-family: "Poppins", sans-serif;
     font-size: 20px;
     color:#303030;
     line-height:24px;
}
 .blog-list .info > h4 {
     font-size: 26px;
     font-family: "Poppins", sans-serif;
     //text-transform: uppercase;
     color: #202020;
}
 .blog-list .info {
     padding: 20px 10px 14px 10px;
     text-align: left;
}
.healthcare-blog
{
	background-image: url("../images/home/Rotor-2.jpg");
}
.swift-banner
{
    background-image: url("../images/solutions/swift.jpg");
}
.bti-banner{
    background-image: url("../images/casestudies/bti-canada.jpg");
}
.city-banner{
    background-image: url("../images/casestudies/city-canton.jpg");
}
.commission-banner{
    background-image: url("../images/casestudies/commission-banner.jpg");
}
.easypay{
    background-image: url("../images/casestudies/easypay-banner.jpg");
}
.finscope{
    background-image: url("../images/casestudies/finscope-banner.jpg");
}
.flytxt{
    background-image: url("../images/casestudies/flytxt-banner.jpg");
}
.forex{
    background-image: url("../images/casestudies/forex-banner.jpg");
}
.gac{
    background-image: url("../images/casestudies/gac-banner.jpg");
}
.hedge{
    background-image: url("../images/casestudies/hedge-banner.jpg");
}
.liquidity-banner
{
	background-image: url("../images/casestudies/liquidity-banner.jpg");
}
.sports-banner
{
	background-image: url("../images/casestudies/sports-banner.jpg");
}
.thomas-banner
{
	background-image: url("../images/casestudies/thomas-banner.jpg");
}
.toyota-banner
{
	background-image: url("../images/casestudies/toyota-banner.jpg");
}
.wireless-banner
{
	background-image: url("../images/casestudies/wireless-banner.jpg");
}
.xylo-banner
{
	background-image: url("../images/casestudies/xylo-banner.jpg");
}
.fairex-banner
{
	background-image: url("../images/casestudies/fairex-banner.jpg");
}
.posco-banner
{
	background-image: url("../images/casestudies/posco-banner.jpg");
}
.itk-banner
{
	background-image: url("../images/solutions/itk-banner.jpg");
}
.ibm-banner{
    background-image: url("../images/solutions/ibm-banner.png");
}
.moreRead{
    background-color: #022A3C;
    background-image: url("../images/solutions/1b.png");
    background-repeat: repeat;
    border: none;
    border-style: none;
}
.ibm-banner-second{
    background-image: url("../images/solutions/ibm-second-banner.png");


}

/*.first-img > img:hover{

	 -webkit-filter: grayscale(0%); !* Safari 6.0 - 9.0 *!
  filter: grayscale(0%);
} */
/*  .first-img{
	 background-image: url("../images/home/video1.jpg");
	  background-repeat: no-repeat;
	 background-position: 70%;
	 background-size: 100%;
     height: 175px;
      background-position: center;
} 
 */
 .first-img > img{
 
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
 }
 .open-bank
 {
 	background-image: url("../images/resources/open-bank.jpg");
 }
 .psd2-beyond
 {
 	background-image: url("../images/resources/psd2-beyond.jpg");
 }
 .psd2-acronoyms
 {
 	background-image: url("../images/resources/psd2-acronoyms.jpg");
 }
 .psd2-demystify
 {
 	background-image: url("../images/resources/psd2-demystify.jpg");
 }
 .product-datasheet {
     background-image: url("../images/resources/Product-Documentation.jpg");
}
 .margin-auto{
     margin: auto;
 }
.text-black{
    color: #333;
}
.no-padding-left{
   padding-left: 0!important;
}
.openbankstep{
    font-size: 20px;
    color: #0059A3;
    cursor: pointer;
    text-align: left;
}
.openbankstepside{
    cursor: pointer;
    color: #0b58a2;
}
 .openbank li a{
    font-family: "Poppins", sans-serif;
    font-size: 12px;
    color:#666666 ! important;
    line-height: 14px;
    font-weight:normal;
 } 
.openbank .active a{
    color: #0059A3 ! important;
    font-weight: normal;
}
.openbank-banner
{
	background-image: url("../images/solutions/open-bank-banner.jpg");
}
.payment-banner
{
	background-image: url("../images/solutions/iso-payment.jpg");
}
.composable-banner
{
	background-image: url("../images/solutions/real-time-bank-banner.jpg");
}
.api-first-banner
{
	background-image: url("../images/solutions/api-banner.jpg");
}

.divimg{


}
.divimg{
    //width:20%;
    line-height:50px;
    position:relative;
    //background:#0059a3;
    border: 5px solid #0059a3;
    text-align:center;
    border-radius : 0px 8px 8px 0px ;
    padding: 10px;
    margin-bottom: 50px;
}
.divimg:after, .divimg:before{
    content:"";
    position:absolute;
    width:20px;
    height:50%;
    right:100%;
}
.divimg:after{
    bottom:0;
    background: linear-gradient(to left bottom, #0059a3  50%, transparent 50%);
}
.divimg:before{
    top:0;
    background: linear-gradient(to left top, #0059a3 50%, transparent 50%);
}
.partner-box-height
{
	height:240px;
}
.black-text
{
	color:#000;
}
.prod-font-size
{
	font-size:25px;
}
.global
{
	line-height:12px;
	font-size:15px;
	font-weight:normal;
}
.pad-partner
{
	padding-left: 16px;
	padding-right: 16px;
	padding-top: 10px;
	text-align:left;
}

/* [1] The container */
.img-hover-zoom {
	 height: 143px; 
 /*  height: 100px; */ /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform .6s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.1);
}
.pat-para-height
{
	height:150px;
}
.field-align
{
	margin:0px 0px -13px 3px;
}
.product-banner-subitem > h1 {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
}
.title-heading{
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
}

.caseban5
{
	background-color: #968D0A ! important;
}
.carousel-caption-press {
     position: absolute;
     bottom: 20px;
     z-index: 10;
     padding-top: 20px;
     padding-bottom: 20px;
     color: #fff;
     text-align: center;
     text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
     width: 100%;
     height: 350px;
     top: 24%;
     margin-left: 23% !important;
     border: 0px solid blue;
     background-color: #235B99;
     opacity: 0.8;
     padding: 30px 40px;
}
.service-bg1
{
	background-color:#DADBDB;
}
.service-bg2
{
	background-color:#ebeeeb;
}
.service-bg3
{
	background-color:#bdc4c2;
}
.cursor-pointer
{
	cursor:pointer;
}
.service-heading {
     font-family: 'Poppins Light';
     font-size: 35px;
     line-height: 50px;
     font-weight: lighter;
}
.download-box-height
{
	height:160px;
}
.down-background {
    background-color:#EAEAEA;
    margin-top: 20px;
    height: 25%;
    padding: 24px;
   /*  padding-top: 24px; */
    bordr-radius:3px;
}

.window-bg-down {
  background: url("../images/download/window.png");
  background-repeat: no-repeat;
  background-position: center;
}
.linux-bg-down {
  background: url("../images/download/linux.png");
  background-repeat: no-repeat;
  background-position: center;
}
.unix-bg-down {
  background: url("../images/download/unix.png");
  background-repeat: no-repeat;
  background-position: center;
}
.mac-bg-down {
  background: url("../images/download/mac.png");
  background-repeat: no-repeat;
  background-position: center;
}
.solaris-intel-bg-down {
  background: url("../images/download/solaris-intel.png");
  background-repeat: no-repeat;
  background-position: center;
}
.sparc-bg-down {
  background: url("../images/download/sparc.png");
  background-repeat: no-repeat;
  background-position: center;
}
.hide {
    display: none;
}
.gartner-bg {
    background-image: url("../images/events/garner-mumbai.jpg");
}
.downlist li a:hover
{
	text-decoration: none; 
}
 .bank-integration{
      height:330px;
  }

  .bank-img-height
   {
       height:20px;
   }

  .cta {
      background-color:
              #179dc7;
      display: inline-block;
      padding: .8em 2em;
      letter-spacing: 1px;
      font-size: 15px;
      -webkit-border-radius: 9999px;
      border-radius: 9999px;
      -webkit-background-clip: padding-box;
      background-clip: padding-box;
      font-family: proxima-soft,Arial,sans-serif;
      color:
              #fff;
      text-decoration: none;
      -webkit-transition: background .2s linear;
      -o-transition: background .2s linear;
      transition: background .2s linear;
  }
  
   .product-int > h4 {
     font-family: "Poppins", sans-serif;
     font-size: 25px;
     color: #0059A3;
     font-weight: normal;
}
 .product-int >p {
     padding-top: 20px;
     font-family: "Poppins", sans-serif;
     font-size: 15px;
     line-height: 25px;
     font-weight: normal;
     color: #000000;
}
.input-lg
{
	height:50px ! important;	
}
.margin-right
{
	margin-right:40px ! important;

}
.adapterViewHead a:hover
{
	cursor:pointer;
	color:#0059A3;
}
.adapterViewHead
{
	cursor:pointer;
}

.iso20022
{
    background-image: url("../images/solutions/iso20022_brochure.jpg");
}
.brochure-bg{
    background-image: url("../images/solutions/iso20020-brochure_bg.jpg");
}
.azure-Pr
{
    background-image: url("../images/pressreleases/microsoft_azure.jpg");
}
.bgpage
{
    background-image: url("../images/pressreleases/microsoft_azure.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 20px 20px 20px 20px;
    min-height: 300px;
}
.bgpage1
{
    background-image: url("../images/solutions/azure/2.jpg");
    height: 560px;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
}
.azurediv
{
    padding: 9px 15px;
    margin-bottom: 20px;
    border: 4px solid #ebebeb;
    background-color: #FFF;
    cursor: pointer;
    max-height: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
}
.azurediv h4{
    font-size: 19px;
    line-height: 22px;
}
.azureactive {
    background-color: #0059A3;
    color: #fff;
}
.congress-event-banner{

    background-image: url("../images/events/sibos2020_21.jpg");
    height: 85vh;
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.18);


}
.congress-event-second{
    background-image: url("../images/events/sibos_105.jpg");
    height: 470px;
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.18);
}
.congress-event-second-mob{
    background-image: url("../images/events/sibos_105mob.jpg");
    height: 650px;
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.18);
}

.event-key-list li{
    padding: 0px 0px 0px 10px;
    float: left;
    //border-bottom: 1px solid #91aecc;
    width: 78%;
    color:#000000;
}
.event-key-list li a{
    color:#000000 !important;
}
.congress-image{
    width:80%;
    height:97%;
}
.congress-logo {
     padding: 60px 20px 0px 25px;
}
.congress-page-logo {
     background-color: none ! important;
     margin: 300px 0px 0px 50px;
     height: 170px;
}
.congress-box-height {
    height: 270px;
}
.curris-craft {
     background-image: url("../images/company/customers/cirrus.jpg");
}
.nav-long-scroll{
    float: left;
    line-height: 15px;
    margin:18px 12px;
    font-size: 13px;
    font-weight: bold;

}

.iso-banner1
{
    background-image: url("../images/solutions/po4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding: 20px 20px 20px 20px;
    min-height: 400px;
}

.hero-text1 {
 text-align:right;
  position: absolute;
  top: 400%;
  left: 30%;
  transform: translate(-50%, -50%);
  color: white;
}


.hero-text {
 text-align:justify;
  position: absolute;
  top: 780%;
  left: 85%;
  transform: translate(-50%, -50%);
  color: white;
}

.isoswift
{
    background-image: url("../images/solutions/isoswift.jpg");
}
.blog11{
    background-image: url("../images/blog/Bannner-blog11.jpg");
}

.nav-list {
 color:#4E4E4E;
}

.menuitem {
 color:#4E4E4E;
}

.active {
 color:#0059A3;
}


/* feedback chat box */
.scrolltop1 {
     display:none;
     width:100%;
     margin:0 auto;
     position:fixed;
     bottom:20px;
     right:10px;
     color:white;
}
.scroll1 {
     position:absolute;
     right:90px;
     bottom:20px;
     background:#0059A3;
     padding:10px;
     text-align: center;
     margin: 0 0 0 0;
     cursor:pointer;
     transition: 0.5s;
     -moz-transition: 0.5s;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
     border-radius:80px;
}
.scroll1:hover {
     background:#0059A3;
     transition: 0.5s;
     -moz-transition: 0.5s;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
}
.scroll1:hover .far {
     padding-top:-10px;
}
.scroll1 .far {
     font-size:25px;
     margin-top:2px;
     margin-left:2px;
     margin-right:2px;
     transition: 0.5s;
     -moz-transition: 0.5s;
     -webkit-transition: 0.5s;
     -o-transition: 0.5s;
}
.digital-one
{
    background-image: url("../images/webinar/digital-ban1.jpg");
}
#webinar13 {
    background-image: url("../images/webinar/digital-banner.jpg");
}
#webinar14 {
    background-image: url("../images/webinar/growth12.jpg");
}
.congress-event-banner1{

    background-image: url("../images/events/sibos20b20_21.jpg");
    height: 85vh;
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.18);


}
.canonical
{
    background-image: url("../images/resources/canonical.jpg");
}

.back-to-partner > p
{
     font-family: "Poppins", sans-serif;
     color:#337ab7 !important;
     font-size:17px;
     line-height: 24px;
}
.isomigration
{
      background-image: url("../images/resources/isomigration.jpg");
}
.growth
{
    background-image: url("../images/webinar/growth12.jpg");
}
.isomigration-capegemini
{
    background-image: url("../images/resources/Capegemini-whitapaper1-bg.jpg");
}
.congress-event-banner-2021march{

    background-image: url("../images/events/NB1.jpg");
    height: 85vh;
    background-size: cover;
    box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.18);


}
.ISO20022_in_focus_with_Fiorano
{
    background-image: url("../images/resources/ISO20022_in_focus_with_Fiorano-v1.jpg");
}
.ISO20022_Enterprise_by_Fiorano_and_TCS{

    background-image: url("../images/resources/ISO20022_Enterprise_by_Fiorano_and_TCS.jpg");
}
.finastrafti{

    background-image: url("../images/resources/fti4.jpg");
}
.isoindicator{
    left:40% !important;
    top:150px;
}
.isoicon{
    min-width: 70% !important; ;
    height: auto;
    max-width:90% !important;
}
@media (min-width: 481px) and (max-width: 767px) {

    .isoBan{
        height:580px;top:150px;left: 32% !important;width:68%;top:25%;
    }
}
@media only screen and (min-width: 768px)  {
    .isoBan{
        height:480px;top:220px;left: 32% !important;width:68%;top:25%;
    }

}

@media (min-width: 1900px) and (max-width: 2560px)  {
    .isoicon{
        min-width: 55% !important; ;
        height: auto;
        max-width:80% !important;
    }
}
.isoiconfirst{
    min-width:70px !important; ;
    height: auto;
    max-width:85px !important;
}
.videobg {
    height: 70vh;
    overflow: hidden;
    padding: 5vh;
    position: relative; /* requires for to position video properly */
}

.videobg video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover; /* combined with 'absolute', works like background-size, but for DOM elements */
}
.iso-contact {
    background-image: url("../images/solutions/Iso-contact-banner.png");
}.tessalate {
    background-image: url("../images/partner/tesselate/fiorano-cargo.jpg");
     box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.42) !important;
}
.font-20{
    font-size: 20px !important;
}
.font-tile-contact{
    font-size: 18px !important;
}
.iso-contact1 .box-list{
    min-height: 375px;
}
.zsiq_floatmain .zsiq_theme1 siq_bR{
    display: none !important;
}
#zsiq_float{
    display: none !important;
}
.nthvideohead{
    background-color: #1F2326;height: 370px ;
}
.nthvideoH1{
    font-size: 35px;
    font-weight: normal;
    padding-top: 20px
}
.nthvideoH1{
    font-weight: normal; font-size: 25px;
}

/*partner Video nth */
.subheadreadmore{
    font-weight: normal; font-size: 13px;
}
.headreadmore{
    font-weight: normal; font-size: 18px;
}
.headreadmore1{
    font-weight: normal; font-size: 16px!important;
}
.bankbannerlolc{
    width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 520px;
    background-image: url("../images/casestudies/lolc3.png");
}
.casestudybox{
    line-height: 26px;
    font-size: 16px;

    padding:5%; height:300px; border: 1.5px solid #aeaeae;

}