@font-face {
    font-family: bold;
    src: url(../font/Raleway-Bold.ttf);
}

@font-face {
    font-family: semibold;
    src: url(../font/Raleway-SemiBold.ttf);
}

@font-face {
    font-family: Medium;
    src: url(../font/Raleway-Medium.ttf);
}

@font-face {
    font-family: regular;
    src: url(../font/Raleway-Regular.ttf);
}

body {
    font-family: medium;
}

.certify{margin: 50px auto;}

.mar-b-30 {
    margin-bottom: 30px;
}

.mar-b-40 {
    margin-bottom: 40px;
}

.mar-b-50 {
    margin-bottom: 50px;
}

.mar-t-60 {
    margin-top: 60px;
}

.mar-b-10 {
    margin-bottom: 10px;
}

.mar-b-18 {
    margin-bottom: 18px;
}

.pad-r-0 {
    padding-right: 0;
}

.pad-l-0 {
    padding-left: 0;
}

.mar-b-80 {
    margin-bottom: 80px;
}

.mar-b-20 {
    margin-bottom: 20px;
}

.mar-b-15 {
    margin-bottom: 15px;
}

.mar-t-30 {
    margin-top: 30px;
}

.LV_validation_message.LV_valid {
    display: none;
}

.LV_validation_message.LV_invalid {
    color: red;
}

form {
    height: auto;
}

input[type=text] , {
    color: #fff !important;
}

.mar-t-40 {
    margin-top: 40px;
}

.mar-t-50 {
    margin-top: 50px;
}

.mar-t-80 {
    margin-top: 80px;
}

.mar-t-20 {
    margin-top: 20px;
}

.mar-t-15 {
    margin-top: 15px;
}

.mar-t-150 {
    margin-top: 150px;
}

.container {
    width: 1000px;
    margin: 0 auto;
    padding-left: 15px;
    padding-right: 15px;
}

#header_wrapper {
    padding: 20px 0;
    position: fixed;
    z-index: 1000 !important;
    width: 100% !important;
}

.header_box,
.hero_section,
.logo,
.white_pad {
    position: relative;
}

.logo {
    margin-top: 8px;
    z-index: 2;
}

.client_profile,
.logo {
    float: left;
}

.navbar {
    border: 0 solid #fff;
    min-height: 40px;
    margin-bottom: 0;
}

.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
}

.navStyle ul {
    padding: 0;
}

.navStyle ul,
.social_links,
.team_box ul {
    list-style: none;
}

.navStyle ul li {
    margin: 20px 15px 0;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background: 0 0;
}

.navbar-inverse .navbar-nav>li>a {
    color: #fff;
}

.navbar-nav {
    float: right;
}

.nav>li>a {
    padding: 10px;
}

.navStyle ul li a {
    display: block;
    font-size: 14px;
    color: #222;
    text-decoration: none;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
}

.navStyle ul li a,
a.read_more2 {
    transition: all .2s ease-in-out;
}

.banner-content {
    margin-top: 150px;
}

.nav-effect {
    background-color: rgba(255, 255, 255, .9);
    padding: 0 0 10px !important;
    box-shadow: 0px 0px 3px #555;
}

.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    background-color: #868686 !important;
    color: #fff !important;
}

.navbar-inverse .navbar-toggle:focus,
.navbar-inverse .navbar-toggle:hover {
    background-color: transparent !important;
}

.navbar-inverse .navbar-toggle {
    border: none !important;
}

.navbar-toggle {
    margin-right: 0px !important;
}

.navStyle ul li a {
    cursor: pointer;
}

@media (max-width: 767px) {
    #header_wrapper {
        background: rgba(193, 193, 193, .9);
        padding: 0;
        border-bottom: 1px solid #fff;
        padding-left: 2% !important;
        padding-bottom: 4px !important;
        padding-right: 4% !important;
    }

    .header .container {
        width: 100% !important;
    }

    .navbar-nav {
        float: left;
    }

    .navbar-toggle {
        margin-top: 32px;
    }

    .navStyle ul li {
        margin: 0px !important;
    }
}

/*end of header*/
.float.ff {position: relative;}
.float-btn {position: fixed;right: -89px;transform: rotate(90deg);top: 400px;z-index: 1000;}
.float-btn button {background: #05b405;padding: 13px 40px;font-family: 'bold';border-radius: 0px;font-size: 16px;border-radius:5px;}
.banner {
    background-image: url(../img/banner.png);
    background-size: cover;
    padding-bottom: 35px;
}

.banner h1 {
    color: white;
    font-size: 48px;
    font-family: semibold;
}

.banner p {
    color: #fff700;
    font-size: 28px;
}

.banner .btn-primary,
.banner .btn-primary:focus,
.banner .btn-primary:hover {
    background: #039000;
    border: 1px solid #039000;
    font-size: 18px;
    padding: 10px 40px;
    border-radius: 0;
    transition: 0.2s ease;
}

.banner .btn-primary:hover {
    box-shadow: 0px 6px 9px rgb(0 0 0 / 31%);
    transform: scale(1.03);
    transition: 0.2s ease;
}


.banner .btn-primary,
.banner .btn-primary:focus,
.banner .btn-primary:hover {
    background: #10b81a;
    border: 1px solid #10b81a;
    font-size: 18px;
    padding: 10px 40px;
    border-radius: 10px;
    transition: 0.2s ease;
}

.banner .btn-primary:hover {
    box-shadow: 0px 6px 9px rgb(0 0 0 / 31%);
    transform: scale(1.03);
    transition: 0.2s ease;
}

.steps .heading {
    margin: 0 auto !important;
    width: 585px;
}

.steps h2 {
    color: #5e0b7a;
    font-size: 32px;
    font-family: semibold;
    text-align: center;
}

.steps hr {
    width: 290px;
    border-top: 3px solid #ffd400;
    margin-bottom: 75px;
    margin-left: auto;
}

form .elq-label,
.checkbox-aligned.elq-item-label {
    font-weight: 400;
}

.submit-button-style {
    background: #ffad09;
    color: #111;
    border: 1px solid #ffad09;
    padding: 10px 40px;
    border-radius: 4px;
    font-size: 16px;
    font-family: semibold;
    margin-top: 8px;
}

#formElement4 .elq-item-input {
    height: 45px;
    background: transparent;
    border: 1px solid #696868;
    padding-left: 2px;
	border-radius: 3px;
}

/*.steps p{font-size: 30px;margin-top: 110px;}
.steps p>span{font-family: bold;}*/
.tab-section {
    padding: 50px 0px;
    margin: 50px 0px;
}

.tab-section .heading {
    margin: 0 auto !important;
    width: 585px;
}

.tab-section h2 {
    color: #5e0b7a;
    font-size: 32px;
    font-family: semibold;
}

.tab-section hr {
    width: 65%;
    border-top: 3px solid #ffd400;
    margin-bottom: 75px;
    margin-left: auto;
}

.tab-section p {
    width: 810px;
    font-size: 24px;
    margin-top: 50px;
}

.challenges {
    padding: 50px 0px 100px 0px;
    margin-bottom: 50px;
    background:#5e0b7a;
    background-size: cover;
}

.challenges .heading {
    margin: 0 auto !important;
    width: 585px;
}

.challenges h2 {
    color: white;
    font-size: 32px;
    font-family: semibold;
}

.challenges hr {
    width: 65%;
    border-top: 3px solid #ffd400;
    margin-bottom: 75px;
    margin-left: auto;
}

.challenges p {
    color: white;
    font-size: 22px;
    font-family: regular;
}

.challenges .col-md-4 {
    padding: 30px 52px;
}

.challenges .col-md-4:nth-child(2) {
    border-left: 2px solid #ffd400;
    border-right: 2px solid #ffd400;
}

.challenges .row:nth-child(3) {
    width: 600px;
    margin: 50px auto 0px auto;
}

.challenges .row:nth-child(3) .col-md-6 {
    padding: 30px 52px;
}

.challenges .row:nth-child(3) .col-md-6:nth-child(1) {
    border-right: 2px solid #ffd400;
}

.services {
    margin: 50px 0px 75px 0px;
}

.services .heading {
    margin: 0 auto !important;
    width: 570px;
    width: 703px;
}

.services h2 {
    color: #5e0b7a;
    font-size: 32px;
    font-family: semibold;
    text-align: center;
}

.services hr {
    width: 65%;
    border-top: 3px solid #ffd400;
    margin-bottom: 45px;
    margin-left: 0px;
}

.services h4 {
    background: #ffd400;
    padding: 30px;
    font-family: semibold;
    min-height: 98px;
}

.services p {
    background: #4b0761;
    margin-top: -10px;
    padding: 30px;
    font-size: 14px;
    color: white;
    min-height: 240px;
}

#demo .img-responsive {
    margin: 0;
    float: right !important;
    height: 698px;
}


/*end of customer testimonial*/
.btn-request,
.btn-request:hover,
.btn-request:focus {
    background-color: #06981b;
    color: white;
    font-size: 18px;
    margin: 15px 0px;
}

.form-section {
    margin: 50px 0px 75px 0px;
}

.form-section .heading {
    margin: 0 auto !important;
    width: 420px;
}

.form-section h2 {
    color: #5e0b7a;
    font-size: 32px;
    font-family: semibold;
}

.form-section hr {
    width: 65%;
    border-top: 3px solid #ffd400;
    margin-bottom: 45px;
    margin-left: 0px;
}

.form-section form {
    background: url(../img/lr-bg.jpg) right;
    background-size: cover;
    padding: 30px;
}

.form-section form input[type="text"] {
    background: transparent;
    border: 2px solid white;
    margin: 5px 0px;
    height: 45px;
    padding-left: 10px;
}

.form-section form input::placeholder {
    color: white;
    opacity: 0.7;
    /* Firefox */
}

.form-section form input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: white;
}

.form-section form input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: white;
}

img {
    vertical-align: middle;
}

.pane-content {
    margin: 0 auto
}

.perspective-title {
    background-color: rgba(0, 0, 0, .5);
    bottom: 45%;
    color: #fff;
    font-size: 14px;
    height: 35px;
    margin: -15px 0;
    padding: 6px 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -20px;
    font-weight: 600
}


@media(min-width:0px) and (max-width:767px) {
    

    .lr-modal-eloqua {
        width: 45%;
    }

 

  

    .responsive-grid {
        width: 100%;
        padding: 0;
    }

    .sug-ontent {
        padding: 15px !important;
    }

    #footer {
        height: auto;
        position: absolute;
        z-index: 9999;
    }

    #copyright {
        display: none;
    }

    #copyrightResponsive {
        display: block;
        margin: 0;
        padding: 0;
    }

    .footer_credit {
        margin-bottom: 0 !important;
    }

    

    #eloqua_contact_us {
        position: fixed;
        right: 20px;
        bottom: 82px;
        top: auto;
        color: transparent;
        background-color: transparent;
        padding: 0;
        font-size: 14px;
        transform: rotate(360deg);
        z-index: 9999;
        width: 50px;
        cursor: pointer
    }

    #eloqua_contact_us .contact_image {
        display: block
    }



    .gridImage .gridaccordionHeading.tabTitle h2 {
        color: #000 !important
    }

    .annBanner {
        top: 0
    }

    .oiContent .oiTitle h2 {
        font-size: 22px
    }

    .oiContent .oiDesc {
        font-size: 18px
    }

    .page-robotic-process-automation .gridImage .gridaccordionHeading.tabTitle {
        margin-top: 0 !important
    }

    .page-robotic-process-automation .gridImgcontent p {
        color: #000
    }

    .page-robotic-process-automation #tabs_content_all_content_types .gridaccordionHeading h2 {
        width: 100%;
        margin-bottom: 5%
    }

    .page-robotic-process-automation .rpa-use-cases .gridSection {
        width: 100%
    }
}

/*end of slider*/
/*----------------------------------footer---------------------------------*/
.footer {
    background: #1e1e1e;
    /* min-height: 65px; */
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
    color: #fff !important;
    padding: 21px 0px 12px;
}

.footer a,
.footer p {
    color: #fff;
    font-size: 0.97em;
}

.footer .credits {
    float: right;
}

.footer .credits a {
    border-right: 1px solid #444;
    padding: 25px 15px 21px 15px;
    cursor: pointer;
}

.footer .credits a:hover {
    background-color: #333;
    text-decoration: none !important;
}

.footer .twitter {
    border-left: 1px solid #444;
}

@-moz-document url-prefix() {
    .footer .credits a {
        border-right: 1px solid #444;
        padding: 25px 15px 20px 15px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .container {
        width: 960px;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .navStyle ul li {
        margin: 30px 3px 0;
    }

    #suggested_content,
    #suggested_content_tab_specific {
        max-width: 840px !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .container {
        width: 750px;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .navStyle ul li {
        margin: 20px 1px 0;
    }

    .navStyle ul li a {
        font-size: 10px;
    }

    #suggested_content,
    #suggested_content_tab_specific {
        max-width: 650px !important;
    }

    .field-content img {
        width: 100% !important;
    }

    .perspective-title {
        height: 53px;
        padding: 6px 5px !important;
    }

    .banner h1 {
        color: white;
        font-size: 40px;
        font-family: semibold;
    }

    .banner p {
        color: #fff700;
        font-size: 22px;
    }

    .navStyle ul li {
        margin: 20px 8px 0 !important;
    }

    .services p {
        /*height: 347px;*/
        padding: 10px;
    }

    #formElement6 .checkbox-aligned.elq-item-label {
        width: 80% !important;
        font-size: 13px;
    }

    #formElement6 input[type=checkbox] {
        height: 47px !important;
    }

    form {
        height: 640px;
    }

    #demo .img-responsive {

        height: 638px;
    }

    .services center {
        background: #ffd400;
    }

    .services h4 {
        padding: 10px;
        display: inline-flex;
        align-items: center;
    }

    .form-section form {
        padding: 15px;
    }

    .form-section form input[type="text"] {
        height: 35px;
    }

    #formElement4 .elq-item-input {
        height: 35px !important;
    }

    /*--------------------------footer-----------------------*/
    .footer .contact-us {
        display: none;
    }

    .footer,
    .footer a,
    .footer p {
        text-align: center;
    }

    .footer .credits {
        display: none;
    }

    /*----------------------------*/
}

.cta-banner {
    background: url(../img/cta-banner.png)no-repeat center;
    background-size: cover;
    padding: 80px 0;
}

.cta-banner h1 {
    color: #fff;
    font-family: semibold;
    margin-bottom: 30px;
        margin-top: 0;
}

.cta-banner .btn.btn-warning {
    background: #ffad09;
    color: #111;
    border: 1px solid #ffad09;
    padding: 10px 50px;
    border-radius: 4px;
    font-size: 18px;
    font-family: semibold;
}

@media (min-width: 320px) and (max-width: 767px) {
    .container {
        width: 310px;
        margin: 0 auto;
        padding-left: 15px;
        padding-right: 15px;
    }


    .banner h1 {
        margin-top: 0px;
        font-size: 42px;
    }
.cta-banner {
    padding: 60px 0;
}
    #formElement4 .elq-item-input {
        height: 35px !important;
    }
    .services {
    margin: 50px 0px 50px 0px;
}
.form-section h2{
    text-align: center;
}
.form-section hr {
    width: 65%;
    border-top: 3px solid #ffd400;
     margin: auto;
    margin-bottom: 45px;   
}

    .banner p {
        margin: 30px 0;
        font-size: 23px;
    }

    .banner .img-responsive {
        margin-top: 30px;
    }

    .heading {
        width: auto !important;
    }

    .lr-content1 br {
        display: none;
    }

    .challenges .col-md-4:nth-child(2) {
        border: 0px !important;
    }

    .challenges .row:nth-child(3) {
        width: 100%;
        margin: auto;
    }

    .challenges .row:nth-child(3) .col-md-6:nth-child(1) {
        border-right: 0px;
    }

    .field-content img {
        width: 100% !important;
    }

    /*slider*/
    /*footer*/
    .credits {
        display: none;
    }

    .footer-content-inline {
        margin-bottom: 8px;
    }

    .footer p,
    .footer-content-inline {
        text-align: center;
    }

    #demo .pad-l-0 {
        padding-right: 0;
    }

    .submit-button-style {
        padding: 10px 33px;
    }

    /*footer*/
}

@media (min-width: 320px) and (max-width: 450px) {

    /*slider*/
    .active1 {
        padding: 0px 8px !important;
    }
    /*slider*/
}

@media(min-width:320px) and (max-width: 767px) {
    .float_ebook {
        z-index: 999999;
    }
}



@media(min-width:992px) and (max-width: 1199px) {
    .navStyle ul li {
        margin: 20px 3px 0;
    }

    .navStyle ul li a {
        font-size: 13px;
    }
}

.float_ebook {
    position: fixed;
    bottom: -172px;
    left: 0px;
    width: 500px;
    margin: 0px auto;
    background: #eceaea;
    border-radius: 0px 6px 0px 0px;
    z-index: 9;
    padding: 20px 20px 30px 45px;
    display: none;
}

.float_ebook img {
    margin-top: 12px;
    border: 1px solid #ccc;
}

.float_ebook p {
    color: #444 !important;
}

.float_ebook .row {
    position: relative;
}

.float_ebook .close {
    position: absolute;
    right: 4px;
    top: -24px;
    width: 15px;
    opacity: 0.5;
    border: 0px;
    height: 15px;
}

.float_ebook .close:hover {
    opacity: 1;
}

.float_ebook .btn-success {
    width: 100%;
    text-align: center;
}

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

    .float_ebook {
        width: 100% !important;
    }

    .float_ebook img {
        height: 80px;
        margin: auto;
    }

    .float .col-xs-3,
    .float .col-xs-9 {
        width: 100% !important;
    }

    .float-btn {
        width: 15%;
        padding-top: 23% !important;
    }

    .float_ebook .close {
        top: -6px;
        right: 9px;
    }

}

@media(min-width: 768px) and (max-width: 991px) {

    .carousel-nametag {
        left: -7px !important;
    }

}


@media(min-width: 320px) and (max-width: 767px) {
    /* ---------my style*/
    .steps hr,
    .services hr,
    .challenges hr,
    .tab-section hr {
        margin-left: 0;
        width: 100%;
        margin-bottom: 30px;
        margin-top: -5px;
    }

    .steps h2,
    .challenges h2,
    .tab-section h2 {
        font-size: 27px;
        padding-bottom: 15px;
        text-align: center;

    }

    .tab-section {
        padding: 30px 0px;
        margin: 30px 0px;
    }

    #demo .img-responsive {
        display: none;
    }

    .form-section form input[type="text"],
    #formElement4 .elq-item-input {
        height: 35px;
    }

    .checkbox-aligned.elq-item-label {
        width: 186px !important;
        font-size: 12px;
    }

    #formElement6 input[type=checkbox] {
        height: 57px !important;
    }

    #formElement7 .col-xs-12>div {
        text-align: center;
    }

    #services p {
        margin-bottom: 30px;
    }

    form {
        height: auto;
        padding-bottom: 30px;
    }
}
.cta{background: url("../img/cta.jpg");padding: 30px 0px 50px 0px;border-bottom: 1px solid #fff;background-size: cover;background-repeat: no-repeat;margin-top: 40px;}
.cta h3{line-height:2;color:white;margin-bottom: 30px;font-size: 28px;font-weight: 500;}
.cta span {color: yellow;}
.cta a{padding : 10px 20px;color:white;background-color: #0ab90a;font-size:20px;margin-bottom:30px;}