body {
    margin: 0px;
    padding: 0px;
    font-family: 'Roboto', sans-serif;
}

html,
body {
    height: 100%;
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
}

.wrapper {
    min-height: 100%;
    margin: 0px auto -20px;
    background-color: antiquewhite;
}

.push {
    height: 20px;
}

.bg-blue {
    background-color: #41a4ea;
}

.bg-separator {
    background-color: #652B90 !important;
}

.bg-purple {
    background-color: #662d91 !important;
}

.bg-white {
    background-color: white !important;
}

.bg-whitish {
    background-color: rgba(247, 246, 246, 0.70);
}

.bg-black {
    background-color: rgba(14, 14, 14, 0.90);
}

.bg-green {
    background-color: #5f9759;
}

.bg-yellow {
    background-color: #ff9600;
}

.bg-grey {
    background-color: #efebeb;
}

.text-purple {
    color: #bc09f5 !important;
}

.text-blue {
    color: #41a4ea;
}

.text-green {
    color: #5f9759;
}

.text-yellow {
    color: #ff9600;
}

.container {
    width: 95%;
}

.container1 {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

header.home_headerstyle {
    text-align: right;
    box-sizing: border-box;
    background-color: transparent;
    position: fixed;
    z-index: 51;
    width: 100%;
    max-height: 100px;
    padding: 0px !important;
    top: 0px !important;
}

.page-headersection {
    margin: 0px 0px;
    padding: 0px 0px;
    vertical-align: middle;
    overflow: hidden;
    font-size: 14px;
    background-color: transparent;
    border-bottom: 1px solid #807979;
    text-align: right;
}

.page-headersection ul {
    list-style-type: none;
}

.page-headersection ul > li {
    display: inline-block;
}

.page-headersection ul > li > a {
    color: white;
}

a.wearehiring {
    color: #C587F3 !important;
    font-size: 13px !important;
    font-weight: normal;
    padding: 0px 5px;
    text-decoration: none;
}

.logoimgclass {
    margin: 5% 0%;
    width: 70%;
}

.mynavbar {
    margin: 0px;
    border: none;
    border-radius: 0px;
    width: 100%;
}

.mynavbar > .container {
    width: 95%;
}

ul.navbar-nav li {
    padding: 10px;
    padding-left: 59px;
}

ul.navbar-nav li a {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 12px;
    outline: 0 none;
    text-decoration: none;
    text-transform: uppercase;
    color: white;
}

ul.outerul li.outerli > a:hover {
    border-bottom: 1px solid white !important;
    color: white !important;
}

ul.outerul li > a:hover {
    border-bottom: 1px solid white !important;
    color: white !important;
}

div.innermenu ul li a:hover {
    color: #652B90 !important;
    border-bottom: none !important;
}

header.headeruniversal nav.mynavbar ul li > a:hover {
    color: #652B90 !important;
}

header.headeruniversal nav.mynavbar ul.outerul li.outerli > a:hover {
    color: #652B90 !important;
}

.mynavbar .navbar-nav > li > a {
    color: white;
    padding: 0px;
    padding-bottom: 5px;
}

.navform {
    margin: 8px -20px;
}

.inputtext {
    height: 29px;
    background-color: transparent;
    color: white;
}

.inputbtn {
    background-color: transparent;
    color: white;
    font-size: 13px;
    padding: 4px 12px;
}

.menuicond {
    width: 60%;
    height: auto;
}

.navbar-nav > li > .dropdown-menu {
    padding: 0px;
}

.innermenu {
    position: absolute;
    z-index: 60;
    background-color: white;
    color: black !important;
    width: 400px;
    height: auto;
    text-align: justify;
    padding: 10px 10px;
    margin: 0px;
    font-size: 12px;
    line-height: 1.5;
    top: -1px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    left: 55px;
    border: 1px solid grey;
}

.industri {
    width: 490px;
}

.innerheading {
    font-size: 30px;
    letter-spacing: -1px;
    text-transform: uppercase;
    margin: 7px 0 10px 0;
    font-weight: bold;
}

.aboutus {
    left: 64px;
}

.joinus {
    left: -37%;
}

.innermenu-right {
    margin-left: -50px;
}

.innermenu-right ul li {
    list-style: none;
    float: left;
    padding: 6px 0;
    width: 100%;
    margin: 0px;
}

.marg {
    margin-left: -55px;
}

.margservices {
    padding-left: 10px;
    padding-right: 0px;
    left: 70px;
    width: 490px;
}

.innermenu ul li a {
    background-color: inherit;
    color: black !important;
    font-size: 10px;
}

.innermenu ul li a span,
.innermenu ul li a i {
    margin: 0px 10px;
}

.m {
    width: 100%;
    display: table;
}

.iconsimg {
    display: table-cell;
    width: 10%;
}

.menutexthold {
    display: table-cell;
    width: 100%;
}

.outerli a:hover {
    border-bottom: 5px soild red;
}

.outerli a:active {
    border-bottom: 5px soild red;
}

.outerli:hover .dropdown-menu {
    display: block;
}

.page-headersection ul > li {
    display: inline-block;
}

.page-headersection ul > li > a {
    color: white;
    font-size: 12px;
}

.hiring {
    padding-right: 50px;
}

.indiacontact {
    padding-right: 50px;
}

.mail {
    padding-right: 30px;
}

.uscontact {
    padding-right: 30px;
}

.subul {
    margin: 5px 0px 5px 0px;
}

.tagline {
    text-align: center;
    font-size: 14px;
    font-weight: 400;
}

.form-style {
    padding-right: 0px;
    padding-left: 32px;
}

.searchcontrol {
    padding-right: 6px;
    padding-left: 0px;
    margin-top: 7px;
}

.search {
    padding: 5px;
}

.divheaderline {
    height: 2px;
    width: 45%;
    margin: 15px auto;
    min-height: 2px;
}

.black-banner {
    width: 100%;
    background-repeat: no-repeat;
    background-image: url(../img/banners/Banner1_blockchainplaceholder.jpg);
    background-size: 100% auto;
    height: auto;
    min-height: 400px;
    overflow: hidden;
}

.maincrauselindiactoronhomepage {
    bottom: 50px !important;
}

div.main {
    padding-top: 7%;
}

div.mainpagepadding {
    padding-top: 0%;
}

header.headeruniversal div.page-headersection ul > li > a {
    color: black;
}

header.headeruniversal nav.mynavbar ul.navbar-nav > li > a {
    color: black;
}

.mainafter-banner {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 340px;
    overflow: hidden;
    margin-top: 70px;
}

.contactustop {
    height: 200px;
}

span.labeltext {
    font-weight: bold;
    font-size: 14px;
    color: #662d91;
}

.imageholderofwork {
    align-items: center;
    width: 20%;
    margin: 0px auto;
    display: table-cell;
    height: 100px;
    vertical-align: middle;
}

ul.listofwork {
    text-align: left;
}

.iconimageholdercaption {
    width: 70%;
    padding: 4%;
    text-align: left;
    display: table-cell;
    vertical-align: middle;
}

.industries-banner {
    background-image: url("../img/banners/industries/industriesbanner.jpg");
}

.real-estate-banner {
    background-image: url("../img/banners/industries/Real-estate.jpg");
}

.hospitality-banner {
    background-image: url("../img/banners/industries/hospitality.jpg");
}

.E-learning-banner {
    background-image: url("../img/banners/industries/e-learning.jpg");
}

.mediaentertainment-banner {
    background-image: url("../img/banners/industries/media.jpg");
}

.Healthcare-banner {
    background-image: url("../img/banners/industries/healthcare.jpg");
}

.retailecommerce-banner {
    background-image: url("../img/banners/industries/E-commerce.jpg");
}

.publicsectorbanners {
    background-image: url("../img/banners/industries/Public-sector.jpg");
}

.bankingandfinacebanners {
    background-image: url("../img/banners/industries/Banking.jpg");
}

.constructionandengineeringbanners {
    background-image: url("../img/banners/industries/construction.jpg");
}

.transportationbanners {
    background-image: url("../img/banners/industries/Logistic.jpg");
}

.automativebanners {
    background-image: url("../img/banners/industries/Automotive.jpg");
}

.travelandtourismbanners {
    background-image: url("../img/banners/industries/Travel.jpg");
}

.gemsandjewelerybanners {
    background-image: url("../img/banners/industries/Gems.jpg");
}

.professionalservicesbanners {
    background-image: url("../img/banners/industries/Professional.jpg");
}

.telecommunicationbanners {
    background-image: url("../img/banners/industries/telecommunication.jpg");
}

.manufacturingbanners {
    background-image: url("../img/banners/industries/Manufacturing.jpg");
}

.services-banner {
    background-image: url("../img/banners/Services/servicesbanner.jpg");
}

.strategingstaffing-banner {
    background-image: url("../img/banners/Services/Staffing.jpg");
}

.erp-banner {
    background-image: url("../img/banners/Services/ERP.jpg");
}

.enterprise-banner {
    background-image: url("../img/banners/Services/Mobility.jpg");
}

.cloudservices-banner {
    background-image: url("../img/banners/Services/Cloud.jpg");
}

.qualitytestingservices-banner {
    background-image: url("../img/banners/Services/Testing.jpg");
}

.mobiletechnologies-banner {
    background-image: url("../img/banners/Services/Mobile-development.jpg");
}

.technology-consulting-banner {
    background-image: url("../img/banners/Services/technology-consulting.jpg");
}

.webtechnologies-banner {
    background-image: url("../img/banners/Services/Web.jpg");
}

.digitaltransformationjourneybanners {
    background-image: url("../img/banners/Services/Digital-transformation.jpg");
}

.migrationservicesbanners {
    background-image: url("../img/banners/Services/Migration-srevices.jpg");
}

.outsourcedproductbanners {
    background-image: url("../img/banners/Services/outsoursed-product.jpg");
}

.datamigrationbanners {
    background-image: url("../img/banners/Services/data-migration.jpg");
}

.iotbanners {
    background-image: url("../img/banners/Services/iot.jpg");
}

.blockchainbanners {
    background-image: url("../img/banners/Services/blockchain.jpg");
}

.bigdatabanners {
    background-image: url("../img/banners/Services/big-data.jpg");
}

.manageditservicesbanners {
    background-image: url("../img/banners/Services/managed-it-services.jpg");
}

.bussinessInteligencebanners {
    background-image: url("../img/banners/Services/business-intelligence.jpg");
}

.enterpriseportalbanners {
    background-image: url("../img/banners/Services/enterpprise-portal.jpg");
}

.aIbanners {
    background-image: url("../img/newChangesImages/AI/AI-app-development.png");
}

.applicationdevelopmentbanners {
    background-image: url("../img/banners/Services/aplication-development.jpg");
}

.about_us-banner {
    background-image: url("../img/banners/About_Us.jpg");
}

.testimonial-banner {
    background-image: url("../img/banners/Clienttestimonial.jpg");
}

.whyrapidsoft-banner {
    background-image: url("../img/banners/whyrapidsoft/why-rapidsoft.jpg");
}

.career-banner {
    background-image: url("../img/banners/whyrapidsoft/carrers.jpg");
}

.company-banner {
    background-image: url("../img/banners/aboutus/overview.jpg");
}

.quality-banner {
    background-image: url("../img/banners/aboutus/Quality.jpg");
}

.Vision-banner {
    background-image: url("../img/banners/aboutus/Vision.jpg");
}

.portfolibanners {
    background-image: url("../img/banners/aboutus/Portfolio.jpg");
}

.lifeatrapidsoft-banner {
    background-image: url("../img/banners/joinus/Life-at-rapidsoft.jpg");
}

.learningandengagemnt-banner {
    background-image: url("../img/banners/joinus/learning.jpg");
}

.contactus-banner {
    background-image: url("../img/banners/Contact-Us.jpg");
}

div.google-map {
    background: #E5E3DF;
    height: 400px;
    margin: 30px 0 30px;
    width: 100%;
}

/*New changes on 13sep 2018*/

.blockDiv {
    text-align: center;
    padding: 20px 0px;
    overflow: auto;
}

.blockDiv h4,
.blockDiv p,
.blockDiv h5 {
    color: white !important;
}

.colHolder {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.justify-content-between {
    justify-content: space-between;
}

img.chainimage {
    width: 65%;
}

.blockDiv .col p {
    font-size: 11px;
    line-height: 15px;
    text-align: left;
}

.my-20 {
    margin: 20px auto;
}

.colHolder .col {
    width: 30%;
    margin: 10px;
    padding: 10px 20px;
    border: 1px solid white;
    float: left;
    text-align: center;
    align-self: stretch;
}

div.colHolder div.ico {
    width: 17%;
    text-align: center;
    background-color: rgb(255, 255, 255);
    align-self: stretch;
    margin: 10px 10px;
    border-radius: 10px;
    padding-top: 10px;

}

div.iot div.ico {
    width: 13%;


}

div.col-2 {
    width: 13%;
}

div.greyBlock {

    background-color: #f4f4f4;
    width: 48%;
    box-sizing: border-box;
    padding: 10px 20px;
    margin: 20px 0px;
    border-radius: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

div.col-2 {
    width: 19%;
    align-self: stretch;
}

div.colHolder div.col-three {
    align-self: stretch;
    text-align: center;
}

div.colHolder div.col-four {
    align-self: stretch;
    text-align: center;
    width: 22%;
}

div.colHolder div.col-four ul,
div.colHolder div.col-three ul {

    text-align: left;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
}

div.enterprise div.ico {
    width: 100%;


}

div.ico h5,
div.col-three h5,
div.col-four h5,
div.aicol3 h5 {
    margin-top: 10px;
    font-weight: normal;
    color: black;


}

div.clicableTabContent ul li a {
    color: white;
}

div.clicableTabContent div.tab-content {
    width: 65%;
}

div.letstalkbutton {
    width: 100%;
}

a.letsTalk {
    margin: 10px auto;
    background-color: #662d91;
    color: white;
    padding: 10px 26px;
    border-radius: 19px;
    font-size: 22px;
    font-weight: bold;
}

.margin {
    margin: 0px !important;
}

div.bg-image-clicakblecontent {
    background-image: url("../img/newChangesImages/iot/IoTBG.jpg");
        height: 380px;
}

div.bg-enterprise {
    background-image: url("../img/newChangesImages/enterprise/Enterprise-Portal-2.png");
    background-repeat: no-repeat;
    background-size: 100%;
}

div.robotimgHolder {
    width: 40%;
}

div.robotcontentHolder {
    width: 60%;
}

div.robotcontentHolder ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

div.robotcontentHolder div.colHolder img {
    width: 13%;
    align-self: flex-start;
    margin: 0px 10px;
}

div.robotcontentHolder div.colHolder div {
    width: 80%;
}

div.leftImage {
    width: 50%;

}

div.leftImage img {
    width: 90%;

}

div.RightContent {
    width: 50%;
    align-self: flex-start;
}

div.aicol3 {
    width: 33%;
}

div.aicol3 img {
    width: 33%;
    margin-right: 10px;
}

div.aicol3 h5 {
    width: 60%;
}


div.cont {
    width: 90%;
    color: white;
    background-color: rgba(47, 47, 47, 0.71);
    text-align: center;
    padding: 10px;
}

div.cont p {
    color: white;
}

div.clicableTabContent .nav > li > a:hover,div.clicableTabContent .nav > li > a:active {
    background-color: #472064;
}

.bgblockchain {
    background-image: url("../img/newChangesImages/background1.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 520px;
}

div.circular {
    background: aliceblue;
    border-radius: 200px;
    color: white;
    height: 240px;
    font-weight: bold;
    width: 240px;
    display: table;
    padding: 20px;
    text-align: center;
    overflow: hidden;
    background-image: linear-gradient(to right, #424da1, #48c1c5);
    /*      background-image: linear-gradient(to right, #f0f8ff, #b3cdf6);*/
}

div.circularContent {
    display: table-cell;
    vertical-align: middle;
}

div.circularContent h5 {
    font-size: 17px;
    line-height: 20px;
    color: #f2f2f2;
}

div.circularContent p {
    font-size: 13px;
    line-height: 20px;
    color: #f2f2f2;
}

.margin-top-20 {
    margin-top: 40px;
}
div.how-it-works-image{
  background-image: url(../img/newChangesImages/iot/how-it-works-image.png);
      background-position: 30%;
      background-repeat: no-repeat;
      /* background-size: 100% 100%; */
      height: 500px;
      width: 90%;
      float: right;
      margin: 0px auto 30px;
}
div.how-it-works-image div{
    width: 236px;
    position:absolute;
}
div.how-it-works-image div h1{

    font-size: 20px;
    color: #2abfcd;
    font-weight: bold;
    letter-spacing: 1px;
        margin: 0px;
}
div.how-it-works-image div p{
  margin: 0px;
font-size: 12px;
line-height: 1.4;
}

div.how-it-works-image div.firstList{
  right:0;
  top:0;
}
div.how-it-works-image div.secondList {
  left: 0;
top: 20%;
}
div.how-it-works-image div.secondList h1{
  color: #1b5771;
}
div.how-it-works-image div.thirdList {
  right: 0;
top: 35%;
}
div.how-it-works-image div.thirdList h1{
    color: #f68e2f;
}

div.how-it-works-image div.fourthList {
  left: 0;
top: 50%;
}
div.how-it-works-image div.fourthList h1{
      color: #ef4757;
}
div.how-it-works-image div.fifthList {
  right: 0;
top: 70%;
}
div.how-it-works-image div.fifthList h1{
    color: #f2b419;
}
div.clicableTabContent div ul.nav-stacked li.active > a{
    background-color: #472064;
}