/* start: HCL whats_new_section */
.flexLeft{display:flex;}
.flexWrap{display:flex;flex-wrap:wrap;}
.mb-10 { margin-bottom: 10px;}
.feature-box-5.overlay {
    overflow-y: hidden;
}

.zoom-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 70px;
    height: 70px;
    padding: 15px;
    margin: -35px 0 0 -35px;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.4s;
    border-radius: 15px;
}

.feature-box-5.overlay:hover .zoom-icon {
    opacity: 1;
    visibility: visible;
}

.mb-30 { margin-bottom: 30px;}
/* start: Products by Pillar */

.hcl-software-product-carousel.owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto;
    height: 150px;
}

.pnp-products-by-solution-section .tab-content .box {
    position: relative;
    height: 320px;
}


/* start: Video Gallery */

.pnp-video-gallery-section .feature-box-3 {
    height: 390px;
}

.success-stories-carousel .owl-stage-outer {
    padding-bottom: 40px
}

.appscan-resources-video-gallery-list .feature-box-3 {
    height: 290px !important;
}


/* footer */

#ot-sdk-btn.ot-sdk-show-settings,
#ot-sdk-btn.optanon-show-settings {
    color: #f8ab69 !important;
    border: 1px solid #f8ab69 !important;
    font-size: 16px;
    line-height: 1.75;
    width: 110%;
    padding: 0.2em 2em;
}

button#ot-sdk-btn.ot-sdk-show-settings:hover {
    background: #f5821e !important;
}

.QuoteCarouselSlider .item {
    padding: 20px;
}

.expanded-form {
    border: #eee solid 1px;
    background: #fff;
    padding: 40px;
}

.expanded-form label {
    font: 13.8px / 1.55 Roboto, sans-serif;
    margin: 0;
    padding: 0;
    color: #222;
    background: #ffffff;
    background-image: none;
}

.expanded-form .form-group {
    font-size: 12px;
    font-weight: 400;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.expanded-form label {
    font-weight: 400;
    color: #333;
    text-align: right;
    line-height: 25px;
}

.expanded-form .form-control:focus,
.expanded-form .form-control:active {
    border-color: #666;
}

.expanded-form .form-control {
    height: 38px;
    display: block;
    outline: none;
    padding: 6px 5px;
    border: 1px solid #C4C4C4;
    font-size: 12px;
    color: #666;
}

.expanded-form .tip {
    font-size: 10px;
    color: #999;
    display: block;
}

.expanded-form .button {
    color: #fff;
    float: none;
    background-color: #f5821e;
    outline: 0;
    border-radius: 0px;
    height: auto;
    padding: 8px 15px;
    min-width: 219px;
    border: 0;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    height: auto;
    margin-bottom: 15px;
    cursor: pointer;
}

.contact-form .form-group {
    font-size: 12px;
    font-weight: 400;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.contact-form label {
    font-weight: 400;
    color: #333;
    text-align: right;
    line-height: 25px;
}

.contact-form .form-control:focus,
.contact-form .form-control:active {
    border-color: #666;
}

.contact-form .form-control {
    height: 38px;
    display: block;
    outline: none;
    padding: 6px 5px;
    border: 1px solid #C4C4C4;
    font-size: 12px;
    color: #666;
}

.error {
    padding-top: 10px;
    font-size: 11px;
    color: red;
    float: none;
}

font.required {
    font-size: 20px;
    color: red;
    position: relative;
    top: 7px;
}

.contact-form .tip {
    font-size: 10px;
    color: #999;
    display: block;
}

.contact-form .button {
    color: #fff;
    background-color: #f5821e;
    outline: 0;
    border-radius: 0px;
    height: auto;
    padding: 8px 15px;
    min-width: 219px;
    border: 0;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: bold;
    height: auto;
    margin-bottom: 15px;
    cursor: pointer;
}