﻿.carousel, .carousel-inner, .nxtgenNewsImg, .nxtgenText, .profilePic {
    overflow: hidden
}

.channel-partner-ul, .ppUlLi ul li {
    list-style-image: url(../images/li-arrow.png)
}

@font-face {
    font-family: Montserrat-Bold;
    src: url(fonts/Montserrat-Bold.eot?#iefix) format('embedded-opentype'), url(fonts/Montserrat-Bold.otf) format('opentype'), url(fonts/Montserrat-Bold.woff) format('woff'), url(fonts/Montserrat-Bold.ttf) format('truetype'), url(fonts/Montserrat-Bold.svg#Montserrat-Bold) format('svg');
    font-weight: 400;
    font-style: normal
}

.montfont-bold {
    font-family: Montserrat-Bold
}

@font-face {
    font-family: Montserrat-Medium;
    src: url(fonts/Montserrat-Medium.woff) format('woff'), url(fonts/Montserrat-Medium.ttf) format('truetype'), url(fonts/Montserrat-Medium.svg#Montserrat-Medium) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Montserrat-ExtraLight;
    src: url(fonts/Montserrat-ExtraLight.eot?#iefix) format('embedded-opentype'), url(fonts/Montserrat-ExtraLight.otf) format('opentype'), url(fonts/Montserrat-ExtraLight.woff) format('woff'), url(fonts/Montserrat-ExtraLight.ttf) format('truetype'), url(fonts/Montserrat-ExtraLight.svg#Montserrat-ExtraLight) format('svg');
    font-weight: 400;
    font-style: normal
}

.montfont-extralight {
    font-family: Montserrat-ExtraLight
}

@font-face {
    font-family: Montserrat-SemiBold;
    src: url(fonts/Montserrat-SemiBold.eot?#iefix) format('embedded-opentype'), url(fonts/Montserrat-SemiBold.otf) format('opentype'), url(fonts/Montserrat-SemiBold.woff) format('woff'), url(fonts/Montserrat-SemiBold.ttf) format('truetype'), url(fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold) format('svg');
    font-weight: 400;
    font-style: normal
}

.montfont-semibold {
    font-family: Montserrat-SemiBold
}

.enquiry-title, .montfont-light {
    font-family: Montserrat-Light
}

@font-face {
    font-family: Montserrat-Light;
    src: url(fonts/Montserrat-Light.eot?#iefix) format('embedded-opentype'), url(fonts/Montserrat-Light.otf) format('opentype'), url(fonts/Montserrat-Light.woff) format('woff'), url(fonts/Montserrat-Light.ttf) format('truetype'), url(fonts/Montserrat-Light.svg#Montserrat-Light) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Titillium-Light;
    src: url(fonts/Titillium-Light.eot?#iefix) format('embedded-opentype'), url(fonts/Titillium-Light.otf) format('opentype'), url(fonts/Titillium-Light.woff) format('woff'), url(fonts/Titillium-Light.ttf) format('truetype'), url(fonts/Titillium-Light.svg#Titillium-Light) format('svg');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: Raleway-SemiBold;
    src: url(fonts/Raleway-SemiBold.eot);
    src: url(fonts/Raleway-SemiBold.woff2) format('woff2'), url(fonts/Raleway-SemiBold.woff) format('woff'), url(fonts/Raleway-SemiBold.ttf) format('truetype'), url(fonts/Raleway-SemiBold.svg#Raleway-SemiBold) format('svg'), url(fonts/Raleway-SemiBold.eot?#iefix) format('embedded-opentype');
    font-weight: 400;
    font-style: normal
}

.titfont-light {
    font-family: Titillium-Light
}

.background-carousel {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1
}

.carousel, .carousel-inner, .item {
    width: 100%;
    height: 100%;
    z-index: 0
}

.item {
    width:100%;
    height:100%;
    background-position:center center;
    background-size:cover;
    z-index:0;
}

.dropbtn, .navbar {
    height: 60px
}

.content-wrapper {
    position: absolute;
    z-index: 1 !important;
    min-width: 100%;
    min-height: 100%;
    padding-top: 8%
}

.well {
    opacity: .85
}

.title {
    color: #fff;
    font-size: 40px
}
.custom-slide {
    padding-left:0;
    padding-right:0;
}



body {
    font-family: Montserrat-ExtraLight
}

.breadcrumb > li {
    font-family: Raleway-SemiBold
}

.dropbtn {
    background-color: transparent;
    color: #fff;
    padding: 16px;
    font-size: 14px;
    border: none;
    cursor: pointer;
    width: 60px;
    background-image: url(../images/menu.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px
}

.dropdown {
    position: relative;
    display: inline-block;
    float: right
}

.dropdown-content {
    display: none;
    position: absolute;
    min-width: 200px;
    z-index: 1;
    font-size: 14px;
    right: 0
}

.innerpage-section, .position-r, .scroll-control, .welcome-area {
    position: relative
}

.dropdown-content a {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    background-color: rgba(0, 0, 0, .8);
    border-bottom: 1px solid #9d9d9d
}

.dropdown-content a:hover {
    background-color: rgba(0, 0, 0, 10);
    color: #fff
}

.font-20 p, .font-20 ul li {
    font-size: 15px;
    color: #000;
    text-align: justify
}

.dropdown:hover .dropdown-content {
    display: block
}

.dropdown:hover .dropbtn {
    background-color: rgba(255, 255, 255, .2)
}

.scroll-control {
    top: -60px
}

.navbar-nav {
    margin: 0
}

.navbar-brand {
    height: 60px;
    /* padding: 12px 15px */
}

.height-lg, .welcome-area {
    height: 100%
}

.navbar-toggle {
    display: block !important;
    margin-right: -11px;
    margin-top: 12px
}

.container > .navbar-header {
    width: 100%
}

.navbar-inverse .navbar-toggle {
    border-color: transparent
}

div:after, div:before {
    display: table;
    content: " ";
    clear: both
}

.btn {
    min-width: auto
}

.font-20 ul li {
    list-style: none
}

.dropdown.hidenav .dropdown-content {
    display: block
}

.dropdown.hidenav2 .dropdown-content {
    display: none
}

.accordion-font {
    color: #333 !important
}

#navbar ul li:hover, .hover, .our-apply-btn a:hover, .our-readmore-btn a:hover, .knowMore:hover, .navbar-nav > li > a, footer a:focus, footer a:hover, .download-product-note:hover, .download-product-note2:hover {
    webkit-transition: .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ease-in-out 0s;
    transition: all .3s ease-in-out 0s
}

.color-active {
    color: #572383
}

.color-white {
    color: #fff
}

.color-grey {
    color: #333
}

.color-grey2 {
    color: #4d4d4d
}

.color-black {
    color: #000
}

.color-orange {
    color: #f7921e
}

.hcolor1 {
    color: #1ea6ce
}

.hcolor2 {
    color: #6baa1a
}

.hcolor3 {
    color: #c0361b
}

.bg-white {
    background-color: #fff
}

.bg-grey {
    background-color: #f2f2f2
}
.bg-color-blue{
    background-color: #66bce7;
}
.infinite-gradient {
    background: #db9524;
    background: -moz-linear-gradient(left, #db9524 0, #e8b134 100%);
    background: -webkit-linear-gradient(left, #db9524 0, #e8b134 100%);
    background: linear-gradient(to right, #db9524 0, #e8b134 100%)
}

.foundser-gradient {
    background: #1591c3;
    background: -moz-linear-gradient(left, #1591c3 0, #26b7d8 100%);
    background: -webkit-linear-gradient(left, #1591c3 0, #26b7d8 100%);
    background: linear-gradient(to right, #1591c3 0, #26b7d8 100%)
}

.continuty-gradient {
    background: #75ab23;
    background: -webkit-linear-gradient(left, #75ab23 0, #9ec323 100%);
    background: -o-linear-gradient(left, #75ab23 0, #9ec323 100%);
    background: linear-gradient(to right, #75ab23 0, #9ec323 100%)
}

.transfor-gradient {
    background: #c13727;
    background: -moz-linear-gradient(left, #c13727 0, #d95728 100%);
    background: -webkit-linear-gradient(left, #c13727 0, #d95728 100%);
    background: linear-gradient(to right, #c13727 0, #d95728 100%)
}

.product-card-continuity .btn, .product-card-essential .btn, .product-card-infinte .btn, .product-card-transformation .btn {
    background-image: url(../images/right-arrow.png);
    background-repeat: no-repeat;
    background-size: 28px 28px;
    background-position: 92% center
}

.continuity-cord-section ul li, .essential-cord-section ul li, .home-continuity-section .home-text-section, .home-essential-section .home-text-section, .home-transformation-section .home-text-section, .transformation-cord-section ul li {
    background-color: transparent
}

#navbar, .topmenu-area {
    background-color: rgba(0, 0, 0, .8)
}

.welcome-product-div, .welcome-product-div ul, .width-lg {
    width: 100%;
    float: left;
    text-align: center
}

.pd-top20 {
    padding-top: 20px
}

.section-padding {
    padding: 60px 0
}

.link-section-padding {
    padding: 80px 0
}

#navbar, .navbar-nav > li > a {
    padding: 0
}

div p, ul {
    font-size: 13px
}

p {
    line-height: 24px
}

.welcome-product-div ul {
    margin: 0;
    padding: 0
}

.display-table {
    display: table;
    width: 100%;
    height: 100%
}

.display-table-cell {
    display: table-cell;
    vertical-align: middle
}

.contactus-btn {
    width: 40px;
    height: auto;
    position: fixed;
    right: 0;
    top: 74%
}

.contactus-btn img {
    width: 100%;
    height: auto
}

.topmenu-area {
    width: 100%;
    height: 60px
}

.header-top-area {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 999;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out
}

.welcome-image-area {
    position: relative;
    height: 100%;
    z-index: 1
}

.header-text h1 {
    color: #fff;
    font-size: 35px;
    margin-top: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 1px 1px 10px #000
}

#navbar {
    width: 250px;
    float: right;
    margin-right: -30px
}

#navbar ul li {
    text-align: right;
    padding: 10px 28px 10px 10px;
    border-bottom: 1px solid #95989a;
    color: #95989a;
    font-size: 15px;
    width: 100%;
    cursor: pointer;
    font-weight: 700
}

#navbar ul li:last-of-type {
    border-bottom: 0
}

#navbar ul li:hover {
    color: #FFF
}

.welcome-product-div {
    padding-top: 20px;
    text-align: center
}

.welcome-product-div ul li {
    width: calc(25% - 35px);
    float: left;
    margin-right: 46px;
    list-style: none;
    color: #FFF;
    box-sizing: border-box;
    height: 254px;
    position: relative;
    text-align: left
}

.welcome-product-div ul li:nth-child(4) {
    margin-right: 0
}

.product-card-infinte {
    background-color: rgba(236, 159, 66, .8) !important
}

.right-arrow {
    width: 28px;
    height: 28px;
    float: left
}

.product-card-infinte .btn {
    background-color: #e86122
}

.product-card-essential {
    background-color: rgba(60, 166, 209, .8) !important
}

.product-card-essential .btn {
    background-color: #0b7bbf
}

.product-card-continuity {
    background-color: rgba(52, 172, 120, .8) !important
}

.product-card-continuity .btn {
    background-color: #0d9756
}

.product-card-transformation {
    background-color: rgba(184, 37, 15, .8) !important
}

.product-card-transformation .btn {
    background-color: #b8250f
}

.welcome-product-div h2 {
    border-bottom: 1px solid;
    font-size: 16px;
    margin: 0;
    padding: 12px 20px
}

.welcome-product-div li p {
    padding: 10px 20px;
    font-size: 18px
}

.welcome-product-div li .btn:hover {
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125)
}

.welcome-product-div li .btn {
    width: 100%;
    height: 48px;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0 20px;
    border-radius: 0;
    line-height: 48px;
    text-align: left;
    border: 0;
    color: #fff
}

.welcome-product-div li .btn img {
    float: right;
    margin-top: 9px
}

.nav-email {
    margin-right: 15px;
    margin-top: 18px;
    float: right;
    font-size: 14px;
    color: #FFF
}

.nav-email:hover {
    color: #FFF;
    text-decoration: underline
}

.accordion-toggle:hover, .capcha-img a, .knomore-btn a, .textdec {
    text-decoration: none
}

.dev-cloud {
    width: 100%;
    height: 100px;
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    bottom: 0;
    padding: 15px 0;
    z-index: 2
}

.ask-anything-img, .news {
    position: fixed;
    right: 0;
    bottom: 0
}

.event-bell {
    width: 20%;
    height: 100%;
    float: left;
    border-right: 2px solid #fff;
    flex-wrap: wrap;
    justify-content: center;
    display: -webkit-flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}

.arrow-left, .arrow-right {
    flex-wrap: wrap;
    display: -webkit-flex
}

.event-bell img {
    width: 150px;
    height: auto;
    margin: 0 auto
}

.nxtdev {
    width: 80%;
    height: 100%;
    float: right
}
.nxtdev-height{
    height: 100%;
}
.arrow-left {
    width: 5%;
    height: 100%;
    float: left;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}

.arrow-left img {
    width: 14px;
    height: 36px;
    margin: 0 auto
}

.arrow-right {
    width: 5%;
    height: 100%;
    float: right;
    justify-content: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}

.arrow-right img {
    width: 14px;
    height: 36px;
    margin: 0 auto
}

.home-text-section h1, .home-text-section h2 {
    font-family: Montserrat-Bold;
    margin-top: 0;
    text-transform: uppercase
}

.nxtdev-logo {
    /*width: 14%; nxtgen.com*/
    width: 10%;
    height: 100%;
    float: left;
    flex-wrap: wrap;
    justify-content: center;
    display: -webkit-flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    margin: 0 50px;
}
.inner-text, .nxtdev-text {
    -ms-flex-align: center
}
.nxtdev-logo img {
    width: 102px;
    height: auto;
    text-align: center;
}
.nxtdev-text {
    width: 100%;
    height: 100%;
    float: left;
    font-size: 30px;
    text-align: center;
    color: #fff;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}
.item-text a{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    display: -webkit-flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    cursor: pointer;
    color: #fff;
    float: left;
}
.register-btn{
    width: 20%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    display: -webkit-flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
}
.register-btn a{
    margin: 0px;
    text-align: left;
}
.register-btn a input{
    font-size: 16px;
    color: #fff;
    float: left;
    border: 3px solid #ffffff;
    background: transparent;
    padding: 10px;
}
.text-first{
    width: 60%;height: 100%;
    float: left;
    padding: 0 15px 0 50px;
    font-size: 18px;
}
.text-first a{
    text-align: center;
    margin: 0;
    text-decoration: none;
}
.text-second{
    width: 70%;
    height: 100%;
    float: left;
    font-size: 30px;
    text-align: center;
}
.text-second a{
    margin: 0;
    text-decoration: none;
}
.space{
    padding: 0 15px;
}


.ask-anything-img {
    width: 212px;
    height: 67px;
    background: url(../images/ask-anything-img.png) center top no-repeat;
    background-size: 100%;
    z-index: 99999
}

.ask-anything-img img {
    display: none
}

.news {
    width: 234px;
    height: 160px;
    background-image: url(../images/news.png);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: no-repeat;
    color: #fff;
    padding: 60px 10px 10px;
    font-size: 15px;
    top: 12%;
    z-index: 3
}

.welcome-section h1 {
    font-size: 36px
}

.welcome-section-padding {
    padding: 80px 0;
    position: relative
}

.home-image-section, .home-text-section {
    width: 50%;
    float: left;
    min-height: 250px
}

.home-image-section {
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0
}

.home-infinite-section .home-image-section {
    background: url(../images/infinite-section-img.png) center no-repeat;
    background-size: cover;
}

.home-text-section .container {
    width: 500px;
    padding: 0
}

.infinite-bg {
    background-image: url(../images/infinite-bg.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center
}

.home-text-section p {
    color: #FFF
}

.home-text-section h1 {
    font-size: 40px;
    margin-bottom: 0
}

.home-text-section h2 {
    font-size: 53px
}

.home-text-section ul {
    padding-left: 20px;
    margin-left: 0;
    color: #FFF;
    font-size: 14px
}

.home-text-section ul li {
    margin-bottom: 5px
}

.infinite-cord-section h1 {
    font-size: 34px
}

.infinite-cord-section ul {
    padding-top: 10px;
    margin: 0;
    padding-left: 0
}

.infinite-cord-section ul li {
    width: 27%;
    padding: 20px 0 15px;
    list-style: none;
    float: left;
    text-align: center;
    font-family: Titillium-Light;
    height: 160px;
    color: #FFF
}

.infinite-cord-section ul li:nth-child(2), .infinite-cord-section ul li:nth-child(4) {
    width: 9.5%;
    background-color: transparent
}

.infinite-cord-section h2 {
    font-size: 20px;
    margin: 0;
    font-family: Montserrat-Medium
}

.key-img, .mar-bot {
    margin-bottom: 15px
}

.about-mar, .knowMore {
    margin-top: 30px
}

.knomore-btn {
    float: left
}

.knowMore {
    width: 228px;
    height: 60px;
    border: 3px solid #fff;
    background: url(../images/right-arrow.png) 90% center no-repeat;
    background-size: 28px auto;
    font-size: 24px;
    font-family: Montserrat-SemiBold;
    text-align: left;
    padding: 11px 18px 0;
    outline: 0;
    letter-spacing: 1px
}

.knowMore:hover {
    color: #000;
    background-image: url(../images/right-arrow-hover.png)
}

.dataBullets ul li {
    list-style: disc;
    margin-top: 20px
}

.service-text-section h1, .service-text-section h2 {
    font-family: Montserrat-Bold;
    margin-top: 0;
    text-transform: uppercase
}

.video-img {
    background: url(../images/video-img.jpg);
    background-size: cover;
    height: 506px
}

.video-container {
    position: relative;
    padding-bottom: 36.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden
}

.video-container embed, .video-container iframe, .video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none
}

.service-text-section {
    width: 50%;
    float: right;
    min-height: 250px
}

.service-image-section {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.ser-bgimagen {
    background: url(../images/essential-services-image.png) center no-repeat;
    background-size: cover
}

.service-text-section h1 {
    font-size: 40px;
    margin-bottom: 0
}

.service-text-section h2 {
    font-size: 53px
}

.service-text-section .container {
    width: 500px;
    padding: 0
}

.service-bg {
    background-image: url(../images/foundbg-bg.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center
}

.home-essential-section .home-image-section {
    background: url(../images/essential-services-image.png) center no-repeat;
    background-size: cover
}

.continuity-cord-section ul, .essential-cord-section ul, .transformation-cord-section ul {
    margin-left: 0;
    padding-left: 0;
    margin-bottom: 0
}

.continuity-cord-section ul li, .essential-cord-section ul li, .transformation-cord-section ul li {
    width: 31%;
    padding: 0 10px;
    list-style: none;
    float: left;
    text-align: left;
    color: #FFF;
    font-family: Titillium-Light;
    margin-right: 3.5%;
    height: 70px;
    border-left: 2px solid;
    font-size: 18px;
    margin-bottom: 30px
}

.continuity-cord-section ul li:nth-child(3), .continuity-cord-section ul li:nth-child(6), .essential-cord-section ul li:nth-child(3), .transformation-cord-section ul li:nth-child(3) {
    margin-right: 0
}

.link-section-padding span {
    padding-top: 15px;
    float: left;
    color: #338dc9;
    font-family: Montserrat-SemiBold;
    padding-left: 15px;
    width: 76%
}

.infinite-cord-section img {
    float: none !important
}

.link-section-padding img {
    float: left;
    width: 60px
}

.conticolor span, .transcolor span {
    padding-top: 15px;
    padding-left: 15px;
    width: 76%;
    font-family: Montserrat-SemiBold;
    float: left
}

.essential-cord-section ul li {
    border-color: #0d7cc0
}

.essential-cord-section ul li:first-child {
    border-color: #fff
}

.transformation-cord-section ul li {
    border-color: #c0361b
}

.transformation-cord-section ul li:first-child {
    border-color: #fff
}

.conticolor span {
    color: #6baa1a;
    border-color: #6baa1a
}

.transcolor span {
    color: #c0361b;
    border-color: #c0361b
}

.connti-bd-colr ul li {
    border-color: #6baa1a
}

.connti-bd-colr ul li:nth-child(3n+1) {
    border-color: #fff
}

.home-continuity-section .home-image-section {
    background: url(../images/continuity-services-image.png) center no-repeat;
    background-size: cover
}

.continuty-image {
    background: url(../images/transformation-services-image.jpg) center no-repeat;
    background-size: cover
}

.continuty-bg, .transfor-bg {
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center
}

.home-transformation-section strong {
    clear: both;
    font-family: Montserrat-SemiBold;
    width: 100%;
    float: left;
    margin-bottom: -5px
}

.continuty-bg {
    background-image: url(../images/continuty-bg.png)
}

.transfor-bg {
    background-image: url(../images/transfor-bg.png)
}

.border-left-none {
    border-left: none
}

.leader-box {
    width: 100%;
    height: auto
}

.photo {
    width: 81px;
    height: 84px;
    float: left
}

.leader-detail {
    width: calc(100% - 95px);
    height: auto;
    float: right
}

.leader-name {
    width: 100%;
    font-size: 15px;
    color: #333;
    float: left;
    font-family: Montserrat-SemiBold
}

.leader-desig {
    font-size: 13px;
    color: #333;
    float: left;
    font-weight: 700
}

.channel-partner-ul, .channel-partner-ul b {
    color: #6b6b6b;
    font-size: 14px
}

.lead-marging {
    margin-top: 30px
}

.panel-heading .accordion-toggle:after {
    font-family: FontAwesome;
    content: "\f078";
    float: right
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "\f054"
}

.channel-partner-ul li {
    padding-top: 5px
}

.channel-partner-ul b {
    background: url(../images/li-arrow.png) left center no-repeat;
    padding-left: 20px
}

.ul-padding {
    padding-left: 60px
}

.channel-partner-ul-none {
    list-style: none;
    padding-left: 0
}

.table-td1 {
    width: 25%
}

.table-td2 {
    width: 75%
}

.table-td3, .table-td4 {
    width: 50%
}

.table-class {
    font-size: 14px;
    margin-bottom: 0
}

.innerpage-header-text-contact {
    width: 100%;
    height: 300px;
    margin-top: 100px
}

.cont-head-title {
    color: #fff;
    font-size: 30px;
    margin-top: 10px;
    letter-spacing: 2px;
    font-family: Montserrat-SemiBold
}

.enquiry-asteriks, .enquiry-title {
    color: #0a232f;
    width: 100%;
    height: auto
}

.contact-card {
    width: 100%;
    /*height: 446px;*/
    box-shadow: 0 0 20px rgba(0, 0, 0, .35)
}

.contactus, .enquiry {
    height: 100%;
    padding: 10px 30px 30px
}

.enquiry {
    width: 70%;
    background: #fff;
    float: left
}

.contactus {
    width: 30%;
    background: #0a232f;
    float: right
}

.enquiry-title {
    font-size: 18px
}

.enquiry-asteriks, .group label {
    font-family: Montserrat-Light;
    font-size: 12px
}

.input-feild {
    width: 46%;
    height: auto
}

.input-feild2 {
    width: 84%;
    height: auto;
    position: relative
}

.group, .group label {
    width: 100%;
    height: auto
}

.group {
    margin-top: 10px
}

.group label {
    color: #adb3b9
}

.group input, .textarea {
    font-size: 15px;
    width: 100%;
    outline: 0;
    font-family: Montserrat-Light
}

.group input {
    height: 40px;
    border: none;
    border-bottom: 2px solid #f0f0f0;
    color: #0a232f;
    padding-bottom: 10px
}

.group input::-webkit-input-placeholder {
    color: #b5b5b5
}

.group input::-moz-placeholder {
    color: #b5b5b5
}

.group input:-ms-input-placeholder {
    color: #b5b5b5
}

.group input:-moz-placeholder {
    color: #b5b5b5
}

.textarea {
    height: auto;
    border: none;
    border-bottom: 2px solid #f0f0f0;
    color: #0a232f
}

.textarea::-webkit-input-placeholder {
    color: #b5b5b5
}

.textarea::-moz-placeholder {
    color: #b5b5b5
}

.textarea:-ms-input-placeholder {
    color: #b5b5b5
}

.textarea:-moz-placeholder {
    color: #b5b5b5
}

.send {
    width: 50px;
    height: 50px;
    position: absolute;
    right: -92px;
    bottom: 0
}

.send button {
    width: 100%;
    height: 100%;
    background: url(../images/send.png) center no-repeat #009dff;
    border-radius: 100%;
    border: none;
    box-shadow: 1px 2px 5px rgba(0, 0, 0, .53);
    outline: 0
}

.addr, .contactus-title, .cor {
    width: 100%;
    height: auto
}

.download-pdf2:hover, .download-pdf:hover {
    box-shadow: inset 0 5px 5px rgba(0, 0, 0, .2)
}

.contactus-title {
    font-family: Montserrat-Light;
    font-size: 18px;
    color: #fff
}

.addr {
    border-bottom: 1px solid #1c333e;
    padding-bottom: 15px
}

.addr:last-child {
    border-bottom: none
}

.cor {
    background: url(../images/loc.png) left center no-repeat;
    font-family: Montserrat-SemiBold;
    font-size: 15px;
    padding-left: 20px;
    color: #fff;
    margin-top: 20px
}

.main-add, .search-job-title {
    font-family: Montserrat-Light
}

.main-add {
    font-size: 13px;
    color: #fff;
    margin-top: 10px
}

.featured-title, .search-job-title {
    margin-bottom: 10px;
    margin-top: 30px
}

.con-height {
    height: 475px;
}

.search-job, .search-job-title {
    height: auto;
    width: 100%
}

.search-job-title {
    font-size: 35px;
    color: #333
}

.search {
    width: 100%;
    height: 55px;
    border: 2px solid #129b5a
}

.search button, .search input {
    height: 100%;
    border: none;
    padding: 0 30px;
    outline: 0
}

.search input {
    width: 80%;
    background: #fff;
    float: left;
    font-family: Montserrat-ExtraLight;
    font-size: 26px;
    color: #a3a3a3
}

.search button {
    width: 20%;
    background: #129b5a;
    float: right;
    font-size: 28px;
    text-align: left;
    color: #fff
}

.featured, .featured-title {
    width: 100%;
    height: auto
}

.featured-box-text1 {
    padding: 20px 30px;
    height: 100px;
    font-weight: 600
}

.featured-box-text2 {
    width: 100%;
    background: #f9a84b;
    padding: 20px 30px;
    height: 200px;
    font-weight: 600;
}

.search button:after {
    font-family: FontAwesome;
    content: "\f18e";
    float: right;
    font-size: 30px
}

.featured-title {
    font-family: Montserrat-Light;
    font-size: 35px;
    color: #333
}

.featured-box {
    width: 48%;
    height: auto;
    margin:10px 0;
}

.featured-box-text1 {
    width: 100%;
    background: #f2692b
}

.featured-box-head {
    width: 100%;
    height: auto;
    color: #fff;
    font-size: 24px
}

.featured-box-head2 {
    width: 100%;
    height: auto;
    color: #fff;
    font-size: 17px
}

/*
.featured-box-text2 {
    width: 100%;
    background: #f9a84b
}
*/

.featured-box-text3 {
    width: 100%;
    height: auto;
    color: #000;
    font-size: 17px;
    font-family: Montserrat-ExtraLight
}

.featured-box-text4, .success-text-box1-text1 {
    font-family: Montserrat-Light
}

.featured-box-bg-colrup {
    background: #117fc3
}

.featured-box-bg-colrdown {
    background: #54bce7
}

.careers-ul{
    width: 100%;
    height: auto;
}

.careers-ul ul{
    padding: 0;
    margin-left: 15px;
}

.careers-ul ul li{
    width: 100%;
    height: auto;
    padding: 5px 0;
    font-size: 15px;
}

.success-img, .success-img img {
    width: 100%;
    height: auto
}

.success-text-box1 {
    width: 100%;
    height: 130px;
    padding: 10px 30px
}

.success-text-box1-head1 {
    width: 100%;
    height: auto;
    color: #fff;
    font-weight: 600;
    font-size: 19px;
    margin-bottom: 5px
}

.success-text-box1-text1 {
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #000
}

.download-pdf {
    width: 100%;
    height: 47px;
    background-image: url(../images/download.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: 30px;
    color: #fff;
    border-radius: 0;
    text-align: left;
    padding: 12px 8px;
    font-size: 15px;
    outline: 0;
    font-family: Raleway-SemiBold
}
.bas-bg, .continuity-bg, .found-bg, .iaas-bg, .infi-bg, .inn-bg {
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: top center
}

.key-container ul li, .key-container2 ul li p, .key-container3 ul li, .key-container3 ul li p, .key-container4 ul li, .key-container4 ul li p {
    text-align: center
}

.key-differen h4, .key-differen h5 {
    font-weight: 600;
    padding: 20px 0;
    width: 100%;
    height: auto
}

.form-head, .main-form {
    font-weight: 400;
    padding: 15px
}

.download-pdf:hover {
    background-image: url(../images/download-hover.png)
}

.storie-margin {
    margin-top: 20px
}

.success-bg-color1 {
    background-color: #f9a84b
}

.download-bg-color1 {
    background-color: #f2692b
}

.success-bg-color2 {
    background-color: #54bce7
}

.download-bg-color2 {
    background-color: #117fc3
}

.success-bg-color3 {
    background-color: #4dc48f
}

.download-bg-color3 {
    background-color: #129b5a
}

.success-bg-color4 {
    background-color: #9ba8e3
}

.download-bg-color4 {
    background-color: #586cac
}

.success-border-color1 {
    border-top: 1px solid #f2692b
}

.success-border-color2 {
    border-top: 1px solid #117fc3
}

.success-border-color3 {
    border-top: 1px solid #129b5a
}

.success-border-color4 {
    border-top: 1px solid #586cac
}

.key-differen {
    width: 100%;
    height: auto
}

.key-differen h5 {
    font-size: 20px;
    color: #000;
    font-family: Montserrat-SemiBold
}

.key-differen h4 {
    font-size: 32px;
    color: #fff;
    font-family: Montserrat-Light
}

.iaas-bg {
    background-image: url(../images/differtrbg.png)
}

.bas-bg {
    background-image: url(../images/bas-bg.png)
}

.key-container {
    width: 100%;
    height: auto
}

.key-container ul {
    width: 100%;
    height: auto;
    padding: 0 0 15px;
    float: left
}

.key-container ul li {
    width: 25%;
    height: auto;
    float: left;
    padding: 15px 0 15px 15px;
    list-style: none inside
}

.key-container ul li span {
    width: 100%;
    height: auto;
    font-size: 20px;
    color: #fff;
    font-family: Montserrat-semibold
}

.key-container2 ul li span, .key-container3 ul li span, .key-container4 ul li span {
    font-size: 16px;
    color: #000;
    font-family: Montserrat-semibold
}

.key-img {
    width: 100%;
    height: auto
}

.key-img img {
    width: 120px;
    height: auto
}

.key-container2, .key-container2 ul {
    width: 100%;
    height: auto
}

.key-container2 ul {
    padding: 0 0 15px;
    float: left
}

.key-container2 ul li {
    width: 33.33%;
    height: auto;
    float: left;
    padding: 15px 26px;
    list-style: none inside;
    text-align: center
}

.key-container2 ul li span, .key-container3, .key-container3 ul {
    width: 100%;
    height: auto
}

.key-container3 ul {
    padding: 0 0 15px;
    float: left
}

.key-container3 ul li {
    width: 50%;
    height: auto;
    float: left;
    padding: 15px 26px;
    list-style: none inside
}

.innerpage ul, .innerpageul, .innerpageul ul, .innerpageul ul li, .key-container3 ul li span, .key-container4, .key-container4 ul, .key-container4 ul li, .key-container4 ul li span {
    width: 100%;
    height: auto
}

.key-container4 ul {
    padding: 0 0 15px;
    float: left
}

.key-container4 ul li {
    float: left;
    padding: 15px 26px;
    list-style: none inside
}

.innerpage, .innerpage-continuty {
    width: 100%;
    height: auto;
    padding: 80px 0 60px
}

.innerpage ul, .innerpageul ul {
    padding: 0;
    float: left
}

.innerpageul ul li {
    float: left;
    list-style: disc inside;
    text-align: left;
    border: 3px solid #fff;
    margin-right: 1.5%
}

.inner-tile-text {
    font-size: 34px;
    margin: 10px 0 30px;
    font-family: Montserrat-Light
}

.innerpage ul {
    margin-bottom: 0;
    list-style: none
}

.innerpage ul li {
    width: 32%;
    height: 82px;
    float: left;
    list-style: none inside;
    text-align: center;
    border: 3px solid #fff;
    padding: 8px 10px;
    margin-right: 10px;
    margin-bottom: 20px
}

.innerpage ul li:last-child {
    margin-right: 0
}

.inner-img {
    width: 60px;
    height: auto;
    float: right
}

.innerpage-continuty ul {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 0;
    list-style: none;
    padding: 0
}

.innerpage-continuty ul li {
    width: 32.3%;
    height: 82px;
    float: left;
    list-style: none inside;
    text-align: center;
    border: 3px solid #fff;
    padding: 8px 10px;
    margin-bottom: 20px
}

.inmar {
    margin-right: 10px
}

.inner-img img {
    width: 100%;
    height: auto
}

.inner-text {
    float: left;
    font-family: Montserrat-SemiBold;
    padding-right: 15px;
    width: 76%;
    height: 100%;
    border-color: #fff;
    font-size: 18px;
    color: #fff;
    text-align: left;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}

.trainner, .trainner ul {
    width: 100%;
    height: auto
}

.inn-bg {
    background-image: url(../images/inn-bg.png)
}

.continuity-bg {
    background-image: url(../images/bas-bg.png)
}

.found-bg {
    background-image: url(../images/differtrbg.png)
}

.infi-bg {
    background-image: url(../images/infi-bg.png)
}

.trainner {
    padding: 80px 0 60px
}

.trainner ul {
    float: left;
    margin-bottom: 0;
    list-style: none;
    padding: 0
}

.trainner ul li {
    width: 31%;
    height: 82px;
    float: left;
    list-style: none inside;
    text-align: center;
    border-left: 3px solid #338dc9;
    padding: 8px 0 8px 20px;
    margin-right: 1.5%;
    margin-bottom: 20px
}

.trainner ul li:first-child {
    border-left: 3px solid #fff
}

.trainner-text {
    float: left;
    font-family: Montserrat-Medium;
    padding-left: 15px;
    width: 80%;
    height: 100%;
    border-color: #fff;
    font-size: 18px;
    color: #338dc9;
    text-align: left;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center
}

.contnti ul li, .tsService ul li {
    text-align: center;
    margin-right: 1.5%;
    float: left
}

.trainner-img {
    width: 60px;
    height: auto;
    float: left
}

.contnti, .contnti ul, .trainner-img img {
    width: 100%;
    height: auto
}

.contnti {
    padding: 80px 0 60px
}

.contnti ul {
    float: left;
    margin-bottom: 0;
    list-style: none;
    padding: 0
}

.contnti ul li {
    width: 31%;
    height: 82px;
    list-style: none inside;
    border-left: 3px solid #6dac1a;
    padding: 8px 0 8px 20px;
    margin-bottom: 20px
}

.contnti ul li:nth-child(3n+1) {
    border-left: 3px solid #fff
}

.contnti-text {
    color: #6dac1a
}

.tsService {
    width: 100%;
    height: auto;
    padding: 80px 0 60px
}

.tsService ul {
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 0;
    list-style: none;
    padding: 0
}

.tsService ul li {
    width: 31%;
    height: 82px;
    list-style: none inside;
    border-left: 3px solid #c0361b;
    padding: 8px 0 8px 20px;
    margin-bottom: 20px
}

.tsService ul li:first-child {
    border-left: 3px solid #fff
}

.tsService-text {
    color: #c0361b
}

footer {
    background-color: #000 !important;
    font-family: Montserrat-Light;
    font-size: 14px;
    color: #95989a
}

.footer-link-padding {
    padding: 60px 0
}

.ng-footer-links ul {
    width: 33.33%;
    float: left;
    padding-left: 0
}

.ng-footer-links ul li {
    width: 100%;
    float: left;
    padding: 0 20px 10px 0;
    list-style: none;
    text-align: left;
    cursor: pointer
}

.ng-footer-links ul li:hover {
    color: #FFF
}

.ng-footer-logo {
    width: 100%;
    padding-bottom: 55px;
    text-align: center
}

.ng-social-media a {
    width: 55px;
    height: 55px;
    display: inline-block;
    margin: 0 5px
}

.ng-social-media a img {
    width: 100%;
    height: 100%
}

.ng-social-media a img:hover {
    opacity: .8
}

.footer-divider {
    width: 100%;
    height: 1px;
    background-color: #95989a
}

.innerpage-bas-bg, .innerpage-land-bg, .innerpage-vdi-bg, .innerpage-hitachi-bg, .innerpage-ourpartner-bg, .innerpage-ourpartner-detl-bg, .innerpage-blog-bg, .innerpage-cdn-bg, .innerpage-ci-bg, .innerpage-clients-bg, .innerpage-cs-bg, .innerpage-das-bg, .innerpage-dcs-bg, .innerpage-dpas-bg, .innerpage-event-bg, .innerpage-fs-bg, .innerpage-ids-bg, .innerpage-image-area, .innerpage-image-area-terms, .innerpage-iv-bg, .innerpage-award-bg, .innerpage-manages-security-bg, .innerpage-news-bg, .innerpage-pp-bg, .innerpage-service-bg,.innerpage-web-bg,.innerpage-ts-bg,.innerpage-carbon-negative-bg {
    height: 500px;
    position: relative;
    z-index: -1
}

.copyright-text {
    padding: 28px 0;
    text-align: left
}

footer a {
    color: #95989a !important
}

footer a:focus, footer a:hover {
    color: #fff !important;
    text-decoration: none
}

.innerpage-section h1 {
    font-size: 30px;
    font-family: Montserrat-Bold
}

.title-first {
    font-size: 30px;
    font-family: Montserrat-SemiBold;
    margin-top: 0
}

.title-second {
    font-size: 22px;
    color: #000;
    margin: 10px 0;
    font-family: Montserrat-Light
}
.title-second-font-increase{
    font-size: 26px;
    color: #000;
    margin: 10px 0;
    font-family: Montserrat-Light

}
.title-second-font{
    font-size: 17px;
    color: #000;
    margin: 10px 0;
    font-family: Montserrat-Light;
    margin-left: 30px;
}
.para-left{
    margin-left:30px;
}
.same-align{
    justify-content: center; 
    flex-direction: row;
}
.para-left-top{
    margin-left:15px;
    margin-top:-24px;

}
.solar-panel{
    display:flex;
    align-items: center;
    justify-content: center;
    margin-top:45px;
}
.certificate{
    display:flex;
    align-items: center;
    justify-content: center;
    margin-left:100px;
    margin-top:50px;
    
}
.solar-panel img{
    height:200px;
    width:475px;
    margin-top:35px;
   
}
.color-font{
    color:#228B22;
}


.title-third {
    font-size: 20px;
    color: #000;
    margin: 10px 0;
    font-family: Montserrat-Light
}
.innerpage-section h4 {
    margin: 15px 0;
    font-size: 20px;
    color: #000;
    font-family: Montserrat-SemiBold
}

.innerpage-section-padding {
    padding: 30px 0 50px
}

.innerpage-image-area {
    background: url(../images/innerpage_bg1.jpg);
    background-size: cover
}

.innerpage-clients-bg {
    background: url(../images/client-success/client-success.jpg);
    background-size: cover
}

.innerpage-cs-bg {
    background: url(../images/continutyServices/it-continuity-services.jpg);
    background-size: cover
}


.innerpage-bas-bg {
    background: url(../images/continutyServices/database-backup-as-a-services-india.jpg);
    background-size: cover
}

.innerpage-das-bg {
    background: url(../images/continutyServices/disaster-recovery-as-a-service-solutions.jpg);
    background-size: cover
}

.innerpage-vdi-bg {
    background: url(../images/continutyServices/vdi.jpg);
    background-size: cover
  
}

.innerpage-dpas-bg {
    background: url(../images/continutyServices/enterprise-data-protection-as-a-service.jpg);
    background-size: cover
}

.innerpage-ms-bg {
    position: relative;
    height: 500px;
    background: url(../images/continutyServices/enterprise-cloud-managed-it-services.jpg);
    background-size: cover;
    z-index: 1
}

.innerpage-crr-bg {
    position: relative;
    height: 500px;
    background: url(../images/continutyServices/career-services.jpg);
    background-size: cover;
    z-index: 1
}

.innerpage-iv-bg {
    background: url(../images/continutyServices/infinite-vault.jpg);
    background-size: cover
}

.innerpage-award-bg {
    background: url(../images/continutyServices/awardbg.jpg);
    background-size: cover
}

.innerpage-event-bg {
    background: url(../images/events-page-image.jpg);
    background-size: cover
}

.innerpage-manages-security-bg {
    background: url(../images/continutyServices/manages-security-as-a-service_image.jpg);
    background-size: cover
}

.innerpage-fs-bg {
    background: url(../images/foundationalServices/foundational-services.jpg);
    background-size: cover
}

.innerpage-ci-bg {
    background: url(../images/foundationalServices/CloudIAAS.jpg);
    background-size: cover
}

.innerpage-cdn-bg {
    background: url(../images/foundationalServices/content-delivery-network.jpg);
    background-size: cover
}

.innerpage-dcs-bg {
    background: url(../images/foundationalServices/data-center-Service.jpg);
    background-size: cover
}

.innerpage-ids-bg {
    background: url(../images/infiniteDatacentere/nxtgen-infinite-datacenter.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}

.innerpage-ts-bg {
    background: url(../images/transformationService/transformation-Services.jpg);
    background-size: cover
}
.innerpage-ts-bg {
    background: url(../images/transformationService/transformation-Services.jpg);
    background-size: cover
}

.innerpage-news-bg {
    background: url(../images/news-bg.jpg);
    background-size: cover;
}

.innerpage-service-bg {
    background: url(../images/services-bg.jpg);
    background-size: cover
}
.innerpage-carbon-negative-bg{
    background: url(../images/zerocarbon1.jpeg);
    background-size: cover;
    

    /*
    background-size: contain;
    height: 1700px;
    /*background-position: center !important;*/
	/*position:relative;*/
	/*background-repeat:no-repeat;*/

}


.innerpage-blog-bg {
    background: url(../images/blog-bg.jpg);
    background-size: cover
}

.innerpage-pp-bg {
    background: url(../images/price-performance-report.jpg);
    background-size: cover
}

.innerpage-land-bg {
    background: url(../images/shutterstock.jpg);
    background-size: cover
}

.innerpage-web-bg {
    background: url(../images/Banner.jpg);
    background-size: cover
}


.innerpage-ourpartner-bg {
    background: url(../images/our-partner.jpg);
    background-size: cover
}
.innerpage-digital-campain-bg {
    background: url(../images/foundationalServices/digital-camapign-banner.jpg);
	background-size: contain;
    height: 1700px;
    /*background-position: center !important;*/
	position:relative;
	background-repeat:no-repeat;
}
.digital_campaign-button{
	width:100%;margin-bottom:30px;text-align:center;
}
.digital_campaign-text{
	font-size:14pt;padding:5%;padding-bottom: 2%;text-align:left;
}
.digital_campaign-button a {
	width:100%;
	float:left;
}
.digital_campaign-button a img {
	width:30%;
}
.inner-containner-block{
	text-align:center;
}
.img-data{
	width:120px;
	height:120px;
	background:black;
	border-radius:75px;
	border:none;
	margin:0 auto;
	line-height:6;
}
.text-data{
	width:200px;
	text-align:center;
	font-weight:bold;
	padding-bottom:5px;
	padding-top:5px;
	margin:0 auto;
	color: #000;
    text-shadow: 0.7px 0.7px 0.7px;
}
.bgcgray{
	
	border:none;
	height:85px;
	margin:0px;
	padding:0;
}
.mtop{
	margin-top:4px;
}
.graybox{
	background:#ccc;
	margin:2px;
	width: calc(100% - 4px);
	float:left;
	height:85px;
}
.bgoverlaptext{
	font-weight: bold;
    font-size: 22px;
    color: black;
    position: absolute;
    width: 203px;
    text-align: left;
    top: 12px;
    line-height: 1.5;
    left: 20px;
	z-index:1;
}
.second-last-text-large{
	float: right;
    color: black;
    font-size: 19px;
    font-weight: bold;
    width: 180px;
    right: 10px;
    top: 19px;
    text-align: center;
    width: 100%;
    padding: 25px;
}

.second-last-text-large-inline{
	float: right;
    color: black;
    font-size: 19px;
    font-weight: bold;
    width: 180px;
    right: 10px;
    text-align: center;
	margin-top:11px;
}
.second-last-text-small{
	float:right;
	color:black;
	font-size:13px;
	font-weight:bold;
	position:absolute;
	width:80px;
	top:28px;
	text-align:center;
	right:10px;
}
.second-last-text-small-threeline{
	float:right;
	color:black;
	font-size:13px;
	font-weight:bold;
	width:100%;
	padding:14px;
	text-align:center;
}

.pointer {
    width: 227px;
    height: 85px;
    position: absolute;
    
  }
  
  .pointer:before {
    content: "";
    position: absolute;
    right: -22px;
    bottom: 0;
    width: 0;
    height: 0;
    
  }
  .pointer-red{
	  background:rgb(14,180,142);
  }
  .pointer-blue{
	  background:rgb(84,196,208);
  }
  .pointer-green{
	  background:rgb(245,150,120);
  }
  .pointer-red:before{
	    border-left: 22px solid rgb(14,180,142);
		border-top: 42.5px solid transparent;
		border-bottom: 42.5px solid transparent;
  }
  .pointer-blue:before{
	  border-left: 22px solid rgb(84,196,208);
    border-top: 42.5px solid transparent;
    border-bottom: 42.5px solid transparent;
  }
  .pointer-green:before{
	border-left: 22px solid rgb(245,150,120);
    border-top: 42.5px solid transparent;
    border-bottom: 42.5px solid transparent;
  }
  
@media screen and (max-width: 400px) {
	.innerpage-digital-campain-bg {
		height:100vh !important;
	}
	.digital_campaign-text {
		font-size: 15pt;
		line-height: 1.7;
	}
	
}

@media screen and (max-width: 1300px){
	.arrow_services_mobile{
		display:block !important;
	}
	.arrow_services{
		display:none !important;
	}
	.first-column{
		position: absolute;
		z-index: 1;
		background: rgba(255,255,255,.3);
		width: 100%;
	}
	.second-column{
		float: left;
		width: 100%;
	}
	.form-sec{
		padding: 0px;margin:0;padding-left: 0;
		padding-top:35px;
	}
	.field-label{
		color:#fff !important;
	}
}

@media (max-width:1132px) and (min-width:1011px) {
	.text-data{
		width: 159px;
		text-align: center;
		font-weight: bold;
		padding-bottom: 5px;
		padding-top: 5px;
		margin: 0 auto;
		font-size: 16px;
		color: #000;
		text-shadow: 0.7px 0.7px 0.7px;
	}
}


@media (max-width:2500px) and (min-width:1400px) {
    .innerpage-digital-campain-bg {
		height:2254px;
	}
	.digital_campaign-text {
		font-size: 21pt;
		line-height: 1.7;
	}
}​



.innerpage-ourpartner-detl-bg {
    background: url(../images/our-partner-details.jpg);
    background-size: cover
}

.innerpage-image-area-terms {
    background: url(../images/innerpage_bg11.jpg);
    background-size: cover
}

.innerpage-hitachi-bg {
    background: url(../images/Hitachi-Banner.jpg);
    background-size: cover
}

.innerpage-image-area-contactus {
    position: relative;
    height: 407px;
    background: url(../images/contactus-bg.jpg);
    background-size: cover;
    z-index: 1
}

.ppUlLi, .ppUlLi ul li, .tranfer-text, .tranfer-text ul li {
    width: 100%;
    height: auto
}

.tranfer-text {
    font-size: 15px
}

.tranfer-text ul {
    padding: 0
}

.tranfer-text ul li {
    list-style: disc;
    font-size: 15px;
    margin-left: 15px
}

.report {
    width: 60%;
    height: auto;
    float: left
}

.report h1, .report ul, .share {
    width: 100%;
    height: auto
}

.report h1 {
    float: left;
    font-size: 20px
}

.share {
    float: left;
    margin-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d2d2
}

.share button {
    width: 87px;
    height: 26px;
    background-image: url(../images/Share_Image.png);
    background-size: 100%;
    border: none;
    outline: 0
}

.input-trans input {
    background: 0 0;
    color: #555;
    font-size: 14px;
    float: left
}

.input-trans label {
    color: #000;
    font-size: 14px;
    line-height: 30px;
    text-align: left
}

.capcha-img, .capcha-img p, .event-dev-logo, .form-head, .submit2 {
    text-align: center
}

.form-head, .sendd button {
    color: #fff;
    font-size: 14px
}

.form-con {
    padding: 20px 10px;
    background: #f2f2f2;
    float: left
}

.sendd {
    width: 90px;
    height: 34px;
    float: left;
    margin-top: 30px
}

.sendd button {
    width: 100%;
    height: 100%;
    background: #10a8f4
}

.report-form {
    width: 40%;
    height: auto;
    float: right;
    padding: 15px
}

.form-head {
    line-height: 1.2em;
    text-transform: uppercase;
    background: #5b5b5b;
    margin: 30px 0 0
}

.main-form {
    font-size: .8em;
    background: #f2f2f2
}

.main-form-input {
    width: 100%;
    height: auto;
    margin-bottom: 10px
}

.main-form-input input {
    background: 0 0;
    color: #555;
    font-size: 14px;
    float: left
}

.capcha-main {
    width: 100%;
    height: 92px;
    float: left;
    border: 1px solid #d3d3d3;
    background: #fff;
    padding: 10px
}

.captcha-checkbox {
    width: 70%;
    padding-top: 20px;
    padding-left: 20px;
    float: left
}

.captcha-label {
    width: 80%;
    padding-top: 7px;
    height: 100%;
    float: right
}

.capcha-img {
    width: 77px;
    height: 100%;
    float: right
}

.capcha-img img {
    width: 40px;
    height: auto
}

.capcha-img p {
    color: #9b9b9b;
    cursor: default;
    font-family: Roboto, helvetica, arial, sans-serif;
    font-size: 10px;
    font-weight: 400;
    line-height: 10px;
    margin-top: 5px;
    margin-bottom: 3px
}

.capcha-img span {
    padding-left: 10px;
    float: left
}

.capcha-img a {
    color: #9b9b9b;
    font-size: 8px;
    float: left
}

.capcha-img a:hover {
    text-decoration: underline
}

input[type=checkbox] {
    display: none
}

input[type=checkbox] + label {
    background: url(../images/un-check.png) no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0
}

input[type=checkbox]:checked + label {
    background: url(../images/check.png) no-repeat;
    background-size: 100%;
    height: 30px;
    width: 30px;
    display: inline-block;
    padding: 0
}

.submit2 {
    width: 140px;
    text-transform: uppercase;
    color: #fff;
    font-size: 14px;
    padding: 6px 0;
    background: #10a8f4;
    cursor: pointer;
    border: none;
    outline: 0;
    height: 36px;
    line-height: 12px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 170px;
    float: right
}

.value-main {
    width: 100%;
    height: auto
}

.database {
    width: 100%;
    height: auto;
    margin: 15px 0
}

.database img {
    width: 80%;
    height: auto
}

.value-main h3 {
    font-family: Montserrat-SemiBold;
    font-size: 20px;
    color: #6baa1a
}

.nxtgenNewsHead, .nxtgenText {
    width: 100%;
    font-family: Montserrat-Light;
    font-size: 28px;
    color: #fff
}

.infi-data, .infi-data img {
    width: 100%;
    height: auto
}

.textstyle a {
    text-decoration: none
}

.nxtgenNews {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    margin-top: 8px;
}

.nxtgenNewsHead {
    height: auto;
    padding: 10px 20px;
    margin: 0
}

.nxtgenText {
    /*height: 155px;*/
    height: auto;
    padding: 16px 20px;
    /*min-height: 100px*/
}

.newsText, .newsText2 {
    color: #000;
    float: left
}

.nxtgenNewsImg {
    width: 180px;
    height: 130px;
    background: #fff;
    flex-wrap: wrap;
    justify-content: center;
    display: -webkit-flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    float: left
}

.nxtgenNewsImg img {
    width: 100%;
    height: auto
}

.newsText {
    width: calc(100% - 200px);
    height: auto;
    margin-left: 20px
}

.newsText2, .serv-main, .serviceLand {
    width: 100%;
    height: auto
}

.newsTextTitle {
    font-family: Montserrat-SemiBold;
    line-height: 20px
}

.blogInnerMain h2, .blogInnerMain ul li, .blogMain h2, .blogNameTime, .blogNameTime span, .main-title, .picName, .picTime, .readMore {
    font-family: Montserrat-Light
}

.serv-main {
    float: left;
    margin-top: 50px
}

.serviceLand {
    margin-top: 30px
}

.it-land {
    width: 60px;
    height: 100%;
    float: left
}

.it-land img {
    width: 76%;
    height: auto;
    float: left
}

.services-land {
    width: 100%;
    height: 100%;
    float: left
}

.services-land img {
    width: 95.5%;
    height: auto;
    float: right
}

.serviceTransfr {
    width: calc(100% - 60px);
    height: 112px;
    float: left;
    background: #fff;
    margin-bottom: 10px
}

.itcommSecond span, .transforSecond span {
    margin: auto
}

.transforFirst {
    width: 349px;
    height: 112px;
    float: left;
    background: url(../images/services/it-infrastructure.png) center no-repeat #333;
    background-size: 100% 100%
}

.itcommSecond, .transforSecond {
    height: 100%;
    border-right: 4px solid #fff;
    display: flex;
    float: left;
    text-align: center
}

.transforSecond {
    width: 237px;
    font-size: 19px;
    background: #333;
    color: #fff
}

.transforSecond a {
    color: #FFF
}

.itcommunitybg {
    background-image: url(../images/services/it-community-servc.png)
}

.itcommSecond {
    width: 118.5px;
    background: #333;
    color: #fff;
    font-size: 15px;
    padding: 10px
}

.blogMain, .main-title, .profile-contant, .profileMain, .sitemap-category a {
    width: 100%;
    height: auto
}

.itcommSecond a {
    color: #FFF
}

.itnfrabg {
    background-image: url(../images/services/it-infrastructure.png)
}

.ittransformnbg {
    background-image: url(../images/services/it-transformn.png)
}

.sitemap-title {
    border-bottom: 1px solid #c7c7c7;
    padding-bottom: 10px;
    font-size: 34px
}

.sitemap-category a {
    color: #0C0C0C;
    float: left;
    font-size: 15px;
    padding-bottom: 15px
}

.main-title {
    padding: 20px 0;
    float: left;
    font-weight: 700
}

.blogMain {
    padding: 30px 0;
    border-bottom: 10px solid #ebebeb;
}

.blogMain:last-child {
    border-bottom: none;
}

.blogMain h2 {
    color: #333;
    font-size: 28px;
    margin: 0
}

.profileMain {
    margin: 20px 0
}

.profilePic {
    width: 60px;
    height: 60px;
    float: left;
    background: #0a2b1d;
    border-radius: 100%;
}

.profilePic img {
    width: 100%;
    height: auto
}

/*.picName, .picTime {
    !*width: 86%;*!
    float: left;
    height: auto;
    font-weight: 600
}*/
.picNameTime{
    width: calc(100% - 60px);
    height: auto;
    float: left;
    padding-left: 15px;
}
.picName {
    color: #000;
    font-size: 23px;
    margin-bottom: 3px;
    word-break: break-all;
    float: left;
    height: auto;
    font-weight: 600
}

.picTime {
    color: #a3a3a3;
    font-size: 16px;
    float: left;
    height: auto;
    font-weight: 600;
    clear: both;
}

.blogMain p {
    width: 100%;
    height: auto;
    float: left;
    clear: both;
    margin-top: 20px;
    margin-bottom: 20px;
    word-break: break-all
}

.readMore {
    width: 185px;
    height: 46px;
    float: left;
    background-color: #129b5a;
    color: #FFF;
    padding: 5px 15px;
    line-height: 38px;
    background-image: url(../images/right-arrow.png);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 21px;
    font-size: 21px
}

.readMore:hover {
    color: #000;
    background-image: url(../images/right-arrow-hover.png)
}

.blogInnerMain {
    width: 100%;
    height: auto;
    padding: 50px 0
}

.blogInnerMain h2 {
    color: #333;
    font-size: 32px;
    margin: 0
}
.blockChaintheMain {
    width: 100%;
    height: auto;
    padding: 50px 0
}

.blockChaintheMain h2 {
    color: #333;
    font-size: 32px;
    margin: 0;
    font-family: Montserrat-Light;
}

.blogNameTime {
    width: 100%;
    height: auto;
    color: #000;
    font-size: 20px;
    font-weight: 600;
    float: left;
    word-break: break-all;
    margin-top: 3px;
    margin-bottom: 40px
}

.blogNameTime span {
    color: #a3a3a3;
    font-size: 16px;
    font-weight: 600
}

.blogInnerMain img {
    width: 50%;
    height: auto;
    margin: 20px 0
}
.blockChaintheMain img {
    width: 50%;
    height: auto;
    margin: 20px 0
}

.blogInnerMain ul {
    width: 100%;
    height: auto;
    padding: 0
}
.blockChaintheMain ul {
    width: 100%;
    height: auto;
    padding: 0
}
.blogInnerMain ul li {
    width: 100%;
    height: auto;
    list-style: disc inside;
    font-size: 20px;
    font-weight: 600;
}
.blockChaintheMain ul li {
    width: 100%;
    height: auto;
    list-style: disc inside;
    font-size: 15px;
    font-weight: 600;
    font-style: italic;
    padding: 10px 0;
}

.blogInnerMain ul li p {
    width: 100%;
    height: auto;
    font-family: Montserrat-ExtraLight
}
.blockChaintheMain ul li p {
    width: 100%;
    height: auto;
    font-family: Montserrat-ExtraLight
}

.pagenotfound {
    font-size: 25px;
    font-family: Montserrat-Bold
}

.event-tab{
    width: 100%;
    height: auto;
    float: left;
    margin-bottom: 50px;
}
.event-tab:last-child{
    margin-bottom: 0px;
}
.event-header {
    width: 100%;
    height: 60px;
    background: #129b5a;
    color: #FFF;
    line-height: 60px;
    font-size: 28px;
    padding-left: 20px;
    font-family: Montserrat-Light
}
.event-header1 {
    width: 100%;
    height: 60px;
    background: #122C50;
    color: #FFF;
    line-height: 60px;
    font-size: 28px;
    padding-left: 20px;
    font-family: Montserrat-Light
}
.event-tab-color{
    background-color: #122c4f;
}
.event-bor-color{
    border: 2px solid #122c4f;
}
.event-box {
    width: 100%;
    height: auto;
    padding: 40px 20px;
    border: 2px solid #129b5a
}
.event-box1 {
    width: 100%;
    height: auto;
    padding: 40px 20px;
    border: 2px solid #122C50
}
.event-dev-logo {
    width: 30%;
    height: auto;
    float: left;
}

.event-box img {
    width: 285px;
    height: auto;
    margin: 0 auto
}
.innerpage-header-text2-color h1{
    color: #006400;
    font-size: 40px;
    margin-top: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: -18px

}
.hi{
    width:100%;
    height:100%;
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    border-bottom: 1px solid #ccc;
}


.innerpage-header-text h1, .innerpage-header-text2 h1 {
    color: #fff;
    font-size: 40px;
    margin-top: 10px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
    position: absolute;
    bottom: -18px
}

.event-txt {
    width: 67%;
    height: auto;
    float: right
}

.left-contant, .middle-contant, .right-contant {
    float: left;
    height: auto
}

.innerpage-header-text h1 {
    left: 349px;
}

b {
    font-family: Montserrat-SemiBold
}

.ctab, .download-pdf2, .inftab, .tab, .tratab {
    font-family: Raleway-SemiBold
}

.whitebg-text-a a, .whitebg-text-a a:active, .whitebg-text-a a:hover, .whitebg-text-a a:link, .whitebg-text-a a:visited {
    color: #333;
    text-decoration: underline
}

.left-contant {
    width: 21%;
    margin-top: 49px
}

.middle-contant {
    width: 58%
}

.right-contant {
    width: 21%;
    margin-top: 49px
}

.right-tab, .tab {
    width: 200px;
    height: auto
}

.left-contant a {
    text-decoration: none
}

.tab {
    background-color: #29abe1;
    color: #FFF;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 10px
}

.tab-active, .tab:hover {
    background-color: #2f80c3
}

.right-tab {
    float: right;
    background-color: #66bce7
}

.right-tab-bg {
    width: 100%;
    height: auto;
    float: left
}

.right-tab-bg img {
    width: 100%;
    height: auto
}

.right-tab-middle {
    width: 100%;
    height: auto;
    float: left;
    padding: 15px;
    font-size: 14px;
    color: #000
}

.success-btn {
    width: 100%;
    height: auto;
    float: left
}

.more-success {
    width: 100%;
    height: auto;
    float: left;
    margin-top: 3px
}

.download-pdf2 {
    width: 100%;
    height: auto;
    background-image: url(../images/more-client.png);
    background-repeat: no-repeat;
    background-position: 98% center;
    background-size: 30px;
    color: #fff;
    border-radius: 0;
    text-align: left;
    padding: 8px 38px 8px 8px;
    font-size: 11px;
    outline: 0;
    white-space: pre-line
}

.ctab, .inftab, .tratab {
    width: 200px;
    height: auto;
    color: #FFF;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 10px
}

.download-pdf2:hover {
    background-image: url(../images/more-client-hover.png)
}

.ctab {
    background-color: #6baa1a
}

.ctab-active, .ctab:hover {
    background-color: #497c06
}

.rt-middle {
    background-color: #a5d26b
}

.rt-down {
    background-color: #497c06
}

.inftab {
    background-color: #e7af33
}

.inftab-active, .inftab:hover {
    background-color: #e19620
}

.inftab-middle {
    background-color: #e7af33
}

.inftab-down {
    background-color: #e19620
}

.tratab {
    background-color: #c0361b
}

.tratab-active, .tratab:hover {
    background-color: #972914
}

.tratab-middle {
    background-color: #f4a195
}

.tratab-down {
    background-color: #c0361b
}

.archive{
    width: 200px;
    height: auto;
    float: right;
    background-color: #139b5b;
}
.archive_img{
    width: 100%;
    height: 150px;
    float: left;
    display: flex;
    justify-content: center;
    align-items: center;
}
.archive_img img{
    width: 90px;
    height: auto;
}
.archive_text{
    width: 100%;
    height: 50px;
    float: left;
    color: #ffffff;
    background-color: #43ba82;
    text-align: center;
    line-height: 50px;
    font-size: 30px;
    font-family: Montserrat-Medium;
}
.download-btn2{
    width: 200px;
    height: 180px;
    float: right;
    margin-top: 20px;
}
.download-btn2-content{
    width: 100%;
    height: 140px;
    float: left;
}
.download-btn2-img{
    width: 100%;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.download-btn2-img img{
    width: 50px;
    height: auto;
}
.download-btn2-img-text{
    width: 100%;
    height: 40px;
    text-align: center;
    color: #000;
    font-size: 13px;
    padding: 0 10px;
    font-family: Montserrat-Medium;
}
.download-here{
    width: 100%;
    height: 40px;
    float: left;
}
.download-product-note{
    width: 200px;
    height: auto;
    float: right;
    margin-top: 20px;
    border: 3px solid #497c06;
    padding: 5px 5px 5px 10px;
    background-image: url("../images/download-green.png");
    background-position: 98% center;
    background-repeat: no-repeat;
}
.dproduct-img{
    width: 40px;
    height: auto;
    float: left;
}
.dproduct-img img{
    width: 25px;
    height: auto;
}
.dproduct-text{
    width: 120px;
    float: left;
    font-size: 14px;
    color: #497c06;
    font-family: Montserrat-Medium;
    line-height: 17px;
}
.download-product-note:hover{
    /*background-color: #d7ffa2;*/
    box-shadow: 3px 3px 3px #497c06;
}
.download-product-note2{
    width: 200px;
    height: auto;
    float: right;
    margin-top: 20px;
    border: 3px solid #2f80c3;
    padding: 5px 5px 5px 10px;
    background-image: url("../images/download-blue.png");
    background-position: 98% center;
    background-repeat: no-repeat;
}
.dproduct-text2{
    width: 120px;
    float: left;
    font-size: 14px;
    color: #2f80c3;
    font-family: Montserrat-Medium;
    line-height: 17px;
}
.download-product-note2:hover{
    /*background-color: #d7ffa2;*/
    box-shadow: 3px 3px 3px #2f80c3;
}
/*================Our Partner==============*/
.ourpartner-text-box {
    width: 100%;
    height: 340px;
    padding: 10px 30px;
}
.squerbox{
    width: 80px;
    height: 34px;
    border: 5px solid #ffffff;
    margin-top: 10px;
}
.squerbox2{
    width: 80px;
    height: 34px;
    margin-top: 10px;
}
.ourpartner-bor1{
    border-top:2px solid #425462;
    background-color: #00b387;
}
.ourpartner-bor2{
    border-top:2px solid #0070bb;
    background-color: #54bce7;
}
.ourpartner-bor3{
    border-top:2px solid #eb682c;
    background-color: #f4a84f;
}
.ourpartner-bor4{
    border-top:2px solid #475d9f;
    background-color: #9ba8e3;
}
.ourpartner-text1{
    font-size: 30px;
    color: #ffffff;
    font-family: Montserrat-SemiBold;
    margin-top: 5px;
}
.ourpartner-text2{
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    margin-top: -10px;
    margin-bottom: 10px;
}
.our-downl-bg1{
    background-color: #425462;
}
.our-downl-bg2{
    background-color: #0070bb;
}
.our-downl-bg3{
    background-color: #eb682c;
}
.our-downl-bg4{
    background-color: #475d9f;
}
.our-title{
    color: #00b387;
}
.ourbtnmain{
    width: 100%;
    height: 47px;
    float: left;
}
.our-downl-btn {
    width: 100%;
    height: auto;
    float: left;
}
.our-pdf {
    width: 100%;
    height: 47px;
    background-image: url(../images/more-client.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px;
    color: #fff;
    border-radius: 0;
    text-align: left;
    padding: 12px 0px;
    font-size: 15px;
    outline: 0;
    font-family: Raleway-SemiBold;
}
.our-downl-btn:hover {
    box-shadow: inset 0 5px 5px rgba(0, 0, 0, .2);
}
.our-pdf:hover{
    background-image: url(../images/more-client-hover.png);
}
.our-padding-lr{
    padding: 0 30px;
}
.click-here{
    background-color: #129b5a;
    float: left;
}
.click-here2{
    background-color: #0070bb;
    float: left;
}
.click-here a{
    height: 100%;
    float: left;
    padding: 5px 40px 5px 8px;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background-image: url(../images/more-client.png);
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size: 25px;
}
.click-here2 a{
    height: 100%;
    float: left;
    padding: 5px 40px 5px 8px;
    font-size: 16px;
    color: #ffffff;
    text-decoration: none;
    background-image: url(../images/more-client.png);
    background-repeat: no-repeat;
    background-position: 97% center;
    background-size: 25px;
}

.our-readmore-btn {
    width: 50%;
    height: 100%;
    float: left;
    text-align: center;
    line-height: 47px;
}
.our-readmore-btn a{
    width: 100%;
    height: 100%;
    float: left;
    font-size: 15px;
    color: #ffffff;
    font-family: Raleway-SemiBold;
    text-decoration: none;
}
.our-readmore-btn a:hover{
    box-shadow:inset 0px 2px 5px #000;
}


.our-apply-btn {
    width: 50%;
    height: 100%;
    float: left;
    text-align: center;
    line-height: 47px;
    background-color: #df6128;
}
.our-apply-btn a{
    width: 100%;
    height: 100%;
    float: left;
    font-size: 15px;
    color: #ffffff;
    font-family: Raleway-SemiBold;
    text-decoration: none;
    outline: none;
}
.our-apply-btn a:hover{
    box-shadow:inset 0px 2px 5px #000;
}
.blue-shade{
    background-color: #0d6fab;
}
.green-shade{
    background-color: #0d864c;
}
.purpal-shade{
    background-color: #495d9e;
}
.input-style{
    background-color: #ffffff;
    color: #000;
    font-size: 14px;
}
.form-width{
    width: 48%;
}
.label-font{
    font-size: 15px;
    font-family: Raleway-SemiBold;
}
.hitachi-color{
    color:#0070bb;
}





iframe {
    float: left;
    height: 0
}

