/*slider*/
.slider-p {
    text-align: center;
    color: white;
    font-size: 21px;
    padding-bottom: 40px;
}

.angle {
    transform: rotate(-180deg);
}

.suggested_arrow img {
    margin-top: 156px;
}

.carousel,
.carousel-inner {
    position: relative;
}

#suggested_content .suggested-description,
#suggested_content_tab_specific .suggested-description {
    margin-bottom: 11px;
}

@media only screen and (max-width:550px) {
    #suggested_content_tab_specific .carousel-control .glyphicon-chevron-right {
        margin-right: -10px;
    }
}

#suggested_content,
#suggested_content_tab_specific {
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
    min-height: 599px;
    padding-bottom: 100px;
}

.pane-suggested-content,
.pane-suggested-content-tab-specific {
    background-image: url(img/success-background.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.suggestedContent {
    background-color: #fff;
}

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
}

#suggested_content .sug-ontent,
#suggested_content_tab_specific .sug-ontent {
    padding: 15px
}

#suggested_content .suggested-title,
#suggested_content_tab_specific .suggested-title {
    color: #333;
    font-size: 18px;
    font-weight: 500;
    height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 20px;
    margin-top: -10px
}

#suggested_content .suggested-url,
#suggested_content_tab_specific .suggested-url,
.gridKnowmoreurl,
.leftrightKnowmoreurl,
.lr-modal-eloqua {
    margin-top: 4%;
    margin-bottom: 1%
}

img,
video {
    max-width: 100%;
    height: auto
}

.pane-suggested-content h2,
.pane-suggested-content-tab-specific h2 {
    padding-top: 100px;
    padding-bottom: 20px;
    text-align: center;
    color: #fff;
    margin-top: 0;
    font-size: 32px;
    font-family: semibold;
}

.glyphicon-chevron-right:before {
    content: "\e080"
}
#main-content-wrapper hr{
  width: 200px;
  border-top:3px solid #ffd400;
     margin: -7px auto 50px;
    margin-left: auto;
    border-radius: 40px;
}

.carousel-inner {
    width: 100%;
    overflow: hidden
}

.btn-group-vertical>.btn-group:after,
.btn-toolbar:after,
.clearfix:after,
.container-fluid:after,
.container:after,
.dl-horizontal dd:after,
.form-horizontal .form-group:after,
.modal-footer:after,
.modal-header:after,
.nav:after,
.navbar-collapse:after,
.navbar-header:after,
.navbar:after,
.pager:after,
.panel-body:after,
.row:after {
    clear: both
}

.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 30px;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
    left: 50%;
    margin-left: -10px
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next,
.carousel-control .icon-prev {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

*,
::after,
::before {
    box-sizing: border-box
}

.leftrightKnowmoreurl {
    margin-top: 7%
}

.lr-modal-eloqua {
    width: 30%
}

#suggested_content .suggested-url a,
#suggested_content_tab_specific .suggested-url a,
.gridKnowmoreurl a,
.leftrightKnowmoreurl a,
.lr-modal-eloqua .field-content,
.oiKnowmoreurl a {
    color: #fff;
    background-color: #10b81a;
    padding: 8px 15px;
    font-size: 14px
}

#suggested_content .sug-ontent,
#suggested_content_tab_specific .sug-ontent {
    margin-bottom: 10%
}

#tabs_content .gridDescription,
#tabs_content .gridDescription a,
#tabs_content .gridDescription p,
#tabs_content .gridDescription p a,
#tabs_content .gridDescription p b,
#tabs_content .gridDescription p span,
#tabs_content .gridDescription p span b,
#tabs_content .gridDescription p span i,
#tabs_content .gridDescription span,
#tabs_content_all_content_types .gridDescription a,
#tabs_content_all_content_types .gridDescription p,
#tabs_content_all_content_types .gridDescription p a,
#tabs_content_all_content_types .gridDescription p b,
#tabs_content_all_content_types .gridDescription p span,
#tabs_content_all_content_types .gridDescription p span b,
#tabs_content_all_content_types .gridDescription p span i,
#tabs_content_all_content_types .gridDescription span {
    font-family: Raleway-Regular !important;
    color: #1c1c1c !important;
    font-size: 14px !important;
    text-align: center !important;
    margin-bottom: 0 !important
}

#tabs_content .gridKnowmoreurl,
#tabs_content_all_content_types .gridKnowmoreurl {
    text-align: center
}

.page-enterprise-solutions-70 #tabs_content .gridDescription {
    padding-bottom: 8%
}

.page-enterprise-solutions-70 #tabs_content .gridSection p {
    margin-top: 3%
}

#tabs_content .gridDescription ol li,
#tabs_content .gridDescription ul li,
#tabs_content_all_content_types .gridDescription ol li,
#tabs_content_all_content_types .gridDescription ul li {
    text-align: left
}

#tabs_content .row .row,
#tabs_content_all_content_types .row .row {
    display: flex;
    flex-flow: row wrap;
    justify-content: center
}

#tabs_content .gridTitle,
#tabs_content .gridTitle a,
#tabs_content .gridTitle b,
#tabs_content .gridTitle h3,
#tabs_content .gridTitle i,
#tabs_content .gridTitle p,
#tabs_content .gridTitle p span,
#tabs_content .gridTitle span,
#tabs_content p strong span,
#tabs_content_all_content_types .gridTitle,
#tabs_content_all_content_types .gridTitle a,
#tabs_content_all_content_types .gridTitle b,
#tabs_content_all_content_types .gridTitle h3,
#tabs_content_all_content_types .gridTitle i,
#tabs_content_all_content_types .gridTitle p,
#tabs_content_all_content_types .gridTitle p span,
#tabs_content_all_content_types .gridTitle span,
#tabs_content_all_content_types p strong span,
.gridTitle strong span {
    color: #000 !important;
    font-family: Raleway-semiBold !important;
    font-size: 18px !important;
    padding-bottom: 3px !important;
    text-align: center !important;
    font-weight: 400 !important;
    height: auto !important;
    margin-top: 0;
    margin-bottom: 0;
    line-height: 25px
}

#tabs_content .gridSection p,
#tabs_content_all_content_types .gridSection p,
#videos .tabTitle {
    text-align: center
}

#image_only_image .only_image img {
    width: 100%
}

#tabs_content .tabImage .field-content {
    position: relative;
    padding-bottom: 70.99%;
    height: 0;
    overflow: hidden;
    background-color: #e9e9e9
}

.page-careers #tabs_content .tabImage .field-content {
    overflow: visible
}

#tabs_content .tabImage .field-content img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.page-privacy #tabs_content ul li,
.page-terms-of-use #tabs_content ul li {
    margin-bottom: 10px
}

.page-enterprise-solutions-70 #tabs_content {
    margin-bottom: 0 !important
}

.page-enterprise-solutions-70 .pane-partners-logos .ourPartners-logo {
    background-color: transparent
}

#sub_tabs {
    background-color: #f7f7f7;
    padding: 5% 0
}

#sub_tabs .view-content,
#videos {
    max-width: 960px;
    margin: 0 auto
}

#sub_tabs .nav-tabs>li {
    float: none
}

#sub_tabs .nav-tabs>li a {
    color: #333;
    font-size: 18px;
    font-family: Raleway-Regular;
    padding: 0;
    float: left;
    width: 95%;
    border: none;
    border-top: 1px solid #ddd
}

#sub_tabs .nav-tabs>li a:hover,
#sub_tabs .nav-tabs>li.active>a {
    background-color: transparent;
    color: #639
}

#sub_tabs .nav-tabs>li.active>a {
    border: none;
    border-top: 1px solid #ddd
}

#sub_tabs .nav-tabs>li:first-child a {
    border-top: none
}

#sub_tabs .tab-content {
    margin-left: 5%
}

#sub_tabs .tab-content .subTabstitle {
    font-family: Raleway-Bold;
    font-size: 28px;
    margin-bottom: 3%
}

#sub_tabs .tab-content .subTabscontent {
    font-size: 14px;
    font-family: Raleway-Regular
}

#sub_tabs .active img:first-child,
#sub_tabs .hover img:first-child,
#sub_tabs .hoverImage,
#sub_tabs .subTabsaccordicon,
#sub_tabs .tab-content .glyphicon,
#sub_tabs .tab-content .subTabsimage {
    display: none
}

#sub_tabs .tab-section .active i {
    display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0;
    float: right
}

#sub_tabs .tab-section .active .right {
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #639
}

#sub_tabs .nav-tabs {
    border-bottom: 0
}

#sub_tabs .active .hoverImage,
#sub_tabs .hover .hoverImage {
    display: block
}

#sub_tabs li a img {
    float: left
}

#sub_tabs .tab-section li a span:nth-child(2) {
    position: relative;
    top: 13px;
    width: 80%
}

#sub_tabs .tab-section .active i {
    position: relative;
    top: 17px
}

#sub_tabs .subTabscontent li {
    color: #666;
    padding-bottom: .5%
}

.pane-videos {
    background-color: #f7f7f7
}

#videos {
    padding: 3% 0
}

#videos .tabTitle {
    margin-top: 0;
    padding: 0 0 3%
}

#videos .playContent {
    display: none;
    width: 75%;
    left: 11%
}

#videos .videoImage {
    cursor: pointer
}

.playContent {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 99999;
    width: 98%;
    margin-left: 1%;
    height: 88%;
    overflow: hidden;
    margin-top: 77px
}

.videoTitle,
.videoimageSection {
    position: relative;
    text-align: center;
    color: #fff
}

.html5-video-container video,
.playContent iframe {
    min-height: 92vh;
    min-width: 100%;
    width: 100%;
    z-index: 9999
}

.videoSection .closeicon {
    display: none;
    width: 2%;
    right: 195px;
    top: 13.5% !important
}

.closeicon {
    top: 15% !important;
    background-color: #fff
}

.videoTitle {
    background-color: rgba(0, 0, 0, .5);
    font-family: Raleway-SemiBold !important;
    font-size: 14px;
    height: 35px;
    margin: -15px 0;
    padding: 6px 0;
    top: -20px
}

.page-retail-234 .leftrightKnowmoreurl {
    margin-bottom: 2% !important
}

.videoimageSection {
    font-family: Raleway-Regular
}

.videoimageSection .bgContent {
    position: absolute;
    top: 12%
}

.videoimageSection .bgtitle {
    font-size: 22px;
    font-weight: 700
}

.videoimageSection .bgBody {
    font-size: 15px;
    line-height: 21px;
    padding: 3% 4% 0
}

,
#suggested_content #next_arrow,
#suggested_content #previous_arrow,
#suggested_content_tab_specific #next_arrow,
#suggested_content_tab_specific #previous_arrow {
    cursor: pointer;
    position: absolute;
    display: inline
}

#suggested_content #next_arrow,
#suggested_content_tab_specific #next_arrow {
    margin-left: 910px
}

@-moz-document url-prefix() {

    #suggested_content #next_arrow,
    #suggested_content_tab_specific #next_arrow {
        margin-left: 0
    }
}

#suggested_content [class^=responsive-grid],
#suggested_content_tab_specific [class^=responsive-grid] {
    display: inline;
    width: 33.33333333%
}

#suggested_content .carousel-inner .col-lg-4,
#suggested_content_tab_specific .carousel-inner .col-lg-4 {
    width: 31.33333333%
}

#suggested_content [class^=views-bootstrap-grid].carousel-inner,
#suggested_content_tab_specific [class^=views-bootstrap-grid].carousel-inner {
    margin-left: 3%
}

#suggested_content .carousel-control .glyphicon-chevron-left,
#suggested_content .carousel-control .icon-prev,
#suggested_content_tab_specific .carousel-control .glyphicon-chevron-left,
#suggested_content_tab_specific .carousel-control .icon-prev {
    margin-left: -70px
}

#suggested_content .carousel-control .glyphicon-chevron-right,
#suggested_content .carousel-control .icon-next,
#suggested_content_tab_specific .carousel-control .glyphicon-chevron-right,
#suggested_content_tab_specific .carousel-control .icon-next {
    margin-right: -70px
}

#suggested_content .carousel-control.left,
#suggested_content .carousel-control.right,
#suggested_content_tab_specific .carousel-control.left,
#suggested_content_tab_specific .carousel-control.right {
    background-image: none
}
@media screen and  (max-width: 1199px){
  #main-content-wrapper hr {
    margin-left: 276px;
  }
}
@media screen and (max-width: 991px){
#main-content-wrapper hr {
    margin-left: 176px;
}
}
.perspective-title{
  text-transform: uppercase;
}
@media(min-width:0px) and (max-width:767px) {
   #main-content-wrapper .panel-pane.pane-views.pane-suggested-content-tab-specific {
    padding: 40px 0 !important;
   }
  
  #main-content-wrapper hr {
    margin:auto;
    margin-top: 8px;
    margin-bottom: 30px;
}
    .active1 {
        padding: 0 105px 0 107px;
    }

    #suggested_content .row,
    #suggested_content_tab_specific .row,
    #tabs_content .row,
    #tabs_content .row .row {
        margin: 0 !important
    }

    #about_aspire .tabTitle,
    #partners_logo_only_image .imagesTitle,
    #tabs_content .tabTitle {
        padding: 0 0 25px
    }

    #about_aspire .about-image-left .tabDescription,
    #about_aspire .about-image-right .tabDescription,
    #tabs_content .about-image-left .tabDescription,
    #tabs_content .about-image-right .tabDescription {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    #tabs_content .row .row,
    #tabs_content_all_content_types .row .row,
    .grid-4 {
        display: contents !important
    }

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

    .gridSection,
    .gridSection-4 {
        float: none;
        margin: 3% 0;
        width: 100%
    }

    #grid,
    #partners_logo_only_image,
    .page-careers #image_only_image {
        margin-bottom: 25px !important;
        max-width: 315px;
        margin: 0 auto;
        padding: 0
    }

    #partners_logo_only_image .view-content,
    #partners_logo_only_image .views-row {
        display: block
    }

    #partners_logo_only_image .views-row {
        width: auto
    }

    #partners_logo_only_image .views-row .ourPartnersDesc {
        margin-bottom: 0;
        padding: 0
    }

    #partners_logos {
        margin-top: -25px
    }

    .pane-suggested-content h2,
    .pane-suggested-content-tab-specific h2 {
        color: #fff;
        padding-bottom: 9px;
        padding-top: 20px;
        margin-bottom: 0;
        font-size: 28px
    }

    .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
    }

    #page_perspectives {
        max-width: 315px;
        padding: 0
    }

    .perspective-list li {
        margin-bottom: 0;
        min-height: auto;
        border-bottom: 2px solid #b0abaa;
    }

    .perspective-list li.disabled {
        display: none;
    }

    .page-perspective-wrapper {
        padding: 0;
        width: 100%;
        margin: 0 0 30px;
    }

    .page-perspective-image img {
        width: 100%;
    }

    .page-perspective-content {
        padding: 0;
    }

    #suggested_content .suggested-title,
    #suggested_content_tab_specific .suggested-title {
        height: auto;
        font-size: 16px;
    }

    #suggested_content #next_arrow,
    #suggested_content #previous_arrow,
    #suggested_content_tab_specific #next_arrow,
    #suggested_content_tab_specific #previous_arrow {
        z-index: 1;
        bottom: 13px;
        display: inline;
        border-radius: 33px;
        height: 40px;
        width: 40px;
        padding: 1px;
        clear: both;
    }

    #suggested_content #previous_arrow,
    #suggested_content_tab_specific #previous_arrow {
        position: absolute;
        margin-left: 100px;
    }

    #suggested_content #next_arrow span,
    #suggested_content #previous_arrow span,
    #suggested_content_tab_specific #next_arrow span,
    #suggested_content_tab_specific #previous_arrow span {
        clear: both;
    }

    #suggested_content #next_arrow,
    #suggested_content_tab_specific #next_arrow {
        margin-right: 95px;
    }

    #suggested_content .suggested-url,
    #suggested_content_tab_specific .suggested-url {
        clear: both;
        text-align: center;
    }

    #suggested_content,
    #suggested_content_tab_specific {
        min-height: 450px !important;
            max-width: 500px;
    }

    #suggested_content [class^=views-bootstrap-grid],
    #suggested_content_tab_specific [class^=views-bootstrap-grid] {
        margin-left: 0 !important;
    }

    #suggested_content .carousel-control,
    #suggested_content_tab_specific .carousel-control {
        display: block !important;
    }

    #suggested_content .carousel-control .glyphicon-chevron-left,
    #suggested_content .carousel-control .icon-prev,
    #suggested_content_tab_specific .carousel-control .glyphicon-chevron-left,
    #suggested_content_tab_specific .carousel-control .icon-prev {
        margin-left: -10px
    }

    #suggested_content .carousel-control .glyphicon-chevron-right,
    #suggested_content .carousel-control .icon-next,
    #suggested_content_tab_specific .carousel-control .glyphicon-chevron-right,
    #suggested_content_tab_specific .carousel-control .icon-next {
        margin-right: -10px
    }

    #suggested_content .carousel-control.left,
    #suggested_content .carousel-control.right,
    #suggested_content_tab_specific .carousel-control.left,
    #suggested_content_tab_specific .carousel-control.right {
        background-image: none
    }

    #next_arrow,
    #previous_arrow {
        margin-top: 405px;
        margin-bottom: 20px
    }

    .playContent {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 99999;
        width: 98%;
        margin-left: 1%;
        height: 87%;
        overflow: hidden;
        margin-top: 68px
    }

    .videoSection .closeicon {
        width: 30px;
        right: 30px;
        top: 15% !important
    }

    #videos .playContent {
        width: 98%;
        left: 0
    }

    #priosRegistration .submit-button,
    #priosRegistration1 .submit-button {
        padding: 3% 2% 9%
    }

    #tabs_content_all_content_types .row,
    #tabs_content_all_content_types .row .row {
        margin: 0 !important
    }

    #tabs_content_all_content_types .tabTitle {
        padding: 0 0 25px
    }

    #tabs_content_all_content_types .about-image-left .tabDescription,
    #tabs_content_all_content_types .about-image-right .tabDescription {
        width: 100%;
        padding-left: 0;
        padding-right: 0
    }

    #tabs_content_all_content_types .views-row {
        margin-bottom: 30px !important
    }

    #tabs_content_all_content_types .tabImage.Video {
        display: block;
        width: 100%;
        margin-bottom: 2%;
        margin-top: 4%
    }

    #tabs_content_all_content_types .tabImage .field-content img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%
    }

    #tabs_content_all_content_types .gridaccordHeading {
        background-color: #f7f7f7;
        padding: 4%;
        margin-bottom: 5%
    }

    #tabs_content_all_content_types .row .row,
    .grid-4 {
        display: contents !important
    }

    #eloqua_contact_us .contact_header,
    #tabs_content_all_content_types .left_right_image .tabImage {
        display: none
    }

    #tabs_content_all_content_types {
        margin-bottom: 40px
    }

    #page_perspectives .page-perspective-content.col-md-8,
    #page_perspectives .page-perspective-image.col-md-4 {
        width: 100%
    }

    #page_perspectives .page-perspective-image img {
        width: 320px;
        height: 220px
    }

    #page_perspectives .wrapper_parent.col-md-6 {
        width: 100% !important;
        margin: 0
    }

    #page_perspectives .page-perspective-heading {
        font-size: 17px
    }

    #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
    }

    .page-temenos .es-grid {
        width: 100%;
        height: 150px
    }

    .page-temenos #sub_tabs .subTabs .subTabstitle {
        font-size: 13.8px
    }

    .page-temenos #tabs_content_all_content_types .gridaccordionHeading {
        margin-bottom: 25px
    }

    .page-temenos #tabs_content_all_content_types .gridaccordionHeading h2 {
        text-align: center
    }

    .gridImageSection {
        display: none
    }

    .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*/

@media (min-width: 992px) and (max-width: 1199px) {

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

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

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

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

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

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

    /*slider*/
    .suggested_arrow img {
        margin-top: 170px !important;
    }

    #suggested_content #next_arrow,
    #suggested_content_tab_specific #next_arrow {
        margin-right: 29px;
        margin-top: 7px;
    }

    #suggested_content #previous_arrow,
    #suggested_content_tab_specific #previous_arrow {
        position: absolute !important;
        margin-left: 30px;
        margin-top: 7px;
    }

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

    /*slider*/

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

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

        .suggested_arrow img {
            margin-top: 291px !important;
        }

        #suggested_content #next_arrow,
        #suggested_content_tab_specific #next_arrow {
            margin-right: 105px !important;
            margin-top: 126px !important;
        }

        #suggested_content #previous_arrow,
        #suggested_content_tab_specific #previous_arrow {
            position: absolute !important;
            margin-left: 120px !important;
            margin-top: 126px !important;
        }

        /*slider*/
    }
}