body{
/*   font-family: "Lato", Arial, sans-serif;*/
font-family: 'Roboto', sans-serif !Important;
}
a:focus {
    text-decoration: none;
    color: inherit
}
.logo_sec {
    max-height: 80px;
    transition: all .5s ease-in
}
object {
    pointer-events: none
}
.nav_sec {
    clear: both;
    float: right
}
.ph a {
    font-size: 16px;
    font-weight: 600
}
.nav_sec .navbar-nav li a {
    color: #09094e;
    font-size: 16px;
    font-weight: 400;
    padding: 15px 16px
}
.nav_sec .nav li a {
    font-size: 15px
}
.navbar-nav .dropdown-menu {
    z-index: 99999
}
.nav ul li a:last-child {
    padding-right: 0
}
.testimonialsection {
    background: url(../images/testibg2.jpg) no-repeat fixed center center
}
.nav ul li a {
    line-height: 4rem !important
}
section.overview h3,
section.offerings h3,
section.technologies h3,
section.keydiff h3 {
    color: #ff771c
}
.news_section {
    background: #565a5e url(../images/grid.png) repeat scroll 0 0;
    border-top: 2px solid #8a8a8a;
    padding: 0
}
.services-section .recent p {
    padding: 17px 0 0
}
.recent p strong {
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline;
    color: #50504F
}
#helpline-header {
    position: relative;
    top: 0
}
.nopad {
    padding: 0
}
.nav_sec .collapse ul li a:hover,
.nav_sec .collapse ul li a:focus,
.nav_sec .collapse ul li a:active {
    background: #d7671f;
    color: #fff;
    transition: all .5s ease-in-out
}
.nav_sec .navbar-nav li a:hover {
    background: #d7671f;
    color: #fff;
    transition: all .5s ease-in-out
}
.icon-bar {
    color: #d7671f
}
.services-section {
    background: #fff;
    padding: 0
}
.nav ul li ul li a {
    padding: 0 20px 0 17px !important
}
.jarksitp h2 {
    color: #363636;
    margin: 0 auto 25px;
    text-align: center;
    width: -moz-fit-content;
    text-transform: uppercase;
    font-size: 30px
}
.jarksitp h2 span {
    color: #F26222
}
.jarksitleft {
    background: #f9f9f9 url(../images/agile.png) no-repeat scroll left bottom;
    padding: 15px;
    border: 1px solid #EAE8E8
}
.jarksitright {
    background: #f9f9f9 url(../images/edge.png) no-repeat scroll left bottom;
    padding: 15px;
    border: 1px solid #EAE8E8
}
.jarksitleft h4,
.jarksitright h4 {
    color: #363636;
    font-size: 25px;
    line-height: 41px;
    text-align: center;
    font-weight: 400
}
.jarksitleft p,
.jarksitright p {
    color: #363636;
    font-size: 14px;
    line-height: 28px
}
.jarksitleft a,
.jarksitright a {
    color: #363636;
    display: inline-block;
    font-weight: 400;
    padding: 10px 25px;
    text-align: center;
    border: 1px solid transparent
}
.jarksitleft a:hover,
.jarksitright a:hover {
    border: 1px solid #363636
}
.slotholder img {
    width: 100%
}
.li1 {
    background-size: cover;
    background-attachment: fixed
}
.li2 {
    background-size: cover;
    background-attachment: fixed
}
.top12 {
    top: 9px
}
.li4 {
    background-size: cover;
    background-attachment: fixed
}
.li_one .img-border {
    border: 2px solid #ccc
}
.flatLine .active {
    visibility: visible
}
.cap {
    position: relative !important;
    top: 0 !important;
    margin: 0 !important;
    display: inline-block;
    font-size: 16px !important;
    text-align: center
}
.timeline h4.t_line_month,
#content .timeline h4.t_line_month {
    border-bottom: 1px solid #D6D8E0;
    margin: -45px 15px 0 !important
}
.news_title {
    color: #ff771c;
    text-align: center
}
.news_title span {
    color: #363636
}
.timeline .timeline_items_wrapper,
#content .timeline .timeline_items_wrapper {
    margin: 0
}
.center_text {
    top: 222px !important
}
.imgbox img {
    width: 125px;
    height: 125px;
    background-color: #FFF;
    padding: 11px;
    border: 4px solid #ececec
}
.imgbox1 {
    left: 1% !important
}
.imgbox2 {
    left: 16% !important;
    top: 0 !important
}
.imgbox3 {
    left: 16% !important;
    top: 40px !important
}
.imgbox4 {
    left: 1% !important;
    top: -130px !important
}
.imgbox5 {
    left: 30% !important;
    top: -270px !important
}
.imgbox6 {
    left: 30% !important;
    top: -640px !important
}
.imgbox7 {
    left: 81% !important;
    top: -308px !important
}
.imgbox8 {
    left: 69% !important;
    top: -541px !important
}
.imgbox9 {
    left: 79% !important;
    top: -1043px !important
}
.imgbox10 {
    left: 79% !important;
    top: -1023px !important
}
.imgbox11 {
    left: 94% !important;
    top: -1359px !important
}
.imgbox12 {
    left: 94% !important;
    top: -1282px !important
}
.imgbox1a {
    left: 63% !important
}
.imgbox2a {
    left: 74% !important;
    top: 73px !important
}
.imgbox3a {
    left: 74% !important;
    top: 220px !important
}
.imgbox4a {
    left: 63% !important;
    top: 147px !important
}
.imgbox5a {
    left: 74% !important;
    top: 366px !important
}
.imgbox6a {
    left: 52% !important;
    top: 226px !important
}
.man {
    top: 76px !important
}
.second_hed {
    top: 21px !important
}
.application {
    color: #fff !important
}
.centered_text_shadow {
    text-shadow: 2px 2px 2px #000 !important
}
.centered_text_shadow1 {
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.5) !important
}
.img_size span {
    color: #fff;
    position: relative;
    left: -252px;
    top: -200px;
    font-size: 16px
}
.img_size1 span {
    color: #363636;
    position: relative;
    left: -202px;
    top: -200px;
    font-size: 16px
}
.img_size2 span {
    color: #363636;
    position: relative;
    left: -280px;
    top: -200px;
    font-size: 14px
}
.centered_text {
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto !important;
    left: 0 !important
}
.centered_sub_text {
    text-align: center;
    display: block;
    width: 100%;
    margin: 0 auto !important;
    left: 0 !important;
    margin-top: 20px !important
}
.abt_jarks_img {
    margin-top: 66px;
    width: 100%;
    left: 0 !important
}
.abt_jarks_img img {
    display: block;
    margin: 0 auto
}
.subtext {
    color: #fff;
    font-size: 28px
}
.banner1 {
    max-height: 550px !important
}
#services {
    padding: 40px 0
}
.client_sec img {
    width: 60px;
    height: 60px;
    display: block;
    position: relative;
    margin: -5px 0 0
}
.item a img {
    width: 100%;
    max-height: 125px
}
.timeline_item:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px)
}
.item blockquote:before {
    content: none
}
#tl1 .timeline_line,
#content #tl1 .timeline_line {
    width: 1100px
}
#tl1 .t_line_view,
#content #tl1 .t_line_view {
    width: 1100px
}
#tl1 .t_line_m,
#content #tl1 .t_line_m {
    width: 548px
}
#tl1 .t_line_m.right,
#content #tl1 .t_line_m.right {
    left: 549px;
    width: 549px
}
#tl1 .item h2,
#content #tl1 .item h2 {
    font-size: 24px;
    text-align: center;
    line-height: 24px;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px;
    font-weight: 400;
    font-style: normal
}
#tl1 .item span,
#content #tl1 .item span {
    text-align: center;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px
}
#tl1 .item,
#content #tl1 .item {
    width: 250px;
    height: 240px;
    font-size: 14px;
    color: #676767;
    line-height: 18px;
    font-weight: 400;
    font-style: normal
}
#tl1 .item_open h2,
#content #tl1 .item_open h2 {
    font-size: 24px;
    line-height: 24px;
    font-weight: 400;
    font-style: normal
}
#tl1 .item_open,
#content #tl1 .item_open {
    width: 490px;
    height: 240px;
    font-size: 12px;
    color: #a5a9aa;
    line-height: 12px;
    font-weight: 400;
    font-style: normal;
    -moz-box-shadow: 0 0 0 #000;
    -webkit-box-shadow: 0 0 0 #000;
    box-shadow: 0 0 0 #000;
    background: #d15b1b
}
#tl1 .item .con_borderImage,
#content #tl1 .item .con_borderImage {
    border: 0;
    border-bottom: 0 solid;
    height: 130px
}
#tl1 .item .post_date,
#content #tl1 .item .post_date {
    border: 0
}
#tl1 .item_open .con_borderImage,
#content #tl1 .item_open .con_borderImage {
    border-bottom: 5px solid
}
#content #tl1 .item_open_cwrapper,
#content #tl1 .item_open .con_borderImage {
    width: 490px
}
#tl1.flatButton .item .read_more,
#tl1.flatWideButton .item .read_more,
#content #tl1.flatButton .item .read_more,
#content #tl1.flatWideButton .item .read_more {
    margin: 20px
}
#tl1 .item .read_more,
#content #tl1 .item .read_more,
#tl1 .item_open .t_close,
#content #tl1 .item_open .t_close {
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#44000000', endColorstr='#44000000')
}
#tl1 .t_node_desc,
#content #tl1 .t_node_desc {
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#cc1a86ac', endColorstr='#cc1a86ac')
}
#tl1 .timeline_open_content,
#content #tl1 .timeline_open_content {
    padding: 20px
}
.marginBottom-0 {
    margin-bottom: 0
}
.dropdown-submenu {
    position: relative
}
.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px
}
.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px
}
.dropdown-submenu:hover>a:after {
    border-left-color: #555
}
.dropdown-submenu.pull-left {
    float: none
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}
ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
    margin: 0
}
.banner_section {
    border-top: 3px solid #ed6e19
}
.carousel-indicators li {
    height: 6px;
    width: 15px;
    border-radius: 5px
}
.carousel-indicators .active {
    height: 6px;
    width: 15px;
    border-radius: 5px
}
.hvr-shutter-out-horizontal {
    padding: 10px 20px;
    background: #0c0c4f;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5);
    -moz-transition: -moz-transform 1s, opacity 1s;
    -o-transition: -o-transform 1s, opacity 1s;
    -webkit-transition: -webkit-transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
    filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0)
}
.hvr-shutter-out-horizontal::before {
    background: #e57429
}
.business {
    background: url(../images/business-desk.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed
}
.zoomimg {
    display: inline-block;
    padding: 0 5px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center center;
    transition: all .5s ease
}
.zoomimg:hover {
    cursor: pointer;
    font-size: 100px !important
}
.news_area {
    background: rgba(0, 0, 0, 0) url(../images/business.jpg) no-repeat fixed center center / cover
}
.item_node_hover {
    background: #d15b1b !important
}
.carousel-indicators {
    z-index: 1
}
.nav-submenu ul li {
    line-height: 37px
}
.nav ul li a:active {
    background: #0c0c4f !important
}
.nav ul li a:hover {
    background: none !important;
    color: #f26222
}
.nav ul li ul li:hover {
    background: gray !important;
    color: #fff !important
}
.nav ul li ul li ul {
    background: #fff !important
}
.nav ul li ul li ul:hover {
    background: #fff !important
}
.nav ul li ul li a:hover {
    color: #fff
}
.nav-submenu li a:hover {
    background: #0c0c4f !important
}
.nav-submenu li a:active {
    background: #0c0c4f !important
}
.box {
    padding: 0 10px
}
.box a i {
    display: block
}
.box a img {
    margin: 0;
    width: 100px;
    height: 100px
}
.box a object {
    margin: 0;
    width: 100px;
    height: 100px;
    pointer-events: none
}
.noborder {
    border-right: 0 none !important
}
.box a:active,
.box a:visited,
.box a:hover {
    text-decoration: none;
    outline: none
}
.box a:link,
.box a:active,
.box a:hover,
.box a:active {
    text-decoration: none;
    outline: none
}
.box a span {
    color: #0a094f;
    display: block;
    font-size: 15px;
    line-height: 26px;
    text-transform: capitalize;
    margin-top: 4px
}
.box a p {
    display: block;
    font-size: 14px;
    line-height: 19px;
    margin: 10px 0 0;
    color: #1c2e36
}
.box a svg {
    width: 108px;
    height: 110px
}
.inner_navigation {
    background-color: #F9F9F9;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #E6E5E5;
    position: relative;
    width: 100%
}
.inner_navigation_main {
    overflow: hidden;
    padding: 10px 0
}
.inner_navigation_main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden
}
.inner_navigation_main ul li {
    float: left;
    border-right: 1px solid #ccc
}
.inner_navigation_main ul li a {
    font-size: 12px;
    padding: 10px
}
.inner_navigation_main ul li a:hover {
    background: #F1843A;
    color: #fff;
    border-radius: 4px
}
.inner_navigation_main ul li:first-child {
    padding-left: 0
}
.inner_navigation_main ul li:last-child {
    border-right: none
}
.breadcrumb {
    margin: 0;
    padding: 10px 0
}
.footer_section {
    padding: 10px 0;
    clear: both
}
.content_service_section {
    padding: 20px 0 0
}
.hed {
    color: #8a8a88;
    font-size: 16px;
    font-weight: 700
}
.footer_services {
    overflow: hidden;
    margin: 7px 0
}
.footer_services ul {
    list-style-type: none;
    overflow: hidden;
    margin: 0;
    padding: 0
}
.footer_services ul li {
    float: left;
    margin: 0 12px 0 0
}
.footer_services ul li a {
    font-size: 12px;
    color: #fff;
    font-weight: 400
}
.footer_services ul li a:hover {
    text-decoration: underline
}
.footer_services ul li:first-child {
    margin-left: 0
}
.success-stories h4,
.schedule-demo h4,
.newsletter h4 {
    color: #fff !important;
    background: url(../images/grid.png) repeat #50504F;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0;
    font-weight: 100 !important
}
.clear_fet {
    clear: both
}
.over {
    overflow: hidden
}
.services_nomar ul li:last-child {
    margin-left: 0
}
.cer object {
    margin: 8px;
    max-height: 40px;
    width: 100%
}
.iso object {
    max-height: 35px
}
.social {
    text-align: center
}
.floateffect {
    box-shadow: 0 0 1px transparent;
    display: inline-block;
    transform: translateZ(0px);
    transition-duration: .3s;
    transition-property: transform;
    z-index: 1
}
.floateffect:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    -ms-transform: translateY(-5px)
}
.cert h4,
.global h4 {
    color: #8a8a88
}
.global h4 {
    text-align: center
}
.socialheader {
    margin: 0px 0 0 !important;
    text-align: center
}
.copy p,
.copy a {
    font-size: 11px;
    color: #fff
}
.floatdiv {
    position: fixed;
    top: 59px;
    z-index: 1;
    border-top: none;
    background-color: #FFF;
    border-bottom: 1px solid #ccc;
    display: block;
    clear: both
}
.noshadow {
    -webkit-box-shadow: 0 0 0 #888 !important;
    -moz-box-shadow: 0 0 0 #888 !important;
    box-shadow: 0 0 0 #888 !important
}
#inner_main_navigation {
    transition: all .1s ease
}
#inner_main_navigation.floatdiv {
    transition: all 0 ease;
    -webkit-box-shadow: 6px 1px 9px #888;
    -moz-box-shadow: 6px 1px 9px #888;
    box-shadow: 6px 1px 9px #888
}
.main_floatdiv {
    position: fixed;
    top: 0;
    z-index: 999;
    border-top: none;
    background-color: #FFF;
    border-bottom: 1px solid #ccc;
    display: block;
    clear: both;
    -webkit-box-shadow: 6px 1px 9px #888;
    -moz-box-shadow: 6px 1px 9px #888;
    box-shadow: 6px 1px 9px #888
}
.main_header {
    width: 100%
}
.hide {
    display: none !important
}
.main_floatdiv .nav_for_small {
    padding-top: 0;
    transition: all .5s ease
}
.main_floatdiv #header-title {
    padding: 8px 0 5px
}
.main_floatdiv #small_logo {
    max-height: 60px
}
.nav-submenu ul {
    z-index: 99
}
.formsubmit,
.formsubmit:hover {
    border-radius: 4px
}
.testimonial-section::before {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, rgba(67, 67, 67, 0.82) 0%, rgba(67, 67, 67, 0.9) 31%, #434343 67%, #434343 100%) repeat scroll 0 0
}
.slide {
    background: none
}
.testimonial-section h2 {
    color: #fff;
    margin: 0 0 15px;
    text-align: center;
    text-transform: uppercase;
    font-size: 30px
}
.testimonial-section {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(1%, rgba(0, 0, 0, 0.4)), color-stop(53%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1);
    padding: 30px 0
}
#quote-carousel {
    padding: 0 10px 30px
}
#quote-carousel .carousel-control {
    background: none;
    top: auto;
    bottom: 40px;
    z-index: 100;
    text-shadow: none
}
#quote-carousel .carousel-control i {
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    width: 35px
}
#quote-carousel .carousel-control:hover i,
#quote-carousel .carousel-control:focus i {
    opacity: .8;
    border-color: #fff
}
#quote-carousel .carousel-control.left {
    left: 30%
}
#quote-carousel .carousel-control.right {
    right: 30%
}
#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0;
    margin-right: -19px
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    margin: 5px;
    cursor: pointer;
    opacity: .7;
    overflow: hidden;
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    transition: all .4s
}
#quote-carousel .carousel-indicators .active {
    background: #333;
    width: 63px;
    height: 60px;
    opacity: 1;
    overflow: hidden
}
#quote-carousel .item blockquote {
    border-left: none;
    margin: 0
}
.testimonial-content {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    border-radius: 4px;
    margin: 0 195px
}
.testimonial-content p {
    color: #fff;
    font-style: italic;
    line-height: 26px
}
.testimonial-content .author {
    font-weight: 700
}
.author a {
    color: #fff;
    font-weight: 400;
    display: block;
    width: auto;
    max-width: 156px;
    text-align: center;
    margin: 0 auto;
    margin-top: 25px;
    padding: 10px
}
.author a:hover {
    border: 1px solid #fff
}
.testimonial-content .author a:hover {
    color: #fff
}
.sub-menu li ul li a {
    color: #000
}
.main-menu > li > .sub-menu > li.inner > .sub-menu.cta a h3 {
    color: #FF832B
}
.main-menu > li > .sub-menu > li.inner > .sub-menu > li {
    padding-right: 20px
}
.main-menu > li > .sub-menu > li.inner > .sub-menu > li > .sub-menu {
    padding: 0 0 0 22px
}
.main-menu > li > .sub-menu > li.inner > .sub-menu.cta li {
    list-style-type: none
}
.border_bottom {
    border-bottom: 3px solid #F26222
}
#progress-bar {
    position: absolute;
    z-index: 99999;
    top: 0;
    transition: all .1s ease-in
}
.menu_bottom_sec {
    clear: both
}
.menu_bottom_sec li a {
    display: inline-block;
    text-align: center
}
.menu_bottom_sec li {
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: center
}
.menu_bottom_sec li img {
    width: 100px;
    display: block !important;
    margin: 0 auto;
    margin-bottom: 8px
}
.menu_bottom_sec li span {
    display: block;
    text-align: center;
    color: #F26222;
    font-weight: 600;
    font-size: 17px
}
.main-menu li:last-child a {
    border-right: none
}
.menu_bottom_sec ul {
    border-top: 2px dotted #C7C7C7
}
.submit_button {
    margin: 0 12px 13px 0;
    line-height: 12px;
    float: right;
    border-radius: 4px;
    text-align: center
}
.point,
.pointouterlay1,
.pointouterlay2 {
    position: absolute
}
.point {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    height: 4px;
    width: 4px;
    background: #D0422A;
    border: 1px solid #D0422A;
    border-radius: 100%;
    left: 69px;
    top: 124px
}
.pointouterlay1 {
    -webkit-animation-name: blinker1;
    -moz-animation-name: blinker1;
    animation-name: blinker1;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    height: 26px;
    width: 26px;
    border-radius: 100%;
    left: 59px;
    top: 113px
}
.pointouterlay1,
.pointouterlay2 {
    border: 1px solid #D0422A;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite
}
.pointouterlay2 {
    -webkit-animation-name: blinker2;
    -moz-animation-name: blinker2;
    animation-name: blinker2;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    left: 47px;
    top: 102px
}
.point1,
.pointouterlay1a,
.pointouterlay2a {
    position: absolute
}
.point1 {
    -webkit-animation-name: blinker;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-name: blinker;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite;
    animation-name: blinker;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    height: 4px;
    width: 4px;
    background: #D0422A;
    border: 1px solid #D0422A;
    border-radius: 100%;
    left: 202px;
    top: 91px
}
.pointouterlay1a {
    -webkit-animation-name: blinker1;
    -moz-animation-name: blinker1;
    animation-name: blinker1;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    height: 26px;
    width: 26px;
    border-radius: 100%;
    left: 193px;
    top: 80px
}
.pointouterlay1a,
.pointouterlay2a {
    border: 1px solid #D0422A;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-duration: 1s;
    -moz-animation-timing-function: linear;
    -moz-animation-iteration-count: infinite
}
.pointouterlay2a {
    -webkit-animation-name: blinker2;
    -moz-animation-name: blinker2;
    animation-name: blinker2;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    height: 50px;
    width: 50px;
    border-radius: 100%;
    left: 181px;
    top: 68px
}
.location2 {
    z-index: 99999;
    position: absolute
}
@-moz-keyframes "blinker" {
    0% {
        opacity: 0;
    }
    20% {
        opacity: .5;
    }
    30% {
        opacity: 1;
    }
}
@-webkit-keyframes "blinker" {
    0% {
        opacity: 0;
    }
    20% {
        opacity: .5;
    }
    30% {
        opacity: 1;
    }
}
@keyframes "blinker" {
    0% {
        opacity: 0;
    }
    20% {
        opacity: .5;
    }
    30% {
        opacity: 1;
    }
}
@-moz-keyframes "blinker1" {
    0%, 40% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
}
@-webkit-keyframes "blinker1" {
    0%, 40% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
}
@keyframes "blinker1" {
    0%, 40% {
        opacity: 0;
    }
    60% {
        opacity: 1;
    }
}
@-moz-keyframes "blinker2" {
    0%, 100%, 50% {
        opacity: 0;
    }
    90% {
        opacity: 1;
    }
}
@-webkit-keyframes "blinker2" {
    0%, 100%, 50% {
        opacity: 0;
    }
    90% {
        opacity: 1;
    }
}
@keyframes "blinker2" {
    0%, 100%, 50% {
        opacity: 0;
    }
    90% {
        opacity: 1;
    }
}
.socialicons a img {
    width: 32px;
    height: 32px;
    border-radius: 3px;
    margin: 0 3px;
    display: inline-block
}
.certifications > img {
    padding-top: 3px
}
.cmmi {
    width: 265px
}
.certi {
    width: 430px
}
.socialicons a img:hover {
    opacity: .6
}
.pcimg {
    left: 28% !important
}
.padimg {
    left: 43% !important
}
.mobimg {
    left: 54% !important
}
.pattern {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(custom/bannernew/images/pattern.png) repeat top left;
    opacity: .3
}
.customer-centeric .challenge {
    margin-bottom: 30px
}
.subslide_hed {
    text-shadow: 0 0 0 #fff !important;
    color: #fff !important
}
.subhed {
    color: #ff771c !important;
    top: 0
}
.subhed span {
    color: #fff;
    text-shadow: none
}
.ph {
    text-align: center;
    line-height: 38px;
    max-width: 185px
}
.ph i {
    margin: 0
}
.top_social {
    max-width: 169px
}
.top_social a {
    display: inline-block;
    margin: 0 3px
}
.top_social a span object {
    width: 32px;
    height: 32px
}
.socialicons a {
    display: inline-block;
    margin: 0 3px
}
.socialicons a span object {
    width: 32px;
    height: 32px
}
#news_area {
    margin: 0
}
.timeline_item h2 {
    font-weight: 400 !important;
    margin: 0 0 6px !important
}
.timeline_item span {
    font-weight: 400;
    font-size: 14px;
    color: #000;
    line-height: 18px
}
button.da-link:hover {
    background: #EF7D34;
    text-shadow: none;
    color: #fff;
    transition: all .35s ease-in-out;
    border: none
}
button.da-link {
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    padding: 4px 18px;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    background: #09094e;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#33ffffff', endColorstr='#33ffffff', GradientType=0);
    border: none
}
.content_service_section h2 {
    font-size: 30px;
    font-weight: 400;
    letter-spacing: 1px;
    line-height: 34px;
    color: #626c72;
    margin-bottom: 10px;
    margin-top: 10px
}
.services-section,
.feature-section {
    padding: 10px 0 0
}
.section-title {
    line-height: 1.2;
    color: #F26222;
    font-size: 38px;
    font-weight: 700
}
.services-section .container-fluid{
    overflow: hidden;
}
.services-section p {
/*    padding: 0 0 15px*/
}
.sbox-gutter,
.sbox-gutter i::before,
.sbox-gutter h3,
.sbox-gutter p {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out
}
.sbox-gutter:hover {
    background: rgba(68, 67, 67, 0.62)
}
.service-box {
    padding: 30px 15px 0
}
.service-box h3 {
    color: #F26222;
    font-weight: 700;
    margin-bottom: 20px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    font-size: 20px;
    font-weight: normal;
    line-height: 24px
}
gutter:hover h3,
.sbox-gutter:hover p {
    color: #fff
}
.sbox-gutter {
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    height: 350px
}
.about_main:nth-child(3),
.about_main:nth-child(6) {
    border-right: 0
}
.about_main:nth-child(4),
.about_main:nth-child(5),
.about_main:nth-child(6) {
    border-bottom: 1px solid #dedede
}
.about_main:nth-child(7),
.about_main:nth-child(8),
.about_main:nth-child(9) {
    border-bottom: 0
}
.about_main:nth-child(9) {
    border-right: 0
}
.insights_main:nth-child(4),
.insights_main:nth-child(5) {
    border-bottom: 0
}
.insights_main:nth-child(3) {
    border-right: 1px solid #dedede
}
.insights_main:nth-child(4) {
    border-right: 0
}
.insights_main {
    border-bottom: 0
}
gutter:nth-child(6) {
    border-right: 0
}
.service-box i::before {
    font-size: 40px;
    margin-bottom: 20px;
    color: #EF7435
}
.service-box img {
    width: 100px;
    height: 120px
}
.sbox-gutter:hover i::before,
.sbox-gutter:hover h3,
.sbox-gutter:hover p {
    color: #fff
}
.service_main {
    border-right: 1px solid #dedede
}
.service_box:nth-child(3),
.service_box:nth-child(6),
.service_box:nth-child(9) {
    border-right: 0
}
/*.service_box:nth-child(7),.service_box:nth-child(8),.service_box:nth-child(9){border-bottom:0}*/

.service_box a:active,
.service_box a:hover,
.service_box a:visited {
    text-decoration: none
}
.careers_sec_box:nth-child(2) {
    border-right: none
}
.careers_sec_box {
    border-bottom: none
}
.first_slide_hed {
    font-size: 28px
}
.first_slide_cont {
    font-size: 20px
}
.process-section {
    padding: 55px 0;
    background: #fff
}
.process-box {
    border-radius: 3px;
    background: #F26222;
    color: #fff;
    border: 1px solid #D85704;
    padding: 30px 15px
}
.process-box:hover {
    background: #50504F;
    color: #FFF;
    border: 1px solid #50504F
}
.process-box:hover h3 {
    color: #fff
}
.process-box i {
    width: 50px;
    height: 50px
}
.process-box i::before {
    font-size: 30px
}
.process-box h3 {
    font-size: 17px;
    line-height: 45px;
    color: #fff;
    margin: 0
}
.process-box img {
    width: 50px;
    height: 50px
}
.da-link i {
    line-height: 22px;
    font-size: 18px
}
p.sub-title {
    padding: 0 0 25px;
    font-size: 16px;
    line-height: 25px
}
p.sub-title span {
    color: #F26222;
    font-weight: 700
}
.more {
    display: none
}
.moreonhover {
    opacity: 1 !important;
    transition: none !important
}
.des p {
    margin: 0;
    padding: 0 0 15px 15px
}
.desc_link_text a{
        color: #09094e;
    font-weight: 600;
}
a.showLink,
a.hideLink {
    text-decoration: none;
    cursor: pointer
}
a.hideLink {
    cursor: pointer
}
.des_main .section_sep {
    color: #fff;
    font-size: 20px;
    letter-spacing: 0;
    font-weight: 600;
    padding: 10px;
    margin: 40px 0 -1px;
    line-height: 26px;
    border-bottom: 1px solid;
    display: block;
    background: #656464
}
.des_section {
    background: #F9F9F9;
    border: 1px solid #ccc
}
.des h4 {
    font-size: 24px;
    font-weight: 400;
    color: #333
}
.des {
    margin: 20px 0;
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    padding: 20px
}
.des img {
    border: 1px solid #E0E0E0
}
.pro_image h4 {
    color: #F26222;
    text-align: center;
    margin-right: 27px;
    letter-spacing: 0;
}
.pro_image h4 span {
    font-size: 14px
}
.develop {
    padding: 25px 0;
    overflow: hidden
}
.develop div {
    text-align: center
}
.develop div:nth-child(1),
.develop div:nth-child(2) {
    margin: 12px 0 0
}
.develop div:nth-child(5) {
    margin: 7px 0 0
}
.develop img {
    vertical-align: middle
}
.deploytext {
    color: #F26222;
    font-weight: 600;
    margin-top: 16px;
    font-size: 17px;
    text-align: center
}
.nopadleft {
    padding-left: 0
}
.submenu_active {
    background: #F26222;
    color: #fff !important
}
.submenu_active a {
    color: #fff
}
.zindexclear {
    z-index: 1
}
.nobor {
    border-bottom: 0 none
}
.testi_des p {
    margin-top: 20px;
    text-transform: none;
    color: #fff;
    font-size: 20px;
    line-height: 32px;
    font-style: italic
}
.testi_des small {
    color: #fff;
    font-size: 20px;
    font-weight: 700
}
#quote-carousel img {
    position: relative;
    display: block
}
#quote-carousel {
    padding: 0 10px
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none
}
#quote-carousel .carousel-indicators {
    right: 50%;
    top: auto;
    bottom: 0;
    margin-right: -19px;
    min-height: 90px;
    text-align: center
}
#quote-carousel .carousel-indicators li {
    width: 40px;
    height: 40px;
    margin: 5px;
    cursor: pointer;
    border: 2px solid #CCC;
    border-radius: 5px;
    opacity: .4;
    overflow: hidden;
    transition: all .4s
}
#quote-carousel .carousel-indicators .active {
    background: #333;
    width: 50px;
    height: 50px;
    border-radius: 100px;
    border: 2px solid #fff;
    opacity: 1;
    overflow: hidden;
    border-radius: 5px
}
#quote-carousel .carousel-inner {
    min-height: 175px
}
.item blockquote {
    border-left: none;
    margin: 0
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px
}
.bannerfont {
    font-size: 32px !important
}
.bannerfont small {
    font-size: 20px !important;
    color: #fc0
}
.bannerfont1 {
    font-size: 24px !important
}
.inside_banner_content {
    font-size: 14px;
    color: #fff;
    z-index: 99999;
    width: 200px !important;
    font-weight: 400;
    margin-top: 8px;
    display: block
}
.banner_background {
    background: #1e8ecf
}
.customer-centeric h1 {
    color: #fff;
    font-size: 26px;
    margin-bottom: 24px;
    line-height: 32px
}
.customer-centeric h2 {
    color: #fff;
    font-size: 20px;
    margin-bottom: 15px;
    line-height: 30px
}
.mainpage_portfolio_section {
    background: #fff;
    padding: 21px 0;
    overflow: hidden
}
.mainpage_portfolio_section .line {
    display: none
}
.arrow-slider {
    height: auto
}
.twitter-feed {
    background: none !important
}
.twitter-feed iframe {
    max-height: 250px
}
.mainpage_portfolio_section ul li {
    display: block;
    float: left;
    width: 250px;
    min-height: 250px;
    font-size: 14px;
    color: #676767;
    line-height: 18px;
    font-weight: 400;
    font-style: normal;
    background-color: #50504F;
    margin: 8px 6px;
    transition: all ease .3s
}
.mainpage_portfolio_section h2 {
    color: #363636;
    text-align: center;
    font-size: 36px;
    font-weight: 100
}
.mainpage_portfolio_section span {
    color: #F26222
}
.mainpage_portfolio_section ul li:hover {
    transform: translateY(-5px);
    -webkit-transform: translateY(-5px)
}
.mainpage_portfolio_section ul li a img {
    width: 100%;
    max-height: 125px;
    overflow: hidden
}
.mainpage_portfolio_section ul li h2 {
    text-align: center;
    font-style: normal;
    color: #8a8a8a;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    margin: 10px
}
.mainpage_portfolio_section ul li span {
    text-align: center;
    display: block;
    margin: 0 20px 10px;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    line-height: 18px
}
.main_portfolislider_arrows a {
    background: none;
    border: 0 !important;
    margin: 18px 30px 0 0 !important
}
.main_portfolislider_arrows a:hover,
.main_portfolislider_arrows a:after {
    background: none;
    text-decoration: none
}
.main_portfolislider_arrows a i:hover {
    opacity: .8;
    color: #363636 !important
}
.cer a img {
    width: 230px
}
.cer img {
    float: left;
    width: 150px;
    display: inline-block;
    margin: 0 7px;
    padding: 0;
    height: 60px;
    vertical-align: middle
}
.business_texture {
    padding: 30px 0;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(1%, rgba(0, 0, 0, 0.4)), color-stop(53%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1)
}
.oraclepagepage {
    background-size: cover
}
.careerspage {
    background-size: cover
}
.newspage {
    background-size: cover
}
.companypage {
    background-size: cover
}
.agilepage {
    background-size: cover
}
.engagementpage {
    background-attachment: fixed;
    background-size: cover
}
.leadershippage {
    background-size: cover
}
.visionpage {
    background-size: cover
}
.infrapage {
    background-size: cover
}
.edgepage {
    background-size: cover
}
.clientspeekpage {
    background-size: cover
}
.techpage {
    background-size: cover
}
.csrpage {
    background-size: cover
}
.casestudiespage {
    background-size: cover
}
.webinarspage {
    background-size: cover
}
.whitepaperspage {
    background-size: cover
}
.microsoftpage {
    height: 500px;
    background: url(../images/microsoftservices.jpg) no-repeat 0 0;
    background-size: cover
}
.workculturepage {
    background-size: cover
}
.javapage {
    background: url(../images/java.jpg) no-repeat 0 -130px;
    background-size: cover
}
.itstaffingpage {
    background-size: cover
}
.qapage {
    background-size: cover
}
.bpmpage {
    background-size: cover
}
.opensoursepage {
    background: url(../images/opensourse.jpg) no-repeat 0 -130px;
    background-size: cover
}
.banneroverlaybg {
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.5) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(1%, rgba(0, 0, 0, 0.3)), color-stop(53%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.5) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.5) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.5) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.5) 53%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1)
}
.innerbanner_overlay {
    padding: 60px 0;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.5) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(1%, rgba(0, 0, 0, 0.3)), color-stop(53%, rgba(0, 0, 0, 0.5)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.5) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.5) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.5) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 1%, rgba(0, 0, 0, 0.5) 53%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1);
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    position: absolute
}
.innerbanner_overlay span {
    text-align: center;
    color: #fff;
    display: block;
    font-size: 42px;
    font-weight: 600;
    padding: 100px 0 0
}
.innerbanner_overlay p {
    text-align: center;
    color: #fff;
    display: block;
    font-size: 22px;
    line-height: 40px;
    padding: 25px 0 0
}
.microsoftbanner_overlay {
    padding: 60px 0;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 1%, rgba(0, 0, 0, 0.1) 53%, rgba(0, 0, 0, 0.9) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.1)), color-stop(1%, rgba(0, 0, 0, 0.1)), color-stop(53%, rgba(0, 0, 0, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.9)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 1%, rgba(0, 0, 0, 0.1) 53%, rgba(0, 0, 0, 0.9) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 1%, rgba(0, 0, 0, 0.1) 53%, rgba(0, 0, 0, 0.9) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 1%, rgba(0, 0, 0, 0.1) 53%, rgba(0, 0, 0, 0.98) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 1%, rgba(0, 0, 0, 0.1) 53%, rgba(0, 0, 0, 0.9) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1);
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    position: absolute
}
.microsoftbanner_overlay span {
    text-align: center;
    color: #fff;
    display: block;
    font-size: 42px;
    padding: 100px 0 0
}
.microsoftbanner_overlay p {
    text-align: center;
    color: #fff;
    display: block;
    font-size: 22px;
    line-height: 40px;
    padding: 25px 0 0
}
.microsoft_slider img {
    width: 100%;
    height: 550px
}
.ban_text {
    position: absolute;
    z-index: 9;
    display: block;
    width: 100%;
    top: 0
}
.ban_text h1 {
    color: red
}
.hangings img {
    float: left;
    visibility: visible
}
.hangings img:nth-child(1) {
    animation-delay: 2s
}
.hangings img:nth-child(2) {
    animation-delay: 3s
}
.hangings img:nth-child(3) {
    animation-delay: 4s
}
.hangings img:nth-child(4) {
    animation-delay: 5s
}
.hangings img:nth-child(5) {
    animation-delay: 6s
}
.hangings img:nth-child(6) {
    animation-delay: 7s
}
.hangings img:nth-child(7) {
    animation-delay: 8s
}
.homeSearchBtn {
    border-radius: 3px;
    background: #F26222;
    color: #fff;
    border: 1px solid #fff;
    padding: 8px 12px;
    font-family: Oswald;
    letter-spacing: 1px;
    transition: .4s;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif
}
.homeSearchBtn:focus {
    color: #fff
}
.homeSearchBtn:hover {
    background: #fff;
    color: #F26222;
    text-decoration: none;
    border: 1px solid #F96302
}
.homeSearchBtn i {
    line-height: 19px
}
.socialicons a object {
    pointer-events: none
}
.mobility_menu_bottom_sec ul li object {
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
    pointer-events: none
}
.microsofticon {
    text-align: center
}
.microsofticon a {
    text-align: center;
    display: inline-block
}
.microsofticon h3 {
    color: #262727;
    text-align: center;
    margin-top: 4px;
    font-size: 19px;
    letter-spacing: 0;
    line-height: 26px;
    font-weight: 500
}
.microsofticon object {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block;
    pointer-events: none
}
.microsofticon img {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    display: block;
    pointer-events: none
}
.media object {
    width: 80px;
    height: 80px;
    margin: 0 15px 0 0;
    float: left
}
.oraclekey {
    min-height: 90px
}
.oraclekey object {
    width: 60px;
    height: 60px;
    margin: 0 15px 0 0;
    float: left
}
.paddingtopbottom {
    padding: 15px 0
}
.microsoftcust {
    background: url(../images/microsoftcust.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover
}
.nintex_whyjarks {
    background: url(../images/nintexwhyjarks.jpg) no-repeat;
    background-attachment: fixed;
    background-size: cover
}
.top_fet {
    padding: 20px 0
}
.top_fet_sec2 {
    padding: 20px 0;
    background-color: #F9F9F9
}
.active .app-brief-article .content {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)
}
.app-brief-article .content,
.app-brief-article .thumb-area {
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease
}
.app-brief-article .section-title {
    margin-bottom: 40px
}
.section-title.title-2 {
    margin-bottom: 28px;
    color: #333;
    font-weight: 300;
    background-color: #F9F9F9;
    border: 1px solid #E8E8E8;
    font-size: 25px !important;
    padding: 10px 0;
    letter-spacing: 0
}
.app-brief-article p {
    margin-bottom: 20px
}
.content ul {
    margin: 0;
    padding: 0;
    margin-bottom: 30px
}
.content ul li {
    list-style: none;
    overflow: hidden;
    color: #000;
}
.content li {
    margin-bottom: 5px
}
.active .app-brief-article .thumb-area {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)
}
.app-brief-article .content,
.app-brief-article .thumb-area {
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease
}
.thumb-area {
    position: relative;
    height: 474px;
    margin-top: 10px
}
.active .app-brief-article .thumb-area {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)
}
.app-brief-article .content,
.app-brief-article .thumb-area {
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease
}
.thumb-area {
    position: relative;
/*    height: 420px;*/
height: auto;
    margin-top: 10px
}
.thumb-area img:nth-child(1) {
    z-index: 2
}
.thumb-area img {
    position: relative;
    top: 0
}
.thumb-area img:nth-child(2) {
    right: 105px;
    position: absolute;
    top: 21px
}
.thumb-area img {
    position: relative;
    top: 0
}
.quote_area {
    height: 420px
}
.get_quote .homeSearchBtn {
    padding: 20px 30px
}
.get_quote .section-padding {
    padding: 25px 0
}
.quote_area img:nth-child(1) {
    left: 150px;
    height: auto;
    max-height: 422px;
    width: 229px
}
.quote_area img:nth-child(2) {
    top: -20px;
    max-height: 422px;
    width: 229px;
    left: 320px
}
.quoteh1 {
    padding: 110px 0 15px;
    font-size: 41px
}
.active .app-brief-article .content {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)
}
.app-brief-article .content,
.app-brief-article .thumb-area {
    -webkit-transition: all 1.5s ease;
    transition: all 1.5s ease
}
.content ul li i {
    list-style: none;
    display: inline-block;
    float: left;
    speak: none;
    font-size: 14px;
    color: #FE8333;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle
}
.content ul li span {
    float: right;
/*    display: inline-flex;*/
    width: 95%
}
.sales1 {
    top: 53px !important
}
.sales2 {
    top: 25px !important
}
.summary {
    font-weight: 600
}
.summary strong {
    color: #F26222
}
.margin_60 {
    padding-top: 60px;
    padding-bottom: 30px
}
.main_title {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px
}
.main_title h2 {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: -1px;
    font-size: 30px;
    margin-bottom: 0;
    margin-top: 0;
    color: #363636
}
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: #e04f67
}
.main_title p {
    font-family: "Lato", Arial, sans-serif;
    font-weight: 300;
    font-size: 17px;
    color: #363636;
    padding: 10px 0
}
.feature_home {
    padding: 30px 20px;
    position: relative;
    background: #fff;
    margin-bottom: 30px;
    color: #888;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    text-align: center;
    width: 100%;
    min-height: 315px
}
.feature_home:hover {
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.15)
}
.feature_home i {
    margin: auto;
    margin-bottom: 20px;
    display: block;
    width: 120px;
    height: 120px;
    line-height: 110px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px dashed #ccc;
    font-size: 62px;
    color: #ff771c;
}
.feature_home h3 {
    font-size: 18px;
    font-weight: 600;
        letter-spacing: 0;
}
.laptop {
    margin: auto;
    margin-top: 20px
}
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
    color: #FC6D58
}
ul.list_order {
    list-style: none;
    margin: 0 0 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px
}
ul.list_order li {
    position: relative;
    padding-left: 40px;
    margin-bottom: 10px
}
ul.list_order li span {
    background-color: #e04f67;
    color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    font-size: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px
}
article#powerful-toolkit section.subscriptions {
    border-top: 1px solid #e9edf1;
    border-bottom: 1px solid #e9edf1;
    background: #f5f7f9;
    background-image: -webkit-linear-gradient(0, #fff, #fff);
    background-image: -moz-linear-gradient(0, #fff, #fff);
    background-image: -o-linear-gradient(0, #fff, #fff);
    background-image: -ms-linear-gradient(0, #fff, #fff);
    background-image: linear-gradient(90deg, #fff, #fff);
    -webkit-background-size: 50% 100%;
    -moz-background-size: 50% 100%;
    background-size: 50% 100%;
    background-repeat: no-repeat;
    position: relative;
    margin: 0;
    padding: 48px 0;
    position: relative
}
article#powerful-toolkit section.subscriptions div.inner-col {
    zoom: 1;
    position: relative
}
.inner-col,
.block {
    margin: 0 auto;
    width: 952px
}
article#powerful-toolkit section.subscriptions div.description {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: right;
    padding-top: 0;
    padding-left: 50px
}
article#powerful-toolkit section.subscriptions dl {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 100px;
    font-size: 1.3em;
    line-height: 1.4em;
    height: 220px;
    position: absolute;
    margin-top: auto;
    margin-bottom: auto;
    top: 0;
    bottom: 0
}
article#powerful-toolkit section.subscriptions dl dt {
    color: #292e31;
    margin: 0 0 .3em;
    padding: 0;
    position: relative
}
article#powerful-toolkit section.subscriptions dl dd {
    margin: 0 0 20px;
    padding: 0
}
.strategybg {
    max-height: 518px;
    background-size: cover;
    position: relative
}
.maintenancebg {
    max-height: 518px;
    height: auto;
    position: relative;
    background-size: cover
}
.modernbg {
    max-height: 518px;
    height: auto;
    position: relative;
    background-size: cover
}
.productivitybg {
    max-height: 518px;
    height: auto;
    position: relative;
    background-size: cover
}
.opesourcebg {
    background: url(../images/opensourse.jpg) no-repeat 0 -207px;
    height: 400px;
    background-size: cover
}
.insightsbg {
    max-height: 518px;
    background-size: cover;
    position: relative
}
.top_fet_sec2 header {
    z-index: 0
}
.servicescloudbg {
    max-height: 518px;
    height: auto;
    position: relative;
    background-size: cover
}
.portfoliobg {
    max-height: 518px;
    height: auto;
    background-size: cover;
    position: relative
}
.men__feat:nth-child(even) {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    background-color: #F9F9F9
}
.men__feat--centerscreen {
    padding: 50px 0 0
}
.men__feat--centerscreen .men__feat-cont {
    display: block
}
.men__feat-cont {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-align: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    max-width: 1280px;
    width: 95%;
    margin: 0 auto;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}
.men__feat--centerscreen .men__feat-dsc {
    display: block;
    max-width: 700px;
    margin: 42px auto 0;
    text-align: center
}
.men__feat-dsc {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 475px;
    text-align: left;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center
}
.men__feat-dsc h2 {
    margin-bottom: 21px
}
.men__feat--centerscreen .men__feat-dsc h2 img {
    height: 60px;
    width: auto;
    margin: 0 auto 42px
}
.men__feat-dsc h2 span {
    font-family: "Roboto", Helvetica, sans-serif;
    font-size: 2.18rem;
    font-weight: 300;
    line-height: 1.2;
    margin: 0;
    color: #22282B
}
.men__feat-dsc h2>* {
    vertical-align: middle;
    display: block
}
.men__feat-dsc .men__hlink {
    font-size: .8125rem
}
.men__hlink,
a.men__hlink {
    font-size: .8125rem;
    color: #1799dd;
    font-weight: 500;
    font-family: "Open Sans", Helvetica, sans-serif;
    text-transform: uppercase;
    cursor: pointer
}
.men__feat--centerscreen .men__feat-img {
    display: block;
    width: 750px;
    height: auto;
    margin: 84px auto 0
}
.men__feat-dsc i {
    color: #FC6D58;
    font-size: 80px;
    margin: 0 0 25px
}
.main-section {
    position: relative;
    width: 100%;
    padding: 45px 0;
    background: #EFEFEF
}
.second-title {
    position: relative;
    width: 100%;
    display: inline-block;
    text-align: center
}
.second-title h2 {
    padding-bottom: 23px;
    color: #363636
}
.second-title p {
    padding-bottom: 59px
}
.second-title h2 span {
    color: #F26222
}
.bg-whitepapers {
    background: #fff;
    border: 1px solid #ccc
}
.bg-whitepapers .calend i,
.bg-whitepapers .calend span {
    color: #363636
}
.bg-casestudies {
    background: #F26222;
    border: 1px solid #ccc
}
.bg-casestudies .news-txt a {
    color: #fff
}
.news-block {
    position: relative;
    min-height: 240px;
    display: inline-block;
    width: 100%;
    color: #fff;
    overflow: hidden;
    margin-bottom: 30px
}
.b-radius {
    border-radius: 5px
}
.b-shadow {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in
}
.news-txt {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 20px 30px
}
.news-block a {
    font-size: 18px;
    display: inline-block;
    padding-bottom: 10px;
    line-height: 30px
}
.news-block a span {
    position: relative;
    display: inline;
    border-bottom: 0 solid #fff;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}
.calend {
    position: relative;
    display: inline-block
}
.calend img {
    vertical-align: middle
}
.calend span {
    color: #fff;
    font-size: 14px;
    padding-left: 6px
}
.bg-facebook .news-soc {
    color: #46639d
}
.news-block .news-soc {
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: 30px;
    height: 30px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    line-height: 32px;
    padding: 0;
    transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}
.news-block a {
    font-size: 18px;
    display: inline-block;
    padding-bottom: 10px;
    line-height: 30px;
    color: #fff
}
.bg-whitepapers .news-txt a {
    color: #363636
}
.bootom-like {
    position: absolute;
    right: 30px;
    bottom: 35px
}
.like {
    position: relative;
    float: left;
    display: block;
    padding-left: 25px
}
.like img {
    vertical-align: middle
}
.like span {
    font-size: 14px;
    padding-left: 6px;
    display: inline-block
}
.news-block.bg-white {
    color: #3c3c3c
}
.news-img {
    position: relative;
    width: 100%;
    height: 133px;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}
.clip {
    clip: rect(auto, auto, auto, auto);
    height: 100%;
    position: absolute;
    width: 100%
}
.bg-bg-chrome.act {
    position: absolute
}
.bg-bg-chrome {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    position: fixed
}
.bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}
.bg-twitter {
    background: #02a8f4
}
.news-block:hover {
    box-shadow: 2px 2px 20px rgba(104, 104, 104, 0.2)
}
.box_title {
    bottom: 0;
    position: absolute;
    width: 100%;
    right: 3px
}
.box_title i {
    float: right;
    color: #fff;
    line-height: 21px;
    font-size: 20px
}
.box_title span {
    float: right;
    color: #fff;
    margin: 0 8px;
    font-size: 16px
}
.bg-whitepapers .box_title i,
.bg-whitepapers .box_title span {
    color: #363636
}
.twitter_news_feed {
    width: 15% !important;
    background-color: #02a8f4 !important;
    background: url(../images/twitterbg.png) no-repeat bottom right #02a8f4
}
.twitter_news_feed .news-txt a span {
    text-align: left
}
.twitter_news_feed .box_title {
    position: relative
}
.twitter_news_feed .calend i,
.twitter_news_feed .calend span {
    color: #fff;
    float: left
}
.twitter_news_feed .calend {
    margin: 5px 0 0 20px
}
.twitter_news_feed .calend span {
    margin: 0
}
.news-txt iframe {
    height: 257px !important
}
.news-txt iframe .timeline {
    margin: 0;
    padding: 0;
    border-radius: 0 !important;
    width: 100% !important;
    max-width: 100% !important
}
.timeline {
    max-width: 100% !important
}
.main-section .timeline-footer {
    background: #363636 !important
}
.visionmission h5 {
    margin-top: 18px;
    font-size: 22px;
    font-weight: 600;
    color: #F26222
}
#usage1 {
    border-bottom: 1px solid rgba(182, 196, 209, 0.3);
    background: linear-gradient(#f9f9f9, #f5f7f9) no-repeat 0 0;
    background-size: 50% 100%;
    padding: 40px 0 100px;
    border-top: 1px solid rgba(182, 196, 209, 0.3)
}
#usage {
    border-bottom: 1px solid rgba(182, 196, 209, 0.3);
    background: linear-gradient(#f5f7f9, #f9f9f9) no-repeat 100% 0;
    background-size: 50% 100%;
    padding: 40px 0 100px
}
.sectiondevide {
    padding: 100px 0
}
.devideleft h3,
.devideright h3 {
    color: #FE8333;
    font-weight: 700;
    font-size: 30px
}
.devideleft p,
.devideright p {
    font-size: 15px
}
.devideleft ul,
.devideright ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}
.devideleft ul li,
.devideright ul li {
    margin-bottom: 5px
}
.devideleft ul li i,
.devideright ul li i {
    margin: 0 6px 0 0;
    color: #FE8333;
    font-size: 14px
}
.devideright {
    padding: 0 0 0 35px
}
.main_des {
    text-align: center;
    padding: 70px 0;
    font-size: 21px;
    line-height: 35px;
    letter-spacing: 0
}
.twi {
    background: none !important
}
.whitepaper,
.casestudy {
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
    transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    -ms-transition: all .2s ease-in;
    display: inline-block;
    border: 1px solid #ccc;
    padding: 15px !important
}
.whitepaper a,
.casestudy a {
    font-size: 16px;
    line-height: 21px;
    color: #fff
}
.whitepaper .calend,
.casestudy .calend {
    position: relative;
    display: inline-block;
    margin: 15px 0 0
}
.whitepaper .calend i,
.casestudy .calend i {
    color: #fff;
    float: left
}
.whitepaper .calend span,
.casestudy .calend span {
    margin: 0;
    float: left
}
.whitepaper .box_title span,
.casestudy .box_title span {
    margin: 0 28px 0 10px
}
.whitepaper {
    max-height: 252px;
    background: #0b6b99 url(../images/white.png) no-repeat scroll bottom right !important
}
.casestudy {
    background: #F26222 url(../images/case.png) no-repeat scroll bottom right !important
}
.twoboxtitle {
    bottom: 6px;
    position: absolute;
    width: 100%;
    right: 7px
}
.twoboxtitle span {
    color: #fff;
    float: right
}
.twoboxtitle i {
    color: #fff;
    float: right
}
.opensourse_main h1 {
    color: #383838;
    font-weight: 400;
    letter-spacing: 0;
    font-size: 36px;
    text-align: center
}
.opensourse_main p {
    text-align: center;
    margin: 13px 0 0;
    font-size: 17px;
    font-weight: 400;
    line-height: 31px
}
.overview p {
    margin: 13px 0 0;
    font-size: 15px;
    font-weight: 400;
    line-height: 26px
}
.overview h1 {
    margin-bottom: 35px;
    color: #FC6D58
}
.overview_sec ul li strong {
    font-weight: 600;
    color: #F26222
}
.overview_sec ul li {
    font-size: 15px;
    margin: 0 0 5px
}
.overview_sec img {
    margin: 0 auto;
    min-height: 310px
}
.overview_sec .bnt {
    min-height: 159px
}
.offerings h1 {
    margin-bottom: 35px;
    color: #FC6D58
}
.overview_sec h4 {
    color: #09094E;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    font-size: 20px
}
.technologies table {
    border: 1px solid #363636
}
.technologies table tr td {
    border: 1px solid #363636
}
.technologies h1 {
    border: 1px solid #363636;
    color: #060606;
    font-size: 14px
}
.feature-items.style-3 .item > .content a > h3 {
    color: #262727;
    text-align: center;
    margin-top: 20px;
    font-size: 19px;
    letter-spacing: 0;
    line-height: 26px;
    font-weight: 500
}
.inner_banner img {
    max-height: 518px;
    width: 100%;
    position: relative
}
.smoverlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(1%, rgba(0, 0, 0, 0.4)), color-stop(53%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1)
}
.oraclebg {
    background: url(../images/oracle.jpg) no-repeat;
    height: 518px;
    background-size: cover
}
.implementationbg {
    max-height: 518px;
    height: auto;
    position: relative;
    background-size: cover
}
.upgradesbg {
    max-height: 518px;
    height: auto;
    position: relative;
    background-size: cover
}
.qatestingbg {
    max-height: 518px;
    height: auto;
    position: relative;
    background-size: cover
}
.oraclesuccessstories {
    max-height: 518px;
    height: auto;
    position: relative;
    background-size: cover
}
.techbg {
    max-height: 518px;
    height: auto;
    position: relative;
    background-size: cover
}
.techbg .smoverlay {
    opacity: .4
}
.wrap {
    width: 100%;
    margin: 0 auto;
    display: block;
    position: relative
}
.offer ul {
    margin: 0;
    padding: 0 0 0 20px
}
.nohover:hover {
    background: none
}
.microsoft_blog {
    background: #f9f9f9;
    padding: 30px 0
}
.text_icon {
    display: block;
    text-align: center
}
.text_icon object {
    width: 300px
}
.for_border {
    border-bottom: 1px solid #ccc;
    height: 54px
}
.clients {
    padding: 40px 0
}
.clients h5 {
    font-size: 26px;
    font-weight: 100;
    border-bottom: 6px solid #F26222;
    padding: 0 0 12px;
    display: inline-block
}
.clients_tit p {
    font-size: 25px;
    vertical-align: middle;
    line-height: 70px;
    color: #F26222
}
.clients_img img {
    width: 185px
}
.cmmfirst object {
    height: 27px
}
.highlights p {
    color: #fff
}
.map {
    padding: 0
}
.map_area {
    padding: 0
}
.object1 a {
    display: block;
    overflow: hidden;
    text-align: center;
    outline: none;
    border: 0
}
.object1 object {
    margin: 16px 0 0;
    max-height: 51px;
    pointer-events: none
}
.object2,
.object3,
.object4,
.object5,
.object6 {
    text-align: center
}
.object2 object {
    margin: 16px 0 0
}
.object3 object {
    max-height: 43px
}
.object4 object {
    max-height: 43px
}
.object5 object {
    max-height: 53px
}
.object6 object {
    max-height: 50px
}
.squarelinks li a {
    color: #F26222;
    font-weight: 600
}
.newsimg_area {
    width: 45%;
    position: relative;
    float: left
}
.newsimg_area img {
    padding: 2em 0 0 7em;
    width: 100%
}
.whyjarks {
    background: #f9f9f9
}
.microsoft_submenu {
    max-width: 865px
}
.for_microsoft_bg {
    background: #2ba3d4
}
.microsoft_menu li a {
    color: #fff
}
.microsoft_menu .main-menu li:nth-child(1) {
    background: #4d3d98
}
.microsoft_menu .main-menu li:nth-child(2) {
    background: #0c8b44
}
.microsoft_menu .main-menu li:nth-child(3) {
    background: #88288f
}
.microsoft_menu .main-menu li:nth-child(4) {
    background: #d24827
}
.microsoft_menu .main-menu li:nth-child(5) {
    background: #00a0b1
}
.microsoft_inner_navigation {
    background: none;
    border: 0
}
.microsoft_inside_submenu {
    background: #f3f3f3 !important
}
.microsoft_inside_submenu ul li {
    background: none !important
}
.dynamicTile .col-sm-2.col-xs-4 {
    padding: 5px
}
.dynamicTile .col-sm-4.col-xs-8 {
    padding: 5px
}
#tile1 {
    background: #00acee
}
#tile2 {
    background: #f3f3f3
}
#tile3 {
    background: #47c1e4
}
#tile4 {
    background-image: url(../../handsontek.net/demoimages/tiles/facebook.png);
    background-size: cover
}
#tile5 {
    background: #af1a3f
}
#tile6 {
    background: #3e9dd7
}
#tile7 {
    background: #fff
}
#tile8 {
    background: #d14625
}
#tile9 {
    background: #008e00
}
#tile10 {
    background: #005de9
}
.tilecaption {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    margin: 0 !important;
    text-align: center;
    color: #fff;
    font-family: Segoe UI;
    font-weight: lighter
}
.microsoft_services_carousel h3 img {
    width: 100px;
    height: 100px
}
.microsoft_services_carousel h3 {
    vertical-align: middle;
    position: absolute;
    left: 10%
}
.microsoft_services_carousel {
    max-height: 180px
}
.feature-items .azure .item .content h3,
.feature-items .office .item .content h3,
.feature-items .sharepoint .item .content h3 {
    color: #fff;
    margin-top: 15px !important;
    font-size: 22px
}
.azure {
    background: #0095c8;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px
}
.office {
    background: #ea3c00;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px
}
.sharepoint {
    background: #0072c6;
    padding: 10px;
    border-radius: 4px;
    margin-bottom: 10px
}
.crm {
    background: #cc0406;
    padding: 10px;
    border-radius: 4px
}
.itemtest {
    content: none !important
}
.padding-top-50 {
    padding-top: 50px
}
.table_hed strong {
    font-size: 16px;
    margin: 0 0 10px;
    display: block
}
.table_content tr td {
    width: 50%;
    font-size: 15px
}
.table_section {
    background: #fff
}
.table_section tr td {
    font-size: 15px
}
.oracleoverlay {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    background: -moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.2)), color-stop(1%, rgba(0, 0, 0, 0.4)), color-stop(53%, rgba(0, 0, 0, 0.6)), color-stop(100%, rgba(0, 0, 0, 0.8)));
    background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: -ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.4) 1%, rgba(0, 0, 0, 0.6) 53%, rgba(0, 0, 0, 0.8) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=1);
    opacity: .4
}
.thumb_sec object {
    width: 100px;
    height: 64px;
    margin: 8px 0 0;
    pointer-events: none
}
.fororangebg {
    background-color: #F26222 !important;
    color: #fff !important
}
.nin img {
    margin: 40px 0 0
}
.client_testimonials {
    float: left;
    width: 100%
}
.client_testimonials ul {
    overflow: hidden;
    padding: 0
}
.client_testimonials li {
    float: left;
    margin: 0 0 15px;
    width: 100%;
    list-style-type: none;
    font-family: 'Open Sans', sans-serif
}
.client_pic {
    max-width: 125px;
    border-radius: 95px
}
.lastli {
    float: left;
    margin: 0;
    width: 100%;
    border: solid 1px #E1E1E1;
    list-style-type: none;
    font-family: 'Open Sans', sans-serif;
    background: #F9F9F9;
    padding: 20px
}
.client_testimonials li h6 {
    margin: 10px 0 20px;
    font-size: 20px;
    font-weight: 600;
    color: #F26222
}
.client_testimonials .clientsvideo {
    float: left;
    width: 450px;
    text-align: left
}
.client_testimonials .clientsDetails {
    float: right;
    text-align: left
}
.client_testimonials li ul li {
    border: none;
    margin: 0;
    margin-bottom: 8px;
    line-height: 21px
}
.client_testimonials li ul li span {
    color: #F26222;
    font-family: 'Open Sans', sans-serif;
    display: block
}
.client_name {
    margin: 25px 0 0 !important;
    float: right !important;
    text-align: right;
    color: #FF5E00;
    font-weight: 600
}
.value_box {
    background: #FDFDFD;
    padding: 10px 20px;
    margin: 15px 0;
    border: 1px solid #F3F3F3;
    overflow: hidden
}
.value_box_left {
    float: left
}
.value_box_right {
    float: right;
    display: block;
    text-align: center
}
.value_box_right object {
    max-width: 110px
}
.square li i {
    display: inline-block;
    float: left;
    font-size: 14px;
    color: #F26222;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 24px;
    vertical-align: middle;
    margin: 0 10px 0 0
}
.squarelinks li i {
    color: #50504F
}
.fetimg {
    text-align: center
}
.offer ul li,
.technologies p,
.technologies ul li,
.keydiff p,
.keydiff ul li {
    font-size: 15px;
    line-height: 26px
}
.keydiff ul li {
    list-style-type: none
}
.keydiff ul {
    margin: 0 0 8px;
    padding: 0 0 0 5px
}
.keydiff ul li i {
    margin: 0 8px 0 0;
    color: #ff771c
}
.techul {
    list-style-type: none;
    padding: 0
}
.techul li i,
.offer ul li i {
    margin: 0 8px 0 0;
    color: #ff771c
}
.offer ul {
    list-style-type: none;
    padding: 0
}
.spe {
    list-style-type: none;
    padding: 0
}
.spe li i {
    color: #ff771c;
    margin: 0 8px 0 0
}
.forh1 h2 {
    color: #383838;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 100
}
.why_section h2 {
    font-size: 36px;
    font-weight: 100
}
.why_section h2 span {
    color: #fff
}
.key h2 {
    color: #383838;
    font-weight: 400
}
.req_form {
    padding: 10px 15px
}
.req_form .hbspt-form label span {
    font-weight: 300;
    color: #363636;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif
}
.req_form .hbspt-form .hs-input {
    height: 24px;
    width: 96%;
    max-width: 98%
}
.req_form .hs-form.stacked .field {
    margin-bottom: 5px
}
.req_form .hs-form.stacked label {
    margin-bottom: 0
}
.req_form .hbspt-form textarea {
    height: 80px !important;
    width: 100% !important
}
.req_form .hbspt-form .hs-button {
    border-radius: 3px;
    background: #F26222;
    color: #fff;
    border: 1px solid #fff;
    padding: 13px 22px;
    letter-spacing: 0;
    transition: .4s;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    text-shadow: 0 0 0;
    font-weight: 100;
    margin: 0 auto;
    display: block
}
.req_form .hbspt-form .hs-button:hover {
    background: #fff;
    color: #F26222;
    text-decoration: none;
    border: 1px solid #F96302 !important;
    box-shadow: 0 0 0 !important
}
.req_form .hbspt-form .actions {
    margin: 0;
    padding: 0
}
.succ_cont h4 {
    font-weight: 600;
    color: #F26222;
    margin-top: 21px
}
.success_img img:nth-child(1) {
    left: 0;
    width: 400px;
}
.portfolio ul {
    max-width: 3408px
}
.tech_img p img {
    max-height: 262px
}
.left_img {
    text-align: center
}
.sitemap_main .row {
    border: 0 !important
}
.sitemap_main .sec_box {
    background: #303B4A
}
.nobg {
    background: none !important
}
.sec_img {
    padding: 10px
}
.link_sec {
    margin: 0 0 0 10px;
    border: 1px solid #ccc
}
.sec_hed {
    background: #303B4A;
    padding: 5px 20px
}
.sec_hed p {
    color: #fff;
    font-size: 20px;
    padding: 0;
    line-height: 29px;
    margin: 0
}
.link_main ul {
    margin: 0;
    list-style-type: none;
    padding: 10px 15px
}
.link_main ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
    line-height: 30px
}
.link_main ul li i {
    margin: 0 10px 0 0;
    color: #ED6E19
}
.joblink a {
    border-radius: 3px;
    background: #F26222;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 22px;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    display: block;
    text-align: center
}
.header_joblink {
    display: block;
    max-width: 155px
}
.header_joblink a {
    border-radius: 3px;
    background: #F26222;
    color: #fff;
    border: 1px solid #fff;
    padding: 8px 0;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    display: block;
    text-align: center;
    width: 100%
}
.joblinks_other {
    margin: 0 0 10px
}
.header_joblink a:hover,
.joblink a:hover {
    background: #fff;
    color: #F26222 !important;
    text-decoration: none;
    border: 1px solid #F96302 !important;
    box-shadow: 0 0 0 !important
}
#jobssection {
    height: 25px
}
.qa_key_diff p{
    line-height: 26px;
    font-size: 17px
}
.main_title h2 span{
    color: #ff771c;
}
.feature_home .qa_key_diff_fet_image{
        margin-bottom: 32px;
    max-height: 88px;
}
.content p{
    font-size: 15px;
        line-height: 25px;
}
.qa_key_diff {
    min-height: 295px;
}
.clients_img .hppartner{
    width:75px;
}
.surveybanner{
/*        background: #09094e;*/
/*background:url("/images/survey.jpg") no-repeat center center;*/
    min-height: 400px;
    position: absolute;
}
.form_container{
        max-width: 500px;
    background: #09094e;
    padding: 25px;
    border-radius: 15px;
    border: 5px solid #324c61;
}
.form_main{
    position: relative;
    padding: 35px;
    background:#f9f9f9;
}
.form_container label{
        color: #fff;
    font-family: "Lato", Arial, sans-serif;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 5px;
}
.form_container .input{
    margin-bottom: 10px;
}
.form_container input {
    height: 29px !important;
    width: 100% !important;
}
.form_container .hs-button{
    width: auto !important;
    height: auto !important;
}
.form_container .hs-error-msgs{
        margin: 0;
    padding: 0;
    list-style-type: none;
}
.form_container .actions{
    margin-top: 15px;
}
.form_container .actions input{
    border-radius: 3px;
    background: #F26222;
    color: #fff;
    border: 1px solid #fff;
    padding: 8px 20px;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    display: block;
    text-align: center;
    width: auto;
    text-transform: uppercase;
}
.form_container .actions input:hover{
    background: #fff;
    color: #F26222;
    text-decoration: none;
    border: 1px solid #F96302 !important;
    box-shadow: 0 0 0 !important;
}
.survey_form_container{
        max-width: 700px;
}
.survey_form_container form hs-form:nth-child(even){
    background: #061725;
    padding: 8px 14px;
}
.survey_form_container form hs-form:nth-child(odd){
    background: #1d2732;
    padding: 8px 14px;
}
.survey_form_container .inputs-list{
        padding: 0;
    list-style-type: none;
}
.survey_form_container .input textarea{
        height: 100px;
    font-size: 15px;
}
.survey_form_container form .hs-form-radio-display .hs-input{
    margin-right: 5px;
}
.thankyou_main{
 max-width: 700px;
    background: #0e0e52;
   border: 5px solid #324c61;
    border-radius: 11px;
    padding: 20px 0 20px 0;
}
.thankyou_main h2{
        text-align: center;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 34px;
    padding: 0 24px;
}
.thankyou_main address{
        text-align: center;
    font-size: 17px;
}
.thankyou_main address span{
    display:block;
    margin: 0 0 7px 0;

}
.survey_tick{
    text-align: center;
}
.survey_tick i{
	background: #fff;
	display: inline-block !important;
	border-radius: 65px;
    padding: 10px;
}
.thankyou_main i{
    color: #f26222;
    text-align: center;
    display: block;
    font-size: 73px;
    margin: 25px 0;
    
}
.thankyou_main span a{
    color:#fff;
}
.con_name{
    color: #ffffff;
        font-size: 31px;
}
.con_deg{
        color: #ffffff;
    font-size: 15px;
}
.smicon{
       font-size: 18px !important;
    margin: 0px 5px 0 0 !important;
    display: inline-block !important;
}
.add_tit{
     font-size: 18px;
    text-decoration: underline;
    color: #ffffff;
    margin: 0 0 20px 0;
    display: block;

}
.con{
    font-size: 23px;
    color: #ffffff;
    display: block;
}
.gradient {
color: #f26222;
}
.survey_ban_main{
    text-align: center;
}
.survey_ban_main h4{
       text-transform: uppercase;
    font-size: 41px;
    color: #ffffff;
    letter-spacing: 0px;
    font-family: 'Open Sans', sans-serif;
}
.survey_ban{
       background: url("../images/survey1.jpg") no-repeat bottom center;
/*background: url(/images/business-desk.jpg) no-repeat center center;*/
    background-size: cover;
/*    background-attachment: fixed;*/
}
.survey_ban_pad{
    padding: 60px 0;
}
.survey_ban_main p{
        color: #fff;
    font-size: 21px;
    margin: 27px 0 0 0px;
    line-height: 33px;
        font-weight: normal;
    font-family: 'Open Sans', sans-serif;
}
.survey_ban_main a{
        border-radius: 3px;
    background: #F26222;
    color: #fff;
    border: 1px solid #fff;
    padding: 8px 20px;
    font-size: 19px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 100;
    display: inline-block;
    margin: 25px 0 0 0;
    text-transform: uppercase;
}
.survey_ban_main a:hover{
    background: #fff;
    color: #F26222;
    text-decoration: none;
    border: 1px solid #F96302 !important;
    box-shadow: 0 0 0 !important;
}
.explore{
        color: #f26222;
    text-align: center;
    font-size: 23px;
    font-weight: 100;
    margin-bottom: 18px;
    text-transform: uppercase;
}
.form_des{
        text-align: center;
    font-size: 23px;
    line-height: 33px;
    font-weight: normal;
    margin-bottom: 18px;
}
.innercase_study{
        padding: 20px 0;
}
.video_sec{
/*        position: relative;
    margin-top: -200px;*/
padding: 0;
}
.video_sec video{
    border: 2px solid #dadada;
    background: #fff;
/*    max-width: 895px;
    max-height: 506px;*/
width:100%;
    height: 570px;
        box-shadow: 1px 2px 6px #363636;
}
.videoframe{
    border: 2px solid #dadada;
    background: #fff;
/*    max-width: 895px;
    max-height: 506px;*/
width:100%;
    height: 570px;
        box-shadow: 1px 2px 6px #363636;
}
.video-page-section iframe{
        width: 55%;
    height: 410px;
}
.vid_tit{
    color: #F26222 !important;
    font-size: 30px !important;
    
    padding: 0px;
    margin: 0px;
    border-width: 0px;
    line-height: 36px;
    white-space: nowrap;
    min-width: 0px;
    min-height: 0px;
    transform: scale(1, 1) rotate(0deg);
    opacity: 0;
    left: 0px;
    top: 110px;
    visibility: visible;
}

/*css3 popup*/
.modal-content1 {
    background-color: transparent;
    border: 0px solid #bdc3c7;
}
.modal-header1{
    padding: 0;
    margin: -42px -11px 0 37px;
    top: 28px;
    position: absolute;
    right: 0;
}
.close1{
       opacity: 1;
    text-shadow: 0 1px 0 #000;
    background: #6d6d6d !important;
    color: #fff;
    font-size: 19px;
    font-weight: 100;
    width: 35px;
    height: 35px;
    border-radius: 25px;
    font-family: Arial, sans-serif;
    line-height: 16px !important;
}
.modal-header .close1 {
    margin-top: 0px;
}
.modal-dialog1{
    width: 850px;
        padding-top: 58px;
}
/*css3 popup*/
.microsoft_ad{
    padding-bottom: 50px;
}
.nomar{
    margin: 0 !important;
}
.cs_hed a{
        font-size: 27px;
    margin-top: 0;
        color: #f26222;
}
.sponser_section{
        overflow: hidden;
    margin-top: 30px;
}
.cs_hed{
    border-bottom: 1px solid #f26222;
    padding-bottom: 8px;
        margin-top: 7px !important;
 }
 .webinar{
         margin-bottom: 25px;
 }
 .webinar_hed{
    font-size: 30px !important;
    font-weight: 500 !important;
    line-height: 38px !important;
 }
 .web_hed_sub{
     font-size: 22px;
    line-height: 27px;
 }
 .web_hed_last{
     font-size: 20px;
 }
 .web_righ_form{
   padding: 20px 11px 11px 11px;
    background: none;
 }
 .web_righ_form .hs-error-msgs {
     display: block;
    margin: 0;
    padding: 0;
    list-style-type: none;
 }
 .web_righ_form .hs-error-msgs li label{
         font-size: 13px !important;
 }
 
 
 .gallery_events{
     position: relative;
    max-height: 500px;
    overflow: auto;
 }
  .gallery_events .pseudo-scroller{
     max-height: 500px;
 }
 .gallery_area{
     transform: translateX(33vw) translateY(93px) rotateX(45deg) rotateZ(0deg) !important;
 }
 .bpm_video{
/*         background-color: #092d6c;
    background-image: linear-gradient(-180deg,#092d6c 0,#10659c 40%,#7babbf 68%,#e9c39f 85%,#ff9a4a 100%);*/
    padding: 100px 0;
        background: url(../images/bpmvideobg.html) no-repeat center center;
            background-size: cover;
    background-attachment: fixed;
 }
 .bpm_video h5{
        text-align: center;
    font-size: 30px;
    color: #ff771c;
    margin-bottom: 25px;
    font-weight: 400;
 }
/* .bpm_video iframe{
     width: 100%;
     height: 304px;
 }*/
.video_icon{
    color: #fff;
    font-size: 113px;
    font-weight: 400;
    text-align: center;
}
.play_icon img{
    width:80px;
    height: 80px;
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.bpm_video p{
   color: #fff;
    font-size: 42px;
    font-weight: 500;
    margin-top: 50px;
}
.videoclose{
        position: absolute;
    color: #fff;
    opacity: 1;
    top: -11px;
    right: -11px;
    background: #ec6d20 !important;
    width: 34px;
    height: 34px;
    z-index: 99999;
    border-radius: 50px;
}
.video_header{
    min-height: 0;
    padding: 2px;
    border-bottom: 0;
}
.play_icon img:hover{
    -webkit-transform: scale(1.25, 1.25);
    transform: scale(1.25, 1.25);
}
.tabed_panels{
        background: url(../images/workbg.html) no-repeat center bottom;
    background-size: cover;
    padding: 93px 0 31px 0;
    background-attachment: fixed;
}
/*.bot_Sec {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 400px;
}

.orange_sec{
    background: #fe6301;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
        -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    
     -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}
.blue_sec{
    background: #09094e;
    width: 50%;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    
        -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}
.bootom_left_sec{
        display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
     flex-wrap: nowrap; 
    padding-right: 60px;
    padding-left: 60px;
    width: 100%;
    max-width: 1000px;
    padding: 50px 20px;
    color: #fff;
}
.bootom_right_sec{
    
}*/
.force2{
       margin-right: 129px; 
}
.forceapp{
 padding-top: 70px;
}
.bookitnow{
    padding: 25px 0;
}
.booknow{
   max-width: 900px;
    margin: 0 auto;
    overflow: hidden;
    background:url('../images/connections.png') no-repeat top right #09094e;
    padding: 20px 0;
}
.booknow h4{
    text-transform: uppercase;
    color: #fff;
    font-size: 26px;
    letter-spacing: 0;
    font-weight: 100;
}
.booknow p{
        color: #fff;
    letter-spacing: 0;
    font-size: 16px;
}
.book_but{
        margin-top: 15px;
    text-align: left;
}
.book_but a{
    padding: 10px 25px;
    font-size: 16px;
    text-transform: uppercase;
        margin: 0;
}
.oraclefetbg{
    background: url(../images/orcledatacenterandcloud.jpg) top no-repeat;
    background-attachment: fixed;
    background-size: cover;
}
.saleswhy{
     background: url(../images/salesforcewhyjarks.jpg) top no-repeat;
    background-size: cover;
}

/*landing page*/
.land_main_bg_hed{
    background: #fff;
        padding: 10px 0;
}
.land_main_bg{
/*    background: url('/images/landbg.jpg') no-repeat;*/
/*    height: 585px;*/
    padding: 50px 0 23px 0;
        background-size: cover;
}
.informatica_landing_body{
        padding: 0;
    position: relative;
    margin: 0;
    padding-bottom: 130px;
    min-height: 100%;
    background: url(../images/landbg.jpg) no-repeat #012d5e;
    
        background-size: cover;
}
.informatica_landing1_body{
        padding: 0;
    position: relative;
    margin: 0;
    padding-bottom: 130px;
    min-height: 100%;
    background: url(../images/landbg2.jpg) no-repeat #012d5e;
    
        background-size: cover;
}
.informatica_landing1_body2{
        padding: 0;
    position: relative;
    margin: 0;
    padding-bottom: 130px;
    min-height: 100%;
    background: url(../images/landbg3.jpg) no-repeat #012d5e;
    
        background-size: cover;
}
.gstlanding{
     padding: 0;
    position: relative;
    margin: 0;
    padding-bottom: 130px;
    min-height: 100%;
    background: url(../images/gstlandbg.png) no-repeat #012d5e;
    
        background-size: cover;
}
.informatica_landing_body3{
     background: url(../images/landbg4.jpg) no-repeat #012d5e;
        background-size: cover;
}
.land_main_bg h5, .land_main_bg span{
/*        font-family: Futura, "Trebuchet MS", Arial, sans-serif;*/
    color: #fff;
    font-weight: 100;
}
.land_main_bg h5{
    font-size: 40px;
    color: #ffd503;
    }
    .gstlandmain h5{
        color:#ff9c03;
    }
.land_main_bg span{
       font-size: 30px;
    line-height: 30px;
}
.leftside_cont{
    padding: 0px 0 0 0;
}
.left_cont_border{
       border-right: 4px solid #ffd503;
    padding: 0 20px 0 0;
}
.gstlandmain .left_border{
    border-left: 4px solid #ff9c03;
}
.gstlandmain .banner_content ul li i{
        background: #ff9c03;
        color: #ff9c03;
}
.gstlandmain .banner_form h5{
    background: #ff9c03;
}
.gstlandmain .banner_main_form .hs-button{
    background: #ff9c03 !important;
}
.left_border{
       border-left: 4px solid #ffd503;
    padding: 0 0 0 20px;
}
.banner_form{
    max-width: 344px;
    margin: 0 auto;
}
.banner_form h5{
    font-size: 24px;
    background:#ffd503;
    padding: 10px 0;
    text-align: center;
    margin-bottom: 0;
    color: #363636;
}
.banner_main_form{
    background: #eeeff1;
    padding: 15px;
}
.banner_main_form span{
        color: #363636;
    font-size: 22px;
    line-height: 28px;
}
.banner_main_form .hs-button{
    background: #ffd503 !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: #363636 !important;
    padding: 12px 19px !important;
    font-size: 20px !important;
    text-transform: uppercase;
    letter-spacing: 0 !important;
    text-align: center !important;
    font-family: Futura, "Trebuchet MS", Arial, sans-serif !important;
    font-weight: 100 !important;
    border: 1px solid #363636 !important;
}
.banner_main_form .hs-form-field label{
 display:none !important;   
}
.banner_main_form .hs-form-field input{
    margin-bottom: 10px;
    padding: 0 0 0 11px;
    height: 40px !important;
    width: 96%;
}
.banner_main_form input.hs-input{
    height: 32px;
}
.banner_main_form .field.hs-form-field{
    margin-bottom: 5px !important;
}
.banner_main_form .hbspt-form form{
    margin: 0;
}
.banner_main_form .actions{
        padding: 10px 0 0 0 !important;
    margin: 0 !important;
    text-align: center;
}
.banner_main_form  textarea{
    width:100% !important;
}
.gstlandmain .banner_main_form  textarea{
  padding: 10px 12px;
    height: 100px;  
}
.form_bot_bg img{
        vertical-align: top;
        max-width: 344px;
}
.main_cont_area{
    background: rgba(255, 255, 255, 0.22);
    padding: 20px 0 10px 0;
    border-top: 1px solid rgba(255, 213, 3, 0.35);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.socialmedia_icons{
    margin: 0 auto;
}
.address_sec{
    margin: 10px 0;
}
.address_sec p{
    color: #fff;
    font-size: 15px;
    margin: 0;
}
.tex{
    
}
.evklogo img{
        width: 165px;
    padding-top: 4px;
}
.infor img{
    width:150px;
    margin: 7px 0 0 0;
}
.banner_content{
    padding: 25px 0 0 0;
    color: #fff;
    font-size: 16px;
    font-weight: 100;
}
.banner_content ul{
    list-style-type:none;
    padding: 0;
}
.banner_content ul li {
        margin: 0 0 6px 0;
}
.banner_content ul li:hover .banner_content ul li i{
    border:1px solid #fff;
}
.banner_content ul li i{
    background: #ffd503;
    padding: 2px;@
    border-radius: 11px;
    font-size: 8px;
    color: #ffd503;
    float: left;
    margin: 5px 12px 0 0;
}
.banner_content p{
    
}
.orc{
       width: 300px;
    height: 190px;
    margin: 0 !important; 
}
.bnt{
    width: 200px;
}
.bitechimage img{
    width: 76%;
    margin: 25px 0;
    height: auto !important;
}
.biimg img{
   height: 402px;
}
.abt_gst{
    padding:50px 0 30px 0;
        background: #f7f7f7;
}
.abt_gst p{
    color: #000;
    font-size: 16px;
    line-height: 28px;
}
.gst_diff{
    padding:30px 0 50px 0;
/*    background: url("/images/why1.png") no-repeat #3a3b74;*/
}
/* ////////////////// */




.gst_diff #nav {
/*    margin: 24px auto;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
    width: 95%;*/
}

.gst_diff ul#nav {
  padding: 0;
      text-align: center;
          border-bottom: 2px solid rgba(50, 50, 93, 0.06);
              margin: 0 auto;
}

.gst_diff #nav li {
  list-style: none; 
}
.gst_diff #nav li a {
    display: block;
    padding: 10px 15px;
    background: none;
    border-top: 0;
    border-bottom: 0;
    text-decoration: none;
    color: #000;
        cursor:pointer;
}
.gst_diff #nav li a.active{
    border-bottom: 3px solid #fe6b11;
    margin-bottom: -2px;
}
.gst_diff #nav li a:hover,.gst_diff #nav li a.active {
    background: none;
    color: #000000;
}

.gst_diff #nav li img{
    height: 30px;
}
.gst_diff #nav p{
    color: #000;
}
.gst_diff #nav section {
  display: none; /* I NEED TO FIX THIS */
  float: left;
    background: none;
    overflow: hidden; 
  padding: 1% 3% 0 3%;
}

.gst_diff .no-js #nav section {
  display: block; /* I NEED TO FIX THIS */
}
.gst_diff #nav li ul li a {
    padding: 10px 25px;
    border-bottom: 1px dotted #ccc;
}
.impbanner{
    background: url(../images/impbanner.html) right bottom no-repeat #09094f;
}
.second_tab .sub_arr li{
   margin-bottom: 10px !important;
}
.diff_tab{
    padding: 20px;
    background:#f7f7f7;
    color: #fff;
}
.diff_part{
        padding: 20px;
    text-align: center;
}
.diff_part ul{
    overflow: hidden;
}
.gst_diff .second_tab .diff_part ul li {
        display: inline-block !important;
    width: 31%;
    padding: 15px !important;
    background: #fff;
    border-radius: 10px;
    margin: 0 8px !important;
    color: #000;
    top: 0 !important;
    position: relative;
    min-height: 155px;
    vertical-align: top;
    border: 1px solid #efefef;
}
.gst_diff .second_tab .diff_part ul li i{
    display: block;
}
.gst_diff .second_tab .diff_part span{
        font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
    display: block;
    color:#fe7521;
}
.gst_diff .second_tab .diff_part ul li img{
        height: auto !important;
    display: block;
    margin: 0 auto;
}
.bigdataoverview p{
    font-size:16px;
}
.bigdata_service_sec{ 
/*    background: #273041;*/
    padding: 30px 0;
    background: url("../images/bigdatacloud.html") no-repeat right bottom #273041;
}
.bigdata_service_sec h3{
        color: #ffffff !important;
    font-weight: 100;
    text-align: center;
    letter-spacing: 0;
    margin-bottom: 38px;
    font-size: 35px;
}
.bigdata_service_sec h4{
    color:#fea418;
    letter-spacing: 0;
}
.bigdata_service_sec ul{
    
}
.bigdata_service_sec ul li i{
    color:#fea418;
}
.bigdata_service_sec ul li{
    color:#fff;
    font-size: 15px;
    font-weight: normal;
    list-style-type: none;
}
.bigdata_container{
/*    background: url("/images/bigdatacloud.png") no-repeat right bottom;*/
}
.gst_banner .visionpage img{
    max-height: 350px !important;
}
.download_brochure{
    max-width:700px;
    margin: 0 auto;
    padding: 15px;
}
.download_brochure {
    border:1px solid #ccc;
}
.download_brochure h4{
    color: #000;
    font-size: 23px;
    letter-spacing: 0;
    text-transform: capitalize;
}
.download_brochure p{
    color: #000;
    letter-spacing: 0;
    font-size: 18px;
    line-height: 23px;
    margin: 15px 0 0 0;
}
.gstred{
    color:red;
    font-weight: bold;
}
.gstmodel .model_hed{
        font-size: 21px;
    letter-spacing: 0;
        text-transform: none;
}
.gstmodel .form-group{
    margin-bottom: 5px;
    min-height: 80px;
}
.gstmodel label{
    font-weight: normal;
    margin-bottom: 0;
}

.gstmodel textarea{
    min-height: 40px;
    font-size: 15px;
    height: 30px !important;
}
.form_error_msg{
    visibility: hidden;
        font-size: 13px;
    color: red;
}
.clearboth{
    clear:both;
}
.down_bro{
    text-transform: capitalize !important;
}
.gst_learn_more{
    border-radius: 3px;
    background: #d29634;
        padding: 8px 15px;
        color:#fff !important;
        border: 1px solid #fff;
}
.model_form{
    margin-top: -26px;
}
.model_hedding{
    margin-bottom: 17px;
    font-size: 20px !important;
}
.techstack_logos{
            overflow: hidden;
    max-width: 700px;
    margin: 0 auto;
    padding: 25px 0 0 0;
}
.techstack_logos ul{
    padding: 0;
}
.techstack_logos ul li{
        list-style-type: none;
    margin: 0 20px 40px 20px;
    text-align: center;
    display: inline-block;
}
.techstack_logos ul li img{
        width: auto;
    height: 50px;
}
.technologies{
    padding: 30px 0;
}
.technologies h3{
        color: #ff771c;
    letter-spacing: 0;
    font-size: 34px;
    font-weight: normal;
    margin-bottom: 25px;
}
.shorthr{
        margin: 0 auto;
    padding: 0;
    max-width: 185px;
    border-top:1px solid #ff771c;
    border-bottom:1px solid #ff771c;
}
.our_ser_hed{
    margin: 0;
    font-size: 25px !important;
    padding: 12px 0;
    color: #09084e;
}
.or_ser_fet{
    padding-top: 25px;
}
.or_ser_fet ul{
    padding: 0;
}
.or_ser_fet p{
    text-align: left;
}
.or_ser_fet li i{
    margin: 0 8px 0 0;
    color: #ff771c;
}
.or_ser_fet li{
    list-style-type: none;
    text-align: left;
}
.blog_hed{
        letter-spacing: 0;
    text-align: center;
    font-size: 30px;
    color: #585858;
    margin-bottom: 25px;
    font-weight: normal;
    border-bottom: 2px solid #585858;
    display: inline-block;
    margin-left: 18px;
    padding-bottom: 6px;
}
.blog_sec{
    padding: 30px 0;
}
.bigdata_keydiff ul{
        padding: 0;
    text-align: center;
    display: block;
    max-width: 700px;
    margin: 0 auto;
}
.bigdata_keydiff ul li{
       float: left;
    display: inline-block;
    padding: 0 8px;
}
.bigdata_keydiff ul li p{
       border-radius: 5px;
    padding: 15px;
    box-shadow: 0px 1px 1px #ccc;
    min-height: 182px;
    
}
.bigdata_keydiff ul li img{
       display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}
.bigdata_booknow{
    background: url(../images/connections.png) no-repeat top right #383838;
}
.tech_stack{
        border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
    max-width: 644px;
    margin: 0 auto;
}
.nintext_model_form .hs_company{
margin-right: 29px;
}
.loadmore{
    display: block;
    clear: both;
    text-align: center;
        margin: 0 auto;
}
.loadmore a{
    
}
.mobility_technologies{
    background: url("../images/mobiletech.jpg") no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 50px 0;
}
.mobility_technologies h4{
        text-align: left;
    color: #f26222;
    letter-spacing: 0;
    font-weight: normal;
    font-size: 38px;
    margin-bottom: 20px;
    padding-top: 75px;
    text-shadow: 0px 2px 0px #943308;
}
.mob_tech_img{
    max-width: 400px;
}
.mob_tech_cont p{
    color: #fff;
    font-size: 17px;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 30px;
}
.service-box.style-1 .service-box-content h6{
    letter-spacing: 0;
}
.mob_expertise{
    padding: 50px 0;
}
.mob_expertise h4{
    text-align: center;
    color: #3d464d;
    letter-spacing: 0;
    font-weight: normal;
    font-size: 38px;
    margin-bottom: 20px;
}
.mobility_exp{
    margin-top: 50px;
}
.each_exp{
    width: 18.8%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    margin: 0 0 30px 0;
}
.each_exp img{
    display: block;
    margin: 0 auto;
    max-width: 50%;
    margin-bottom: 10px;
}
.each_exp span{
    font-size: 15px;
}
.tableview li{
    font-size: 15px;
    line-height: 26px;
    width: 50%;
    float: left;
    border: 1px solid rgba(242, 98, 34, 0.23);
    margin: 0 !important;
    padding: 5px 5px;
}
.why_jarks_java{
    padding: 0 0 0 0;
    list-style-type: none;
}
.why_jarks_java li{
    font-size: 15px;
    margin: 0 0 10px 0 !important;
    overflow: hidden;
}
.why_jarks_java li i{
        margin: 0 8px 0 0;
    color: #ff771c;
    float: left;
    width: 3%;
    display: inline-block;
    line-height: 23px;
}
.why_jarks_java li span{
    float: left;
    width: 95%;
    display: inline-block;
}
.java_ser_fet_img img {
    max-width: 352px;
}
.java_technologies .work_culture{
    background: none;
    border: 0;
}
.java_technologies .work_culture .tabs li{
    line-height: 40px;
        width: 25%;
}
.java_technologies .work_culture .tab{
    padding-top: 30px;
}
.java_technologies .work_culture .tabs{
    width: 90%;
}
.java_tech_main_table{
      border:0 !important;
}
.eachtable{
    border: 1px solid rgba(0,0,0,.15) !important;
    border-right: none!important;
    border-bottom: 0; 
    background: #fff;
}
.eachtable th {
    border-right: 1px solid rgba(200,200,208,.6);
    border-bottom: 1px solid #d7d9dc;
    padding: 10px;
    color: #f26222;
    height: 30px;
    font-size: 16px;
    background-color: #eee;
    font-weight: 400;
    text-align: center;
}
.eachtable td {
    border-right: 1px solid rgba(200,200,208,.6) !important;
    padding: 10px;
    border-bottom: 1px solid rgba(200,200,208,.6) !important;
     border-left: 1px solid rgba(200,200,208,.6) !important;
    font-size: 15px;
    vertical-align: top;
    line-height: 20px;
}
.eachtable .bold {
    font-weight: 400;
}
.technologies table tr td:first-child {
    text-align: center;
}
.java_tech_main_table td {
    border: 1px solid #eeeeee !important;
}
.inner_table_main{
    width:33%;
}
.top_table{
    margin-bottom: 30px;
    overflow: hidden;
}
.insights_fet_text{
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    max-width: 80%;
    margin: 0 auto;
    padding: 25px 0 35px 0;
    color: #363636;
    letter-spacing: 0;
}
.section-title.title-2.mob_case_stu_hed{
    text-align: left;
    padding-left:15px;
}
.stats{
        border-top: 1px solid rgba(255,255,255,0.15);
    width: 100%;
    padding:15px 0 17px 0;
        background:url(../images/dot.html) repeat #18191d;
        opacity: 0.9;
}
.stats-info {
        width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.stats-info li:first-child {
    border-left: none!important;
}
.stats-info li {
    border-left: 1px solid rgba(255,255,255,0.15);
    padding: 20px 25px 15px;
    float: left;
/*    height: 75px;*/
    width: 25%;
    list-style-type: none;
}
.stats-info li figure {
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    color: #FFF;
/*    line-height: 15px;*/
        margin: 0;
}
.stats-info li figure span {
       font-size: 50px;
    text-transform: uppercase;
    margin-bottom: 0px;
    display: inline-block;
}
.stats-info li figure i {
    font-size: 25px;
    color: #f26222;
    margin: 0 0 0 5px;
    position: relative;
    top: -3px;
}
.qa2page img{
    max-height: 100%;
    min-height: 100px;
    height: 563px;
}
.qa2page .overlay_text {
    padding: 10px 29px;
    position: relative;
    z-index: 99999;
    overflow: hidden;
    clear: both;
/*    background: rgba(0, 0, 0, 0.46);*/
/*background: rgba(34, 34, 60, 0.54);*/
/*        width: 40%;
    margin-left: 6%;*/
/*    width: 39%;
     margin: 0 auto; 
    text-align: left;
    left: 8%;*/
}
.qa2page .banner_over_text h1 {
    color: #fff;
    font-weight: 600;
    font-size: 35px;
    z-index: 99999;
    line-height: 36px;
}
.qa2page .banner_over_text h2 {
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    margin: 0;
    padding: 0;
    line-height: 25px;
}
.qa_Ser_main{
        max-width: 1000px;
    margin: 0 auto;
    margin-top: 40px;
}
.qa_ser_box{
    
}
.qa_ser_fet_img{
    padding-top: 8px;
}
.qa_ser_cont{
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 16px 17px 6px;
    border-left:4px solid #b3b3b3;
    background-color: #fff;
    -webkit-box-shadow: 0 9px 20px 1px rgba(0,0,0,.07);
    -moz-box-shadow: 0 9px 20px 1px rgba(0,0,0,.07);
    box-shadow: 0 9px 20px 1px rgba(0,0,0,.07);
    margin-bottom: 40px;
        border-right: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
}
.qa_ser_cont:hover {
    border-left: 4px solid #f98746;
    transition: all 500ms ease;
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.qa_ser_cont h5{
        color: #000;
    font-size: 18px;
    margin-bottom: 5px;
}
.qa_ser_cont p{
        font-size: 14px !important;
    line-height: 20px !important;
}
.new_tech_partners.qatechnology_partners{
/*    background: url(/images/dot.jpg) repeat #18191d;*/
    padding: 25px 0;
    background: #f9f5f5;
}
.new_tech_partners.qatechnology_partners h2{
    color: #ff771c;
}
.new_tech_partners.qatechnology_partners p{
    text-align: center;
    color: #020202;
    font-size: 17px;
    line-height: 27px;
    margin-bottom: 20px;
}
.new_tech_partners.qatechnology_partners .carousel-inner{
    background:#fff;
    border-radius: 4px;
}
.new_tech_partners.qatechnology_partners .carousel-inner ul{
    list-style-type: none;
}
.new_tech_partners.qatechnology_partners .carousel-inner ul li img{
       border: 0;
    max-height: 40px;
    width: auto;
    outline: none;
}
.new_tech_partners.qatechnology_partners .carousel-inner .thumbnail{
        border: 0;
    margin-bottom: 10px;
}
.new_tech_partners.qatechpartners .carousel-inner ul li img{
        border: 0;
    max-height: 43px;
    width: auto;
    outline: none;
}
.new_tech_partners.qatechpartners .carousel-inner{
    background: none;
}
.new_tech_partners.qatechpartners .carousel-inner .thumbnail{
    border: 1px solid #ccc;
}
.dual_left{
    padding-right: 0;
}
.dua_box_left_cont{
/*    background: #03051a url(https://www.cdn.kony.com/sites/default/files/kony-appvantage-custom-01.svg) no-repeat;*/
}
.dual_right{
    padding-left: 0;
}
.dua_box_right_cont{
/*     background: #ff6b00 url(https://www.cdn.kony.com/sites/default/files/kony-appvantage-custom-01.svg) no-repeat;*/
}
.dua_box_left_cont, .dua_box_right_cont{
    background-position: 100% 50% !important;
    background-size: 67% !important;
        min-height: 200px;
    padding: 30px 1em 50px 2em;
}
.dual_sec{
/*     background: -webkit-gradient(linear, left top, right top, from(#03051a), color-stop(50%, #03051a), color-stop(50%, #ff6b00), to(#ff6b00));
    background: -webkit-linear-gradient(left, #03051a 0, #03051a 50%, #ff6b00 50%, #ff6b00 100%);
        background: linear-gradient(to right, #03051a 0, #03051a 50%, #ff6b00 50%, #ff6b00 100%);*/
background: linear-gradient(to right, #03051a 0, #03051a 50%, #03051a 50%, #ff6a00 100%);
background: -webkit-linear-gradient(left, #03051a 0, #03051a 50%, #03051a 50%, #ff6b00 100%);
        background: linear-gradient(to right, #03051a 0, #03051a 50%, #03051a 50%, #ff6b00 100%);
}
/*.dual_sec:hover {
    background: linear-gradient(to right, #03051a 0, #010631 50%, #ff6b00 50%, #d65c05 100%);
}*/
.dual_left{
/*    background:url("/images/download.svg") -4px 0px no-repeat;*/
       padding: 0 25px 45px 0;
        border-right: 1px solid rgba(204, 204, 204, 0.11);
}
.dual_right{
    background:url("../images/experttalk.html") 362px 12px no-repeat;
    padding: 70px 20px; 
}
.dual_right h5, .dual_right a, .dual_left h5, .dual_left a{
    color:#fff;
}
.dual_left h5, .dual_right h5{
        font-size: 25px;
    box-shadow: none;
    text-shadow: none;
    font-weight: 400;
    margin-bottom: 20px;
}
.dual_left a, .dual_right a{
        border: 1px solid #fff;
    padding: 8px 22px;
    min-width: 150px;
    display: inline-block;
    text-align: center;
}
.dual_left a:hover, .dual_right a:hover {
/*    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);*/
}
.dual_left a:hover{
    background: #fff ;
}
.dual_right a:hover{
     background: #03051a  ;
}
.dual_right_slider{
    padding: 0 0 0 25px;
}
.dual_right_slider h5{
        padding: 45px 0 0 0;
            font-weight: normal;
}
.dual_left h5{
        padding: 45px 0 0 0;
}
.dual_left p{
    color:#fff;
}

.case_but{
    background: #F26222;
    padding: 8px 20px;
}
.dual_right_slider_hed{
        font-size: 25px;
    margin-bottom: 20px;
    color:#fff;
    letter-spacing: 0;
}
.dual_right_slider .fix-height-box-first p{
    color:#fff;
    font-size: 15px;
    text-align: left;
}
.qa_blog_sec{
/*    background:url("/images/qa2blogbg.png") no-repeat;
        background-attachment: fixed;
    background-size: cover;*/
/*    padding: 60px 0;*/
    background: #f9f9f9;
}
.qa_blog_sec .testimonial-section{
    background: none;
}
.qa_blog_sec h5{
    text-align: center;
    color: #fa6900;
        font-size: 36px;
    font-weight: 400;
    line-height: 46px;
}
.qa_blog_sec p{
    text-align: center;
    color: #4a4a4a;
    font-size: 18px;
}
.qablogbox{
    padding: 0;
}
.qablogbox iframe, .qablogbox img{
    width:100%;
        min-height: 145px;
}
.qablogbox  .caption a{
        font-size: 18px;
    color: #ff6b00;
    margin: 20px 0;
    display: block;
}
.qablogbox  .caption p{
        font-size: 14px;
    color: #000;
    text-align: left;
}
.video-wrap .fluid-width-video-wrapper{
        max-height: 200px;
    overflow: hidden;
        text-align: center;
}
#myCarousel1.box_carousel .carousel-inner .item img{
        max-height: 306px;
}
.qaslide_overlay{
/*        background: rgba(0, 0, 0, 0.32);*/
    background: rgba(9, 9, 78, 0.43);
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    z-index: 9;
}
.carousel-inner > .item.qa_item{
/*    height:566px !important;*/
    background-size: cover;
/*background-size: inherit;*/
    background-attachment: fixed;
    transition-property: opacity;
    width: 100% !important;
/*    height: 100% !important;*/
height:415px !important;
        transition: left 0.6s ease-in-out !important;
}

.qa2page.active{
    opacity: 1;
}
.dual_sec_left .carousel-indicators li, .dual_right_slider .carousel-indicators li{
    width:8px;
    height: 8px;
}
.dual_sec_left .carousel-indicators{
   padding: 0;
    text-align: right; 
}
.dual_right_slider .carousel-indicators{
    padding: 0;
    text-align: left;
}
.dual_sec_left .carousel-inner, .dual_right_slider .carousel-inner{
    padding-bottom: 26px;
}
.qatesti#quote-carousel .carousel-indicators li{
    width: 8px;
    height: 8px;
}
.qatesti#quote-carousel .carousel-indicators .active{
    width: 10px;
    height: 10px;
}
.qatesti#quote-carousel{
    padding-bottom: 0;
}
.talkto_experts{
    background: url(../images/landbg1.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
        padding: 50px 0;
}
.talkto_experts h3{
    color:#fff;
    letter-spacing: 0;
}
.talkto_experts p{
    color:#fff;
}
.talkto_experts p i{
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    width: 35px;
    text-align: center;
    height: 35px;
    vertical-align: middle;
    line-height: 32px;
    border: 1px solid #fff;
    border-radius: 23px;
    padding: 0px 0;
    margin-right: 9px;
}
.talkto_experts p a{
        color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-shadow: none;
}
.talkto_experts p a.talk{
        border: 1px solid #fff;
    padding: 8px 22px;
    min-width: 150px;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    margin-left: 50px;
}
.talkto_experts p a.talk:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
        background: #ff6b00;
}
.testimonialsection.qatest_sec .section-padding{
    padding: 50px 0 10px 0;
}
.testimonialsection.qatest_sec{
        background: url(../images/testibg1.jpg) no-repeat fixed center center; 
            background-size: cover;
}
.testimonialsection.qatest_sec .section-padding #quote-carousel{
        margin-top: 0;
}
.new_java_main p{
    font-size: 17px;
    line-height: 30px;
    padding: 50px 0;
    font-weight: normal;
}
.new_java_right_box{
        margin: 25px 0 0 0;
}
.new_java_box{
        background: #003463;
    border-radius: 5px;
    padding: 15px;
    color: #ffffff;
    min-height: 116px;
    margin-bottom: 30px;
    display: inline-block;
    width: 31%;
    margin: 0 5px 12px 5px;
}
.new_java_box:hover {
    background: #f26222;
    border: 1px solid #f26222;
    color: #fff;
}
.new_java_box img{
        display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}
.new_java_box_main{
    margin-top: 15px;
    overflow: hidden;
    margin-bottom: 15px;
}
.new_bpm_box {
    background: #003463;
    border-radius: 5px;
    padding: 15px;
    color: #ffffff;
    min-height: 155px;
    margin-bottom: 15px;
}
.new_bpm_box:hover {
    background: #f26222;
    color: #fff;
}
.new_bpm_box img{
        display: block;
    margin: 0 auto;
    margin-bottom: 10px;
}
/*.new_java_box:hover{
transition: all 500ms ease;
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    z-index: 99;
}*/
.java_why_jarks .media-body p{
    font-size: 15px;
}
.new_java_services{
            background: #f9f9f9;
}
.new_java_services .java_ser_main_cont{
    color:#363636;
}
.zindextop{
    z-index: 1;
}

#metrics-Carouse .item figure {
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    color: #FFF;
    margin: 0;
}
#metrics-Carouse .item figure span {
    font-size: 50px;
    text-transform: uppercase;
    margin-bottom: 0px;
    display: inline-block;
}
#metrics-Carouse .item figure i {
    font-size: 25px;
    color: #f26222;
    margin: 0 0 0 5px;
    position: relative;
    top: -3px;
}
#metrics-Carouse .item:after, #metrics-Carouse .item:before{
    
}
.metricsquotes.quotes {display: none;}




#metrics-Carouse.carousel.carousel-fade .active.item {
	opacity:1;
}

#metrics-Carouse.carousel.carousel-fade .active.left,
#metrics-Carouse.carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

#metrics-Carouse.carousel.carousel-fade .next,
#metrics-Carouse.carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}

#metrics-Carouse.carousel.carousel-fade .carousel-control {
	z-index: 3;
}
.fadeinslide h2{
    font-size: 11px;
    text-transform: uppercase;
    margin: 0;
        line-height: 5px;
}
.fadeinslide .counter{
       font-size: 50px;
    text-transform: uppercase;
    margin-bottom: 0px;
    display: inline-block; 
    color:#fff;
}
.fadeinslide  h2 i{
    font-size: 25px;
    color: #f26222;
    margin: 0 0 0 5px;
    position: relative;
    top: -3px;
}
.metrics_title{
    color:#fff;
    font-size: 11px !important;
}
.qa2form .hs_company{
    margin-right: 29px;
}
.certifications .cmmfirst .cmmiwhite{
        margin-left: 0;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin-top: 18px;
}
.cert{
	display:none!important;
}
.float-r{
    float:right;
}
.qamain_control a{
    font-size: 99px;
    font-weight: normal;
    top: -10%;
    cursor: pointer;
}
.work_culture.predictive .tabs li{
        display: inline-block;
    width: auto;
    float: none;
}
.work_culture.predictive .tabs li a{
    font-size: 15px;
    padding: 3px 42px;
}
.work_culture.predictive .active{
    width:100%;
}
.work_culture.predictive .tabs {
    overflow: hidden;
    text-align: center;
}
#text-carousel {
  width: 100%;
  height: auto;
  padding: 50px;
}
.sub_address{
        margin: 0;
    color: #F26222;
    font-size: 16px;
    font-weight: 600;
}
.req_form.pad0{
    padding: 0;
}
.techexp_contr_box{
        position: relative;
    text-align: center;
    overflow: hidden;
    max-width: 59px;
    margin: 0 auto;
}
.techexp_contr_box a{
    margin: 0;
    position: relative;
    color: #000;
    font-size: 47px;
    vertical-align: top;
    line-height: 45px;
    cursor: pointer;
}
.techexp_contr_box a:hover{
    opacity:1;
    color: #F26222; 
}
.techexp_contr_box a:first-child{
    width: 50%;
    text-align: left;
}
.techexp_contr_box a:last-child{
        width: 50%;
    text-align: right;
}







.bs-slider{
    overflow: hidden;
    max-height: 700px;
    position: relative;
    background: none;
}
/*.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}*/
.bs-slider .bs-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.40);
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto;
    width: 100% !important;
}

/********************
*****Slide effect
**********************/

.fade {
    opacity: 1;
}
.fade .item {
    top: 0;
    z-index: 1;
    opacity: 0;
    width: 100%;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
    top: auto;
    position: relative;
}
.fade .item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}






/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
    top: 47%;
    opacity: 0;
    width: 45px;
    height: 45px;
    z-index: 100;
    color: #ffffff;
    display: block;
    font-size: 24px;
    cursor: pointer;
    overflow: hidden;
    line-height: 43px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: transparent;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.control-round:hover .carousel-control{
    opacity: 1;
}
.control-round .carousel-control.left {
    left: 1%;
}
.control-round .carousel-control.right {
    right: 1%;
}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{
    color: #fdfdfd;
    background: rgba(0, 0, 0, 0.5);
    border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1){
    left: 45%;
}
.control-round .carousel-control.right>span:nth-child(1){
    right: 45%;
}
.predictive_overview{
        padding: 25px 0;
    background: #fff;
}
.predictive_overview h3{
     color: #F26222;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 100;
        line-height: 1.2;
    font-size: 38px;
}
.predictive_overview p{
    font-size: 16px;
    line-height: 27px;
}
.evhelps{
        background: #f7f7f7;
    padding:20px 0 50px 0;
}
.evhelps h2{
    color: #383838;
    font-weight: 400;
    letter-spacing: 0;
    font-weight: 100;
        line-height: 1.2;
    font-size: 38px;
}
.meth_box:hover {
     background: #ccced6;
}
.meth_box{
/*    border:1px solid #0074be;
    padding: 15px;
        overflow: hidden;*/
    border: 1px solid #d2d2d2;
    padding: 15px;
    overflow: hidden;
    background: #f4f4f4 none repeat scroll 0 0;
}
.meth_box object{
        float: left;
    width: 50px;
    height: 50px;
    vertical-align: top;
    position: relative;
    margin-right: 14px;
}
.meth_box p{
    float: left;
    text-align: left;
    font-size: 16px;
    width: 74%;
    line-height: 28px;
    margin: 0;
}
.meth_box_title{
        margin: 15px 0 5px 0;
    color: #fe5e0a;
    font-size: 15px;
    font-weight: 500;
}
.meth_info_box{
        text-align: center;
    border: 1px solid #d2d2d2;
    padding: 15px;
    overflow: hidden;
    background: #f4f4f4 none repeat scroll 0 0;
}
.meth_info_box:hover{
        background: #ccced6;
}
.meth_info_box object{
    width: 65px;
    height: 65px;
}
.meth_info_box p{
    
}
.meth_sec_cont{
    padding:50px 0 0 0;
       font-size: 16px;
    line-height: 27px;
    font-weight: 400;
}
.meth_fir_cont{
    font-weight: 400;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 25px;
}
.bg-grey {
        background-color: rgba(255, 255, 255, 0.08);
}
.details_holder{
    margin: 15px 40px 35px 0;
        width: 510px;
        float: left;
    padding: 0 0 0 15px;
}
.details_holder h3 {
       padding-bottom: 8px;
    font-size: 22px;
        color: #fff;
    letter-spacing: 0;
    margin-top: 0;
    border-bottom: 1px solid #e3e3e3;
}
.gstacc.analytics_services_case{
    width:100%;
    margin: 0;
        max-width: 100%;
}
.gstacc.analytics_services_case .panel{
    background: none;
}
.gstacc.analytics_services_case .panel-heading {
    background: none;
    border-bottom: 1px solid #e3e3e3;
    padding-left: 0;
}
.gstacc.analytics_services_case .panel-title > a{
        color: #fff;
    font-weight: normal;
    font-size: 16px;
}
.gstacc.analytics_services_case .right-arrow{
    color: #fff;
    font-weight: normal;
    font-size: 23px;
}
.analytics_services_case .panel-collapse{
    background: #fff;
}
.gstacc.analytics_services_case .panel-body {
    border: 1px solid #dadada !important;
}
.pred_serv{
    text-align: center;
    padding:50px 0 25px 0;
}
.pred_serv h3{
        color: #F26222;
    font-weight: 400;
        font-size: 38px;
    letter-spacing: 0;
}
.pred_serv p{
       color: #383838;
    font-weight: 400;
    font-size: 16px;
    line-height: 25px;
}
.ana_serv_cont{
   
}
.ana_cont_area{
     width: 590px;
    float: right;
    padding: 0 15px;
}
.ana_serv_cont h4{
        text-align: center;
    color: #fff;
    font-weight: 400;
    font-size: 25px;
    letter-spacing: 0;
    text-transform: uppercase;
    border-bottom: 1px solid #ddd;
    padding: 0 0 13px 0;
    margin-top: 17px;
}
.ana_serv_cont p{
        color: #fff;
}
.ana_serv_cont ul{
   margin: 0;
    padding: 0;
    list-style-type: none;
}
.ana_serv_cont ul li{
    line-height: 29px;
        color: #fff;
}
.ana_serv_cont ul li i{
    color: #f26222;
    margin-right: 8px;
}
.ana_cont_area1{
    float: right;
}
.details_holder1{
    float: left;
    padding: 0 0 0 17px;
}
.serv_one{
    overflow: hidden;
    padding: 50px 0;
    background: #13488b;
}
.serv_two{
        overflow: hidden;
    padding: 50px 0;
        background: #0c3c79;
}




/* BOTTOM TOOLTIP */

.serv_tooltip .bottom-tooltip {
  position: relative;
  display: inline-block;
}

.serv_tooltip .bottom-tooltip .bottom-tooltip-text {
  visibility: hidden;
/*  width: 150px;
  background-color: #595959;
  border-radius: 3px;
  color: #fff;
  padding: 5px 0;
  text-align: center;
  position: absolute;
  top: 120%;
  left: 40%;
  margin-left: -60px;*/
    width: 100%;
    background-color: #f37238;
    border-radius: 3px;
    color: #fff;
    padding: 5px 0;
    text-align: center;
    position: absolute;
    bottom: 100%;
    left: 19%;
    margin-left: -60px;
    z-index: 99999;
    display: inline-block;
}

/* ARROW FOR TOOLTIP */

.serv_tooltip .bottom-tooltip .bottom-tooltip-text::after {
  content: "";
/*  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent transparent #595959 transparent;*/

    position: absolute;
    top: 101%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent transparent #f37238 transparent;
    z-index: 99999;
    transform: rotate(180deg);
}


.serv_tooltip .bottom-tooltip:hover .bottom-tooltip-text {
  visibility: visible;
  
}


.slider_blogs .carousel-control.left, .slider_blogs .carousel-control.right{
        z-index: 9;
    cursor: pointer;
        color: #fa6900;
}
.slider_blogs .carousel-control.left:hover, .slider_blogs .carousel-control.right:hover{
        color: #fa6900;
}
.slider_blogs .carousel-control.right{
     right: -45px;
}
.slider_blogs .carousel-control{
        width: 40px;
        font-size: 58px;
            margin-top: 123px;
}
.slider_blogs .thumbnails{
    overflow: hidden;
    list-style-type:none;
}
.mobile_testing{
    padding: 30px 0;
}
.mobile_testing h2{
        color: #383838;
    font-weight: 400;
        line-height: 1.2;
    font-size: 38px;
}
.mobile_testing p{
        font-size: 17px;
    line-height: 30px;
    font-weight: normal;
}
.mobile_testing_list{
    
}
.mobile_testing_list li{
    list-style: none;
    overflow: hidden;
    color: #fff !important;
    background: #1c3a6e;
    text-align: left;
    padding: 8px 15px;
    border-radius: 5px;
}
.mobile_testing_list li img{
        width: 30px;
    margin: 0 15px 0 0;
}
.content .mobile_testing_list li span{
    width: 92%;
}
.mobile_testing_list li span h5{
        font-size: 17px;
    font-weight: 200;
    margin-bottom: 4px;
    margin-top: 0;
}
.mobile_testing_list li span p{
    color: #fff;
    line-height: 22px;
    font-size: 14px;
    margin-bottom: 0;
}
.mobile_testing_box{
    width: 23%;
    vertical-align: top;
        min-height: 265px;
}
.mobile_testing_box span p{
        font-size: 15px;
    line-height: 22px;
    font-weight: normal;
    color: #fff;
}
.mobile_testing_box span h5{
        font-size: 18px;
    font-weight: 200;
}






/*---------- INDICATORS CONTROL ----------*/
.indicators-line > .carousel-indicators{
    right: 45%;
    bottom: 3%;
    left: auto;
    width: 90%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    white-space: nowrap;
}
.indicators-line > .carousel-indicators li{
    padding: 0;
    width: 15px;
    height: 15px;
    border: 1px solid rgb(158, 158, 158);
    text-indent: 0;
    overflow: hidden;
    text-align: left;
    position: relative;
    letter-spacing: 1px;
    background: rgb(158, 158, 158);
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin-right: 5px;
    -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
    z-index: 10;
    cursor:pointer;
}
.indicators-line > .carousel-indicators li:last-child{
    margin-right: 0;
}
.indicators-line > .carousel-indicators .active{
    margin: 1px 5px 1px 1px;
    box-shadow: 0 0 0 2px #fff;
    background-color: transparent;
    position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;

}
.indicators-line > .carousel-indicators .active:before{
    transform: scale(0.5);
    background-color: #fff;
    content:"";
    position: absolute;
    left:-1px;
    top:-1px;
    width:15px;
    height: 15px;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}



/*---------- SLIDE CAPTION ----------*/
.slide_style_left {
    text-align: left !important;
}
.slide_style_right {
    text-align: right !important;
}
.slide_style_center {
    text-align: center !important;
}

.slide-text {
    left: 0;
    top: 25%;
    right: 0;
    margin: auto;
    padding: 10px;
    text-align: left;
    padding: 10px 85px;
    
}

.slide-text > h1 {
    
    padding: 0;
    color: #ffffff;
    font-size: 50px;
    font-style: normal;
    line-height: 41px;
    letter-spacing: 1px;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
        margin-top: 0;
}
.slide-text > p {
    padding: 0;
    color: #ffffff;
    font-size: 20px;
    line-height: 19px;
    font-weight: 300;
    margin-bottom: 0px;
    letter-spacing: 0px;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
        min-height: 38px;
}
.slide-text > a.btn-default{
    color: #000;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-right: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    display: inline-block;
    border: none;
    text-transform: uppercase;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;

}
.slide-text > a.btn-primary{
    color: #ffffff;
    cursor: pointer;
    font-weight: 400;
    font-size: 13px;
    line-height: 15px;
    margin-left: 10px;
    text-align: center;
    padding: 17px 30px;
    white-space: nowrap;
    letter-spacing: 1px;
    background: #00bfff;
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    border: none;
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
    -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.slide-text > a:hover,
.slide-text > a:active {
    color: #ffffff;
    background: #222222;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
.tableeach{
    width:100%;
}
.mini-post .video-wrap .fluid-width-video-wrapper img{
        max-height: 146px;
            width: auto;
}
.new_bpm_box.bpmtechbox img{
        width: auto;
    height: auto;
    min-height: auto;
}
.new_bpm_box.bpmtechbox{
    text-align: center;
        min-height: 233px;
        background: #fff;
    color: #000;
}
.new_bpm_box.bpmtechbox:hover{
        box-shadow: 0px 2px 1px #ccc;
}
.tech_comp{
        border-style: solid;
    border-width: 2px;
    border-image: linear-gradient(to left, rgb(255, 255, 255) 1%, rgb(152, 152, 152) 50%, rgb(255, 255, 255) 100%) 40% 0 15% stretch;
    text-align: center;
    border-bottom: 0;
    letter-spacing: 0;
    padding: 15px 0 0 0;
}
.banner_opacity.qabanner_opacity{
        opacity: 0.2;
        max-height:100%;
}
.qatechexp.mobility_technologies h4{
    font-size: 26px;
    text-shadow: none;
    text-align: left;
    color:#f26222;
}
.qatechexp.mobility_technologies p{
    text-align: left;
}
.qatalk{
        border: 1px solid #fff;
    padding: 8px 22px;
    min-width: 150px;
    display: inline-block;
    text-align: center;
    margin-top: 10px;
    /* margin-left: 50px; */
    color: #fff;
}
.qatalk:hover {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
    background: #ff6b00;
    color:#fff;
}
.talkto_experts.qatalk_exp{
        padding: 20px 0 45px 0;
}
.qatalk_right{
     padding: 25px 0 0 0;
}



.view-first img {
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
/*   background-color: rgba(219,127,8, 0.7);*/
   background-color: rgba(9, 9, 78, 0.83);
   -webkit-transition: all 0.4s ease-in-out;
   -moz-transition: all 0.4s ease-in-out;
   -o-transition: all 0.4s ease-in-out;
   -ms-transition: all 0.4s ease-in-out;
   transition: all 0.4s ease-in-out;
}
.view-first h2 {
   -webkit-transform: translateY(-100px);
   -moz-transform: translateY(-100px);
   -o-transform: translateY(-100px);
   -ms-transform: translateY(-100px);
   transform: translateY(-100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first p {
   -webkit-transform: translateY(100px);
   -moz-transform: translateY(100px);
   -o-transform: translateY(100px);
   -ms-transform: translateY(100px);
   transform: translateY(100px);
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   -ms-transition: all 0.2s linear;
   transition: all 0.2s linear;
}
.view-first:hover img {
/*   -webkit-transform: scale(1.1,1.1);
   -moz-transform: scale(1.1,1.1);
   -o-transform: scale(1.1,1.1);
   -ms-transform: scale(1.1,1.1);
   transform: scale(1.1,1.1);*/
}
.view-first a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
   filter: alpha(opacity=0);
   opacity: 0;
   -webkit-transition: all 0.2s ease-in-out;
   -moz-transition: all 0.2s ease-in-out;
   -o-transition: all 0.2s ease-in-out;
   -ms-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}
.view-first:hover .mask {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
}
.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
   filter: alpha(opacity=100);
   opacity: 1;
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -o-transform: translateY(0px);
   -ms-transform: translateY(0px);
   transform: translateY(0px);
}
.view-first:hover p {
   -webkit-transition-delay: 0.1s;
   -moz-transition-delay: 0.1s;
   -o-transition-delay: 0.1s;
   -ms-transition-delay: 0.1s;
   transition-delay: 0.1s;
}
.view-first:hover a.info {
   -webkit-transition-delay: 0.2s;
   -moz-transition-delay: 0.2s;
   -o-transition-delay: 0.2s;
   -ms-transition-delay: 0.2s;
   transition-delay: 0.2s;
}
/*.view {
   width: 300px;
   height: 200px;
   margin: 10px;
   float: left;
   border: 10px solid #fff;
   overflow: hidden;
   position: relative;
   text-align: center;
   -webkit-box-shadow: 1px 1px 2px #e6e6e6;
   -moz-box-shadow: 1px 1px 2px #e6e6e6;
   box-shadow: 1px 1px 2px #e6e6e6;
   cursor: default;
   background: #fff url(../images/bgimg.jpg) no-repeat center center;
}*/
.view .mask,.view .content {
       width: 100%;
    height: 100%;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.view img {
   display: block;
   position: relative;
   width: 100%;
}
.view h2 {
   text-transform: uppercase;
    color: #fff;
    text-align: center;
    position: relative;
    font-size: 17px;
    padding: 7px 10px 0 10px;
    background: rgb(243, 113, 56);
    margin: -5px 0 0 0;
    line-height: 56px;
}
.view p {
   font-family: Georgia, serif;
   font-style: italic;
   font-size: 12px;
   position: relative;
   color: #fff;
   padding: 10px 20px 20px;
   text-align: center;
}
.view a.info {
   display: inline-block;
   text-decoration: none;
   padding: 7px 14px;
   background: #000;
   color: #fff;
   text-transform: uppercase;
   -webkit-box-shadow: 0 0 1px #000;
   -moz-box-shadow: 0 0 1px #000;
   box-shadow: 0 0 1px #000;
}
.view a.info: hover {
   -webkit-box-shadow: 0 0 5px #000;
   -moz-box-shadow: 0 0 5px #000;
   box-shadow: 0 0 5px #000;
}	
.offerings p.img_txt{
        position: absolute;
    top: 0;
    width: 100%;
    color: #ffffff;
    opacity: 1;
    font-size: 20px;
    background:rgba(243, 113, 56, 0.61);
    font-weight: 500;
    padding: 15px 0;
}
.view .mask ul{
    padding-top: 10px;
}
.view .mask ul li{
    color:#fff;
    line-height: 22px;
}
.view{
    border: 1px solid #fff;
}
.view .mask a {
    height: 100%;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}
.qaser_sec{
    
}
.qa_blog_sec .next, .qatest_sec .next, .qatechexp .next, .dual_sec_left .next, .dual_right_slider .next{
    background:none;
}
.java_tech_fir_box, .java_tech_sec_box, .java_tech_tir_box, .java_tech_fou_box{
    padding: 0 10px;
}
.java_tech_fir_box{
    border-right:1px solid #ccc;
    min-height: 390px;
    padding-top: 115px;
}
.java_tech_sec_box{
    border-right:1px solid #ccc;
}
.java_tech_sec_box_top{
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding-bottom: 10px;
}
.java_tech_sec_box_bot{
       padding-top: 30px;
    min-height: 205px; 
}
.java_tech_thi_box{
    border-right:1px solid #ccc;
    min-height: 390px;
    padding-top: 115px;
}
.java_tech_fou_box{
    
}
.java_tech_fou_box_top{
    border-bottom: 1px solid #ccc;
    overflow: hidden;
    padding-bottom: 10px;
}
.java_tech_fou_box_bot{
    padding-top: 30px; 
}
.java_tech_sec{
    overflow: hidden;
        margin-bottom: 10px;
}
.tech_bot_sec{
    border-top: 1px solid #ccc;
    overflow: hidden;
    padding-top: 10px;
}
.tech_bot_sec_fir{
    border-right:1px solid #ccc;
        min-height: 215px;
}
.tech_bot_sec_sec{
    border-right:1px solid #ccc;
        min-height: 215px;
}
.tech_bot_sec_thi{
    border-right:1px solid #ccc;
        min-height: 215px;
}
.tech_bot_sec_fou{
    
}
.tech_bot_sec h4, .java_tech_sec h4{
    color:#f26222;
    letter-spacing: 0;
}
.java_tech_sec img{
        width: auto;
    height: auto;
}
.tech_bot_sec img{
        width: auto;
    height: auto;
}
.carousel-inner .qa_item .banner_over_text h1{
    font-size: 47px !important;
        margin-bottom: 20px;
}
.qaslider_indicators{
        padding: 0 !important;
    text-align: center !important;
    z-index: 99;
}
.insights_box .qa_insights_box img{
    width:auto;
    margin: 0 auto;
}
.qaexpertise .mob_tech_img{
    width:100%;
}
.qaexpertise .mob_tech_cont{
    padding-top: 55px;
}
.qaexpertise .mob_tech_cont h4{
    font-size: 26px;
    text-shadow: none;
    text-align: left;
    color: #f26222;
    letter-spacing: 0;
    font-weight: 100;
}
.qaexpertise .mob_tech_cont p{
    color:#363636;
}


/*------------------------------------------------------*/
/* RESPONSIVE
/*------------------------------------------------------*/

@media (max-width: 991px) {
    .slide-text h1 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 20px;
    }
    .slide-text > p {

        font-size: 18px;
    }
}


/*---------- MEDIA 480px ----------*/
@media  (max-width: 768px) {
    .slide-text {
        padding: 10px 50px;
    }
    .slide-text h1 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 10px;
    }
    .slide-text > p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 20px;
    }
    .control-round .carousel-control{
        display: none;
    }

}
@media  (max-width: 480px) {
    .slide-text {
        padding: 10px 30px;
    }
    .slide-text h1 {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 5px;
    }
    .slide-text > p {
        font-size: 12px;
        line-height: 18px;
        margin-bottom: 10px;
    }
    .slide-text > a.btn-default, 
    .slide-text > a.btn-primary {
        font-size: 10px;
        line-height: 10px;
        margin-right: 10px;
        text-align: center;
        padding: 10px 15px;
    }
    .indicators-line > .carousel-indicators{
        display: none;
    }

}


.fadeinslide .slide-text{
    padding: 0;
}
.fadeinslide .slide-text i{
    font-size: 25px;
    color: #f26222;
    margin: 0 0 0 5px;
    position: relative;
    top: -3px;
    vertical-align: baseline;
        font-weight: 700;
}
.metrics_title{
    color: #fff;
    font-size: 12px !important;
    text-transform: uppercase;
}







@media only screen and (min-width: 30em) { 
    .gst_diff #nav {width: 80%; position: relative; border: none; }
    .gst_diff #nav li { display: inline; margin: 0 60px; font-size: 15px;}
    .gst_diff #nav li a {
        display: inline-block;
    font-size: 20px;
    font-weight: normal; 
    
    }  
    .gst_diff #nav section {    
        padding: 1%;
    position: relative;
    top: 15px;
    left: 0; 
        text-align: left;
        color:#000;
    }
    
}
.siteinfo{
    font-size:9px !important;
}
.second_tab{
    color: #fff;
}
.second_tab span{
    font-size: 17px;
}
.second_tab ul {
    padding: 0px;
        margin: 5px 0 15px 0;
}
.second_tab section p{
    font-size: 16px;
}
.second_tab ul li{
    margin: 0 !important;
    padding: 0 !important;
}
.gst_diff .second_tab ul li{
    display: block !important;
}
.second_tab ul li i{
    color: #fe6b11;
    margin-right: 5px;
}
.sub_arr li i{
    font-weight: 600;
    font-size: 18px;
}
.second_tab_hed{
   color: #ffffff !important;
    font-size: 20px !important;
    text-align: center;
    padding: 10px 0;
    background: #fe741f;
    margin-bottom: 0;
}
.abt_fet_img{
    height:auto !important;
    margin-bottom: 10px;
}

/* ////////////////// */


@media screen and (max-width:767px){
    .force_mob{
       text-align: center;
    }
    .force_mob .thumb-area{
            text-align: center;
    float: none !important;
    }
    .quoteh1{
        padding-top: 0;
    }
    .new_java_box{
        width:100%;
    }
    .left_cont_border{
        border:0;
        text-align: left;
    }
    .form_bot_bg img {
    max-width: 100%;
    }
    .address_sec p{
        font-size: 13px;
    }
    .land_main_bg span {
    line-height: 40px;
    }
    .evklogo img {
    width: 125px;
    }
    .infor img {
    width: 125px;
    }
    .land_main_bg h5 {
    font-size: 3.5em;
    }
    .mob_img img{
        min-height: auto;
    }
    .mob_app_hed{
        margin-top: 64px;
    }
    .mob_tech_img {
    max-width: 100%;
    }
    .mobility_technologies h4{
        line-height: 46px;
        padding-top: 10px;
            text-align: center;
    }
    .mob_tech_cont p{
        line-height: 29px;
        padding-top: 10px;
        text-align: center;
    }
    .mob_tech_cont{
        padding: 0;
    }
    .each_exp{
    width: 100%;
    }
    .mob_expertise h4{
        line-height: 41px;
        font-size: 31px;
    }
    .each_exp img{
        max-width: 28%;
    }
    .insights_fet_text{
    max-width: 98%;
    }
    .stats-info li {
    padding: 11px 10px;
    width: 50%;
    }
    .stats-info{
        overflow: hidden;
    padding: 0;
    }
    .stats-info li:nth-child(3){
        border-left: 0;
        border-top: 1px solid rgba(255,255,255,0.15);
    }
    .stats-info li:nth-child(4){
        border-top: 1px solid rgba(255,255,255,0.15);
    }
    .java_tech_sec_box_top, .java_tech_fou_box_top, .tech_bot_sec, .tech_bot_sec_fir, .tech_bot_sec_sec, .tech_bot_sec_thi, .java_tech_fir_box, .java_tech_sec_box, .java_tech_thi_box{
           border: 0;
    padding: 15px 0;
    height: auto;
    min-height: auto;
    }
}
/*landing page*/
@media screen and (max-width:767px) and (orientation:landscape){
    .mob_tech_img {
        max-width: 45%;
    }
    .each_exp{
    width: 32.3%;
    }
    .mob_expertise h4{
        line-height: 47px;
    }
    .each_exp img{
        max-width: 50%;
    }
    .inner_table_main{
    width:100%;
    }
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation:portrait){
    .mob_tech_img {
        max-width: 100%;
    }
    .mobility_technologies h4{
        font-size: 36px;
    padding-top: 0;
    }
    .mob_tech_cont p{
        line-height: 25px;
    }
    .each_exp{
    width: 32.3%;
    }
    .new_java_box{
        width: 47%;
    }
}
@media screen and (min-width:768px) and (max-width:1024px) and (orientation:landscape){
    .mobility_technologies h4{
        padding-top: 45px;
    }
    .new_java_box{
        width: 47%;
    }
}

@media screen and (max-width:732px) {
           .video-page-section iframe{
    height: auto;
    min-height: 300px;
}
}


@media only screen and (max-width: 768px) {
 
    .videoframe {
    height: 300px;
}
    .modal-dialog1{
    width: 85%;
        padding-top: 20%;
}
.survey_ban_main h4 {
    line-height: 53px;
    font-size: 2.5em;
    }
    .quote_area img:nth-child(2) {
    left: 113px;
    }
    .thumb-area img:nth-child(2){
        right: 80px;
    }
}
@media only screen and (max-width: 414px) {

    .thankyou_main span a, .thankyou_main span a{
        font-size: 15px;
        word-wrap: break-word;
    }
    .thankyou_main h2{
        line-height: 70px;
    }
     .videoframe {
    height: auto;
}
          .video-page-section iframe{
    height: auto;
    width: 100%;
}
.feature-items.style-3 .item {
    min-height: 175px;
    clear: both;
}
}
@media only screen and (max-width: 767px) {
    .thumb-area img{
        max-height: 400px;
    }
    .far_links img {
        margin: 15px 0;
    }
    .mob-center-footer {
        text-align: center
    }
    .cmmfirst object {
        height: auto
    }
    .tit object {
        margin: 0 auto;
        display: block
    }
    .process_section .no-margin {
        padding: 0
    }
    .content_service_section h2 {
        font-size: 26px
    }
    .box a span {
        font-size: 16px
    }
    .section-title {
        font-size: 30px
    }
    .value_box {
        padding: 5px 0
    }
    .tech_img p {
        text-align: center
    }
    .eachtable{
        margin-bottom: 20px;
        width: 100%;
    }
    
}
@media only screen and (max-width: 687px) {
    .newsimg_area {
        width: 98%
    }
    .newsimg_area img {
        margin: 0;
        padding: 0 0 0 13%
    }
}
@media only screen and (min-width: 688px) and (max-width: 991px) {
    .newsimg_area {
        width: 70%
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .content_section .col-md-3 {
        padding: 0
    }
    .contactmain .col-md-3 {
        padding: 0
    }
    .top_social {
        max-width: 140px
    }
    .socialicons a {
        margin: 0
    }
    .socialicons a span object {
        width: 31px
    }
    .ph {
        max-width: 145px
    }
    .ph a {
        font-size: 14px
    }
    .header_joblink {
        max-width: 134px
    }
}
@media only screen and (max-width: 991px) {
    #usage {
        background: none
    }
    .mob_img {
        text-align: center
    }
    .mob_img img {
        max-height: 300px
    }
    .box a span {
        font-size: 16px
    }
}
@media only screen and (max-width: 1366px) {
    .carousel_main {
        height: auto
    }
    .carousel-inner > .item > img,
    .carousel-inner > .item > a > img {
        max-height: 520px;
        min-height: 100px
    }
    .banner_over_text {
        top: 232px
    }
    .carousel-inner > .item.qa2page img{
    max-height: 100%;
    min-height: 100px;
    height: 563px;
}
/*.carousel-inner > .item.qa2page .overlay_text {
    padding: 10px 29px;
    position: relative;
    z-index: 99999;
    overflow: hidden;
    clear: both;
    background: rgba(0, 0, 0, 0.46);
    width: 39%;
     margin: 0 auto; 
    text-align: left;
    left: 8%;
}*/
.carousel-inner > .item.qa2page .banner_over_text h1 {
/*    color: #fff;*/
    font-weight: 600;
    font-size: 35px;
    z-index: 99999;
    line-height: 36px;
        color: #e6c132;
        letter-spacing: 0;
}
.carousel-inner > .item.qa2page .banner_over_text h2 {
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    margin: 0;
    padding: 0;
    line-height: 25px;
}
}
@media screen and (min-width: 1366px) and (max-width: 1920px) {
    .section-padding {
        padding: 30px 0 40px
    }
    .fetforlg {
        padding-top: 35px
    }
    .feature-items.style-3 .item > .content > h3 {
        margin-top: 4px
    }
}
@media only screen and (min-width: 1200px) {
    .home-process-box {
        float: left;
        margin: 10px 4px
    }
    .service-box p {
        color: #fff
    }
}
@media only screen and (min-width: 1024px) {
    .home-process-box {
        float: left;
        margin: 10px 4px
    }
}
@media only screen and (min-width: 768px) {
    .home-process-box {
        float: left;
        margin: 10px 30px
    }
    
}
@media only screen and (min-width: 568px) {
    .home-process-box {
        float: left;
        margin: 10px 40px
    }
}
@media only screen and (min-width: 240px) {
    .home-process-box {
        float: none;
        margin: 30px auto;
        display: block
    }
}
.microsoft_serv_main {
/*    padding: 84px 0 111px;*/
padding: 84px 0 50px;
}
.home-process-box {
    padding: 30px;
    position: relative;
    background: #fff;
    margin: 0 0 30px;
    color: #888;
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    text-align: center;
    max-height: 265px;
    min-height: 265px
}
.home-process-box:hover {
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.15);
    border: 1px solid #ccc;
    background: #FBFBFB
}
.home-process-box img {
    height: 81px;
    width: 95px;
    height: 95px;
    display: block;
    margin: 0 auto 10px;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease
}
.home-process-box img:hover {
    width: 100px;
    height: 100px;
    margin-top: -10px
}
.home-process-box-img-hover {
    width: 100px !important;
    height: 100px !important;
    margin-top: -10px !important
}
.home-process-box span {
    display: block;
    font-size: 14px;
    line-height: 20px;
    padding-top: 10px
}
.offerings p {
    font-size: 16px;
    line-height: 26px
}
.success_main p {
    text-align: center
}
.success_thumb img {
    left: 0 !important
}
.success_thumb {
    position: relative;
    height: 474px;
    margin: 0 auto;
    display: block;
    max-width: 207px
}
.diff ul {
    list-style-type: none;
    margin: 0
}
.diff ul li {
    border-radius: 4px;
    background: #f9f9f9;
    color: #000;
    margin: 12px 0;
    border: 1px solid #cac4c4;
    padding: 10px;
    transition: .4s;
    font-size: 15px;
    line-height: 19px;
    font-family: 'Open Sans', sans-serif;
}
.diff ul li:after {
    border-top: 8px solid transparent;
    content: "";
    height: 0;
    left: 41px;
    position: absolute;
    top: 25px;
    width: 0
}
.diff ul li:nth-child(2):after {
    top: 139px
}
.diff ul li:nth-child(3):after {
    top: 214px
}
.diff ul li:nth-child(4):after {
    top: 307px
}
.diff ul li:nth-child(5):after {
    top: 421px
}
.diff_img img {
    padding: 30px 0 0
}
.diff_img {
    display: block;
    text-align: center
}
.diff ul li:hover {
    background: #fff;
    border: 1px solid #F26222;
    color: #F26222;
    font-weight: 600
}
.insights_box {
    margin: 0 0 13px;
    min-height: 280px
}
.insights_box img {
    width: 100%;
    height: 175px
}
.insights_box h2 {
    font-size: 17px;
    color: #F26222;
    line-height: 27px;
    padding: 15px;
    margin: 3px 0
}
.insights_box p {
    padding: 0 15px;
    font-size: 14px;
    margin-bottom: 30px;
    color: #363636;
    line-height: 21px;
    position: relative;
    font-weight: 100
}
.inner_box {
    border: 1px solid #ccc
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .sbox-gutter {
        max-height: 384px
    }
}
@media (min-width: 1021px) and (max-width: 1200px) {
    .nav a {
        font-size: 14px;
        padding: 0 9px !important
    }
    .socialicons a img {
        margin: 0
    }
    .jarksitleft {
        min-height: 330px
    }
}
@media (min-width: 980px) and (max-width: 1020px) {
    .nav_sec .navbar-nav li a {
        padding: 15px 5px
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        color: #fff
    }
    #cssmenu ul::before {
        display: none
    }
    #cssmenu ul li {
        background: #0a0a4e none repeat scroll 0 0;
        border-top: 1px solid #444;
        color: #fff;
        float: right;
        margin: 0 15px 0 0;
        width: 93%
    }
    #cssmenu::after,
    #cssmenu > ul::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
        width: 72%
    }
    .menu-opened {
        background: #0a0a4e
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        padding: 0 15px
    }
    .nav a {
        font-size: 13px;
        padding: 0 !important
    }
}
@media (max-width: 995px) {
    .nav_sec {
        padding-top: 10px;
        margin-right: 10px
    }
}
@media (max-width: 640px) {
    .customer-centeric h1 {
        font-size: 24px
    }
    .customer-centeric h2 {
        font-size: 18px
    }
    .testi_des p {
        margin-top: 10px;
        font-size: 16px
    }
    .testi_des small {
        font-size: 16px
    }
}
@media (min-width: 955px) and (max-width: 995px) {
    .nav ul {
        background: #fff !important
    }
    .nav .nav-submenu > a,
    .nav ul li a {
        padding-right: 13px !important;
        font-size: 14px !important
    }
    .nav .nav-submenu > a::after {
        right: -2px
    }
}
@media (min-width: 768px) and (max-width: 979px) {
    .nav_sec .navbar-nav li a {
        padding: 15px 5px
    }
    .dropdown-submenu > .dropdown-menu {
        position: static
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        color: #fff
    }
    #cssmenu ul li {
        background: #0a0a4e none repeat scroll 0 0;
        border-top: 1px solid #444;
        color: #fff;
        float: right;
        margin: 0 15px 0 0;
        width: 93%
    }
    #cssmenu::after,
    #cssmenu > ul::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
        width: 72%
    }
    .menu-opened {
        background: #0a0a4e
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        padding: 0 15px
    }
    .nav a {
        font-size: 14px;
        padding: 0 !important
    }
    .nav ul {
        background: #d7671f
    }
    .testimonial-content {
        margin: 0;
        width: 100%
    }
    .pcimg {
        left: 28% !important
    }
    .padimg {
        left: 43% !important;
        top: 55% !important
    }
    .mobimg {
        left: 54% !important;
        top: 65% !important
    }
    .jarksitleft,
    .jarksitright {
        min-height: 455px
    }
}
@media (min-width: 541px) and (max-width: 767px) {
    .nav_sec {
        clear: both;
        float: right;
        position: relative;
        z-index: 9999
    }
    .icon-bar {
        background: #fff
    }
    .navbar-toggle {
        display: block;
        margin-top: -47px;
        padding: 6px 15px 6px 0
    }
    .nav_sec .navbar-nav li a {
        padding: 15px 142px
    }
    .navbar-nav > li > .dropdown-menu {
        margin: 0 0 0 110px
    }
    .navbar-collapse {
        overflow: hidden
    }
    .nav_sec button .icon-bar {
        background: #0b0b4f
    }
    .navbar-nav {
        margin: 0 0 7.5px 15px;
        background: #0b0b50
    }
    .nav_sec .navbar-nav li a {
        color: #fff
    }
    .nav > li {
        width: 100%;
        margin: 0 auto
    }
    .dropdown-submenu > .dropdown-menu {
        position: static
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        color: #fff
    }
    #cssmenu ul li {
        background: #0a0a4e none repeat scroll 0 0;
        border-top: 1px solid #444;
        color: #fff;
        float: right;
        margin: 0 15px 0 0;
        width: 88%
    }
    #cssmenu::after,
    #cssmenu > ul::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
        width: 72%
    }
    .menu-opened {
        background: #0a0a4e
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        padding: 0 15px
    }
    .nav ul {
        background: #d7671f
    }
    .nav a {
        font-size: 13px;
        padding: 0 12px !important
    }
    .jarksitleft,
    .jarksitright {
        height: auto;
        margin: 0 0 10px;
        overflow: hidden;
        width: 100%
    }
    .jarksitleft h4,
    .jarksitright h4 {
        display: inline-block;
        font-size: 18px;
        margin: 0;
        padding: 0;
        text-align: left
    }
    .testimonial-content {
        margin: 0
    }
    .carousel .item {
        margin: 0 0 70px
    }
    .subtext {
        font-size: 18px
    }
    .menu_bottom_sec li {
        width: 14%;
        display: block !important;
        padding: 15px 0
    }
    .pcimg {
        left: 28% !important
    }
    .padimg {
        left: 43% !important;
        top: 55% !important
    }
    .mobimg {
        left: 54% !important;
        top: 65% !important
    }
}
@media (min-width: 400px) and (max-width: 540px) {
    .nav_sec {
        clear: both;
        float: right;
        position: relative;
        z-index: 99999
    }
    .icon-bar {
        background: #fff
    }
    .navbar-toggle {
        display: block;
        margin-top: -47px;
        padding: 6px 15px 6px 0
    }
    .nav_sec .navbar-nav li a {
        padding: 15px 15%
    }
    .navbar-nav > li > .dropdown-menu {
        margin: 0 0 0 47px
    }
    .nav_sec button .icon-bar {
        background: #0b0b4f
    }
    .navbar-nav {
        margin: 0 0 7.5px;
        background: #0b0b50
    }
    .nav_sec .navbar-nav li a {
        color: #fff
    }
    .subdropdownmenu {
        left: 17px !important;
        margin: 8px 0 0 -32px !important;
        position: sticky
    }
    .nav > li {
        width: 90%;
        margin: 0 auto
    }
    .dropdown-submenu > .dropdown-menu {
        width: 90%;
        left: 15% !important
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        color: #fff
    }
    #cssmenu ul li {
        background: #0a0a4e none repeat scroll 0 0;
        border-top: 1px solid #444;
        color: #fff;
        float: right;
        margin: 0 15px 0 0;
        width: 93%
    }
    #cssmenu::after,
    #cssmenu > ul::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
        width: 72%
    }
    .menu-opened {
        background: #0a0a4e
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        padding: 0 15px
    }
    .nav ul {
        background: #d7671f
    }
    .jarksitleft,
    .jarksitright {
        height: auto;
        margin: 0 0 10px;
        overflow: hidden;
        width: 100%
    }
    .jarksitleft h4,
    .jarksitright h4 {
        display: inline-block;
        font-size: 20px;
        margin: 0;
        padding: 0;
        text-align: left;
        letter-spacing: 0
    }
    .testimonial-content {
        margin: 0
    }
    .carousel .item {
        margin: 0 0 70px
    }
    .process_section,
    #middle-news,
    .jarksitp {
        margin: 0;
        padding: 10px 0
    }
    .subtext {
        font-size: 13px
    }
    .menu_bottom_sec li {
        width: 85%;
        display: block !important;
        padding: 15px 0
    }
    .pcimg {
        left: 28% !important
    }
    .padimg {
        left: 43% !important;
        top: 55% !important
    }
    .mobimg {
        left: 54% !important;
        top: 65% !important
    }
}
@media screen and (min-width: 0px) and (max-width: 399px) {
    .nav_sec {
        clear: both;
        float: right;
        position: relative;
        z-index: 99999
    }
    .icon-bar {
        background: #fff
    }
    .navbar-toggle {
        display: block;
        margin-top: -7px;
        padding: 6px 15px 6px 0
    }
    .nav_sec .navbar-nav li a {
        padding: 15px 15%
    }
    .navbar-nav > li > .dropdown-menu {
        margin: 0
    }
    .nav_sec button .icon-bar {
        background: #0b0b4f
    }
    .navbar-nav {
        margin: 0 0 7.5px;
        background: #0b0b50
    }
    .nav_sec .navbar-nav li a {
        color: #fff
    }
    .subdropdownmenu {
        left: 17px !important;
        margin: 8px 0 0 -32px !important;
        position: sticky
    }
    .nav > li {
        width: 90%;
        margin: 0 auto
    }
    .dropdown-submenu > .dropdown-menu {
        width: 90%
    }
    #cssmenu ul li a,
    #cssmenu ul ul li a {
        color: #fff
    }
    #cssmenu ul li {
        background: #0a0a4e none repeat scroll 0 0;
        border-top: none;
        color: #fff;
        float: right;
        margin: 0 6px 0 0;
        width: 100%
    }
    #cssmenu::after,
    #cssmenu > ul::after {
        clear: both;
        content: ".";
        display: block;
        height: 0;
        line-height: 0;
        visibility: hidden;
        width: 72%
    }
    .menu-opened {
        background: #0a0a4e
    }
    #cssmenu ul ul,
    #cssmenu ul ul ul {
        padding: 0 15px
    }
    .nav ul {
        background: #d7671f
    }
    .jarksitleft,
    .jarksitright {
        height: auto;
        margin: 0 0 10px;
        overflow: hidden;
        width: 100%
    }
    .jarksitleft h4,
    .jarksitright h4 {
        display: inline-block;
        font-size: 18px;
        margin: 0;
        padding: 0;
        text-align: left
    }
    .testimonial-content {
        margin: 0
    }
    .carousel .item {
        margin: 0 0 70px
    }
    .process_section,
    #middle-news,
    .jarksitp {
        margin: 10px 0;
        padding: 0
    }
    .subtext {
        font-size: 13px
    }
    .menu_bottom_sec li {
        width: 100%;
        display: block !important;
        padding: 15px 0
    }
    .pcimg {
        left: 28% !important
    }
    .padimg {
        left: 43% !important;
        top: 55% !important
    }
    .mobimg {
        left: 54% !important;
        top: 65% !important
    }
    .floatdiv {
        top: 60px
    }
}
@media screen and (max-width: 767px) {
    .logo_sec {
        max-height: 60px;
        margin-bottom: 5px
    }
    .nav ul li ul li {
        padding: 2px 0;
        color: #fff
    }
    .nav-submenu a {
        color: #fff !important
    }
    .nav ul li a {
        color: #363636 !important
    }
    .nav ul li a,
    .nav ul li a:hover {
        color: #fff !important
    }
    .nav ul li ul li a {
        color: #363636 !important
    }
    .nav ul {
        background: #d7671f !important
    }
    .nav-submenu ul {
        background: #fff !important
    }
    .nav ul li a {
        padding: 0 0 0 18px !important
    }
    .nav li {
        padding: 2px 0;
        color: #fff
    }
    .nav .nav-submenu>ul {
        margin: 0
    }
    .nav ul li ul li {
        padding: 2px 0;
        color: #fff
    }
}
@media screen and (min-width: 768px) and (max-width: 959px) {
    .nav ul li a {
        color: #363636 !important
    }
    .nav ul li a,
    .nav ul li a:hover {
        color: #fff !important
    }
    .nav ul li ul li a {
        color: #363636 !important
    }
    .nav ul li ul li {
        padding: 2px 15px 2px 0
    }
    .nav ul {
        background: #d7671f !important
    }
    .nav-submenu ul {
        background: #fff !important
    }
    .nav ul li a {
        padding: 0 0 0 18px !important
    }
    .nav li {
        padding: 2px 0;
        color: #fff
    }
    .nav ul li ul li {
        padding: 2px 0;
        color: #fff
    }
    .nav .nav-submenu>ul {
        margin-left: 0
    }
}
@media screen and (max-width: 990px) {
    .sbox-gutter {
        border-left: 0 !important;
        border-top: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important
    }
    .process-section .row div {
        margin-bottom: 10px
    }
}
@media screen and (max-width: 891px) {
    .sbox-gutter {
        border-left: 0 !important;
        border-top: 0 !important;
        border-right: 0 !important;
        border-bottom: 0 !important
    }
}
@media screen and (min-width: 0px) and (max-width: 1366px) {
    .about_sec_overlay {
        top: 25%
    }
    .threeline_banner {
        top: 26%
    }
    .banner_over_text span {
        font-size: 1.3em
    }
}
@media screen and (min-width: 1367px) and (max-width: 1950px) {
    .about_sec_overlay {
        top: 35%
    }
}
.font_weight_100 {
    font-weight: 100 !important;
    font-size: 1.5em !important
}
@media screen and (min-width: 0px) and (max-width: 957px) {
    .banner_over_text h1 {
        font-size: 2em
    }
    .banner_over_text h2 {
        font-size: 1.3em
    }
    .carousel .item {
        margin: 0
    }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
    .top_fet {
        padding:0px 0 20px 0;
    }
    .thumb-area {
        text-align: center
    }
    .microsoft_serv_main {
        padding: 0
    }
    .main_des {
        padding: 50px
    }
    .section-padding {
        padding: 10px 0
    }
    .mob_case{
        padding: 0 0 45px 0;
    }
    .mob_case img{
        position: relative !important;
    }
}
@media screen and (min-width: 0px) and (max-width: 991px) {
    #usage1 {
        background: #fff
    }
}
@media screen and (min-width: 700px) and (max-width: 1198px) {
    .main-menu > li {
        width: 25%;
        text-align: center
    }
}
@media screen and (min-width: 701px) and (max-width: 767px) {
    .menu_bottom_sec ul {
        padding: 0
    }
    .menu_bottom_sec li {
        width: 24%;
        display: inline-block !important
    }
}
@media screen and (max-width: 700px) {
    .menu_bottom_sec li {
        width: 85%;
        display: block !important;
        padding: 15px 0
    }
    .main-menu > li {
        width: 100%
    }
}
@media screen and (min-width: 768px) and (max-width: 860px) {
    .fourline_banner {
        top: 20%
    }
    .fourline_banner .overlay_text h2 {
        line-height: 25px
    }
    .fourline_banner .overlay_text h1 {
        margin: 0
    }
}
@media screen and (min-width: 861px) and (max-width: 1117px) {
    .fourline_banner {
        top: 20%
    }
}
@media screen and (min-width: 1118px) and (max-width: 1366px) {
    .fourline_banner {
        top: 28%
    }
}
@media only screen and (max-width: 580px) {
    .client_pro {
        width: 100%;
        text-align: center
    }
    .client_pic {
        max-width: 100px
    }
    .client_testimonials .clientsDetails {
        width: 100%
    }
    .client_name {
        text-align: left
    }
    #quote-carousel .carousel-inner {
        min-height: 215px
    }
}
@media only screen and (max-width: 1024px) {
    .insights_box h2 {
        font-size: 15px
    }
}
@media only screen and (max-width: 768px) {
    .thumb-area img:nth-child(1) {
        left: 0
    }
    .thumb-area {
        height: auto
    }
    .fourline_banner {
        top: 13%
    }
    .tp-caption.large_text {
        font-size: 20px !important
    }
    .business {
        background: url(../images/business-desk.jpg) no-repeat;
        background-attachment: scroll;
        background-size: auto
    }
    .testimonialsection {
        background: url(../images/testibg2.jpg) no-repeat;
        background-attachment: scroll;
        background-size: auto
    }
    .testi_des p {
        font-size: 15px
    }
    .nav_for_small .nav {
        -webkit-overflow-scrolling: touch;
        position: fixed;
        width: 100%;
        left: 0
    }
    .force2{
     margin:0;   
         padding: 0 0 37px 0;
    }
}
@media only screen and (max-width: 400px) {
    #quote-carousel .carousel-inner {
        min-height: 340px
    }
}
@media (min-width: 768px) and (max-width: 1024px) {
    .inside_banner_content {
        font-size: 11px
    }
    .tp-caption.very_big_white {
        font-size: 28px !important
    }
    .tp-caption.big_white {
        font-size: 18px !important
    }
}
@media only screen and (max-width: 1020px) {
    .nav_sec .nav>ul>li {
        padding: 0 6px
    }
}
.color-black {
    color: #626c72;
}
.internallink {
    color: #1a144b;
    font-weight: 600;
}
.internallink:hover {
    text-decoration: underline;
}
.docimg_sec img {
    float: left;
}
.docimg_sec p {
    margin: 28px 0 0 0;
}
.far_links {
    padding: 50px 0;
    background: #F3F1F1;
    border-bottom: 1px solid #D8D8D8;
}
.ctabox {
    margin: 8px 0;
}
.expertise_hed {
    background: none!important;
    border: none!important;
    text-align: left;
    padding: 0!important;
    margin: 0 0 15px!important
}
div.bhoechie-tab-container {
    z-index: 10;
    background-color: #fff;
    padding: 0!important;
    margin: 80px 0;
    overflow: hidden;
}
div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0
}
div.bhoechie-tab-menu div.list-group {
    margin-bottom: 0
}
div.bhoechie-tab-menu div.list-group>a {
    display: block;
    position: relative;
    height: auto;
    background: #F5F5F5;
    margin: 0 6px 8px 0;
    color: #363636;
    font-size: 16px;
    outline: 0;
    padding: 10px 20px;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    letter-spacing: 0;
    text-align: left;
    font-weight: 600
}
div.bhoechie-tab-menu div.list-group>a:hover {
    background: #fff;
    color: #363636;
    padding-left: 45px;
    background: #F26222;
    transition: all .65s ease-in-out
}
div.bhoechie-tab-menu div.list-group>a .glyphicon,
div.bhoechie-tab-menu div.list-group>a .fa {
    color: #5A55A3
}
div.bhoechie-tab-menu div.list-group>a:first-child {
    border-top-right-radius: 0;
    -moz-border-top-right-radius: 0
}
div.bhoechie-tab-menu div.list-group>a:last-child {
    border-bottom-right-radius: 0;
    -moz-border-bottom-right-radius: 0
}
div.bhoechie-tab-menu div.list-group>a.active,
div.bhoechie-tab-menu div.list-group>a.active .glyphicon,
div.bhoechie-tab-menu div.list-group>a.active .fa {
    background-color: #F26222;
    display: block;
    position: relative;
    height: auto;
    margin: 0 6px 8px 0;
    color: #fff;
    font-size: 16px;
    outline: 0;
    padding: 10px 20px;
    border-radius: 4px;
    letter-spacing: 0;
    text-align: left;
    font-weight: 600;
    border: none
}
div.bhoechie-tab-menu div.list-group>a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #F26222
}
div.bhoechie-tab-content {
    background-color: #fff;
    padding-left: 20px
}
div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none
}
#carousel-example-generic {
    height: auto;
}
.webinarform {
    padding: 0 15px;
}
.webinarform form label {
    color: #8c8c8c;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal !important;
}
.webinarform form input {
    margin: 0 !important;
    padding: 8px 10px !important;
    width: 93% !important;
}
.webinar_model {
    width: 400px;
}
.webinarform form .hs_email,
.webinarform .hs-form.stacked .field {
    margin-bottom: 8px !important;
}
.webinarform form .hs-error-msgs li label {
    color: red;
    font-size: 13px;
    font-weight: 300;
}
.webinarform form .actions {
    padding-right: 0;
    text-align: center;
}
.webinarform form .actions input {
    max-width: 180px;
    background: #f26222 none repeat scroll 0 0 !important;
    border: 1px solid #fff !important;
    border-radius: 3px !important;
    color: #fff !important;
    font-family: "Open Sans", sans-serif !important;
    font-size: 16px !important;
    letter-spacing: 1px !important;
    font-weight: normal;
    text-shadow: none;
    padding: 15px 12px !important;
    transition: all 0.4s ease 0s !important;
}
.webinarform form .actions input:hover {
    background: #fff !important;
    color: #F26222 !important;
    text-decoration: none !important;
    border: 1px solid #F96302 !important;
    box-shadow: none !important;
}
.bonita_reg {
    float: left;
}
.bonita_ban_cont h1,
.bonita_ban_cont h2,
.bonita_ban_cont a {
    text-align: left;
}
.bonita_reg {
    background: #F96302;
    padding: 10px;
}
.bonita_reg:hover {
    color: #E11835;
    background: #fff;
    text-decoration: none;
    border: 1px solid #E11835 !important;
    box-shadow: 0 0 0 !important;
}
.bonita_reg_inner:hover {
    color: #E11835;
    background: #fff;
    text-decoration: none;
    border: 1px solid #F96302 !important;
    box-shadow: 0 0 0 !important;
}
.bonita_reg_inner {
    background: #F96302;
    padding: 10px;
    color: #fff;
    text-decoration: none !important;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    font-size: 19px;
    border-radius: 4px;
}
.venue {
    display: inline-block;
    margin: 15px 0 0 0;
}
.venue_header {
    background: #50504F;
    padding: 1px 15px;
}
.venue_header h3 {
    color: #fff;
    text-align: center;
    font-size: 26px;
}
.venue_header p {
    color: #fff;
    font-size: 17px;
    text-align: center;
}
.venue_add {
    background: #fff;
    border: 1px solid #ccc;
    padding: 15px;
}
.venue_add address {
    padding: 0;
    margin: 0;
}
.venue_add p {
    font-size: 16px;
    line-height: 29px;
    text-align: center;
    margin: 0;
    padding: 0;
}
.venue_add p strong {
    font-size: 18px;
    color: #F96302;
}
.venue_map {
    margin: 15px 0 0 0;
}
.mapmain {
    overflow: hidden;
}
.inner_venue_but {
    text-align: center;
    display: block;
    max-width: 145px;
    margin-top: 13px;
}
.bonita_ban_cont {}.bonita_ban_cont h1 {
    font-size: 45px;
}
.bonita_ban_cont h2 {
    font-size: 26px;
}
.bonita_ban_cont h3 {
    text-align: left;
    color: #fff;
    font-size: 19px;
    margin: 0;
    font-weight: 600;
}
.bonitabadge img {
    width: 330px !important;
    height: 300px !important;
}
.main_reg_button {
    font-size: 15px;
    color: #fff;
}
.main_reg_button a {
    border-radius: 3px;
    background: #F26222;
    color: #fff;
    border: 1px solid #fff;
    padding: 8px 15px;
    font-size: 18px;
}
.main_reg_button a:hover {
    background: #fff;
    color: #F26222;
    text-decoration: none;
    border: 1px solid #F96302 !important;
}
.content_links {
    color: #F26222;
    font-weight: 600;
}
.cerimg {
    margin: 0 0 25px 0;
}
.medal_text {
    color: #fff;
    font-weight: 400;
    text-align: left;
    font-size: 55px;
    margin: 100px 0 0 0;
}
.nintex_des {
    padding: 40px 0 70px 0;
}
.nintex_des p {
    text-align: left;
    margin: 13px 0 0;
    font-size: 16px;
    line-height: 27px;
    font-weight: 400;
}
.nintex_partner {
    background-color: #F9F9F9;
    padding: 20px 0;
    border-top: 1px solid #f26222;
}
.nintex_partner p {
    text-align: center;
    font-size: 34px;
    margin: 0;
    line-height: 45px;
    font-weight: 400;
}
.nintex_defferentiators {
    background-color: #F9F9F9;
}
.nintex_defferentiators p {
    font-size: 16px;
}
.twoline_banner {
    top: 34%;
}
.nintex_fet {
    text-align: center;
}
.nintex_fet img {
    margin: 60px 0 0 0;
}
.nintex_form_fet img {
    margin: 160px 0 0 0;
}
.nintex_mobile img {
    width: 375px;
}
@media screen and (max-width: 767px) {
    .nintex_fet img,
    nintex_form_fet img {
        margin: 30px 0;
    }
    .biimg img{
           min-height: auto;
           max-height: auto;
           
    }
}
.nintex_des ul {
    margin: 0;
    padding: 0;
}
.nintex_des ul li {
    list-style: none;
    overflow: hidden;
}
.nintex_des ul li i {
    list-style: none;
    display: inline-block;
    float: left;
    speak: none;
    font-size: 14px;
    color: #FE8333;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}
.nintex_des ul li span {
    float: left;
    display: inline-flex;
    font-size: 16px;
    margin: 2px 0 0 10px;
}
.nintex_defferentiators .diff li {
    font-size: 16px;
}
.getin_touch{
        padding: 0 0 25px 0;
}
.getin_touch_container{
     border:1px solid #e5e5e5;
     border-radius: 10px;
}
.getin_touch_container p{
       font-size: 25px;
    line-height: 32px;
    text-align: center;
}
.getin_touch_cont{
    border-right: 1px solid #e5e5e5;
    padding: 25px 0;
}
.getin_touch_but{
    padding: 50px 0;
    text-align: center;
    display: table-cell;
    white-space: nowrap;
    vertical-align: middle;
}
.getin_touch_container a{
    font-weight: 500;
    line-height: 1.5;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.15);
    background-color: #e8400d;
    background-image: -webkit-linear-gradient(#f24e1c, #d0390c);
    background-image: linear-gradient(#f24e1c, #d0390c);
    border-color: #b8330a;
    border-radius: 6px;
    font-size: 18px !important;
    padding: 0.75em 1.5em;
}
.getin_touch_container a:hover {
    color: #fff;
    background-color: #d0390c;
    background-image: -webkit-linear-gradient(#e8400d, #b8330a);
    background-image: linear-gradient(#e8400d, #b8330a);
    border-color: #a02c09;
}
.pad-70{
    padding-top: 70px;
}
.middle_align{
        vertical-align: middle;
    text-align: center;
    display: table-cell;
}
.continner_des_hed{
    color: #ff771c;
    display: block;
    font-size: 18px;
    line-height: 26px;
    text-transform: capitalize;
    margin-top: 4px;
    margin-bottom: 4px;
    font-weight: 600;
}
.border_all{
    border:1px solid #ccc;
}
.divisional_cont_box{
    
}
.divisional_cont{
    padding: 20px;
    height: 465px;
        background: #fff;
}
.divisional_cont ul{
    padding: 0;
        margin-bottom: 10px;
    margin-top: 10px;
}
.divisional_cont ul li{
        list-style: none;
    overflow: hidden;
    color: #000;
}
.divisional_cont ul li i{
    list-style: none;
    display: inline-block;
    float: left;
    speak: none;
    font-size: 14px;
    color: #FE8333;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    text-rendering: auto;
    line-height: 24px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    vertical-align: middle;
}
.divisional_cont ul li span {
    float: right;
    display: inline-flex;
    width: 95%;
}
/*.qamenu > li{
        width: 20%;
}
.qamenu > li > a{
        padding: 0 10px;
}*/
.qaframeworks_menu .qaframeworks_menu_hed{
text-align: left;
    display: block;
    padding: 25px 0px 10px 25px;
    color: #f26222;
    font-size: 16px;
    text-decoration: underline;
/*    border-bottom: 1px solid #f26222;*/
}
.qamenutop{
    
}
.qamenubot{
    background: #ece9e9 !important;
}
.lightbox {
    /** Hide the lightbox */
    display: none;
    /** Apply basic lightbox styling */
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color:#333333;
    background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
    }
.lightbox:after {
    content: '';
    display: table;
    clear: both;
}
.lightbox .box {
    width: -webkit-min-content;
    width: -moz-min-content;
    width: min-content;
    min-width:680px;
/*    height: 535px;*/
height: auto;
    margin: 2% auto;
/*    padding:0 10px 0 20px;*/
padding:0;
    background-color:#FFF;
        box-shadow: 0px 1px 7px -3px #ffffff;
    background: url("../images/popoverbg.jpg") repeat-x #fff;
    border: 5px solid #09094f;
    }
    .lightbox .title {
        margin:0;
        padding:0 0 10px 0px;
        border-bottom:1px #ccc solid;
        font-size:22px;
        }
    .lightbox .content {
        display:block;
        padding:10px 0 0 0px;
        font-size:18px;
        line-height:22px;
        }
    .lightbox .close {
        float: right;
    position: relative;
    display: inline-block;
    /* text-decoration: none; */
    /* font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; */
    /* font-size: 22px; */
    color: #09094f;
    opacity: 1;
        right: -23px;
    top: -18px;
    background: #fff;
    width: 30px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    border-radius: 17px;
    line-height: 28px;
    border: 1px solid #09094f;
        }
.lightbox .open {
    /** Show lightbox when mouse leaves the browser window */
    display: block;
    outline: none;
}
.head h2{
       margin: 0;
    font-size: 29px;
    line-height: 33px;
    font-weight: 700;
}
.head h4{
        color: #fff;
    font-weight: normal;
    font-size: 0.8em;
    margin: 8px 0 0 0;
}
.popoverlogo img{
    margin: 14px 0 0 0;
}
.cont{
        margin: 45px 0 0 0;
            font-size: 15px;
    line-height: 22px;
}
.bro img{
        box-shadow: 1px 3px 8px #363636;
}
.cont p{
    
}
.cont ul{
       margin: 0 0 0 2px;
    overflow: hidden;
}
.cont ul li{
       margin: 0 0 3px 0;
}
.cont ul li i{
font-size: 9px;
}
/*.cont ul li:before {
    content: "";
    line-height: 1em;
    width: .5em;
    height: .5em;
    background-color: red;
    float: left;
    margin: .25em .25em 0;
    border-radius: 50%;
}*/
.popoverform{
    overflow: hidden;
    margin: 13px 0 0 0;
    background: #d8d8d8;
    padding: 10px 15px 17px 15px;
}
.popoverform .hbspt-form .form-columns-2{
        width: 67%;
    float: left;
}
.popoverform .hbspt-form .form-columns-1{
        width: 33%;
    float: left;
}
.popoverform .hbspt-form .form-columns-1 .smart-field{
    width: 100% !important;
}
.popoverform .hbspt-form .smart-field{
        width:49% !important;
    float: left;
    margin-right: 1%;
}
.popoverform .hbspt-form .smart-field label{
   font-size: 11px;
    font-weight: 600;
        color: #e06b1e;
    float: left;
}
.popoverform .hbspt-form .form-columns-1 .hs-form-required{
    display:none;
}
.popoverform .hbspt-form .form-columns-2 .hs-form-required{
    display:none;
/*    float: left;*/
        /* line-height: 26px; */
}
.popoverform .hbspt-form .form-columns-2 .input{
    float: left;
    width: 93%;
}
.popoverform .hbspt-form .form-columns-1 .input{
    width: 99%;
}
.popoverform .hbspt-form .hs_submit{
    overflow: hidden;
    clear: both;
    margin: 39px 7px 0 0;
    display: block;
    position: relative;
}
.popoverform .hbspt-form .hs-error-msgs li{
    clear:both;
}
.popoverform .hbspt-form .input input{
    height: 30px;
    color: #000;
    font-weight: 600;
    border: 1px solid #ababab;
/*    box-shadow: 1px 3px 1px #ccc;*/
}
.popoverform .hs-error-msg label{
    color: #000046;
}
.popoverform .hbspt-form .actions input{
    background: #09094f;
    color: #fff;
    padding: 4px 24px;
    font-size: 16px;
    border: 0;
    margin: 0 7px 0 0;
    float: right;
}
.popoverform .hbspt-form, .popoverform .hbspt-form form{
    overflow: hidden;
}
.popoverform .hbspt-form .hs-error-msg, .popoverform .hbspt-form .smart-field .inputs-list, .popoverform .hbspt-form .hs-error-msg li{
    margin: 0;
}
.popoverform .hbspt-form .hs-error-msgs li label{
        margin: 0 0 0 9px;
}
.lightbox .box {
      max-width: 500px;9 /* apply to all ie from 8 and below */
  * max-width: 500px;  /* apply to ie 7 and below */
  _ max-width: 500px; /* apply to ie 6 and below */
    }
@media screen and (min-width:0) and (max-width:767px){
    .lightbox .box{
           width: 89%;
    min-width: 90%; 
    z-index: 99999;
    margin: 6% auto;
    }
    .head h2{
        font-size: 1.1em;
    line-height: 33px;
    }
    .head h4{
            font-size: 16px;
    line-height: 22px;
    }
    .cont{
            margin: 20px 0 0 0;
                font-size: 13px;
    line-height: 20px;
    }
    .popoverform .hbspt-form .form-columns-2, .popoverform .hbspt-form .form-columns-1{
       max-width: 100%;
    width: 100%;
    }
    .popoverform .hbspt-form .smart-field{
            width: 100% !important;
    display: block;
    clear: both;
    margin: 9px 0;
    overflow: hidden;
    }
    .popoverform .hbspt-form .input input{
        width:100% !important;
    }
    .popoverform .hbspt-form .form-columns-1 .input {
    width: 93%;
    float:left;
    }
    .popoverform .hbspt-form .hs-form-field{
            margin-top: 0;
    }
    .popoverform .hbspt-form .hs_submit .actions{
            margin-right: 8px;
    }
    .right_sec{
        padding: 0;
    }
    .right_sec .head{
        padding: 0 20px;
    }
    .right_sec .cont{
        background: #fff;
    padding: 0 20px;
    width: 100%;
    }
    .pop_main{
        padding: 0;
    }
    .thankyoubox{
           overflow-y: scroll;
    }
    .getin_touch_but{
            padding: 0 0 25px 0;
    display: block;
    }
    .getin_touch_container a{
            padding: 12px 20px !important;
    width: auto;
    }
    .divisional_cont ul li span {
    width: 90%;
    }
    .divisional_cont {
    height: auto;
    margin-bottom: 10px;
    }
    .getin_touch_container p {
    font-size: 1.5em;
    }
}
@media screen and (min-width:768px) and (max-width:1024px){
    .divisional_cont {
    height: auto;
    }
    .divisional_cont ul li span{
            width: 92%;
    }
    .getin_touch_container a{
            padding: 12px 20px !important;
    width: auto;
    font-size: 1em !important;
    }
    .getin_touch_but {
    padding: 39px 0;
    }
    .main-menu li .qainnerlinks{
            line-height: 22px;
                padding: 10px 0 !important;
    }
    .qainner{
        width:100%;
    }
    .qaheader .container, .qaheader .container .qahed_div{
        padding: 0;
    }
}
.cross{
            right: -12px;
    font-size: 22px;
    color: white;
    z-index: 99999;
    display: inline-block;
    position: absolute;
    opacity: 1;
    top: -16px;
    background:#ec6d21;
    width: 40px;
    height: 40px;
    line-height: 32px;
    border-radius: 23px;
    }
    .cross:hover{
        color:#fff;
        opacity: 0.8;
    }
    #mask {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9000;
  background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
  display: none;
  height: 100%;
  width: 100%;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 440px;
  height: 200px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}

#boxes #dialog {
  width: 750px;
  height: auto;
  padding: 0px;
  background-color: #ffffff;
  font-family: 'Segoe UI Light', sans-serif;
  font-size: 15pt;
      border: 2px solid #ffffff;
      border-radius: 0;
      top: 15% !important;
}

#popupfoot {
  font-size: 16pt;
  position: absolute;
  bottom: 0px;
  width: 250px;
  left: 250px;
}
.bpmmodel{
    width: 62%;
        padding-top: 100px;
        max-width: 1024px;
}
.bpmmodelbody{
    padding: 5px;
}
.bpmmodelclose{
    position: absolute;
    color: #fff;
    opacity: 1;
    top: -11px;
    right: -11px;
    background: #ec6d20 !important;
    width: 34px;
    height: 34px;
    z-index: 99999;
    border-radius: 50px;
}
@media screen and (max-width:1024px){
    #boxes #dialog{
            width: 75%;
    top: 10% !important;
    margin: 0 auto;
    text-align: center;
    }
}

.eventbanner_bg{
	    background: url(../images/eventbg.jpg) left center no-repeat;
       padding: 63px 0 170px 0;
       background-size: cover;
    background-attachment: fixed;
}
.cloudbg{
       background: url(../images/cloudbgorange.png) repeat-x;
    margin-top: -91px;
    height: 113px;

}
.cloudbg_back{
    background: #f5f5f6;
    padding:0px 0 0 0 !important;
}
.eventmobimg{
    height: 475px;
        margin-top: 50px;
}
.eventform{
    
}
.eventform h3{
       color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 38px;
    letter-spacing: 0;
    text-shadow: 1px 1px 0px #017eb4;
     font-weight: 100;
     margin-bottom: 17px;
}
.eventform h4{
       color: #ffffff;
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    letter-spacing: 0;
    text-shadow: 1px 1px 0px #017eb4;
    font-weight: 100;
}
.event_form{
        max-width: 400px;
    margin: 0 auto;
    background:rgba(9, 9, 78, 0.14);
        border: 1px solid #7f7f80;
}
.event_form .hbspt-form label span{
    color: #fff;
    font-size: 15px;
}
.event_form .hs-form.stacked .inputs-list>li label{
    color: #fff;
    font-size: 15px;
    text-shadow: none;
}
.webinar_form{
    margin: 0 auto;
}
.webinar_form .hbspt-form label span{
    font-weight: normal
}
.webinar_form .hs-form.stacked .inputs-list>li label{
    font-size: 15px;
    text-shadow: none;
}
.webinar_form .hs-form-field{
    margin-bottom: 7px !important;
}
.webinar_form .hs-input{
       height: 36px;
    width: 100% !important;
    max-width: 98% !important;
}
.webinar_form .actions{
    text-align: center;
    margin: 0 0 15px 0 !important;
}
.webinar_form .hs-button{
    border-radius: 3px !important;
    background: #F26222 !important;
    color: #fff !important;
    border: 1px solid #fff !important;
    padding: 12px 12px !important;
    letter-spacing: 1px;
    transition: .4s !important;
    font-size: 14px !important;
    font-family: 'Open Sans', sans-serif !important;
    text-shadow: none !important;
    font-weight: 500 !important;
}
.webinar_form label{
    font-size: 14px !important;
    text-transform: capitalize;
       color: #000;
}
.webinar_form .hbspt-form form{
    margin: 0 !important;
}
.noborder{
    border: 0 !important;
}
.event_timeline .cd-timeline-content{
   background: #f5f5f6;
}
.event_timeline .cd-timeline-content::before{
        border-left-color: #f5f5f6;
}

.event_timeline_container{
    max-width: 808px;
}
.event_timeline .newsimg_area img {
    padding: 2em 0 0 7em;
    width: 100%;
    height: 240px;
}
.event_timeline_container .section .cd-timeline-content h2 small{
    display: block;
        margin-top: 6px;
            font-weight: 600;
    color: #3a3a3a;
}
.event_timeline_container .section .cd-timeline-content h2{
        font-size: 23px;
}
.event_timeline_container .left_timeline_img img{
    padding: 2em 2em 0 4em;
}
.event_content{
/*    background: #fe680d;*/
    padding:0 0 70px 0;
    
    
    background: #fe680d; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#fe680d, #f58644, #f5f5f6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#fe680d, #f58644, #f5f5f6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#fe680d, #f58644, #f5f5f6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#fe680d, #f58644, #f5f5f6); /* Standard syntax */

}
.event_content h3{
    text-align: center;
    color: #fff;
}
.event_content p{
       text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 25px;
}
.event_box{
       background: #fff;
    padding:20px 20px 11px 20px;
    border-radius: 7px;
    border: 1px solid #bdbdbd;
}
.event_box p{
    color: #000;
}
.event_box .event_sub{
        color: #505050;
    font-size: 20px;
    border-bottom: 1px solid #ececec;
    padding-bottom: 9px;
}
.speaker{
    margin-top: 10px;
}
.event_venue{
   text-align: center;
    letter-spacing: 0;
    font-size: 24px;
    margin: 10px 0 25px 0;
    display: block;
    color: #09094e;
    text-decoration: underline;
}
.speaker_img{
    float: left;
}
.speaker_img img{
    height: 113px;
}
.speaker_event_box{
        padding: 13px 13px 21px 13px;
}
.speaker_des .event_sub strong{
        color: #505050;
}
.speaker_des p strong{
    font-size: 20px;
    color: #fe680d;
}
.hs-form.stacked .field div.input select{
        height: 37px;
    width: 100%;
}
.req_form .hs-form.stacked label {
    margin-left: 3px;
}
.eventform .submitted-message{
        color: #fff;
    font-size: 17px;
/*    height: 350px;*/
    line-height: 34px;
}

@media screen and (max-width:768px){
    .eventform h3{
        font-size: 2em;
            line-height: 36px;
    margin-bottom: 0px;
    }
    .eventmobimg {
    margin-top: 90px;
    }
    .eventform h4 {
    font-size: 1.2em;
    }
    .event_timeline .newsimg_area img{
        max-width: 375px;
    }
    .event_timeline .newsimg_area img {
        padding: 2em 0 0 4.5em;
    }
    .speaker{
        margin: 0;
    }
    .event_box{
        margin-bottom: 10px;
    }
}
@media only screen and (min-width: 767px) and (max-width:768px) {
    .event_timeline .cd-timeline-content{
        width: 45%;
            float: left;
    }
    .event_timeline .newsimg_area {
        width: 45%;
    }
}
@media only screen and (min-width: 1024px) {
    .event_timeline .cd-timeline-content{
        width: 45%;
            float: left;
    }
}
@media only screen and (min-width: 768px) and (max-width:1024px){
    .event_timeline_container .left_timeline_img img {
        padding: 2em 0em 0 4em;
    }
    .event_timeline .newsimg_area img {
    padding: 2em 0 0 4em;
    float: left;
    }
}






/* tabs */

.work_culture{
   /*  background: #fff;
   background: url(/images/workbg.jpg) no-repeat center bottom;
    background-size: cover;
    background-attachment: fixed;*/
    border-top: 2px solid #f98238;
    border-bottom: 2px solid #f98238;
        min-height: 150px;
        background: rgb(244, 244, 244);
}


.work_culture .tab {
	padding-top: 50px;
            padding-bottom: 50px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
	background: none;
	width: 100%;
	margin: 0 auto;
	font-family: 'Roboto', sans-serif;
	line-height: 1.5;
	font-weight: 300;
	color: #888;
	-webkit-font-smoothing: antialiased;
}

.work_culture .tabs {
	display: table;
	position: relative;
	overflow: hidden;
       margin: 0 auto;
z-index: 1;
    width: 70%;
	
	li {
		float: left;
		line-height: 38px;
		overflow: hidden;
		padding: 0;
		position: relative;
	}

	a {
		background-color: #eff0f2;
		border-bottom: 1px solid #fff;
		color: #888;
		font-weight: 500;
		display: block;
		letter-spacing: 0;
		outline: none;
		padding: 0 20px;
		text-decoration: none;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
		border-bottom: 2px solid $green;
	}
}

.work_culture .tabs_item {
	display: none;
	padding: 30px 0;

	h4 {
		font-weight: bold;
    font-size: 20px;
	}

	img {
		width: 200px;
		float: left;
		margin-right: 30px;
	}

	&:first-child {display: block;}
}

.work_culture .current a {
	color: #fff !important;
	background:  rgb(249, 130, 56);
}
 .work_culture .tabs li{
    background: #fff;
    border: 1px solid #ddd;
    width: 33.3%;
 }
 .work_culture .tabs li a{
     color: #000;
     font-size: 15px;
     padding: 3px 0px;
 }
.work_culture .active{
     display: block;
 }
 
 .work_culture .tabs_item h3{
    font-size: 40px;
    line-height: 60px;
    text-shadow: 3px 3px rgba(0,0,0,0.1);
    text-align: center;
    color: #000;
    margin: 0 0 15px 0;
 }
 .work_culture .tabs_item span{
         color: #000;
    text-align: left;
    display: block;
    font-size: 23px;
    margin: 25px 0 0 0;
 }
 .work_culture .tabs_item .span_des{
     margin: 5px 0 10px 0;
     text-align: left;
 }
  .work_culture .tabs_item p{
 margin: 20px 0 0 0;
    padding: 0;
    line-height: 20px;
    text-align: left;
    color: #000;
        font-size: 14px;
  }
  .work_culture .second_tab p{
       margin: 0px 0 0 0;
  }
  .work_culture .tabs_item ul li{
      color:#000;
          font-size: 14px;
  }

 .work_culture .tabs li:hover {
    background: rgba(255,255,255,0.2);
}
 .work_culture .item_span{
   color: #f98238 !important;
    text-align: center !important;
    display: block !important;
    font-size: 18px !important;
    margin: 20px 0 0 0 !important;
}
.fet_image{
    text-align: center !important;
}
.culter_sub_hed p{
    text-align: center !important;
}
.second_tab .fet_image{
    margin: 10px 0 !Important;
}
.culture_points i{
   text-align: center;  
}
.culture_points p{
    text-align: center !important;
}
.last_sec .fet_image img{
        max-width: 100px;
/*    max-height: 60px;*/
    height: 60px;
}
  ul.square li span{
        font-size: 14px !important;
    margin-top: 0px !important;
    width: 91%;
    float: left;
}
ul.square li i{
   width: 16px;
    float: left;
}
ul.square li{
    margin-bottom: 7px;
    overflow: hidden;
}
@media only screen and (min-width: 768px){
    .second_tab .fet_image img {
    max-width: 135px;
}
}
@media only screen and (max-width: 767px){
    .work_culture .tabs li {
    display: block;
    width: 100%;
}
}

/*tabs*/
.emptest{
/*    background: url(/images/gallerybg1.jpg) no-repeat left center ;
    background-size: cover;
    background-attachment: fixed;*/
}
.job_openings{
/*    background: #f4f4f4;*/
/*background: url(/images/gallerybg.jpg) no-repeat left center;
    background-attachment: fixed;
    background-size: cover;*/
        background: url(../images/cabg.html) no-repeat bottom center #e96b21;
    background-attachment: fixed;
    background-size: contain;
        padding: 70px 0 0px 0;
}
.job_img{
    text-align: center;
}
.job_img img{
    
}
.job_text p{
   color: #fff;
    font-size: 24px;
    line-height: 33px;
    font-weight: 100;
}
.job_text a{
    border-radius: 3px;
    background: #fff;
    color: #F26222;
    border: 1px solid #F26222;
    padding: 8px 12px;
    font-family: Oswald;
    letter-spacing: 1px;
    transition: .4s;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    margin: 8px 0 0 0;
    display: inline-block;
}
.job_text a:hover{
    background: #F26222;
    color: #fff;
    border: 1px solid #fff;
}
/*Gallery Container*/
.gallery_container{
    
}
.emptest{
/*    background: #09094e;*/
    background: url(../images/testibg.jpg) no-repeat top center;
    background-attachment: fixed;
    background-size: cover;
}

.gallery_sec{
  padding: 55px 0 105px 0;
/*        background: url(/images/gallerybg.jpg) no-repeat left center ;*/
background: url(../images/gallerybg.html) no-repeat left center ;
    background-size: cover;
    background-attachment: fixed;
}
.gallery_sec .key h2 {
    color: #fff;
}
.gallery_sec p.sub-title{
    color: #fff;
}
.gallery_container #wrapper {
            background-color: #fff;
            width: 70%;
            min-width: 675px;
            padding: 50px 50px 100px 50px;
            margin: 0 auto;
            border: 1px solid #ccc;
            box-shadow: 0 0 5px #ccc;
    }
    .gallery_container #intro p {
            font-size: 18px;
            line-height: 24px;
    }

    .gallery_container .thumbs,
    .gallery_container .gallery,
    .gallery_container .links,
    .gallery_container .slider {
            border-top: 1px solid #ccc;
            border-bottom: 1px solid #ccc;
            background: #eee;
            margin: 20px -50px;
    }
    .gallery_container .thumbs {
                padding: 0;
                background: none;
                border: 0;
                margin: 0;
    }
    .gallery_container .thumbs:after {
            content: " ";
            display: block;
            clear: both;
    }
    .gallery_container .thumbs a {
                display: inline-block;
                margin: 0;
                opacity: 1;
                position: relative;
    }
    .gallery_container thumbs img
    {
            width: 130px;
            height: 130px;
    }
    .gallery_container .thumbs img,
    .gallery_container .gallery img {
            border:0;
/*            background: #fff;*/
            padding: 2px 0px;
            width: 158px;
    }
    .gallery_container .thumbs a:hover img {
            border-color: #999;
    }
    .gallery_container .gallery {
            height: 300px;
            padding: 30px 0;
    }
    .gallery_container .slider {
            height: 475px;
    }
    .gallery_container .links {
            padding: 30px 50px;
    }
    .gallery_container .links a {
            line-height: 30px;
    }

    .gallery_container .hidden {
            display: none;
    }
/*Gallery Container*/

.area{
     color: #ea6626;
}


/*Microsoft Consulting success storie*/
/* carousel */
#quote-carousel 
{
  padding: 0 10px 30px 10px;
  margin-top: 30px 0px 0px;
}

/* Control buttons  */
#quote-carousel .carousel-control
{
  background: none;
  color: #222;
  font-size: 2.3em;
  text-shadow: none;
  margin-top: 30px;
}
/* Previous button  */
#quote-carousel .carousel-control.left 
{
  left: -12px;
}
/* Next button  */
#quote-carousel .carousel-control.right 
{
  right: -12px !important;
}
/* Changes the position of the indicators */
#quote-carousel .carousel-indicators 
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the color of the indicators */
#quote-carousel .carousel-indicators li 
{
  background: #c0c0c0;
}
#quote-carousel .carousel-indicators .active 
{
  background: #333333;
}
#quote-carousel img
{
/*  width: 250px;
  height: 100px*/
}
/* End carousel */

.item blockquote {
    border-left: none; 
    margin: 0;
}

.item blockquote img {
    margin-bottom: 10px;
}

.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}



/**
  MEDIA QUERIES
*/

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) { 
    #quote-carousel 
    {
      margin-bottom: 0;
      padding:0 10px 30px 10px;
      margin-top: 30px;
    }
    
}

/* Small devices (tablets, up to 768px) */
@media (max-width: 768px) { 
    
    /* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    
    #quote-carousel .carousel-indicators {
        bottom: -20px !important;  
    }
    #quote-carousel .carousel-indicators li {
        display: inline-block;
        margin: 0px 5px;
        width: 15px;
        height: 15px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 20px;
        height: 20px;
    }
}
.microsoft_success_stories #quote-carousel .carousel-indicators li{
    height: 10px;
    width: 10px;
}
.microsoft_success_stories #quote-carousel .carousel-indicators .active{
    background: #f26222;
    height: 15px;
    width: 15px;
}
.microsoft_success_stories #quote-carousel .carousel-indicators{
    position: absolute;
}
.microsoft_success_stories #quote-carousel .carousel-control.left, .microsoft_success_stories #quote-carousel .carousel-control.right{
    margin-top: 0;
    top: 40%;
    display: none;
}
.microsoft_success_stories #quote-carousel .carousel-control.left i, .microsoft_success_stories #quote-carousel .carousel-control.right i{
    color: #000;
}
.microsoft_success_stories #quote-carousel{
    margin-top:0;
}
.microsoft_success_stories #quote-carousel .carousel-indicators{
    min-height: auto;
    padding: 0;
}
.microsoft_success_stories .carousel .item h4{
    font-size: 19px;
    font-family: "Lato", Arial, sans-serif;
    letter-spacing: 0;
    color: #f26222;
    margin-bottom: 10px;
}
.microsoft_success_stories .carousel .item h6{
    font-size: 17px;
    font-family: "Lato", Arial, sans-serif;
    letter-spacing: 0;
    color: #f26222;
    margin-bottom: 5px;
    margin-top: 25px;
}
/*Microsoft Consulting success storie*/

/*Mobility Portfolio form*/
.mobility_portfolio_form{
    padding:0px 6px 0 45px;
    overflow: hidden;
}
.mobility_portfolio_form .hbspt-form, .mobility_portfolio_form .hbspt-form form{
    overflow: hidden;
}
.mobility_portfolio_form .hs-form-field span{
        font-size: 13px;
    color: #8c8c8c;
    font-weight: 400;
}
.mobility_portfolio_form .hs-form-field .hs-form-required{
        color: #8c8c8c;
    margin-left: 2px;
}
.mobility_portfolio_form .hs-form-field{
    width:46%;
    float:left;
    margin-bottom: 15px !Important;
}
.mobility_portfolio_form .hs_firstname, .mobility_portfolio_form .hs_email{
        width: 46%;
    float: left;
    margin-right: 29px;
}
.mobility_portfolio_form .hs-form-field .hs-input{
    margin-top: 0 !important;
        width: 97%;
    padding: 8px;
    height: auto;
    color:#afafaf;
}
.mobility_portfolio_form .hs_comments{
    width: 100%;
}
.mobility_portfolio_form .hs_comments .hs-input{
    width:100% !important;
        height: 90px !important;
}
.mobility_portfolio_form .actions {
    text-align: center;
}
.mobility_portfolio_form .actions .hs-button{
border-radius: 3px;
    background: #F26222;
    color: #fff;
    border: 1px solid #fff;
    font-family: Oswald;
    letter-spacing: 1px;
    transition: .4s;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    text-shadow: none;
    font-weight: normal;
    width: 112px;
    margin: 0 auto;
    padding: 10px 30px!important;
        line-height: 1.33;
}
.mobility_portfolio_form .actions .hs-button:active, .mobility_portfolio_form .actions .hs-button:visited{
     background: #F26222 !important;
}
.mobility_portfolio_form .actions .hs-button:hover{
         background: #fff;
    color: #F26222;
    text-decoration: none;
    border: 1px solid #F96302 !important;
    box-shadow: none !important;
}
.mobility_portfolio_form .submitted-message{
       padding-bottom: 25px;
    font-size: 20px;
    text-align: center;
    color: #F26222;
}
.mobility_portfolio_form .hs-error-msgs li label{
    display: none;
}
.mobility_model_content{
    overflow: hidden;
}
/*Mobility Portfolio form*/

.oracle_partner_form .hs_company{
    margin-right: 29px;
}
.oracle_partner_form .hs-form{
    margin-bottom: 0;
}
.oracle_partner_form .hs-form-field .hs-input{
    color: #6b6b6b;
}

/*Mobility Lunch and Learn*/
.month-and-year strong{
    font-size: 17px;
}
.location strong{
    font-size: 17px;
    margin-bottom: 0;
    display: block;
}
.mobility_innovation_top{
/*    background: #69147c;*/
    padding:65px 0 85px 0;
       background: url(../images/mobilesummit1.jpg) right -105px no-repeat #09094f;
}
.invitation_hed{
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    margin-right: 2%;
    width: 44%;
    color:#fff;
        font-size: 3.375em;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
    line-height: 1.1em;
    letter-spacing: -0.05em;
}
.invitation_tagline{
    font-size: 1.2em;
    margin-bottom: 1em;
        display: block;
    float: left;
    margin-right: 2.35765%;
    width: 100%;
    padding: 0;
}
.invitaion_description{
    font-family: 'Open Sans', sans-serif;
    margin: 0.3em;
        display: block;
    float: left;
    margin-right:0;
    width: 44%;
    margin-top: 0.5em;
        font-size: 1.5em;
    line-height: 1.2em;
    font-weight: 300;
    color: #fff;
    margin-bottom: 25px;
}
.jarkstxt{
    font-weight: 600;
    color: #f26222;
}
.join_event{
    clear: both;
}
.join_event a{
    display: block;
        color: #fff;
    margin-right: 10px;
    font-size: 19px;
    font-weight: normal;
    display: inline-block;
    margin-bottom: 0;
    background: #f96609;
    border-radius: 5px;
    border: 1px solid #bd4a01;
    padding:6px 10px;
    font-family: 'Open Sans', sans-serif;
}
.join_event a:hover {
    background: #e45c05;
}
.join_event a i{
    margin-right: 10px
}
.short_links{
        font-weight: 300;
    margin-top: 1.5em;
    margin-left: 0;
    padding: 0 0 0 7px;
}
.short_links li{
    zoom: 1;
    margin-bottom: 0;
/*       height: 38px;
    display: inline-block;
    background: #f96609;
    border-radius: 5px;
    border: 1px solid #bd4a01;*/
}
.short_links li a{
   color: #fff;
    margin-right: 10px;
    font-size: 19px;
    font-weight: normal;
    
        height: 38px;
    display: inline-block;
    zoom: 1;
    margin-bottom: 0;
    background: #f96609;
    border-radius: 5px;
    border: 1px solid #bd4a01;
    padding: 0 10px 0 0;
    font-family: 'Open Sans', sans-serif;
}
.short_links li a:hover{
    background: #e45c05;
}
.short_links li a i{
       color: #FFF;
    line-height: 39px;
    text-align: center;
    font-size: 17px;
    margin-right: 5px;
    margin-left: 10px;
}
.schedule_date{
    display: block;
    float: left;
    border-color: white;
        margin-top: 1.7em;
        color:#fff;
}
.schedule_date>div {
    display: inline-block;
    zoom: 1;
    border-style: solid;
    border-width: 0 0 1px 1px;
    padding: 0 1em 0.2em 0.6em;
}
.day-range {
    font-size: 5.0625em;
    font-family: "HelveticaNeueW01-Thin",sans-serif;
    text-rendering: optimizeLegibility;
    text-indent: -0.05em;
    line-height: 0.9em;
}
.location {
    font-size: 15px;
}
.speaker_text{
    background: #fff;
    padding: 10px;
}
.why_attend{
    padding: 60px 0 100px 0;
/*       background:url(/images/why1.jpg) 0px 59px no-repeat #8b7577;*/
background: url(../images/why1.png) 0px 0px no-repeat #09094f;
/*           height: 600px;*/
   background-attachment: fixed;
        background-size: cover;
}
.event_for{
/*    background: #da790a;*/
        background:url(../images/para.png) right bottom no-repeat #d46012;
    background-attachment: fixed;
}
.why_attend p{
        font-size: 16px;
    line-height: 23px;
    color: #fff;
}
.abt_speaker{
/*   background-color: #f0eff3;
   padding: 100px 0;*/
   background: url(../images/citilights.jpg) left center no-repeat;
    padding: 30px 0 66px 0;
    background-size: cover;
    background-attachment: fixed;
}
.abt_speaker h1{
   color: #fff;
    width: 100%;
}
.speaker_box{
    background: none;
/*    padding: 20px;*/
}
.speaker_box h3{
    color:#fff;
    font-weight: 500;
    font-family: 'Open Sans', sans-serif;
   margin-bottom: 25px;
   letter-spacing: 0;
}
.arrows_top{
    margin-bottom: 10px;
        overflow: hidden;
}
.address_venue{
    padding-top: 0;
}
.address_venue p{
    font-size: 13px;
}
.address_venue h5{
    font-size: 18px;
    color: #292964;
}
.address_venue .address_date{
        color: #e26d2c;
    font-size: 15px;
}
.spe_des{
    text-align: center;
}
.spe_des img{
        border: 2px solid #fff;
    border-radius: 103px;
    height: 175px;
    margin: 10px 0;
}
.spe_des p{
    color: #fff;
    font-size: 22px;
    margin-top: 10px;
    margin-bottom: 0;
}
.spe_des span{
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0;
}
.speaker_box hr{
    border: 1px solid rgba(226, 193, 155, 0.67);
    margin: 25px 0;
        box-shadow: 0px 0px 18px #588817;
}

.col-item
{
    border: 1px solid #E1E1E1;
    border-radius: 5px;
    background: #FFF;
}
.col-item .photo img
{
    margin: 0 auto;
    width: 100%;
}

.col-item .info
{
    padding: 10px;
    border-radius: 0 0 5px 5px;
    margin-top: 1px;
}

.col-item:hover .info {
    background-color: #F5F5DC;
}
.col-item .price
{
    /*width: 50%;*/
    float: left;
    margin-top: 5px;
}

.col-item .price h5
{
    line-height: 20px;
    margin: 0;
}

.price-text-color
{
    color: #219FD1;
}

.col-item .info .rating
{
    color: #777;
}

.col-item .rating
{
    /*width: 50%;*/
    float: left;
    font-size: 17px;
    text-align: right;
    line-height: 52px;
    margin-bottom: 10px;
    height: 52px;
}

.col-item .separator
{
    border-top: 1px solid #E1E1E1;
}

.clear-left
{
    clear: left;
}

.col-item .separator p
{
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: center;
}

.col-item .separator p i
{
    margin-right: 5px;
}
.col-item .btn-add
{
    width: 50%;
    float: left;
}

.col-item .btn-add
{
    border-right: 1px solid #E1E1E1;
}

.col-item .btn-details
{
    width: 50%;
    float: left;
    padding-left: 10px;
}
.controls
{
    margin-top: 20px;
}
/*[data-slide="prev"]
{
    margin-right: 10px;
}*/
.attend_box{
    overflow: hidden;
    width: 100%;
}
.attend_box_main{
    background: rgba(72, 70, 76, 0.18);
    padding: 20px;
    border: 1px solid #040446;
    margin: 0 auto;
    max-width: 750px;
        overflow: hidden;
}
.attend_list{
    padding: 0 0 0 33px;
}
.attend_list ul{
    padding: 0;
}
.attend_list ul li{
   color: #fff;
    line-height: 26px;
    font-size: 16px;
}
.cxo_form .hs_company, .cxo_form .hs_phone{
    width: 46%;
    float: left;
    margin-right: 29px;
}
.cxo_form .hs_email, .cxo_form .hs_date_and_place{
    width: 46%;
    float: left;
    margin-right: 0;
}
.cxo_form .hs_date_and_place{
    width: 48%;
}
.eventfor_box {
    display: block;
    text-align: center;
    width: 100%;
}
.eventfor_box_main{
        margin: 0 auto;
    max-width: 650px;
    display: block;
    overflow: hidden;
        background: rgba(220, 106, 30, 0.59);
    border: 1px solid #ce5a0e;
    padding: 20px;
}
.cxo_faq{
            background: url(../images/faq.png) 98% center no-repeat #292964;
    background-attachment: fixed;
    padding: 60px 100px;
}
.main_faq{
    max-width: 60%;
    margin: 0 auto;
}
.main_faq .panel-heading, .main_faq .panel{
    background: none;
   /* border-bottom: 1px solid #fff;
    border-top: 0;
    border-right: 0;
    border-left: 0;*/
   border:0;
    box-shadow: none;
}
.main_faq .panel-heading{
    background: none;
   border:0;
    box-shadow: none;
}
.main_faq .panel-heading h4{
    font-weight: normal;
        letter-spacing: 0;
    color: #ffffff;
}
.main_faq .panel-body{
    border: 0 !important;
    color: #fff;
}
.pan_no_b{
    border:0;
}
.pan_b_t{
    border-top:1px solid #fff !important;
    border-right:0;
    border-bottom:0;
    border-left:0;
}
.pan_b_b{
   border-top:0;
    border-right:0;
    border-bottom:1px solid #fff;
    border-left:0; 
}
.faqs{
    margin-bottom: 20px;
}
.faqmail{
    color:#fff;
    text-decoration: underline;
}
/*.faqbg{
        background: url(/images/faq.png) 0 0 no-repeat;
    position: absolute;
    top: 0;
    width: 225px;
    height: 230px;
}*/
.postponed{
    font-size: 24px;
}
.postponed span{
    clear: both;
    display: block;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0px;
}
/*GST Accordion*/
.gstacc .panel-heading h4, .gstacc .panel-body{
    color:#000;
}
.gstacc{
    max-width:90%;
        margin-top: 40px;
}
.gstacc .panel-heading{
        background-color: #fb721f;
    border-color: #EEEEEE;
}
.gstacc .panel {
    background: #fff;
}
.gstacc .right-arrow{
        font-size: 35px;
    font-weight: bold;
    color:#fff;
}
.abt_gst {
    padding: 50px 0 30px 0;
    background: #f7f7f7;
    margin-top: 25px;
}
.gstacc .panel-body{
   border:1px solid #ccc !important; 
}
.gstacc .panel-body ul{
    padding: 0 0 0 16px;
}
.gstacc .panel-title > a {
    color: inherit;
    display: block;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
/*GST Accordion*/

@media only screen and (min-device-width : 0px) and (max-device-width : 768px) and (orientation:portrait) {
    .mobility_innovation_top{
        background: #09094f;
    }
    .invitation_hed{
        width:100%;
        font-size: 2.8em;
    }
    .invitaion_description{
        width:100%;
    }
    .mobfetcustom{
        padding-bottom: 10px;
    }
    .session_each{
        margin-bottom: 15px;
    }
    .schedule_date .day-range{
        font-size: 4.0625em;
    }
    .mobility_innovation_top{
            padding: 100px 0 50px 0;
    }
    .main_faq{
    max-width: 90%;
    margin: 0 auto;
    }
    .cxo_faq {
    padding: 60px 0px;
    }
    .gst_diff .second_tab .diff_part ul li {
    width: 90%;
    margin: 0 8px 15px 8px !important;
    }
    .second_tab .rest_cont{
    text-align: left;
    }
    .second_tab {
    color: #000;
    }
    .gst_diff #nav section{
        margin-top: 15px;
    }
    .siteinfo{
        line-height: 17px;
    margin-bottom: 25px;
    }
    .gst_diff #nav section{
        display: block !important;
    }
    .gst_diff .second_tab .diff_part ul li {
    width: 96%;
    margin: 0 8px 15px 8px !important;
    }
    .gst_diff #nav {
    width: 100%;
    }
}
@media only screen and (min-device-width : 0px) and (max-device-width : 768px) and (orientation:landscape) {
    .mobility_innovation_top {
        background: url(../images/mobilesummit1.jpg) 0px 0px no-repeat #09094f;
        background-size: contain;
    }
    .why_attend .invitation_hed{
        width:100%;
    }
    .invitation_hed{
         width:50%;
        font-size: 2.8em;
    }
    .invitaion_description{
         width:50%;
    }
    .schedule_date .day-range{
        font-size: 4.0625em;
    }
    .mobility_innovation_top{
            padding: 100px 0 50px 0;
    }
    .mobfetcustom{
        padding-bottom: 10px;
        text-align: center;
    }
    .session_each{
        margin-bottom: 15px;
    }
    .why_attend{
          padding: 30px 0 40px 0;  
    }
    .main_faq{
    max-width: 90%;
    margin: 0 auto;
    }
    .cxo_faq {
    padding: 60px 0px;
    }
    .gst_diff .second_tab .diff_part ul li {
    width: 45%;
    margin: 0 8px 15px 8px !important;
    }
    .second_tab {
    color: #000;
    }
    .second_tab .rest_cont{
    text-align: left;
    }
    .gst_diff #nav .first_tab, .gst_diff #nav .second_tab{
        display: block !important;
    }
    .gst_diff #nav section{
        margin-top: 15px;
    }
    .siteinfo{
        line-height: 17px;
    margin-bottom: 25px;
    }
    .gst_diff #nav section{
        display: block !important;
    }
    .gst_diff #nav {
    width: 100%;
    }
}
@media only screen and (min-device-width :569px) and (max-device-width : 736px) and (orientation:landscape) {
	
}
@media only screen and (min-device-width :569px) and (max-device-width : 732px) and (orientation:landscape) {
	
}
@media only screen and (min-device-width : 0px) and (max-device-width : 767px)  and (orientation:portrait){
    .inner_table_main{
        width:100%;
    }
}
@media only screen and (min-device-width : 0px) and (max-device-width : 320px) and (orientation:portrait){
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:portrait){
    .mobility_innovation_top {
    background: url(../images/mobilesummit1.jpg) -287px -110px no-repeat #09094f;
    }
    .event_for {
    background: url(../images/para.png) 457px 251px no-repeat #d46012;
    background-attachment: fixed;
    }
    .session_each{
        padding-right: 10px;
        padding-left: 10px;
    }
    .invitation_hed{
        width:100%;
        font-size: 2.8em;
    }
    .mobility_innovation_top .invitation_hed{
        width:50%;
        font-size: 2.8em;
    }
    .mobility_innovation_top {
    padding: 100px 0 50px 0;
    }
    .main_faq{
    max-width: 90%;
    margin: 0 auto;
    }
    .cxo_faq {
    padding: 60px 0px;
    }
    #quote-carousel .carousel-indicators li.active {
        margin: 0px 5px;
        width: 45px !important;
        height: 45px !important;
    }
    #quote-carousel .carousel-indicators li {
    display: inline-block;
    margin: 0px 5px;
    width: 40px;
    height: 40px;
    }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation:landscape) {
    .mobility_innovation_top{
        background: url(../images/mobilesummit1.jpg) -155px -105px no-repeat #09094f;
    }
    .why_attend .invitation_hed{
        width:100%;
    }
    .main_faq{
    max-width: 90%;
    margin: 0 auto;
    }
    .cxo_faq {
    padding: 60px 0px;
    }
}
@media only screen and (max-device-width: 1366px) and (min-device-width: 1024px) and (orientation: portrait){
    .mobility_innovation_top {
    background: url(../images/mobilesummit1.jpg) -197px -110px no-repeat #09094f;
    }
}
@media only screen and (min-device-width : 1024px) and (max-device-width : 1366px) and (orientation: landscape){
}
@media only screen and (min-device-width : 0px) and (max-device-width : 414px){
.hs-form-field{
    width:100% !important;
}
}
/*Mobility Lunch and Learn*/

/*Divisible section*/
/*.newsletter-footer {
    position: relative;
        display: flex;
}
.media-temple-footer-ad {
    background: #424242;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.media-temple-footer-ad>h4 {
        background: #353535;
    color: white;
    padding: 1.3rem 1rem 1rem 1rem;
    text-transform: none;
    position: relative;
    z-index: 1;
    text-align: center;
    font-size: 28px;
    letter-spacing: 0;
    font-weight: 500;
    margin-top: 0;
}
.mt-flex-grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 4rem 0 2rem;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}
.mt-flex-grid>div:nth-child(1) {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: 1rem;
}
.mt-flex-grid>div:nth-child(2) {
    font-size: 75%;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 2rem;
}
.media-temple-footer-ad p {
    color: white;
        font-size: 14px;
}
.mt-logo-wrap {
    text-align: center;
    padding: 1rem;
}
.footer-newsletter-block {
    background: #F1C649;
        -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}
.footer-newsletter-block>h4 {
    background: #c5960f;
    color: white;
    padding: 1.3rem 1rem 1rem 1rem;
    text-transform: none;
    position: relative;
    z-index: 1;
    text-align: center;
    margin-top: 0;
    font-size: 28px;
    letter-spacing: 0;
    font-weight: 500;
}
.footer-newsletter-block>p{
    padding: 0 18px;
}*/


/*Divisible section*/

.relativepos{
    position: relative;
}
.msgold{
    max-width: 89%;
    max-height: 33px;
    margin: 14px 0 0 20px !important;
}
.arrowcontrollers{
    overflow: hidden;
}
.arrowcontrollers a{
    float:none;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    background: #fc7721;
    color: #fff;
}
.arrowcontrollers a:hover{
    background: #fb9355;
}
.lunchandlearn_ban{
    background: url(../images/mobilesummit1.jpg) right -150px no-repeat #09094f;
 /*       background-size: cover;
    background-attachment: fixed;*/
}
.mobilit_cxo{
    top: -134px;
}
@media only screen and (min-width: 768px) and (max-width:1024px) and (orientation:portrait) {
    .cxo_slide div{
        margin-left: 80px !important;
    }
    .cxo_slide .slotholder img{
        top: 0px;
    }
}
@media only screen and (min-width: 768px) and (max-width:1024px) and (orientation:landscape) {
    .cxo_slide .slotholder img{
        top: -43px;
    }
    .cxo_slide div{
        margin-left: 100px !important;
    }
}
@media screen and (min-width: 1367px){
/*    .carousel-inner > .item.qa_item{
        height:720px !important;
    }*/
.carousel-inner > .item.qa2page .banner_over_text h1 {
    /* color: #fff; */
    font-weight: 600;
    font-size: 35px;
    z-index: 99999;
    line-height: 36px;
    color: #e6c132;
    letter-spacing: 0;
}
.qamain_control a {
    top: 18%;
}
}