/* Font Importing */
/* Nov 30 issues fixing started @ravi k */


@font-face {
    font-family: 'Roboto-Black';
    src: url('../eot/roboto-black.eot');
    src: url('../eot/roboto-blackd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/roboto-black.woff2') format('woff2'),
        url('../woff/roboto-black.woff') format('woff'),
        url('../ttf/roboto-black.ttf') format('truetype'),
        url('../svg/roboto-black.svg#Roboto-Black') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Medium';
    src: url('../eot/roboto-medium.eot');
    src: url('../eot/roboto-mediumd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/roboto-medium.woff2') format('woff2'),
        url('../woff/roboto-medium.woff') format('woff'),
        url('../ttf/roboto-medium.ttf') format('truetype'),
        url('../svg/roboto-medium.svg#Roboto-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Bold';
    src: url('../eot/roboto-bold.eot');
    src: url('../eot/roboto-boldd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/roboto-bold.woff2') format('woff2'),
        url('../woff/roboto-bold.woff') format('woff'),
        url('../ttf/roboto-bold.ttf') format('truetype'),
        url('../svg/roboto-bold.svg#Roboto-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Regular';
    src: url('../eot/roboto-regular.eot');
    src: url('../eot/roboto-regulard41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/roboto-regular.woff2') format('woff2'),
        url('../woff/roboto-regular.woff') format('woff'),
        url('../ttf/roboto-regular.ttf') format('truetype'),
        url('../svg/roboto-regular.svg#Roboto-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Roboto-Light';
    src: url('../eot/roboto-light.eot');
    src: url('../eot/roboto-lightd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/roboto-light.woff2') format('woff2'),
        url('../woff/roboto-light.woff') format('woff'),
        url('../ttf/roboto-light.ttf') format('truetype'),
        url('../svg/roboto-light.svg#Roboto-Light') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Poppins-Black';
    src: url('../eot/poppins-black.eot');
    src: url('../eot/poppins-blackd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/poppins-black.woff2') format('woff2'),
        url('../woff/poppins-black.woff') format('woff'),
        url('../ttf/poppins-black.ttf') format('truetype'),
        url('../svg/poppins-black.svg#Poppins-Black') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-ExtraBold';
    src: url('../eot/poppins-extrabold.eot');
    src: url('../eot/poppins-extraboldd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/poppins-extrabold.woff2') format('woff2'),
        url('../woff/poppins-extrabold.woff') format('woff'),
        url('../ttf/poppins-extrabold.ttf') format('truetype'),
        url('../svg/poppins-extrabold.svg#Poppins-ExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('../eot/poppins-bold.eot');
    src: url('../eot/poppins-boldd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/poppins-bold.woff2') format('woff2'),
        url('../woff/poppins-bold.woff') format('woff'),
        url('../ttf/poppins-bold.ttf') format('truetype'),
        url('../svg/poppins-bold.svg#Poppins-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Medium';
    src: url('../eot/poppins-medium.eot');
    src: url('../eot/poppins-mediumd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/poppins-medium.woff2') format('woff2'),
        url('../woff/poppins-medium.woff') format('woff'),
        url('../ttf/poppins-medium.ttf') format('truetype'),
        url('../svg/poppins-medium.svg#Poppins-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Light';
    src: url('../eot/poppins-light.eot');
    src: url('../eot/poppins-lightd41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/poppins-light.woff2') format('woff2'),
        url('../woff/poppins-light.woff') format('woff'),
        url('../ttf/poppins-light.ttf') format('truetype'),
        url('../svg/poppins-light.svg#Poppins-Light') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins-Regular';
    src: url('../eot/poppins-regular.eot');
    src: url('../eot/poppins-regulard41d.eot#iefix') format('embedded-opentype'),
        url('../woff2/poppins-regular.woff2') format('woff2'),
        url('../woff/poppins-regular.woff') format('woff'),
        url('../ttf/poppins-regular.ttf') format('truetype'),
        url('../svg/poppins-regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}



@font-face {
    font-family: 'nexabold';
    src: url('../eot/nexa_bold-webfont.eot');
    src: url('../eot/nexa_bold-webfontd41d.eot#iefix') format('embedded-opentype'), 
         url('../woff/nexa_bold-webfont.woff') format('woff'), 
         url('../ttf/nexa_bold-webfont.ttf') format('truetype'),
         url('../svg/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
    font-weight: 400;
    font-style: normal;
}
blo
@font-face {
    font-family: 'nexalight';
    src: url('../eot/nexa_light-webfont.eot');
    src: url('../eot/nexa_light-webfontd41d.eot#iefix') format('embedded-opentype'), 
         url('../woff/nexa_light-webfont.woff') format('woff'),
         url('../ttf/nexa_light-webfont.ttf') format('truetype'),
         url('../svg/nexa_light-webfont.svg#nexa_lightregular') format('svg');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Oswald 700';
    src: url('../eot/oswald%20700.eot');
    src: local(''), url('../woff/oswald%20700.woff') format('woff'), url('../ttf/oswald%20700.ttf') format('truetype'), url('../svg/oswald%20700.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Conv_Oswald';
    src: url('../eot/oswald.eot');
    src: local(''), url('../woff/oswald.woff') format('woff'), url('../ttf/oswald.ttf') format('truetype'), url('../svg/oswald.svg') format('svg');
    font-weight: normal;
}

@font-face {
  font-family: 'Conv_BebasNeue Book';
  src: url('../eot/bebasneue%20book.eot');
  src: local(''), url('../woff/bebasneue%20book.woff') format('woff'), url('../ttf/bebasneue%20book.ttf') format('truetype'), url('../svg/bebasneue%20book.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/** Generated by FG **/
@font-face {
  font-family: 'Conv_Lato-Bla';
  src: url('../eot/lato-bla.eot');
  src: local(''), url('../woff/lato-bla.woff') format('woff'), url('../ttf/lato-bla.ttf') format('truetype'), url('../svg/lato-bla.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Conv_BebasNeue Bold';
  src: url('../eot/bebasneue%20bold.eot');
  src: local(''), url('../woff/bebasneue%20bold.woff') format('woff'), url('../ttf/bebasneue%20bold.ttf') format('truetype'), url('../svg/bebasneue%20bold.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'icomoon';
    src: url('../eot/icomoon141f8.eot');
    src: url('../eot/icomoon141f8.eot#iefix') format('embedded-opentype'), url('../ttf/icomoon141f8.ttf') format('truetype'), url('../woff/icomoon141f8.woff') format('woff'), url('../svg/icomoon141f8.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'icomoon';
    src: url('../eot/icomoon3d323.eot');
    src: url('../eot/icomoon3d323.eot#iefix') format('embedded-opentype'), url('../ttf/icomoon3d323.ttf') format('truetype'), url('../woff/icomoon3d323.woff') format('woff'), url('../svg/icomoon3d323.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'icomoon';
    src: url('../eot/icomoon4de21.eot');
    src: url('../eot/icomoon4de21.eot#iefix') format('embedded-opentype'), url('../ttf/icomoon4de21.ttf') format('truetype'), url('../woff/icomoon4de21.woff') format('woff'), url('../svg/icomoon4de21.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'icomoon';
    src: url('../eot/icomoon5b204.eot');
    src: url('../eot/icomoon5b204.eot#iefix') format('embedded-opentype'), url('../ttf/icomoon5b204.ttf') format('truetype'), url('../woff/icomoon5b204.woff') format('woff'), url('../svg/icomoon5b204.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: device;
    src: url('../eot/device3e76.eot');
    src: url('../eot/deviced41d.eot#iefix-ydr1k3') format('embedded-opentype'), url('../woff/device3e76.woff') format('woff'), url('../ttf/device3e76.ttf') format('truetype'), url('../svg/device3e76.svg#device') format('svg');
    font-weight: 400;
    font-style: normal;
}


.icon-iphone:before {
    content: "\e600";
}

.icon-ipad:before {
    content: "\e601";
}

.icon-Android:before {
    content: "\e602";
}

.icon-windows:before {
    content: "\e603";
}
.icon-DesignGamificationWorkshops:before {
    content: "\e900";
}

.icon-EnterpriseApplicationDevelopment:before {
    content: "\e901";
}

.icon-EnterpriseMobileSecurity:before {
    content: "\e902";
}

.icon-EnterpriseTechnologyConsulting:before {
    content: "\e903";
}

.icon-MobileCenterofExcellenceMCOE:before {
    content: "\e904";
}

.icon-MobileFirstWorkshops:before {
    content: "\e905";
}
/*.solutionmenu{display:none !important;}*/
.wp-pagenavi{margin: 22px;
    padding-top: 10px;}
.wp-pagenavi span.extend{display:none !important;}    
nav#pojo-a11y-toolbar{width:auto !important;}
/* Royal Loader */


body.royal_loader {
    background: 0 0;
    visibility: hidden;
}

#royal_preloader {
    font-family: Arial;
    font-size: 12px;
    visibility: visible;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 9999999999;
    -webkit-transition: opacity .2s linear .8s;
    -moz-transition: opacity .2s linear .8s;
    -ms-transition: opacity .2s linear .8s;
    -o-transition: opacity .2s linear .8s;
    transition: opacity .2s linear .8s;
}

#royal_preloader.complete {
    opacity: 0;
}

#royal_preloader .background {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #000;
    -webkit-transition: background .5s linear;
    -moz-transition: background .5s linear;
    -ms-transition: background .5s linear;
    -o-transition: background .5s linear;
    transition: background .5s linear;
}

#royal_preloader.number .name {
    position: absolute;
    top: 20%;
    left: 0;
    right: 0;
    text-transform: uppercase;
    color: #EEE;
    text-align: center;
    opacity: 0;
    -webkit-transition: -webkit-transform .3s linear;
    -moz-transition: -moz-transform .3s linear;
    -ms-transition: -ms-transform .3s linear;
    -o-transition: -o-transform .3s linear;
    transition: transform .3s linear;
    -webkit-animation: fly .3s;
    -moz-animation: fly .3s;
    -ms-animation: fly .3s;
    -o-animation: fly .3s;
    animation: fly .3s;
}

#royal_preloader.number .percentage {
    color: #FFF;
    font-family: Impact, Arial;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
    text-align: center;
    margin: -90px 0 0 -90px;
    background-image: url(../index-2.html);
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding-top: 80px;
    width: 180px;
    position: absolute;
    font-size: 50px;
    top: 50%;
    left: 50%;
    -webkit-transition: all .3s linear .5s;
    -moz-transition: all .3s linear .5s;
    -ms-transition: all .3s linear .5s;
    -o-transition: all .3s linear .5s;
    transition: all .3s linear .5s;
}

#royal_preloader.text .loader {
    position: absolute;
    font-family: Sifonn-Basic;
    text-shadow: 0 0 15px rgba(0, 0, 0, .3);
    text-transform: uppercase;
    text-align: center;
    top: 50%;
    left: 50%;
    width: 180px;
    margin-left: 0;
    height: 130px;
    line-height: 60px;
    margin-top: -30px;
    font-size: 30px;
    white-space: nowrap;
}

#royal_preloader.text .loader div {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: .7;
    filter: alpha(opacity=70);
    -webkit-transition: left .3s linear;
    -moz-transition: left .3s linear;
    -ms-transition: left .3s linear;
    -o-transition: left .3s linear;
    transition: left .3s linear;
    display: none;
}

#royal_preloader.logo .loader {
    width: 180px;
    height: 90px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -35px 0 0 -100px;
    overflow: hidden;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

#royal_preloader.logo .loader div {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    opacity: .7;
    filter: alpha(opacity=70);
    -webkit-transition: bottom .3s linear;
    -moz-transition: bottom .3s linear;
    -ms-transition: bottom .3s linear;
    -o-transition: bottom .3s linear;
    transition: bottom .3s linear;
}

#royal_preloader.logo .percentage {
    position: absolute;
    width: 80px;
    height: 40px;
    line-height: 40px;
    top: 50%;
    left: 50%;
    margin: 40px 0 0 -40px;
    color: #000;
    text-align: center;
    font-family: Lato, sans-serif;
    font-weight: 400;
    font-size: 13px;
    display: none;
}

@-webkit-keyframes fly {
    0% {
        opacity: 0;
        top: 50%;
    }
    20% {
        opacity: 1;
        top: 40%;
    }
    100% {
        opacity: 0;
        top: 20%;
    }
}

@-moz-keyframes fly {
    0% {
        opacity: 0;
        top: 50%;
    }
    20% {
        opacity: 1;
        top: 40%;
    }
    100% {
        opacity: 0;
        top: 20%;
    }
}

@-ms-keyframes fly {
    0% {
        opacity: 0;
        top: 50%;
    }
    20% {
        opacity: 1;
        top: 40%;
    }
    100% {
        opacity: 0;
        top: 20%;
    }
}

@-o-keyframes fly {
    0% {
        opacity: 0;
        top: 50%;
    }
    20% {
        opacity: 1;
        top: 40%;
    }
    100% {
        opacity: 0;
        top: 20%;
    }
}

@keyframes fly {
    0% {
        opacity: 0;
        top: 50%;
    }
    20% {
        opacity: 1;
        top: 40%;
    }
    100% {
        opacity: 0;
        top: 20%;
    }
}

/* End Loader*/

/* Reset Css */
a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
	background: transparent;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
table, table td {
	padding: 0;
	border: none;
	border-collapse: collapse;
}
img, embed {
	vertical-align: top;
}
* {
	border: none;
}


/* End Css*/

/* End Font Family Importing */

body {

    background: #FFF;
    font-family: roboto;
    margin: 0;
    color: #2a2a2a;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
    display: block;
}
a:active,
a:hover {
    outline: 0;
}
a, a:hover {
    color: #000;
    text-decoration: none;
}
a {
    outline: 0 !important; 
}
b,
strong {
    font-weight: bold;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
    max-width:100%;
}

h1,h2,h3,h4,h5,h6 {
   /* font-family: nexabold;*/
    font-family:'Open Sans', sans-serif;
     padding-bottom: 30px;
}
.servicemainpage h1, .servicemainpage h2.bannerheading, .servicemainpage p.bannerheading{font-family:'Open Sans', sans-serif;font-weight: 600;line-height:45px;}
.mobileapp-service h2{font-family:'Open Sans', sans-serif;font-weight:700;    text-transform: unset;}
.mobileapp-service p.seosecheading, .mobileapp-service h3.seosecheading, .mobileapp-service h4.seosecheading {
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: unset;
    font-size: 24px;
    line-height: 35px;
}
h1 {font-size: 30px;}
h2 {
    font-size: 24px;
    line-height: 35px;
}
h3 {
    font-size: 23px;
    padding-bottom:20px;
}
p {

    font-family: roboto;
    font-size: 18px;
    padding-bottom: 30px;
    font-weight: 300;
}
ul li {
    font-family: roboto;
    font-size: 14px;
    padding-bottom: 20px;
    font-weight: 300;

}
section {padding: 50px 0;}
.clearBoth {
    clear: both;
}

.floatL {
    float: left;
}

.floatR {
    float: right;
}

.floatNo {
    float: none;
}

.midcla {
 display:none;

}
/* Color Text */
.whitetext {
    color: #fff !important;
}
.greytext{color: #a1a1a1;}
.orangetext{color: #fab041;}
.greentext{color: #b5ef59;}
.darkgrey{color: #374249;}
.yellowtext{color: #ffcd2e;}
.blacktext{color: #000;}
.graybox {
    background-color: #f5f5f5;
    padding: 20px 20px 0;
}
.flexbox .graybox{height:100%;}
/* Logo Section */
.weblogo { 
/*background-image: url('https://d6fiz9tmzg8gn.cloudfront.net/wp-content/uploads/2020/03/xcube-new-logo.png');*/
background-image: url('../png/desktop-logo-newhome.png');
background-size:169px 56px;
background-repeat:no-repeat;
height: 56px !important;
width: 169px;
margin: 12px;
padding: 0;
color: transparent !important;
}
.carousel-caption.banner_text_align{left:auto;right:auto;}
.navbar-brand {
    height: 60px;
    padding: 16px 65px 13px 0;
}

.mobfixfootnav {

    display: none;
}
/* Logo end */

/* End color Text */

/* Input Type */
input[type=email],
input[type=tel],
input[type=text],
select,
textarea {border: 1px solid #000;padding: 5px;width: 100%;}
/* End Input Type  */
/* Case Sensitive */
.uppercase{text-transform: uppercase;}
.lowercase {text-transform: lowercase;vertical-align: text-top;}
.normalcase{text-transform:none !important;}
/* End Case Senstive */

/* Header , Footer  */

header {
    
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    position: fixed !important;
    width: 100%;
    z-index: 1000;
   }
footer {
    background: #000 none repeat scroll 0 0;
 /*   position: relative; */
    text-align: center;
}
footer {
    text-align: center;
}
.footer-nav li a, .footer-nav li p {
    color: #fff;
    font-size: 11px;
    padding: 0 6px;
}
.footer-nav li {
    display: inline-table;
}
.footer-nav-social {
    padding-bottom: 10px;
}
.fa-facebook, .fa-google-plus, .fa-linkedin, .fa-twitter, .fa-youtube {
    color: #fff;
    font-size: 30px !important;
    padding: 10px;
}
/* End Header & Footer Css */


/* Navigation Css */

ul.footer-nav-social li a:hover {
    opacity: 0.5;
}
.quick-nav {
    position: fixed;
    right: 0;
    top: 268px;
    width: auto;
    z-index: 5;
    visibility: hidden;
}

.quick-nav a.contact-no:hover,
.quick-nav a.get-quote:hover {
    width: 175px;
}

.quick-nav a.rfp-quote:hover {
    width: 160px;
}

.quick-nav a.contact-no {
    background: url(../png/phone-bg1.png) left top no-repeat;
}

.quick-nav a.get-quote {
    background: url(../png/getin-bg1.png) left top no-repeat;
}

.quick-nav a.rfp-quote {
    background: url(../png/rfp-xcube.png) left top no-repeat;
}

.quick-nav a {
    clear: both;
    color: #fff;
    display: block;
    float: right;
    font-weight: 700;
    height: 43px;
    line-height: 43px;
    margin-bottom: 10px;
    overflow: hidden;
    padding: 0 0 0 48px;
    transition: all .2s ease 0s;
    width: 45px;
    font-size: 14px;
}

.nonedis {
    visibility: hidden;
}

.navbar {
    margin-bottom: 0;
}
.nonedis {
    visibility: hidden;
}
#menu-mainmenu {
    height: 90px;
}
.menu-drop .menu-main-menu-container{background-color: transparent;height: auto;}
.menu-drop ul li ul.sub-menu li#menu-item-20091 a{text-transform: none !important;}
.sub-menu li a{font-family: 'Roboto-Regular' !important;}
.current-menu-ancestor a,
.current-menu-item>a,
.current-menu-parent a,
.current_page_item a {
    color: #222!important;
    font-family: 'Roboto-Medium' !important;
}

.navbar-collapse,
.navbar-default {
    background-color: transparent;
}

.navbar-brand {
    padding: 16px 65px 13px 0;
    height: auto;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.active>a:hover {
    background: none;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    background-color: transparent !important;
    border: none;
}
.nav-tabs > li > a:hover {

    background-color: transparent !important; 
     border: none;
}

.navbar-nav>li>a {
    padding-top: 40px;
    padding-bottom: 40px;
}

.nav>li:first-child>a {
    padding-left: 0;
}

.nav>li:last-child>a {
    padding-right: 0;
}

.nav>li>a {
  
    z-index: 999;
    color: #333;
    border:medium none !important;

}

.navbar {
    margin-bottom: 0;
}


.menu-drop {
    margin: 0;
    padding: 0;
    float: right;
}

.menu-drop ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu-drop ul li {
    position: relative;
    list-style-type: none;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    padding-bottom: 0;
    padding:0 10px;
}

.menu-drop ul li ul {
    display: none;
    position: absolute;
    margin: 0;
    padding: 0;
    text-align: left;
}

.menu-drop ul li:hover ul {
    display: block;
    position: absolute;
    top: 80px;
    left: 0;
    padding: 5px 0;
    margin: 0;
    font-size: 14px;
    list-style: none;
    background-color: #3b3b3b;
    z-index: 1;
}

.menu-drop ul li:hover ul li {
    display: block;
    padding: 0;
    font-weight: 400;
    line-height: 25px;
    color: #333;
    white-space: nowrap;
}
.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
.menu-drop ul li#menu-item-57 ul.sub-menu {
    background: url(../index-2.html) center 50% no-repeat #f6f6f6;
    /*border-top: 4px solid #020202;*/
    left: -225px;
    padding: 25px 35px;
    width: 600px;
}

.menu-drop ul li#menu-item-57 ul.sub-menu li {
    float: left;
    width: 33%;
}

.menu-drop ul li#menu-item-57 ul.sub-menu li#menu-item-267 {
    float: left;
    width: 35%;
    z-index: 9;
}

.menu-drop ul li#menu-item-47 ul.sub-menu {
    background: url(../index-2.html) center 50% no-repeat #f6f6f6;
    /*border-top: 4px solid #020202;*/
    left: -365px;
    padding: 25px 35px;
    width: 1000px;
}

.menu-drop ul li#menu-item-47 ul.sub-menu li {
    float: left;
    width: 25%;
}

.menu-drop ul li#menu-item-47 ul.sub-menu li#menu-item-267 {
    float: left;
    width: 35%;
    z-index: 9;
}

.menu-drop ul li ul.sub-menu {
    padding: 5px 17px;
}

.menu-drop ul li ul.sub-menu li a:hover {
    color: #fff;
}

.menu-drop ul li ul.sub-menu li a {
    line-height: normal;
    font-family: 'Open Sans', sans-serif;
}

.menu-drop ul li ul.sub-menu {
    background: #f8f8f8;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}

.menu-drop ul li ul li ul.sub-menu {
    box-shadow: none;
}

.menu-drop ul li ul.sub-menu li.menu-item a {
    color: #2a2a2a;
    font-size: 12px;
    line-height: normal;
    margin: 0;
    padding: 7px;
    text-transform: uppercase;
    display: block;
}

.menu-drop ul li ul.sub-menu li.menu-item a:hover {
    color: #000;
    padding: 7px;
}

.menu-drop ul li ul.sub-menu li ul.sub-menu li a {
    color: #2a2a2a;
}

#menu-item-874 a,
#menu-item-875 a,
#menu-item-876 a,
#menu-item-877 a,
#menu-item-878 a,
#menu-item-879 a,
#menu-item-880 a,
.menu-drop ul li ul.sub-menu li ul.sub-menu li#menu-item-873 a {
    color: #fff;
}

.menu-drop ul li ul.sub-menu li.sub-sup ul li.sub-sup-sup ul li a {
    padding: 0;
}

.menu-drop ul li#menu-item-57 ul.sub-menu li#menu-item-267 ul.sub-menu li#menu-item-855 ul.sub-menu {
    display: none;
}

.menu-drop ul li#menu-item-57 ul.sub-menu li.sub-sup {
    position: relative;
}

.menu-drop ul li#menu-item-57 ul.sub-menu li.sub-sup ul {
    display: block;
    background: 0 0;
    border: none;
    position: relative;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
    left: 0;
    top: 10px;
}

.menu-drop ul li#menu-item-57 ul.sub-menu li.sub-sup ul li {
    width: auto;
    margin: 0;
    padding: 5px;
    line-height: 15px;
    float: none;
    font-size: 15px;
}

.menu-drop ul li#menu-item-57 ul.sub-menu li.sub-sup ul li a {
    text-transform: capitalize;
    font-size: 14px;
    margin: 0;
    line-height: normal;
    font-family: NexaLight;
}

.menu-drop ul li#menu-item-57 ul.sub-menu li.sub-sup ul li.sub-sup-sup {
    position: relative
}

.menu-drop ul li#menu-item-57 ul.sub-menu li.sub-sup ul li.sub-sup-sup ul {
    display: none;
    position: absolute;
    margin: 0;
    padding: 10px;
    text-align: left;
}

.menu-drop ul li#menu-item-57 ul.sub-menu li.sub-sup ul li:hover ul {
    display: block;
    position: absolute;
    height: 276px;
    left: 193px;
    top: -60px;
    padding: 5px 10px;
    margin: 0;
    font-size: 14px;
    list-style: none;
    background-color: #000;
    z-index: 9999;
}

.menu-drop ul li#menu-item-57 ul.sub-menu li.sub-sup ul li.sub-sup-sup ul li {
    padding: 7px 5px;
}

.menu-drop ul li#menu-item-57 ul.sub-menu li.sub-sup ul li.sub-sup-sup ul li a {
    color: #fff;
    padding: 0;
}

.menu-drop ul li#menu-item-57 ul.sub-menu li#menu-item-267 ul.sub-menu li#menu-item-975:hover ul.sub-menu {
    display: block;
    position: absolute;
    left: 183px;
    top: -88px;
    z-index: 9999;
}

.menu-drop ul li#menu-item-57 ul.sub-menu li#menu-item-267 ul.sub-menu li#menu-item-976:hover ul.sub-menu {
    left: 193px;
    top: -145px;
    position: absolute;
    display: block;
    z-index: 9999;
}

/*--------------Level2--------------*/
 .menu-drop ul li#menu-item-47 ul.sub-menu li.sub-sup {
    position: relative
}

.menu-drop ul li#menu-item-47 ul.sub-menu li.sub-sup ul {
    display: block;
    background: 0 0;
    border: none;
    position: relative;
    margin: 0;
    padding: 0;
    text-align: left;
    width: auto;
    left: 0;
    top: 10px;
}

#slippy-slider-container {
    display: none;
}

.menu-drop ul li#menu-item-47 ul.sub-menu li.sub-sup ul li {
    width: auto;
    margin: 0;
    padding: 5px;
    line-height: 15px;
    float: none;
    font-size: 15px;
}

.menu-drop ul li#menu-item-47 ul.sub-menu li.sub-sup ul li a {
    text-transform: capitalize;
    font-size: 14px;
    margin: 0;
    line-height: normal;
    font-family: NexaLight;
}

.menu-drop ul li#menu-item-47 ul.sub-menu li.sub-sup ul li.sub-sup-sup {
    position: relative;
}

.menu-drop ul li#menu-item-47 ul.sub-menu li.sub-sup ul li.sub-sup-sup ul {
    display: none;
    position: absolute;
    margin: 0;
    padding: 10px;
    text-align: left;
}

.menu-drop ul li#menu-item-47 ul.sub-menu li.sub-sup ul li:hover ul {
    display: block;
    position: absolute;
    height: 276px;
    left: 193px;
    top: -60px;
    padding: 5px 10px;
    margin: 0;
    font-size: 14px;
    list-style: none;
    background-color: #000;
    z-index: 9999;
}

.menu-drop ul li#menu-item-47 ul.sub-menu li.sub-sup ul li.sub-sup-sup ul li {
    padding: 7px 5px;
}

.menu-drop ul li#menu-item-47 ul.sub-menu li.sub-sup ul li.sub-sup-sup ul li a {
    color: #fff;
    padding: 0;
}

.menu-drop ul li#menu-item-47 ul.sub-menu li#menu-item-267 ul.sub-menu li#menu-item-975:hover ul.sub-menu {
    display: block;
    position: absolute;
    left: 183px;
    top: -88px;
    z-index: 9999;
}

.menu-drop ul li#menu-item-47 ul.sub-menu li#menu-item-267 ul.sub-menu li#menu-item-976:hover ul.sub-menu {
    left: 193px;
    top: -145px;
    position: absolute;
    display: block;
    z-index: 9999;
}

.rightfnavlinks {
    list-style: outside none none;
}
.rightfnavlinks li {
    border-bottom: 1px solid #808285;
    font-family: Roboto;
    font-size: 18px;
    padding: 10px 0;
    text-align: right;
}
.rightfnavlinks li a {
    color: #808285;
    font-size: 16px;
}
.rightfnavlinks li a:hover, .rightfnavlinks li a:focus {
    color: #662f8e;
 }
 .rightfnavlinks li a:hover .fa {
    display: inline-block;
}
.rightfnavlinks .fa {
    display: none;
    line-height: 21px;
    padding: 0 5px;
}

/* End Navigation css*/

/* Text aligments */

.text-left {

	text-align: left !important;

}
.text-right {

	text-align: right;

}
.text-center {

	text-align: center;
}

/* End Text aligments */

/* Padding Class top & Bottom */

.smallpaddingtop {

      display: inline-block;
    padding-top: 30px;
}

.paddingbox{

        padding: 20px 15px;

    }

.padding-top {

	padding-top:50px;
    padding-bottom: 0;

}
.padding-bottom{

	padding-bottom: 50px;
    padding-top: 0;

}
.nopadding {

    padding: 0;
}
.basicpadtop{padding-top:30px !important;}
.basicpadbtm{padding-bottom:30px !important;}
.padding-both {

    padding: 50px 0;
     display: inline-block;
}
/* End Padding Class */

/* Banners */
.carousel-caption {
    left: 0;
  padding-bottom: 15px;
    right: 0;
}
.carousel-caption.midcla {left:auto;right:auto;bottom:30px;}
.internalbanner {
	padding: 0 !important;
     background-color: #000000;
     }

.sub-sol-clr {
    color: #484848;
}

b.digtaltranBanner {
    background: rgba(0, 0, 0, 0) url("../jpg/ing_39829_07205.jpg") no-repeat scroll center center / cover ;
    display: block;
    width: 100%;
     height: 880px;
}
.digtaltransBanner {
    height: 970px;
}
b.newdesingBanner {
    background: rgba(0, 0, 0, 0) url("../jpg/mobile-app-desing-banner-1.jpg") no-repeat scroll center center / cover ;
    display: block;
    height: 100%;
    width: 100%;
}
b.designintbannerimage {
    background: rgba(0, 0, 0, 0) url("../jpg/human-centric-design-banner-1.jpg") no-repeat scroll center center / cover ;
    display: block;
    height: 340px;
    width: 100%;
}
b.advantage_banner {
    background: rgba(0, 0, 0, 0) url("../jpg/banner1.jpg") no-repeat scroll center center / cover ;
    display: block;
    width: 100%;
    height: 600px;
}

.indexMainSubBanner {
    height: 654px;
}
.container.renaisanceBannerText.rennBannTextPadd div:nth-child(7), .container.renaisanceBannerText.rennBannTextPadd div:nth-child(35) {
    display: none;
}
.jumbotron .bannerInfo {
    color: #fff;
    display: table;
    height: 336px;
    position: absolute;
    text-align: center;
    top: 0;
    visibility: hidden;
    width: 100%;
}

/* End Banners */

/* Image Aligments */

.img-center {
    text-align: center;
     display: block;
    margin: 0 auto;
}

/* End Image */
.serviceInternalPageContainer {
    padding-top: 80px;
    position: relative;
    overflow: hidden;
}

.transparent-click-area {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    width: 100%;
}

.graybackground {
    background: #f4f4f4 none repeat scroll 0 0 !important;
 }

/* Grid Image & Content padding */


.gridimageleft {

padding-left: 20px;

}
.gridcontentleft {

	padding-left: 20px;

}
.gridimageright {

	padding-right: 20px;
}
.gridcontentright {

	padding-right: 20px;


}




/* End Grid Image & content Padding */

/* Blog Section at end of page */

.indexBlogContainer {
    position: relative;
    margin:0;
}

.indexBlogContainer img {
    width: 100%;
}

.indexBlogContainer .blogImgHead {
    position: relative;
}

.indexBlogContainer li.col-md-4 {
    width: 31.85%;
    padding: 0;
    margin: 0 20px 0 0;
}

.indexBlogContainer li.col-md-4:last-child {
    margin: 0;
}

.indexBlogContainer .blogDetails {
    position: relative;
}



/* End Blog section page */


/* Website Assets */

.backgroundsection {

	padding:0 !important;
}
.greyborder {
    border-bottom: 2px solid #58595b;
    display: inline-block;
    margin: 0 0 20px;
    width: 80px;
}
.clear {
	clear: both;
}

.indexTextAlign {
    display: table-cell;
    vertical-align: middle;
}
.jumbotron {
    margin: 0;
    padding: 0;
    position: relative;
}
.jumbotron .loopbanner2 {
    color: #fff;
    display: table;
    height: 466px;
    position: absolute;
        padding: 50px 0;
    top: 0;
    visibility: hidden;
    width: 100%;
}
.jumbotron p {
    font-size: 18px;
    font-weight:400;
    
}
.image-center {

	 display: block;
    margin: 0 auto 20px;
    text-align: center;
}
.border-box {

	border: 1px solid #dfdfdf;
}

/* End Assets */

/* Call Action Buttons */
a.linedButton {
     border: 2px solid #000;
    color: #000;
    display: block;
    float: none;
    font-family: roboto;
    font-size: 16px;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.5s ease 0s;
}
a.leftlinedButton {
    border: 2px solid #000;
    display: block;
    font-family: roboto;
    font-size: 16px;
    margin: 0 auto;
    padding: 15px 0;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.5s ease 0s;
}
a.banner_button {
    border: 2px solid #fff;
    color: #fff;
    display: block;
    float: none;
    font-family:roboto;
    font-size: 16px;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.5s ease 0s;
}
.btn-default {
    background: #000 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
}


/* End action Buttons */

/* Slideshow Banner */
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
    line-height: 1;
    width: 100%;
}


/* End Banner */

/* Service Mobile Template Tabs */
.MobileTabs.fa-android,
.MobileTabs.fa-apple,
.MobileTabs.fa-windows {
    color: #000;
}

.MobileTabs li {
    text-align: center;
    padding-bottom:0 !important;
}

.MobileTabs li a {
    text-align: left;
}
.MobileTabs li p {
    font-family:'Open Sans', sans-serif;
    font-size: 16px;
    color: #000;
    font-weight:bold;
    opacity: .6;
    text-align:center;
}
.MobileTabs li a.active p{
    border-bottom: 5px solid #000;
    opacity: 1;
}
.MobileTabs li span {
    text-align: center;
    font-family:'Open Sans', sans-serif;
    font-size: 16px;
    color: #A1A1A1;
}

.MobileTabs li i {
    float: left;
    font-size: 50px;
    padding-right: 20px;
}

.Mobiletabcontent {
    border-top: 3px solid #D8D8D8;
    border-bottom: 3px solid #D8D8D8;
    padding: 50px 0;
}
.carousel-indicators_top {
    height: 25px;
    top: 0;
    bottom: 10px;
    left: 2%;
    list-style: none;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    text-align: center;
    width: 50%;
    z-index: 15;
}

.carousel-indicators_top li {
    border: 1px solid #C1C1C1;
    cursor: pointer;
    float: left;
    font-size: 35px;
    height: 40px;
    width: 40px;
    background: #fff;
}

.carousel-indicators_top li:hover {
    background: #333;
    color: #fff;
}
.mobilecontentmid {
    display: table;
    height: 360px;
}
.mobilecontentmidtext {
    display: table-cell;
    vertical-align: middle;
}
.bullets {
    padding-left: 20px;
}
.bullets li {
    color: #171717;
    font-family: Roboto;
    list-style: outside none disc;
    padding-bottom: 10px;
    text-align: left;
}
.subsol_background {
    background: #f4f4f4 none repeat scroll 0 0;
    border-radius: 10px;
    display: inline-block;
    margin-top: 0;
    padding: 30px;
    text-align: center;
}

/* End Css */

.servicesContainer-apply li {
  list-style-type: disc;
    padding-left: 20px;
    text-overflow: ellipsis;
 list-style-position:inside;p   
}
/* App Design Service Page */


#ytapiplayer22 {
    margin: 0 auto;
    text-align: center;
}
.design-caption {
    bottom: 20px;
    color: #fff;
    display: table;
    left: 15%;
    padding-bottom: 20px;
    padding-top: 20px;
    position: absolute;
    right: 15%;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
    z-index: 10;
}

.clickrolnavi {
    margin: 20px 0;
}
.clickrolnavi li {
    border-bottom: 2px solid #b3b3b3;
    display: block;
    padding-bottom: 0;
}
.clickrolnavi li h5 {
    color: #676767;
    font-family: Roboto;
    font-size: 24px;
    padding-bottom: 0;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: center;
}
.dottabrol > li.active > a {
    background-color: #fff !important;
    color: #0075c0;
}
.clickrolnavi a {
    background: #fff none repeat scroll 0 0;
    color: #b3b3b3;
    font-size: 25px;
    left: 130px;
    margin: 0 auto;
    position: absolute;
    text-align: center;
    top: 80px;
    width: 20px;
}
.destabawards {
    padding: 20px 0;
}
.clickrolnavi li p {
    color: #b3b3b3;
  
    text-align: center;
}

/* End App design page */
.awards_popups .modal-header span {
    font-size: 30px;
}
.awardsListing span {
    display: block;
    height: 40px;
    overflow: hidden;
}
.awardsrepimg {
    display: block;
    margin: 0 auto;
    text-align: center;
} 
.pagenotexist h1 {
    color: #efa300;
    font-size: 110px;
    margin-bottom: 0;
}
.pagenotexist h4 {
     margin-bottom: 0;
}
.pagenotexist p {
      padding-bottom: 0;
}
.nopagecontent h5 {
    font-family: Roboto;
    font-size: 24px;
    margin-bottom: 20px;
    text-align: center;
    color:#000;
}
.rightfnavlinks1 li {
    border-bottom: 1px solid #dadada;
    font-family: Roboto;
    font-size: 18px;
    padding: 10px 0;
    text-align: left;
}
.rightfnavlinks1 .fa {
    line-height: 25px;
    padding: 0 10px;
}
/* Starategy Template */
.newhovertabs li a {
    background: #f4f4f4 none repeat scroll 0 0;
    color: #000 !important;
    height: 185px;
    margin-bottom: 35px;
    padding: 0;
    text-align: center;
}
.newhovertabs span {
    display: block;
    font-size: 60px;
    padding: 20px 0;
    text-align: center;
}
.newhovertabs li a:hover {
    background: #000 none repeat scroll 0 0;
    color: #fff !important;
}
.car-con.left{

    background-image: none;
    left: -5%;

}
.car-con.right {
     background-image: none;
    right: -5%;

}
.car-con {
    border: medium none;
    color: #000;
    cursor: pointer;
    float: left;
    font-size: 70px;
    height: 40px;
    top: 50%;
    width: 40px;
}
.servicesData_left {
    padding-right: 0!important;
}

.servicesData_right {
    padding-left: 0!important;
}

.servicesData_left,
.servicesData_mid,
.servicesData_right {
    padding: 0;
    display: table;
    height: 515px;
}

.servicesData_left.Tablet,
.servicesData_mid.Tablet,
.servicesData_right.Tablet {
    padding: 0;
    display: table;
    height: 427px!important;
}

.servicesData_left>div,
.servicesData_right>div {
    display: table-cell;
    vertical-align: middle;
}

.servicesData_left li,
.servicesData_right li {
    margin-bottom: 36px;
    position: relative;
}

.servicesData_left li {
    text-align: right;
    position: relative;
}

.servicesData_right li {
    text-align: left;
}
.servicesData_mid {
    display: block;
    margin: 0 auto;
    text-align: center;
}
/* End Strategy Template */

/* Cross Platfrom Template */

.headingban span {
    display: table-cell;
    font-family: Roboto;
    padding: 15%;
    vertical-align: middle;
    visibility: visible;
}
.bannerInfo1 span {
    font-size: 18px;
    line-height: 29px;
    padding: 20px 0;
}
.jumbotron .bannerInfo1 {
    color: #fff;
    display: table;
    height: 270px;
    position: absolute;
    text-align: center;
    top: 0;
    visibility: hidden;
    width: 100%;
}

/* end Tempalte */

/* Breadcumbs Template */

.bdcums {

  padding:15px 0;
  border-bottom:1px solid #000;
   font-family: open sans;

}
.bdcums a {

 font-family: open sans;
 font-weight:bold;

}
.breadcrumbs img {

   padding:10px 20px;
}


.bdcums a.current-item {

 font-family: open sans;
 
}

/* End template */
/* Game Template */

.border_shadow {
    box-shadow: 0 5px 7px -2px #d8d8d8;
}
.game-dev-links {
    margin: 30px auto 0;
    text-align: center;
}
.game-dev-links li {
    font-family: roboto;
    font-size: 18px;
     border-right: 2px solid #a9a9a9;
      padding-bottom: 0;
}
.game-dev-links li a {
    opacity: 0.5;
}
.gdicon {
    float: left;
    font-size: 50px;
}
.game-dev-links .mls {
    font-family: roboto;
    font-size: 18px;
    margin-left: 0.25em;
}
.game-dev-links li:last-child {
    border-right: medium none;
   
}

/* End Template */
/* Wearable Technology */


.iottable td {
    border: 1px solid #cfcfcf;
    font-family: roboto;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 30px;
    vertical-align: middle;
}
.iottable td {
    border: 1px solid #cfcfcf;
    font-family: roboto;
    font-size: 14px;
    font-weight: 300;
    padding: 10px 30px;
    vertical-align: middle;
}
.drakgrey {
    background: #424242 none repeat scroll 0 0;
    color: #fff;
}
.tableheadings {
    font-size: 20px !important;
    font-weight: 400 !important;
}
.technologytabs2 span {
    display: inline-block;
    font-size: 50px;
    vertical-align: middle;
}
td.technologytabs2 {
    font-weight: bold;
    vertical-align: middle;
}
/* End w technolgoy */
/* Contact page Marker */

.overlay {
    display: block;
    z-index: 10;
    text-align: center;
    height: 79px;
    width: 66px;
    background: url(../index-2.html)no-repeat bottom right;
    background-size: 66px 79px;
}
/* End Marker */

/* Testing page */

.correct_list2 h3 {
    background: #323232 none repeat scroll 0 0;
    color: #fff;
    padding: 20px 10px;
    text-align: center;
}
ul.listbg {
    background: #f6f6f6 none repeat scroll 0 0;
    border-bottom: 4px solid #323232;
    height: 375px;
    padding: 20px;
}
ul.listbg li {
    color: #484848;
    font-size: 16px;
    margin-left: 20px;
}

ul.advantage_list li {
    border-bottom: 1px solid #323232;
    margin-bottom: 10px;
    padding: 10px;
}

/* End testing template */

/* App Marketing page */
.desktopoff {
    display: none;
}
.quoteIcon .desktopoff{display:none;}
.sub_heading_bg {
    background: #323232 none repeat scroll 0 0;
      padding: 10px 0;
}
 p.cnt_bg {
    background: #f1f2f2 none repeat scroll 0 0;
    min-height: 210px;
    padding: 20px;
    text-align: left;
}

/* End Page Template */

/* Iot Page Template */

.iotabs li a {
    border-radius: 0;
    color: #333;
    font-size: 15px;
    font-weight: 600;
    height: auto;
    padding-bottom: 25px !important;
    padding-right: 0 !important;
    padding-top: 25px !important;
    text-align: center;
    text-transform: uppercase;
}
.iotabs  p {
    padding-bottom: 0;
}
.iotabs li {

    padding:0 !important;
}


/* End Iot page Template */

/* Blog Template */
.blog .col-md-9{padding-right:5%;}
.blog-image {
    height: 222px;
    width: 100%;
}
.background_cover {
    background-position: center center;
    background-size: cover;
}

.service_bantext h1{
 font-size: 36px;
}
.service_bantext h2, p.bannerheading{
    font-size: 34px;
}
.active h2 { 
    font-family: roboto;
}
h2.title-ask{font-size: 28px;
    text-transform: uppercase;}

.blogContainer {
    margin: 26px 0 0;
}
.blogtitle-cls h2 { 
line-height:inherit;
padding-bottom: 0;
}
.blogContainer li.col-md-4 {
    width: 31.3%;
}

/*.blogContainer li {
    height: 360px;
    background: #f8f8f8;
    padding: 0;
    margin: 0 26px 26px 0;
    box-shadow: 0 4px 16px -9px #9C9C9C;
    -webkit-box-shadow: 0 4px 16px -9px #9C9C9C;
    transition: all .2s;
}*/
.post.blog-custom-ask {
    height: 360px;
    background: #f8f8f8;
    padding: 0;
    box-shadow: 0 4px 16px -9px #9c9c9c;
    -webkit-box-shadow: 0 4px 16px -9px #9c9c9c;
    transition: all .2s;
}

.blogContainer li:first-child {
    margin-left: 0;
}

.blogContainer li:nth-child(3n) {
    margin-right: 0;
}

.blogContainer li img {
    width: 100%;
    height: 222px;
}

.blogContainer .blogDetails {
    height: 138px;
    padding: 13px;
}

.blogContainer .blogDetails span,
.blogContainer .blogDetails time {
    color: #b4b4b4;
    display: inline-block;
    font-family: roboto;
    font-size: 1em;
    font-weight: 300;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
}

.blogContainer .blogDetails span {
    text-align: right;
}

.blogContainer li h1, .blogContainer li p.clearleft.h1heading {
    font-family: roboto;
    font-size: 0.9em;
    line-height: 30px;
    padding-top: 24px;
  text-decoration: initial !important;
    text-transform: capitalize;
        font-weight: 500;
}

.blogMenuContainer {
    padding: 0;
}

.blogMenuContainer li {
    border-right: 1px solid #e1e1e1;
}

.blogMenuContainer li:last-child {
    border-right: none;
}

.blogMenuContainer li:nth-child(1) {
    border-top: 8px #5bbacb solid;
}

.blogMenuContainer li:nth-child(2) {
    border-top: 8px #53c792 solid;
}

.blogMenuContainer li:nth-child(3) {
    border-top: 8px #da7f80 solid;
}

.blogMenuContainer li:nth-child(4) {
    border-top: 8px #ac7fc7 solid;
}

.blogMenuContainer li a {
    text-align: center;
    cursor: pointer;
    font-size: 1.5em;
    color: #5e5e5e;
    display: block;
    padding: 20px 0;
    text-transform: uppercase;
}

.blogLeftMenu,
.blogRightMenu {
    position: relative;
    height: 50px;
    display: table;
}

.blogLeftMenu li,
.blogRightMenu li {
    display: table-cell;
    vertical-align: middle;
}

.blogLeftMenu li a,
.blogRightMenu li a {
    padding: 0 17px;
    vertical-align: middle;
    cursor: pointer;
}

.blogRightMenu li {
    border-left: 1px #FFF solid;
    padding: 10px;
}

.blogLeftMenu li {
    border-right: 1px #FFF solid;
}

.blogLeftMenu li a img,
.blogRightMenu li a img {
    text-align: center;
    vertical-align: middle;
}

.blogRightMenu .btn,
.blogRightMenu .btn-group,
.blogRightMenu .btn-group:active,
.blogRightMenu .btn-group:hover,
.blogRightMenu .btn:active,
.blogRightMenu .btn:hover {
    background: #f3f3f3;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.blogRightMenu.btn-default {
    background: 0 0;
    font-size: .938em;
    color: #000;
}

.dropdown-menu li {
    float: left!important;
    padding: 7px 0;
    width: 100%;
}

.dropdown-menu .divider {
    background-color: transparent;
    display: none;
}

.btn-group.open .dropdown-toggle {
    box-shadow: none;
    -webkit-box-sahdow: none;
}

.blogRightMenu.btn-default.active,
.blogRightMenu.btn-default:active,
.blogRightMenu.btn-default:focus,
.blogRightMenu.btn-default:hover,
.blogRightMenu.open>.dropdown-toggle.btn-default {
    background-color: transparent;
    border-color: none;
}

.search-form {
    width: 100%;
    background: #F3F3F3;
    border: 1px solid #FFF;
    color: #5E5E5E;
    padding: 4px;
    position: absolute;
    right: 0;
    top: 50px;
    z-index: 2000;
}

.search-form1 li {

    padding-left: 20px;
}

.search-form1 li a {
    color: #000;
}

.search-form1 {
    background: #fff;
    border: 2px solid #000;
    color: #fff;
    padding: 5px;
    position: absolute;
    right: -1px;
    top: 40px;
    width: 158%;
    z-index: 2000;
    right: 15px;
}
.blogMenuContainer {
    padding: 0;
}
.mainContent {
    padding-top: 100px;
     overflow: hidden;
}

.servicesContainer ul li{

    padding: 0;
    display: inline-block;
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #efefef;
}

.navbar-default .navbar-nav > li > a {
color: #282828;
}

.servicesContainer ul li a {
    height: 300px;
    display: block;
    color: #2a2a2a;
    text-decoration: none;
    padding: 34px;
    position: relative;
    transition: height .5s;
    -moz-transition: height .5s;
}

.servicesContainer ul li:nth-child(3n) {
    margin-right: 0;
border-right:0;
}
.servicesContainer .col-md-4 {
    width: 33%;
}
.servicesContainer h2 {
    
    text-transform: capitalize;
}

.servicesContainer p {
    font-size: 14px;
    padding-top: 15px;
}

.servicesContainer.single p {
    font-size: 18px;
    line-height: 29px;
    padding-top: 34px;
    font-family: Roboto;
    font-weight: 300;
}

.servicesContainer ul li a:hover {
    background: #000;
    text-align: center;
    transition: ease-in-out .4s;
    -webkit-transition: ease-in-out .4s;
    -moz-transition: ease-in-out .4s;
}

.servicesContainer ul li a:hover:after {
    height: 100%;
    padding-top: 100px;
    width: 100%;
    content: '';
    color: #FFF;
    position: absolute;
    bottom: 120px;
    left: 0;
    top: 0;
    font-size: 30px;
}

.servicesContainer ul li a:hover .hoverlay {
    color: #fff;
    display: block;
}

.servicesLearn {
    border-top: 1px solid #e5e5e5;
    display: table;
    padding: 70px 0;
    text-align: center;
    margin: auto;
}

.servicesLearn span {
    font-size: 1.625em;
    display: table-cell;
    text-align: right;
    height: 100%;
    vertical-align: middle;
    padding-right: 20px;
}

.servicesLearn a {
    display: inline-block;
    clear: left;
    position: relative;
    width: 140px;
    height: 140px;
    border-radius: 50%;
    background-color: #000;
    transition: ease-in-out .4s;
    -webkit-transition: ease-in-out .4s;
}
.servicesContainer a:hover {
    color: #fff;
}

.servicesLearn a:after {
    content: 'Connect';
    font-size: 1.5em;
    color: #FFF;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    left: 0;
    top: 50%;
    margin-top: -10px;
    text-align: center;
}
.arrange_icons {
    display: inline-block;
    position: absolute;
    top: 8%;
    right: -55px;
    border: 2px solid #323232;
    border-radius: 50%;
    padding: 8px;
    font-size: 28px;
    color: #323232;
}

.services_icon {
    font-size: 60px;
}

.servicesContainer a:hover {
    color: #fff;
}

.arrow_more {
    font-size: 40px;
    position: absolute;
    bottom: 15px;
    left: 45%;
}
.casestudy_content h1 {
    font-size: 30px !important;
    text-transform: initial;
}

.casestudy_content ul, .casestudy_content ol {
   list-style: initial;
   padding-left: 20px;   
}
.servicesContainer ul {
    margin-bottom: 70px;
    margin-top: 20px;
    text-align: center;
}
.servicesLearn a:hover {
    background: #7B7B7B
}
.dsvideo-custom {
    height: 473px;
    width: 80%; 
}

.WorkBannerInfo h1 {

  padding:0;
  font-size: 4.125em;
}

b.WorkBanner1 {
    background: rgba(0, 0, 0, 0) url("../jpg/banner1-1.jpg") no-repeat scroll center center / cover ;
    display: block;
    width: 100%;
}
.WorkBannerInfo h3 {

  font-size:24px;
     font-family: roboto;
    font-weight: 400;
    text-transform: none;
    


}
.orangeborder {

 border-bottom:3px solid #f9735b;
 width:80px;
 display:inline-block;
  margin: 0 0 20px;


}

.casetiles {

  padding:50px 0;

}

.casetiles .borderbox {
display: inline-block;

  border:1.5px solid #EAEAEA;
  margin-bottom: 30px;
    min-height: 545px; 
box-shadow: 0 3px 5px 1px rgba(239, 239, 239, 0.99);
-moz-box-shadow: 0 3px 5px 1px rgba(239, 239, 239, 0.99);
-webkit-box-shadow: 0 3px 5px 1px rgba(239, 239, 239, 0.99);
}
.casetiles .csimg {

  margin-bottom:30px;

}
.casetiles .csimg img {

  width:100%;
 height: 240px;
}
.padcs {

  padding:0 25px;

}
.csexpert {

  display:block;

}
.csexpert p{

  font-family:roboto;
  color:#2a2a2a;
  font-size:18px;
  margin: 10px 0;  
  min-height:132px;

}
.WorkBanner1 {
    height: 336px;
}
a.cslinedButton {
    border: 2px solid #c8c8c8;
    display: block;
      font-family: 'Open Sans';
    font-size: 0.85em;
    font-weight: 700;
    margin: 0 auto 30px;
     text-transform: uppercase;
    padding: 8px;
    color:#676767;
    text-align: center;
    transition: background 0.5s ease 0s;
}
/*ADA Complience*/
label {
    font-family: 'Open Sans', sans-serif !important;
    color: #000 !important;
}
.inlabel .cont-leftbx{position:relative;margin-top:-30px;padding-top:20px;}
.cont-rtbx{margin-top:20px;}
.inlabel label {
   /* position: absolute;
    z-index: 1;
    top: 20px;
    left: 2%;
    transform: translateY(-50%);
    transition: 0.3s;
    pointer-events: none;*/
}
/* When input is focused or has content, move label above input */
/*.lfield:focus + .form-label,
.lfield:not(:placeholder-shown) + .form-label {
    opacity: 1;
    top: 0;
    left: 0;
    transform: translateY(0);
    pointer-events: auto;
}*/
@media screen and (min-width:320px) and (max-width:767px) and (orientation:landscape) {
.menu-drop ul{height:auto;}
.menu-drop .menu-main-menu-container{height: 100vh;}
.hserviceimg img{width:100%;}
}
@media screen and (min-width:0) and (max-width:480px){ 
.menu-drop ul{height:100vh;}
.WorkBannerInfo h1 {

  padding:0;
  font-size: 2.125em;
}


.WorkBannerInfo h3 {

  font-size:14px;
     font-family: roboto;
    font-weight: 400;
    text-transform: none;
    


}


}

/* End Page */

/* Blog Single Template */

#sidebar .widget-seperator {
    background: #f4f4f4 none repeat scroll 0 0;
    margin: 0 0 12px;
}
#sidebar div {
    border: medium none;
    margin: 0 auto;
    padding: 10px 10px 0;
}
.blog {
    font-family: roboto;
}

.blog h2,
.blog h3 {
    font-family: roboto;
}

.blog h2 {
    color: #323232;
    font-size: 26px;
}

.blog h3 {
   text-transform: uppercase;
    font-size: 18px;
    padding: 10px 0;
}

.blog ul li {
    list-style-type: none;
    display: inline-block;
    content: #cecece;
    font-size: 14px;
    padding: 10px;
    font-family: roboto;
}

.postInfo ul li ,.postInfo ol li{
  display: list-item;
    font-family: roboto;
    font-size: 1.2em;
    list-style: initial;
    padding: 8px 0;

}
img.alignright { float: right; margin: 0 0 1em 1em; }
img.alignleft { float: left; margin: 0 1em 1em 0; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto; }

.emodal-center {
    display: table;
    float: none;
    margin: 0 auto;
    text-align: center;
}
.blog img {
    width: auto;
}
.postInfo {
    display: block;
    margin: 20px 0;
}
.newblogcontent p {
    font-family: roboto;
    margin: 10px 0;
}
.postInfo img {
    height: auto;
    max-width: 100%;
}
.postInfo p {
    font-family: Roboto;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 27px;
    margin: 20px 0;
    padding-bottom: 0;
}
.postInfo ol, .postInfo ul {
   font-size: 1em;
    font-weight: 300;;
    padding-left: 20px;
}
.postInfo ol>li {
    list-style: decimal !important;
}
.postInfo ol.bold{font-weight:800 !important;}
.newblogcontent li {
    font-family: roboto;
}


.blog p.textAlign {
    margin: 10px 0;
    font-family: roboto;
}
.ebookdwidget {

    padding: 0 ;
}
.blog_mem_author li{vertical-align:middle;padding:0 10px;}
.blog_mem_author img{border-radius:50%;max-width: 65%;}
.blog_mem_author p {
    font-size: 13px !important;
    font-weight: bold !important;
    padding-bottom:0px !important;
}
.blog_mem_author span {
    font-size: 21px;
    font-weight: normal !important;
    line-height: 15px;
}
.btn_blogwidget {
    background: #000 none repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-size: 1.01em;
    height: 35px;
    padding: 10px !important;
    text-align: center;
    text-transform: uppercase;
}
#sidebar .btn_blogwidget {
    background: rgb(243, 173, 16) none repeat scroll 0 0;
    color: #323232;
    font-size: 15px;
    font-weight: bold;
    margin-top: 0;
}
#sidebar .btn_blogwidget {
    border: medium none;
    margin: 0 auto;
    padding: 5px 10px 0 !important;
}
#sidebar .btn_blogwidget:hover, #sidebar .btn_blogwidget:focus {
    background-color: #e6e6e6;
    color: #000;
}
#sidebar .col-md-12 {
    padding: 5px 0 0;
}
div.wpcf7 img.ajax-loader {
    height: 16px;
}
.ebookdwidget input[type="text"] {
    width: 100%;
}
.ebookdwidget input[type="text"] {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #cecece !important;
    color: #cecece;
    font-size: 12px;
    margin-bottom: 10px;
    width: 100%;
}
.ebookdwidget input[type="email"] {
    width: 100%;
}
.ebookdwidget input[type="email"] {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #cecece !important;
    color: #cecece;
    font-size: 12px;
    width: 100%;
}
.bgebookwid .doff {
    display: none;
}
.blog p ul li {
    list-style-type: disc;
    margin-left: 10px;
    display: block;
    content: #cecece;
    font-size: 14px;
    padding: 0;
    font-family: roboto;
}
.emod-button {
    font-family: nexalight !important;
   
    line-height: 20px !important;
    margin-bottom: 15px;
    padding: 20px !important;
    width: 100%;
}
.cat_blog_new li {
    font-size: 12px !important;
    padding: 0 0 20px !important;
}
.blog span {
    font-weight: normal !important;
}

.form_values {
    background: none;
    border: 1px solid #cecece !important;
    border-radius: 0;
    margin-bottom: 10px;
}

.download {
    background: rgb(243, 173, 16);
    font-size: 15px;
    color: #323232;
    font-weight: bold;
    margin-top: 0;
}

.leftBg {
    background: #ECECEC;
    padding: 15px;
    margin: 30px 0;
    clear: both;
    position: relative;
}

.leftBg h2 {
    font-size: 18px;
    color: #323232;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-family: roboto;
}

.search_values {
    background: #fff;
    padding: 10px;
    color: #323232;
    border: 2px solid #B3B1B1;
    border-radius: 0;
    margin-bottom: 20px;
}

.search_icon {
    position: absolute;
    right: 10%;
    top: 50px;
    font-size: 28px;
    color: #BBBABA;
}
 
.circle_icon {
    background: #fff;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    color: #A2A0A0 !important;
    font-size: 18px !important;
    border: 1px solid #BBBABA;
    padding: 8px !important;
}

.leftBg ul li {
    list-style-type: none;
    display: block;
    padding: 10px 0 0;
    color: #323232;
}

.leftBg p {
    font-size: 13px;
    margin-bottom: 15px;
}

/* End Template */


/* Casestudy Single Template */

.casestudyscrolltabs li {
    text-align: center;
       padding: 0;
}
.casestudyscrolltabs {
    border-bottom: 2px solid #b5b5b5;
    
}
.casestudyscrolltabs > li > a {
    color: #b5b5b5;
    padding: 0;
}
.casestudyscrolltabs li h6 {
    font-family: nexabold;
    font-size: 18px;
    padding-bottom: 20px;
    text-align: center;
    text-transform: uppercase;
}
.casestudyscrolltabs span {
    background: #b5b5b5 none repeat scroll 0 0;
    border-radius: 15px;
    content: "0";
    display: inline-block;
    height: 15px;
    position: absolute;
    text-align: center;
    top: 33px;
    width: 15px;
}
.casestudyscrolltabs > li > a:hover, .casestudyscrolltabs > li > a:hover > span {
    color: #000 !important;
}
.MobileTabs2 {

}

/* End Casestudy single template */

/* Sub Solution Template */
.subsol_benfits_list ul li a {
    color: #000;
    display: table-cell;
    height: 180px;
    padding: 34px 0 0 22px;
    position: relative;
    text-decoration: none;
    transition: height 0.5s ease 0s;
    vertical-align: middle;
}

.subsol_benfits_list ul li a:hover {
    background: #f2f2f3 none repeat scroll 0 0;
    border-radius: 10px;
    color: #313031;
    text-align: center;
    transition: all 0.4s ease-in-out 0s;
}
.subsol_benfits_list ul li a:hover .hoverlay {
    color: #313031;
    display: block;
    float: none;
    margin: 0 auto;
    text-align: center;
}
.subsol_benfits_list p {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
}
.subsol_benfits_list ul li a:hover h2 {
    display: none;
}
b.finanBanner {
    background: rgba(0, 0, 0, 0) url("../png/financesubabnner-1.png") no-repeat scroll center center / cover ;
    display: block;
    width: 100%;
}
.healthSubBanner {
    height: 111px;
}
.healthcarebox {
    margin: 0 10%;
}
.healthban2 .bannerInfo {
    color: #fff;
    display: table;
    height: 145px !important;
    position: absolute;
    text-align: center;
    top: 0;
    visibility: hidden;
    width: 100%;
}

/* End Sub Solution Template */

/* style-xcube.css starts from here */


.mobileac input{
    display: none;
}
.mobileac label {

    display: none;
}
#xcube-banner-thinking-slider .carousel-caption a {
font-family: nexabold !important;
font-size: 18px;
font-weight: bold;
}

#xcube-banner-thinking-slider .carousel-indicators li , #xcube-banner-thinking-slider .carousel-indicators .active {
    width: 120px;
    border-radius:0;
    height: 4px;
    -webkit-transform: skew(-30deg); 
   -moz-transform: skew(-30deg); 
   -o-transform: skew(-30deg);
   transform: skew(-30deg);
   margin-right: 10px;
}
#xcube-banner-thinking-slider .carousel-indicators li {
background-color: #000;
border: none;
opacity: 0.8;
}
#xcube-banner-thinking-slider .carousel-indicators .active  {
    background-color: #fff;
}
#xcube-banner-thinking-slider .carousel-indicators {
    position: absolute;
    bottom: 100px;
    left:0;
    z-index: 15;
    width: 100%;
    padding-left: 13%;
    margin-left: 0;
    text-align: left;
}
.shadow-thinking {
text-shadow: 0 4px 1px rgb(0, 0, 0);
-webkit-text-shadow: 0 4px 1px rgb(0, 0, 0);
}


#xcube-banner-thinking-slider .carousel-caption {
    height: 460px;
    text-align: left;
    text-shadow: none;
}
#xcube-banner-thinking-slider .carousel-caption a { 
font-size: 18px;
font-weight: bold;
font-family: nexabold !important;
}
#xcube-banner-thinking-slider .carousel-caption a:hover {
    color: #666;
}
#xcube-banner-thinking-slider .carousel-caption a i{ 
font-size: 20px;
font-weight: bold;
left: 5px;
position: relative;
top: 4px;
 }
 .mobile_service_wrap {
    padding-bottom: 10px;
    padding-top: 70px;
}
.renaisanceBannerText {
    text-align: center;
}
.renaisanceBannerText, .rennaisanceContainer {
    position: relative;
}
.renaisanceBannerText ul {
    border-bottom: 1px solid #b7b7b7;
    padding: 56px 0;
}
.renaisanceBannerText li {
    float: none;
}
.renaisanceBannerText li {
    display: inline-block;
    padding-right: 5%;
}  
.value_icons li {
    height: 140px;
}
.value_icons li {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cecece;
    color: #323232;
    display: inline-block;
    font-family: roboto;
    font-size: 16px;
    list-style-type: none;
    margin-right: 0;
    padding: 20px;
    text-align: center;
}
.value_icons2 li { 
    background: #fff none repeat scroll 0 0;
    border: 1px solid #cecece;
    color: #323232;
    display: inline-block;
    font-family: roboto;
    font-size: 16px;
    list-style-type: none;
    margin-right: 10px;
    padding: 20px;
    text-align: center;
}
.value_icons li span {
    display: block;
    font-size: 50px;
}
.value_icons2 li {
    height: 90px;
    margin-bottom: 10px;
}
.myCoTabs {
    border-bottom: 1px solid #e7e7e7;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.arrow_box::before {
    border-color: #777 rgba(194, 225, 245, 0) rgba(194, 225, 245, 0);
    border-width: 15px;
    margin-left: -30px;
}
.arrow_box::after, .arrow_box::before {
    border: medium solid transparent;
    content: " ";
    height: 0;

    pointer-events: none;
    position: absolute;
   top: 393px;
    left: 46%;
    width: 0;
}

*, *::after, *::before {
    box-sizing: border-box;
}
.arrow_box::after {
    border-color: #ffffff rgba(136, 183, 213, 0) rgba(136, 183, 213, 0);
    border-width: 15px;
    margin-left: -30px;
}

.compinnerTabs li a {
    display: table-cell;
    padding: 0 0 30px !important;
    position: initial !important;
    vertical-align: bottom;
}
.nav > li > article > a > img {
    border-radius: 100%;
    height: 224px;
    width: 224px;
}
.compinnerTabs li p {
    font-size: 1.15em;
    padding: 15px 0 0;
    text-align: center;
    text-transform: uppercase;
}
.robotoBold {
    font-family: Roboto;
    font-weight: 500;
}
.thumbnail .hoverlay {
    display: none;
}
.hoverlay {
    display: none;
}
.desktopthumb {
 border: none;
}
.overlaySocial {
    bottom: 0;
    color: #d9d3d3;
    font-size: 50px;
    left: 65%;
    margin-left: -85px;
    margin-top: -28px;
    position: absolute;
    top: 50%;
}
.compinnerTabs.myCoTabs li.active span, .compinnerTabs.myCoTabs li span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    display: inline-block;
    height: auto;
    width: auto;
}
.compinnerTabs.myCoTabs li.active span, .compinnerTabs.myCoTabs li span {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
    display: inline-block;
    height: auto;
    width: auto;
}
.compinnerTabs li.active span {
    background: rgba(0, 0, 0, 0) url("../index-2.html") no-repeat scroll center center;
    display: block;
    height: 20px;
    margin: 0 auto;
    text-align: center;
    width: 20px;
}
.fa-twitter:hover {
    color: #00aced;
}
.compinnerTabs li span {
    background: rgba(0, 0, 0, 0) url("../index-2.html") no-repeat scroll center center;
    display: block;
    height: 20px;
    margin: 0 auto;
    text-align: center;
    width: 20px;
}
.fa {
    display: inline-block;
    font-family: FontAwesome;
    font-feature-settings: normal;
    font-kerning: auto;
    font-language-override: normal;
    font-size: inherit;
    font-size-adjust: none;
    font-stretch: normal;
    font-style: normal;
    font-synthesis: weight style;
    font-variant: normal;
    font-weight: normal;
    line-height: 1;
    text-rendering: auto;
    transform: translate(0, 0);
}

.fa-facebook, .fa-google-plus, .fa-linkedin, .fa-twitter, .fa-youtube {
    color: #fff;
    font-size: 30px !important;
    padding: 10px;
}

.contactWork h3, .work-cst h3 {
    color: #000;
    font-size: 2.125em;
    padding: 30px 0;
    text-transform: uppercase;
}
.work-cst {
    bottom: 22px;
}
.slideRight {
    animation-duration: 2s;
    animation-name: slideRight;
    animation-timing-function: ease-in-out;
    visibility: visible !important;
}
.cmpyButt { 
    float: none;
    font-size: 20px !important;
    margin: 0 auto;
    text-transform: uppercase;
}
.btn-default {
    background: #000 none repeat scroll 0 0;
    border: medium none;
    border-radius: 0;
    color: #fff;
    font-size: 1.563em;
    text-align: center;
    text-transform: uppercase;
}
.work, .work p {
    text-align: left;
}
.contact, .work {
    float: left;
    width: 50%;
}
.contactWork p {
    min-height: 155px;
}
.maprows .active h3,.maprows .active i {
color :#FFFFFF;
}
.InfocompanyMainBanner, .companyMainBanner, .contactMainBanner {
    height: 500px !important;
}
.contactMainBanner {
    background: rgba(0, 0, 0, 0) url("../jpg/contact-banner.jpg") no-repeat scroll center center / cover ;
    display: block;
    width: 100%;
}
.contact, .contact p {
    text-align: left;
}
.addressDiv {
    background: #000 none repeat scroll 0 0;
}
.addressDiv .usIndia {
    color: #fbfbfb;
    float: left;
    padding: 58px 0;
    text-align: center;
}

.arrowNav a {
    background: #282828 none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    height: 45px;
    text-decoration: none;
    text-transform: uppercase;
}
.arrowLeft a {
    background-image: url("../index-2.html") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    left: 0;
    padding-bottom: 15px;
    padding-left: 20px !important;
    padding-right: 10px;
    padding-top: 15px;
    position: fixed;
    top: 50%;
    transition: all 0.2s ease-in 0s;
    width: 45px;
    z-index: 100;
}
.arrowNav a {
    background: #282828 none repeat scroll 0 0;
    color: #fff;
    font-size: 16px;
    height: 45px;
    text-decoration: none;
    text-transform: uppercase;
}
.arrowRight a {
    background-image: url("../index-2.html") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    padding-bottom: 15px;
    padding-left: 10px !important;
    padding-right: 20px;
    padding-top: 15px;
    position: fixed;
    right: 0;
    top: 50%;
    transition: all 0.2s ease-in 0s;
    width: 45px;
    z-index: 100;
}
.arrowLeft a .prev-title {
    display: none;
}
.arrowRight a .next-title {
    display: none;
}
.arrowRight a:hover {
    background-position: right center !important;
    color: #fff;
    line-height: 15px;
    padding-right: 45px !important;
    right: 0;
    text-indent: 0;
    transition: all 0.2s ease-in 0s;
    width: auto;
}
.cstudynavnew a:hover, a:visited, a:link, a:active {
    text-decoration: none;
}
.arrowLeft a:hover {
    background-position: left center !important;
    color: #fff;
    left: 0;
    line-height: 15px;
    padding-left: 45px !important;
    text-indent: 0;
    transition: all 0.2s ease-in 0s;
    width: auto;
}
.cstudynavnew a:hover, a:visited, a:link, a:active {
    text-decoration: none;
}
/* contact page css starts from here */
.map-wrapper {
    margin: 0 auto 0;
    position: relative;
    width: 100%;
}
.usIndia a {

color: #777 !important;
}

.map-wrap {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    float: left;
    height: 400px;
    position: relative;
    width: 100%;
}

.map-wrapper2 {
    margin: 0 auto 0;
    position: relative;
    width: 100%;
    display:block;
}
.active .map-wrap2 {
width: 100%;
 height: 400px;

}
.active #map2{
width: 100%  !important;
 max-height: 400px  !important;
   display: block;
position: relative !important;

}
.active #map3{
width: 100%  !important;
 max-height: 400px  !important;
   display: block;
position: relative !important;

}
.active #map4{
width: 100%  !important;
 max-height: 400px  !important;
   display: block;
position: relative !important;

}
.map-wrap2 {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
    float: left;
    height: 0;
    position: relative;
    width: 100%;
}


#map {
    display: block;
    max-height: 400px;
    position: relative;
    width: 100%;
}
#map2 {
    display: block;
    max-height: 400px ;
    position: fixed !important;
    width: 100% ;
}
#map3 {
    display: block;
    max-height: 400px ;
    position: fixed !important;
    width: 100% ;
}
#map4 {
    display: block;
    max-height: 400px ;
    position: fixed !important;
    width: 100% ;
}
.bannerInfo h4 {
    font-family: nexabold;
    font-size: 1.8em;
    line-height: 49px;
    padding: 30px 30px 0;
    text-transform: uppercase;
    display: block;
}
#hydmap {

  height:1px;
}
#hydmap .active {

height:auto;

}
.contactWork {
    display: block;
    float: none;
    margin: 20px auto;
}
.InfocompanyMainBanner, .companyMainBanner, .contactMainBanner {
    height: 500px !important;
}
.visible {
    visibility: visible !important;
}
/* contact page ends from here */

/* career page starts from here  */
 .open > .dropdown-toggle.btn-default {
    background-color: #fff;
   
    color: #fff;
}

.btn-default:hover ,.btn-default:focus, .btn-default:active, .btn-default.active  {
background-color: #000;
   outline: none;
    color: #fff;


}
.btn-primary:hover {
background-color: #000;
color: #fff;
}
.stretch img {
    height: 200px;
    width: 100%;
}


a.banner_button_ask {
    border: 2px solid #FFF;
    color: #FFF;
    display: block;
    float: none;
    font-family: Roboto Condensed;
    font-size: 1.125em;
    margin: 0 auto;
    padding: 14px 17px;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.5s ease 0s;
}
.blogImgHead span {
    color: #ffffff;
    font-size: 1.813em;
    left: 0;
    line-height: 30px;
    padding: 20px;
    position: absolute;
    text-align: left;
    top: 0;
    z-index: 1;
}
.bg_color_frame {

    height: 423px;
    margin: 88px auto 0 24px;
    position: absolute;
    text-align: center;
    width: 238px;
    display:table;
}
.green {
background: none repeat scroll 0 0 #2dbe60;
}
.indexBlogContainer .blogImgHead span {
    color: #ffffff;
    font-size: 1.513em;
    left: 0;
    line-height: 37px;
    padding: 20px;
    position: absolute;
    text-align: center;
    top: 120px;
    z-index: 1;
    width:100%;
    height:298px;
    text-transform: capitalize;
        
}
.blue {
background: none repeat scroll 0 0 #002D57;
}
.yellow {
background: none repeat scroll 0 0 #88D4E3;
}
.bg_color_frame p {
 color: #fff;
    display: table-cell;
    font-size: 23px;
    padding: 0 20px;
    vertical-align: middle;
    visibility: visible;
    text-transform: uppercase;
}
.bannerInfo h1 {
    font-family: nexabold;
    font-size: 36px;
    padding: 38px 0 30px;
    text-transform: uppercase;
}
.serviceInternalContainer {
    display: block;
    padding-top: 85px;
    position: relative;
}
.carrier_ptext {
    font-family: roboto;
    font-size: 14px;
    font-weight: 300;
    padding: 10px;
    margin-top:20px;
    text-align:left;
}
.bannerText {
    margin-top: 56px;
}
.rennBannTextPadd {
    padding: 0 0 0;
}

.indexSubBanner {
    height: 250px;
}
.jumbotron .bannerInfo {
    color: #fff;
    display: table;
    height: 250px;
    position: absolute;
    text-align: center;
    top: 0;
    visibility: hidden;
    width: 100%;
}
.carrier_job {

display: block;
 text-align: center;
 margin: 20px auto;

}
.carrier_job h2 {
 font-size: 1.75em;
    line-height: 45px;
    padding-bottom: 25px;
    padding-top: 15px;
    text-transform: uppercase;
}
.carrier_job h3{
    font-family: roboto;
    font-size: 14px;
    font-weight: 300;
    padding-bottom: 25px;
    padding-top: 15px;
}
.toggle.ios, .toggle-on.ios, .toggle-off.ios {
    border-color: #000;
    border-radius: 20px;
height: 40px;
}
.toggle.off .toggle-handle {
    border-radius: 20px;
    right: -26px;
}
.toggle-handle {
    border-width: 0 1px;
    height: 85%;
    margin: 3px auto;
    padding-bottom: 0;
    padding-top: 0;
    position: relative;
    right: 26px;
    width: 45px;
}
.toggle-off span {
    right: -26px !important;
}
.btn-primary {
    background-color: #fff;
    border-color: #357ebd;
    color: #fff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background-color: #fff;
  
    color: #fff;
}
.job-listing-div {

display: block;
    text-align: left;
 margin: 20px auto;

}
.job-listing-div h2 {

    font-size: 21px;
    line-height: 45px;
    padding-bottom: 15px;
    padding-top: 15px;
    text-transform: uppercase;
   font-family: nexabold;

}

.job-listing-div p {

    font-size: 18px;
    line-height: 45px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-transform: uppercase;
   font-family: nexalight;

}

.testimonials h1 {
    margin-bottom: 50px;
    margin-top: 30px;
    text-transform: none;
}
.testimonials p {
    color: #000;
    font-family: roboto;
    font-size: 16px;
    height: 150px;
    line-height: 25px;
    padding-left: 90px;
    padding-right: 90px;
}
.carousel-control.left {
    background-image: none;
    left: 15%;
}
.carousel-control.right {
    background-image: none;
    right: 15%;
}

.leftblog {
    background: rgba(0, 0, 0, 0) url("../png/left.png") no-repeat scroll 0 0;
    height: 61px;
    position: absolute;
    width: 75px;
}
.rightblog {
    background: rgba(0, 0, 0, 0) url("../png/rightquote.png") no-repeat scroll 0 0;
    bottom: 0;
    height: 61px;
    position: absolute;
    right: 0;
    width: 100px;
}
.testcontrol {
    color: #000;
    top: 70%;
}

.imng-ifrma {
    height: 280px !important;
}
/* career page starts from here  */
.careers {
    margin-top: 30px;
}
.connectedtabs li {
    border-right: 1px solid #ccc;
    padding: 0;
    text-align: center;
}
.connectedtabs .active a {
    background: #000 none repeat scroll 0 0 !important;
    color: #fff !important;
}
.connectedtabs3 li a {
    border: 1px solid #cecece;
    border-radius: 0;
    color: #333;
    height: 50px;
    padding: 15px 0 20px;
}
.imageatlife {
    margin: 0;
    padding-bottom: 50px;

}
.imageatlife li {
    float: left;
    margin: 0;
    padding: 0;
} 
.imageatlife li img {
    width: 100%;
}
.upcase {
    text-transform: uppercase;
} 

/* Awards Page css starts fro here */
.arrow_box {
    position: relative;
}
.arrow_box:after, .arrow_box:before {
    top: 393px; 
    left: 46%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #FFFFFF;
    border-width: 15px;
    margin-left: -30px;
}
.arrow_box:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #777;
    border-width: 15px;
    margin-left: -30px;
}
.awards{
    padding-top:70px;
    position: relative;
}
.awardTabs{
    border: 1px solid #e7e7e7;
}
.awardTabs li a{
    height: auto;
}
.awardTabs p{
    font-size: 18px;
    font-weight: 700;

}


    .awardTabs  a.arrow_box:after {
    
    border-top-color:transparent;
    
}
.awardTabs  a.arrow_box:before{
    
    border-top-color: transparent;
   
}
.awardTabs  a:hover.arrow_box:after, .awardTabs  a:hover.arrow_box:before, .awardTabs  a.arrow_box:after, .awardTabs  a.arrow_box:before, .awardTabs  a.active.arrow_box:after, .awardTabs  a.active.arrow_box:before{
    top: 60px;
    left: 65%;
    }

    .awardTabs  a:hover.arrow_box:after,  .awardTabs  a.active.arrow_box:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #000;
    border-width: 10px;
    margin-left: -30px;
}
.awardTabs  a:hover.arrow_box:before, .awardTabs  a.active.arrow_box:before{
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -30px;
}
ul.awardsListing{
    margin-bottom: 0;
    padding: 0;
}
ul.awardsListing li{
    background: transparent;
    padding: 15px;
    list-style-type: none;
    display: inline-block;
}
ul.awardsListing li a{
    background: #fff;
    display: block;
    padding: 15px;
    }

.awardsListing h2{
    font-size: 18px;
    text-align: left;
    color: #323232;
}
.awardsListing span, .awardsListing span p.normal_text, .awardsListing p{
    font-size: 14px;
    text-align: left;
    color: #323232;
}
.custom-close {
margin-right: -60px
    }
/*
.awardsListing h2, .awardsListing span, .awardsListing p{
    margin-bottom: 20px;
    } */
.text-awardheading h1 {
font-size: 60px;
}
    
    .awd_logo{
        text-align: center;
    margin: 30px 0;
    }
    .awardsListing li a:hover, .awardsListing li a.active{
        border-color: #66afe9;
        box-shadow: 0 0 8px rgba(73, 74, 73, 0.6);
        }   

.awards_popups .carousel-control.right {
    right: -14% !important;
}
.awards_popups .carousel-control.left {
    left: -20% !important;
}
.awards_popups .modal-header {
    border: medium none;
    padding: 30px 100px;
}
    /* Awards page css ends from here */


/* Lets talks */
.emodal-title {
    color: #000;
    font-family: 'Open Sans', sans-serif !important;
    font-weight: 600;
    margin-bottom: 20px !important;
    text-align: center !important;
    text-transform: uppercase;
}
.emodal-content input[type="text"], input[type="tel"], input[type="email"], select, textarea {
    padding: 5px;
    width: 100%;
    font-size: 15px;
}

.emodal-content p {
    color: #000 !important;
    font-family: 'Open Sans', sans-serif !important;
    text-transform: uppercase;
    font-size: 15px !important;
    padding-bottom: 20px;
}

.emodal-close {
    background: rgba(0, 0, 0, 0) url("../png/close.png") no-repeat scroll center center / cover !important;
    display: block;
    height: 17px;
    margin-right: 20px;
    margin-top: 20px;
    width: 17px;
    position: absolute;
    top: 0;
    right: 5px;
    cursor: pointer;
    }

.mob-7494 {

width:100%;
}
/* Ashok testing css starts from here */
.wpcf7-captchar {
    width: 30% !important;
}
input[type="radio"], input[type="checkbox"] {
    margin: 2px 0 0 !important;
}


/* lets talk css ends from here */

    /* Analytics page */


.connectedtabs2 span {
display: inline-block;
font-size: 50px;
margin-top: 20px;
} 
 
.mobilevalue_icon2 img {
width: 100%;
}

/*slide up pop up for Mail us*/
#mobcontainer{
    position: relative; 
    width: 100%; 
    height: 100%;
}
.call_popup {
 width:50%;
 height:auto;
 padding:20px;
 background:#000;
 position:absolute;
 left:0;
 bottom:0;
 display:none;
 -moz-border-radius-topleft:20px;
 -moz-border-radius-topright:20px;
 -webkit-border-top-left-radius:20px;
 -webkit-border-top-right-radius:20px;
}
.call_popup h1 {
 color:#fff;
 margin:0;
 font-size:20px;
}
.call_popup p {
 margin:0;
 color:#fff;
}
#mail_popup {
width:100%;
height: 100%;
overflow-y: auto;
padding:20px;
background:#FFF;
position:fixed;
right:0;
bottom:0;
display:none;
-webkit-box-shadow: -6px -8px 13px -11px rgba(0,0,0,0.75);
-moz-box-shadow: -6px -8px 13px -11px rgba(0,0,0,0.75);
box-shadow: -6px -8px 13px -11px rgba(0,0,0,0.75);
}

#mail_popup form{
    margin-bottom: 25px;
}

#mail_popup h1 {
 color:#fff;
 margin:0;
 font-size:20px;
}
#mail_popup p {
margin:10px 0 0;
color:#929292;
text-transform: uppercase;
text-align: left;
    position: relative;
}
#bottom_bar {
 width:100%;
 background:#333;
 position:fixed;
 bottom:0;
}
#bottom_bar ul {
 list-style:none;
 margin:0 auto;
}
#bottom_bar ul li {
 width: 50%;
 float:left;
 color: #fff;
 padding: 10px 0;
}
#bottom_bar ul li:first-child{background: #000}
#bottom_bar ul li:last-child{
    background: #464646;
}
#bottom_bar ul li a {
 color:#fff;
font-size: 14px;
text-decoration:none;
display: block;
}

@media (max-width: 700px){
.mobfixfootnav .fa{vertical-align:  baseline;} /*icon alignment*/
.mobfixfootnav .col-md-6 {width: 100%!important;height:100% !important; /*add this to existing class and remove important*/}
.mobfixfootnav #mail_popup h3{font-size: 18px}

}
/*slide-icon font styles*/
span.icon-username, 
span.icon-email,
span.icon-username,
span.icon-message,
span.icon-phone{
    color: #636363;
    position: absolute;
    top: 12px;
    z-index: 1;
    margin-left: 12px;
    border-right: 1px solid #D2D2D2;
    display: inline-block;
    padding-right: 12px;
}
/*form styles - UI*/
input[type="email"], input[type="tel"], input[type="text"], select, textarea{
    border: 1px solid #000000 !important; 
    background-color: #F9F9F9;
    color: #333;
}

footer form.wpcf7-form .col-md-12{position: static}
.slideup-captcha span{display: block}
.slideup-captcha img {
    display: block; 
    float: left;
    margin-top: 8px;
}
span.wpcf7-form-control-wrap.captcha-918{
    display: inline-block;
    width: 50%;
}
input.wpcf7-form-control.wpcf7-captchar{margin-bottom: 20px;}
input.wpcf7-form-control.wpcf7-submit{margin-top: 24px;}
div.wpcf7-validation-errors{color: red}
.mobslidepop textarea{
    height: 80px;
    resize: none;
    position: relative;
}
.mobslidepop input[type=text]::-webkit-input-placeholder,
.mobslidepop input[type=tel]::-webkit-input-placeholder,
.mobslidepop input[type=email]::-webkit-input-placeholder,
.mobslidepop textarea::-webkit-input-placeholder
{padding-left: 0; text-transform: uppercase}
.mobslidepop  .slideup-desc{width: 100%; position: relative; display: inline-block;}
.mobslidepop input[type="text"],
.mobslidepop input[type="email"],
.mobslidepop input[type="tel"],
.mobslidepop textarea{
    padding-left: 50px; 
    padding-right: 5px;
}
.mobslidepop h3{color: #464646;}


/* cross platform */
@media all and (max-width: 800px) {

 /*serices*/
 .padding-bottom{
    padding-bottom: 0!important;
    padding-top: 0;
}   
.containerMarg {
margin-bottom: 4px;
}
 .bannerInfo1-mobile {
    height: 180px !important;
}
.img-cls-mobile {
    width:100% !important;
}
.statgy-carousel {
    display: block !important;
}
.indexBlogContainer { 
   /* height :150px  Changed by Anjani */
}
.value_icons-mob li {
    margin-bottom: 15px;
    width: 100%;
}
.nav > li {
    border-bottom: none !important;
}
.myCoTabs li {
    width: 100%;
}
.contact-mobile, .work-mobile {
    width: 100%;
}
.mobilevalue_icon2 li {
width:100%;
}
 
.nav-tabs {
border-bottom: none !important;
}
article.mobile-ac-img img{
width:100%;
}
.sub-hoverlay{
    display: block !important;
}
.subsol_benfits_list ul li a:hover h2 {
       display: block !important;
}
.subsol_benfits_list ul li a {
    padding:10px important;
    text-align: center;
}
.myCoTabs li.active, .myCoTabs li:hover {
    max-height:auto !important;
}
.wrapper {
 margin-bottom: 100px;   
}
input[type="email"], input[type="tel"], input[type="text"], select, textarea{
    border:none !important; 
    background-color: #F9F9F9;
    color: #333;
}
.quoteIcon .desktopoff {display:block; }
.sub-sol-mobile p, .sub-sol-mobile h4 {
text-align: center;
} 
.dsvideo-custom {
    height: auto;
    width: 100%;  
}
.clients-padding {
margin-top: 5px;
}
.award-clr {color:#454545;}
.blogtitle-cls h2, .blogtitle-cls p {
    padding:0 10px;
}
.blogtitle-cls span {
 margin-left:10px;
}
} 
/*home page - hema*/
@media (max-width: 800px){
article.ac-small img{width: auto;}
.globalBrands .mobileoff{display: none;}
.mobawards .linedButton{display: block!important; visibility: visible;}
}
/*get quote button popup*/

/* style-xcube.css ends from here */


/* hema sub solution page starts from here */
.subsol-referalsol{position: relative; display: block;}
.subsol-referalsol ul, .subsol-bens ul{ 
    display: -webkit-box;/* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;   /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;/* TWEENER - IE 10 */
    display: -webkit-flex;/* NEW - Chrome */
    display: flex; 
    }
.subsol-referalsol ul li{
    height: 150px;
    text-align: center;
    list-style-type: none;
    float: left;
    background: #FFF;
    padding: 0;
    margin-right: 16px;
    border: 1px solid #ececec;
    box-sizing: border-box;
    display: block;
    position: relative;
}
.subsol-referalsol ul li:last-child{margin-right: 0}
.subsol-referalsol ul li .sol-vertmid{
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.subsol-referalsol ul li span{font-size: 40px; padding: 0; vertical-align: top;}
.subsol-referalsol ul li p{
    padding: 0;
}
@media all and (max-width:800px){
    .subsol-referalsol ul{display: block}
    .subsol-referalsol ul li{float:none; margin-right: 0; margin-bottom: 16px;}
}
.subsol-howitwork{position: relative; display: block;}
.subsol-howitwork ul{display: block;}
.subsol-howitwork ul:after{clear:both; min-height: 1px; display: block;}
.subsol-howitwork ul li{
    float: left; 
    display: inline-block;
}
.subsol-howitwork ul li div{height: 180px; border-bottom: 1px solid #dfdfdf;}
.subsol-howitwork ul li:nth-child(odd){text-align: right;}
@media (min-width: 767px) and (max-width: 991px){
    .subsol-howitwork ul li div{height: 180px}
}
@media (max-width:800px){
    .subsol-howitwork ul li{display: block;}
    .subsol-howitwork ul li:nth-child(odd){text-align: left;}
}
.subsol-bens{}
.subsol-bens ul{margin-bottom: 20px;}
.subsol-bens ul li{
    height: 200px; 
    padding-top: 15px; 
    margin-right: 15px;
    background-color: #fff;
    box-sizing: border-box;
}
 @media (min-width: 767px) and (max-width: 991px){
    .subsol-bens ul li{height: 180px;}
}
@media (max-width: 780px){
    .subsol-bens ul{display: block;}
    .subsol-bens ul li{margin-bottom: 15px;}
}
/* hema sub solution page ends from here */


/* Anjini CSS starts from here  */
ul.ver-list li:first-child, ul.ver-list li:nth-child(2), ul.ver-list li:nth-child(3) {
    border-bottom: 1px solid #ececec!important;
}
ul.ver-list li.first {
    border-right: 1px solid #ececec;
}
ul.ver-list li.last {
    border-left: 1px solid #ececec;
}
ul.ver-list li {
    border-bottom: 1px solid #ececec;
    cursor: pointer;
    display: block;
    float: left;
    
    list-style-type: none;
    padding: 0;
    position: relative;
    text-align: center;
   
}
/*
ul.ver-list li:last-child, ul.ver-list li:nth-last-child(2), ul.ver-list li:nth-last-child(3) {
    border-bottom: none;
}*/
.vertical_list {
    padding:0;
    clear: both;
    display: inline-block;
}
ul.ver-list {
    list-style-type: none;
    margin: 20px auto 50px;
    padding: 0;
}
ul.ver-list li:first-child, ul.ver-list li:nth-child(2), ul.ver-list li:nth-child(3) {
    border-bottom: 1px solid #ececec!important;
}

ul.ver-list li .vlist-text {
    background: transparent;
}
ul.ver-list li .vlist-text {
    background: #fff;
    height: auto;
    left: 0;
    padding: 0 10px 10px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
    width: 100%;
}
.icon_sets{
    font-size: 60px;
}
ul.ver-list li:hover, ul.ver-list li:hover .vlist-text {
    background: #000;
}

ul.ver-list li a{
    color: #484848;
    display: block;
    height: 200px;
    padding-top: 20px;
}
ul.ver-list li a:hover{
    color: #fff;
    display: block;
}
div.wpcf7-validation-errors {
    clear:both;
}

/*************Solutions**************/
.tabsview li a.active{
    background: #191B1D;
    color: #E6E7E8;
}
.tabsview li a:hover, .tabsview li a:focus{
    background: #191B1D !important;
    color: #E6E7E8;
}
.tabsview li{
    background: #fff;
    color: #484848;
    border: 1px solid #dfdfdf;
    text-transform: uppercase;
}
.tabsview ul li{
    padding:0;
}
.tabsview li h3{
    padding: 0;
   font-weight: normal;
}
.tabsview li a{
    padding: 15px 10px !important;
}
.tabsview ul{
    padding-bottom: 20px;
}
.healthcare-box{
        min-height:100px;
     
    margin-bottom: 30px;
}
.healthcare-box p{
    padding-bottom: 0;
}
.adjust_top{
    padding-top: 15%;
}
li.adjust_margins{
    padding: 0;
    margin:0;
}
.heathcarebrands div img{
    width: 100%;
    height: 76px;
}
.padding-right{
    padding-right: 30px !important;
}
.padding-left{
    padding-left: 30px !important;
}
.sub-heading{
    font-size: 26px;
    text-align: center;
}
.automation_sec h6{
    padding-bottom: 5px !important;
    font-size: 20px !important;
}
h1{
    text-transform: uppercase;
}

/**********services june 21************/
.clickrolnavi a{
left:85px !important;
}
.iotabs li a:hover, .iotabs li a:focus, .iotabs li.active a{
background:#484848 !important;
color:#fff !important;
}

/************Banner services***********/
.services.carousel-inner .item a img, .services.carousel-inner .item img{
height:480px;
}

a.link-up{
    background:#484848;
    color:#fff !important;
    padding: 10px;
    display: block;
    line-height: normal !important;
    margin-bottom: 10px;
}

a.link-up:hover{
background:transparent;
color:#484848 !important;
}
a.link-up_bg{
    background:#fff;
    color:#F69233 !important;
    padding: 10px;
    display: block;
    line-height: normal !important;
}

a.link-up_bg:hover{
background:transparent;
color:#F69233 !important;
}
.strategynewtemp .left{
left:-5% !important;
}
.strategynewtemp .right{
right:-5% !important;
}
#xcube-banner-thinking-slider a.more{
border:2px solid #fff;
padding:15px;
color:#fff;
}
#xcube-banner-thinking-slider a.more:hover{
border:2px solid #fff;
color:#fff !important;
}
/*****Careers**********/
.design_update .rightblog {
    bottom: 0;
    height: 61px;
    position: absolute;
    right: 155px;
    width: 75px;
    background: url(../png/rightquote.png) no-repeat;
    background-size: 40%;
}
.design_update .leftblog {
    height: 61px;
    position: absolute;
    width: 75px;
    background: url(../png/left.png) no-repeat;
    background-size: 40%;
    left: 80px;
}
.design_update .carousel-control.left {
    left: 0;
}
.design_update .carousel-control.right {
    right: 0;
}
.design_update .testcontrol2 {
    top: 20%;
}
.design_update .testcontrol {
    color: #000;
    top: 20%;
}

/*Blog*******/
.blog-image{
background-size: 100%;
}
.align-right.services-text{
text-align:right;
}

@media screen and (max-width:800px){
.main-services.pull-right h6.text-left{
text-align:center !important;
}
.sub-heading{/*for solutions*/
    padding:30px 0;
font-weight:500;
}
.vertical_list{
display: block;
}
.ver-list li, ul.ver-list li.last, ul.ver-list li.first, ul.ver-list li.last{
border-left: none;
border-right: none;
border-bottom: 1px solid #ececec;
}
.heathcarebrands div img {
    width: auto;
    height: auto;
}
article p {
    text-align: left;
}
ul.ver-list li:hover, ul.ver-list li:hover .vlist-text, ul.newhovertabs li:hover{
background:none;
}
.blogContainer li.col-md-4 {
    width: auto !important;
}
.mobile-services{}
.mobile-services h2, .mobile-services h3{
padding-top:15px;
}
.mobile-services article p, .mobile-services p{
text-align:left;
}
.mobile-services, .mobile-services h1, .gridimageleft img{
padding-top:0;
}
.mobile-services p.services-text{
padding:0 20px;
}
.mobile-services p.text-alignL{
text-align:left;
}
.mobile-services img.image-center{
width:80%;
}
.casetiles .csimg img {
    width: 100%;
    height: auto !important;
}
.mainheadcase_study{

background:none !important;
}
#share-wrapper{
display:none;
}
.work-page{
width:100%;
padding:10px 0;
}
.work-page h1{
font-family:roboto;
font-size:20px;
color:#323232;
padding-top:20px;
    
}
.work-page-padding{
padding:0 !important;
}
a.work-pg_button {
   background:#323232;
    color: #fff;
    display: block;
    float: none;
    font-family: roboto;
    font-size: 16px;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.5s ease 0s;
}
a.work-pg_button:hover{
color:#fff;
}
.more{
padding:10px;
border:2px solid #323232;
}

a.cslinedButton{
display:inline-block !important;
}

.mobile-img img{
width:100%;
margin:20px 0;
}
.align-right.services-text{
text-align:center;
}
.services-text-clr.whitetext{
color:#fff;
}
.work-sec{
text-align:left;
}
.servicesContainer ul li{
        border-right:none;
}
.healthcare-box2{
min-height:100px !important;
}
ul.ver-list li:last-child, ul.ver-list li:nth-last-child(2), ul.ver-list li:nth-last-child(3){
border-bottom: 1px solid #ececec;
}
.subsol_benfits_list ul li a{
padding: 20px;
}
}

@media screen and (min-width:599px) and (max-width:768px){
.heathcarebrands li.col-md-2, .heathcarebrands li.col-md-3, .mobile-services div.col-md-3, .servicesContainer li.col-md-4{
width:50% !important;
float:left;
}
.blogContainer li.col-md-4{
    width: 47% !important;
    float: left;
    margin-right: 0;
    margin-left: 10px;
}
.blogContainer li {

    -webkit-box-shadow: 0 4px 16px -1px #9C9C9C !important;
}
article p {
    text-align: left;
}
article p br{   
display: inline;
content: ' '; 
clear:none;
}
.adjust_top{
padding:0;
}
}



/* Anjani css ends from here */

/***************NEW Styles Added july6****************/
@media screen and (min-width:768px) and (max-width:1024px){
p.whitetext{
margin-bottom: 0;
}

.casestudyscrolltabs li h6{
font-size:16px !important;
}
.casestudyscrolltabs span{
top:30px;
}
.servicesContainer ul li{
        border-right:none;
}
.healthcare-box2 {
    min-height: 150px;
}
}


/*************************/
ul.footer-nav-social a:hover, ul.footer-nav-social a:focus {
color: #2a6496;
}

a.vios_med {
    border: 2px solid #000;
color: #000;
}
/*******Home Page Mobile Banner**************/
@media (max-width:780px){
.wrapper.trustwrap{grid-template-columns: repeat(2, 50%) !important;}
.mobhomeCarousel .carousel-inner> .item > img,
.mobhomeCarousel .carousel-inner > .item > a > img {
     width: 100%;
     margin: auto;
   padding-top: 50px;
}
   #mobhomeCarousel.carousel{display: block!important}
article.mobile-ac-img img{
width:50% !important;
}
article p.arg_ctr{
text-align:center;
}
       }

 .mobhomeCarousel.carousel{display: none;}

}

ul.social-media-icons li{
display:inline-block;
}
ul.social-media-icons li span.fa-twitter, ul.social-media-icons li span.fa-linkedin{
font-size:40px;
color:#2a6496;
}
ul.social-media-icons li span.fa-twitter{
margin-right:10px;
}
.teamprofile article ul li.col-xs-6{
width:50%;
text-align:left;
border:none !important;
}
.teamprofile article ul li.col-xs-6 p{
text-align:left;
}
.teamprofile article ul li.col-xs-6 span{
font-weight:bold;
}
.teamprofile article{
padding:0 !important;
}
.teamprofile article ul{
padding:0;
margin:20px 0;
}
.teamprofile article ul .btn-default{
font-size:14px;
}
.banner_text_align{
	height:300px; display:table;
}


/* Blog Detail Page */
.ebookdwidget  h3 {
   color: #fff;
   text-align: center;
}

/* End page */

/* case studies sorting */


.caret1 {
    display: inline-block;
    width: 14px;
    height: 12px;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 10px solid;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    margin-bottom: 3px;
    color: #000000;
}


.rel-line {
    border-bottom: 2px solid #d8d8d8;
    margin-bottom: 30px;
    padding-bottom: 12px;
    text-transform: uppercase;
    width: 74%;
}
a.tile_rel.column_rel:hover {
    animation-delay: 0s, 0.3s;
    animation-direction: normal, alternate;
    animation-duration: 0.3s, 1.5s;
    animation-iteration-count: 1, infinite;
    animation-name: hvr-bob-float, hvr-bob;
    animation-timing-function: ease-out, ease-in-out;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.7);
}

a.tile_rel.column_rel {
    box-shadow: 0 0 0.5px transparent;
    transform: perspective(1px) translateZ(0px);
    transition-duration: 0.2s;
    transition-property: box-shadow;
}
.tile_rel {
    display: block;
}
.dis_rel {
    box-shadow: 0 2px 0 1px rgba(0, 0, 0, 0.1);
    clear: both;
     height: 85px;
    padding: 10px;
    text-align: left;
    width: 255px;
}
.dis_rel span {
    color: #4d4d4d;
    display: block;
    font-family: "roboto";
    font-size: 16px;
    padding-top: 10px;
}
.cls-rel {
    padding-bottom:30px;
    float: left;
}
.relcase {
    margin-left: 135px;
}
/*Devops*/
.dev-vertmid{
min-height: 200px;
    background-color: #FFF;
    text-align: center;
    margin-bottom: 30px;
    padding-top: 21%;
    box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 9px 0 rgba(0, 0, 0, 0.1);
    }
 .dev-vertmid img{padding-bottom:15px;}
 
 /* grid boxes starts*/
.boxcontainer {height: auto;flex-basis: 100%;}
.boxcontainer img{width: 100%;height: 100%;}
.fourcolumnbox{display: flex;}
.threecolumnbox{display: flex;}
.singlebox {min-height: 245px;}
.gridsecondrow{margin-top: 30px;}
.boxtoptitle, .boxbottomtitle, .boxmiddletitle {
    position: absolute;
    top: 30px;
    left: 25px;
    right: 10%;
    font-size: 20px;
    line-height: 30px;
    color: #FFF;
    font-family: "Poppins-Bold";
}
.boxcontainer h4{font-size: 20px;}
.boxcontainer h6{font-size: 12px;padding-bottom:7px;}
.boxbottomtitle{top:auto;bottom: 30px;}
.boxmiddletitle{top:40%;bottom: 30%;text-align:center;}
.boxmiddletitle p{font-size: 18px;text-transform: uppercase;}
.boxcontainer p, .boxbottomtitle p{
  font-size: 16px;
  font-family: 'Poppins-Light';
  line-height: 23px;
}
.boxcontainer ul{margin-left: -20px;}
.boxcontainer ul li{
    font-size: 16px;
  font-family: 'Poppins-Light';
  line-height: 40px;
}
.mansoryflex1, .mansoryflex2{display: flex;}
.grid-mansory{display: flex;}
.gridsecondcol{display: block;width:100%;}

/* grid boxes end*/
/*swing Effect*/
@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}
 .boxcontainer, section.tablecontents, #customerEngagement .offering1 {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 .5px transparent;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}
.boxcontainer:hover, section.tablecontents:hover, #customerEngagement .offering1:hover {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s; 
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-direction: normal, alternate; 
    animation-direction: normal, alternate; 
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.70);
}
/*swing Effect end */
.wrapper.trustwrap {
    width: 100%;
    display: grid;
    text-align: center;
    margin: 0 auto;
    grid-gap: 0px;
    grid-template-columns: repeat(6, 16.6%);
}


.box {
  background-color: #f7f7f7;
  color: #fff;
  padding: 26% 0;
  font-size: 150%;
}

.box:nth-child(even) {
  background-color: #fcfcfc;
  color: #000;
}
.box:nth-child(4n+1) {
    background-color: #f7f7f7 !important;
    color: #000;
}
.box img{max-width: 100%;}
.wrapper.trustwrap div{position: relative;min-height: 160px;}
.wrapper.trustwrap div img {margin: 0;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.darkbg{background-color: #f7f7f7;}
.lightbg{background-color: #fff;}

.threerowlist li{width: 100%;padding-bottom: 5%;}
section.awc-box {
    width: 95%;
    padding: 0;
    margin: 0 auto;
    margin-bottom:10%;
    -webkit-box-shadow: 0px 0px 5px 1px rgba(199,197,199,0.4);
    -moz-box-shadow: 0px 0px 5px 1px rgba(199,197,199,0.4);
    box-shadow: 0px 0px 5px 1px rgba(199,197,199,0.4);
}
.awc-image {position:relative;
    background-color: #f7f7f7;
    text-align: center;
    padding: 10% 0;
    min-height:190px;
}
.awc-image img {float: left;top: 50%;left: 50%;transform: translate(-50%, -50%);position: absolute;}
.awc-content {
    padding: 8% 10%;
    text-align: center;
    min-height: 190px;
    color:#525252;
}
.awc-title {
    font-size: 18px;
    font-family: "Poppins-Bold";
    padding-bottom: 8%;
    color:#525252;
}
.awc-text {
    font-size: 16px;
    padding-bottom: 2%;
}
.awc-year {
    background-color: #4486B5;
    font-size: 12px;
    display: inline-block;
    padding: 2px 10px;
    color: #FFF;
    text-transform: uppercase;
    font-family: "Poppins-Medium";
}
@media (max-width:780px){
.grid-mansory{display:block;}
.gridsecondrow{margin-top:0;}
.boxcontainer{margin-bottom:30px;}
.contact, .contact p, .work, .work p{text-align:left;}
.contactWork h3, .work-cst h3{font-size:22px;}
}
/*Modal*/
.modal-dialog {width: 1000px;}
/*Modal End*/

/*Careers Page css*/
.flex-container {
    display: flex;
    margin-bottom: 5%;
}
.flexbox {display: flex;}
.box-shadow {
    -webkit-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.61);
    -moz-box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.61);
    box-shadow: 0px 0px 10px -1px rgba(0,0,0,0.31);
    padding: 10px 20px 30px;
    text-align: center;
}
/* bxslider */

.bx-wrapper {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  padding: 0;
  *zoom: 1;
}

.bx-wrapper img {
  max-width: 100%;
  display: block;
  margin-bottom: 0px;
}

/** THEME
===================================*/
.bxslider {
  top: -12px;
}
.bx-wrapper .bx-viewport {
  background: #fff;
}
#blogslide .bx-wrapper .bx-viewport{background:transparent;}

.bx-wrapper .bx-pager{
  display: none;
}

.bx-wrapper .bx-controls-auto {
  position: absolute;
  bottom: -10px;
  width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
  min-height: 50px;
  
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2000;
}

.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-controls-direction {
    position: relative;
    margin-top: 3%;
}
.bx-wrapper .bx-prev {
  left: 45%;  
  color: transparent;
}
.bx-wrapper .bx-next {
  left: 45.5%;   
  color: transparent;
}
#blogslide .bx-wrapper .bx-next{left:46.1%;}
.bx-wrapper .bx-prev:before {
   content: '\02190';
    width: 20px;
    height: 20px;
    position: relative;
    visibility: visible;
    right: -4%;
    color: #7A7A7A;
    padding: 8px 12px;
    font-size: 24px;
    border: 1px solid #57466D;
    transform: translate(-50%, -50%);
}
.bx-wrapper .bx-next:before{
      content: '\02192';
    width: 20px;
    height: 20px;
    position: relative;
    visibility: visible;
    top: 50%;
    color: #7A7A7A;
     padding: 8px 12px;
    font-size: 24px;
    border: 1px solid #57466D;
    transform: translate(-50%, -50%);
}

.bx-wrapper .bx-controls-direction a {  
  position: relative;
    transform: translateY(-50%);
    outline: 0;
    height: 54px;
    width: 53px;
    color: transparent;
    text-indent: -9999px;
    z-index: 9999;
}

.bx-wrapper .bx-controls-direction a:hover{
  color: transparent !important;
}

/*.bx-wrapper .bx-controls-direction a:hover:before{
  left:45%;
}

.bx-wrapper .bx-controls-direction a.bx-next:hover:before{
  left:55%;
}
*/

.bx-wrapper .bx-controls-direction a.disabled {
  display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
  text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
  display: block;
  text-indent: -9999px;
  width: 10px;
  height: 11px;
  outline: 0;
  background: url(../controls.html) -86px -11px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
  background-position: -186px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
  display: block;
  text-indent: -9999px;
  width: 9px;
  height: 11px;
  outline: 0;
  background: url(../controls.html) -186px -144px no-repeat;
  margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
  background-position: -186px -133px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
  text-align: left;
  width: 90%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
  right: 0;
  width: 315px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
  position: absolute;
  bottom: 0;
  left: 0;
  background: #666\9;
  background: rgba(80, 80, 80, 0.75);
  width: 100%;
}

.bx-wrapper .bx-caption span {
  color: #fff;
  font-family: Arial;
  display: block;
  font-size: .85em;
  padding: 10px;
}

/*testimonial*/
.testimonial{
    text-align: center;
}

.testimonial .pic{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto;
    margin-bottom: 15px;
}

.testimonial .pic img{
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.testimonial .testimonial-title{
    display: inline-block;
    font-size: 20px;
    color: #F5A623;
    margin: 5px 0 5px 0;
    padding-bottom:5px;
    text-transform: uppercase;
}

.testimonial .testimonial-title small{
    font-size: 15px;
    color: #787878;
}
h4.testimonial-designation{
    color: #E6F3FF;
    font-size: 14px;
    margin-top: 5px;
    text-transform: uppercase;
}

.testimonial .description{
    font-size: 16px;
    line-height: 26px;
    position: relative;
    margin: 0;
}
.heading-title
{
  margin-bottom: 100px;
}
.owl-buttons {
    position: absolute;
    top: 12%;
    width: 100%;
}
.owl-theme .owl-controls .owl-buttons div{
        margin: 5px 100px !important;
}
.owl-theme .owl-controls .owl-page{display: none !important;}
.owl-theme .owl-controls .owl-page span{
    background: #fff;
    border: 2px solid #0c4767;
    opacity: 1;
    display: none;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls .owl-page:hover span{
    border: 2px solid #fa7921;
    display: none;
}@charset "utf-8";
.centertabs{text-align: center;display: table;margin: 0 auto;border-bottom:2px solid #cbcbcb;border-bottom-color: #CBCBCB;}
.centertabs li{display: inline-flex;float: none;padding-bottom:0;}
.tab-content {
    margin-top: 4%;
}
.Tabs .nav-tabs>.active>a:after {
content: '';
width: 0;
height: 0;
border-top: 5px solid #000;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
display: block;
margin: auto;
}
.Tabs .nav-tabs>.active>a{border:none !important;border-bottom: 2px solid #494949 !important;border-bottom-color: #494949 !important; }
.Tabs .nav-tabs>.active>a:after, .Tabs .nav-tabs>.active>a:before {
    bottom: -14px;
    left: 42%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.Tabs .nav-tabs>.active>a:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 8px;
    margin-top: -9px;
}
.Tabs .nav-tabs>.active>a:before {
    border-color: rgba(245, 23, 7, 0);
    border-top-color: #494949;
    border-width: 8px;
    margin-top: -10px;
    bottom: -17px;
}
ul.marklist {
    margin-left: 10px !important;
}
.marklist li, .marklist.row li {
    margin-left: -2px !important;
    padding-left: 35px !important;
    padding-right: 4%;
    font-size: 16px;
}
.marklist.row li {
min-height: 160px;    
}
.marklist.noheight li{min-height: 50px;}
.dotlist{
list-style: disc;
padding-left:15px;
}
.white-bg-box{background-color: #FFF; padding: 5%;height: 100%;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.1), 0 1px 9px 0 rgba(0, 0, 0, 0.1);}

.insightbox .insightthumb {
    width: 100%;
    height: 216px;
    padding-bottom: 10px;
}
img.insightlogo {
    padding-bottom: 20px;
}
/*newsroom*/
#tab2,.images_row2,.images_row3{margin-top: 4%}
.images_row1 h4,.images_row2 h4{text-align: center;font-size: 18px;padding-top: 15px;padding-bottom: 10px;}
.images_row1 h5,.images_row2 h5{text-align: center;font-size: 12px!important}
.images_row1 img:hover{background-color: #4896DB;}
#tab3.images_row2{margin-top: 4%}
.flip-container {-webkit-perspective: 1000;-moz-perspective: 1000;-o-perspective: 1000;perspective: 1000;}
.flip-container:hover .flipper, .flip-container.hover .flipper {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);}
.flip-container, .front, .back {width: 270px;height: 264px;}
.flipper {-webkit-transition: 0.6s;-webkit-transform-style: preserve-3d;-moz-transition: 0.6s;-moz-transform-style: preserve-3d;-o-transition: 0.6s;
  -o-transform-style: preserve-3d;transition: 0.6s;transform-style: preserve-3d;position: relative;}
.front, .back {-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-o-backface-visibility: hidden;backface-visibility: hidden;position: absolute;top: 0;left: 0;}
.back {-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-o-transform: rotateY(180deg);transform: rotateY(180deg);background: #4896DB;}
.front .name {font-size: 2em;display: inline-block;background: rgba(33, 33, 33, 0.9);color: #f8f8f8;font-family: Courier;padding: 5px 10px;border-radius: 5px;
  bottom: 60px;left: 25%;position: absolute;text-shadow: 0.1em 0.1em 0.05em #333;-webkit-transform: rotate(-20deg);-moz-transform: rotate(-20deg);-o-transform: rotate(-20deg);transform: rotate(-20deg);}
.back-logo {position: absolute;top: 40px;left: 90px;width: 160px;height: 117px;}
.back-title {font-weight: bold;position: absolute;top: 115px;left: 0;right: 0;text-align: center;}
.back-title img{border:2px solid white;border-radius: 50%;padding: 10px}
.front.tab3 {padding-top:30%;text-align: center;background-color: #FFF;}
/* News room end*/
/*leadership css*/
.leadercontent::-webkit-scrollbar {width: 10px;}
/* Track */
.leadercontent::-webkit-scrollbar-track {box-shadow: inset 0 0 1px #e2e2e2;border-radius: 10px;}
/* Handle */
.leadercontent::-webkit-scrollbar-thumb {background: #ccc;border-radius: 10px;}
#leadbox .servicesBox{height: 460px;border-radius:0;}
.servicesBoxcaption .leadercontent{max-height: 445px;overflow-y: scroll;padding: 30px 20px;text-align: left;}
.leaderbox{position: relative;float: left;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.leaderbox img{height: auto;}
.leaderbox h4{font-size: 20px;padding-top: 30px;padding-bottom: 0;}
.leaderbox h2{padding-top:20px;padding-bottom:5px;}
.leadercontent{padding: 20px 15px;}
.leadercontent h5{font-size: 18px;padding-bottom: 2px;}
.leadercontent p{padding: 0;}
.leadercontent .desigin{padding-bottom: 20px;font-size: 14px;}
/*manifesto*/
.blueprintbox {position: relative;background-color: #fff;color:#494949;min-height: 250px;padding: 12% 6% 10%;transition: .5s linear;margin-bottom: 8%;line-height: 23px;text-align:left;z-index:9;overflow:hidden;}
span.cornborder {height: 100%;width: 100%;display: block;position: absolute;left: -90%;bottom: -98%;z-index: 0;transition: .5s linear;}
.blueprintbox:hover{color:#FFF;z-index:999;}
.blueprintbox:hover .cornborder{left: 0%;bottom: 0%;z-index:-1;}

/*New service page css*/
.servicemainpage .service_bantext{text-align:left}
.servicemainpage .service_bantext h1, .servicemainpage .service_bantext h2{text-transform:inherit;line-height:45px;}
.servicemainpage a.banner_button{margin:0;border-radius: 40px;}
.boxcontainer {overflow: hidden;}
.boxhovercont {background-color: #101010a8;padding: 6% 7%;color: #FFF;position: absolute;top: 75%;bottom: 0;overflow: hidden;-webkit-transition: all 800ms ease-in-out;-moz-transition: all 800ms ease-in-out;-o-transition: all 800ms ease-in-out;-ms-transition: all .800ms ease-in-out;transition: all 800ms ease-in-out;}
.boxhovercont.longb{top:88%;}
.boxcontainer:hover .boxhovercont {top: 0;overflow: visible;bottom: 0;}
.boxhovercont h6 a {color: #919191;font-size: 14px;}
.servicemainpage p{line-height:30px;}
.topheadingban {display: inline-flex;padding-bottom:15px;}
.topheadingban .headbar {width: 30px;border-bottom: 4px solid #FFF;line-height: 0px;margin: 9px 0 16px;}
.topheadingban .headtext{font-size: 16px;padding-left: 10px;color: #FFF;text-transform: uppercase;padding-bottom:0;}
.servicemainpage .service_bantext h1.headtext{line-height:20px;text-transform: uppercase;}