@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&display=swap');

partnerlocator .bannerwrapper {
    margin-top: 70px;
}

.ucmbanner {
    position: relative;
    height: 550px;
    overflow: hidden;
}

.pricebanner .ucmbanner {
    height: auto;
}

.ucmbanner img {
    width: 100%;
}

.ucmbanner .bannercaption {
    position: absolute;
    top: 50%;
    left: 40px;
    width: 47%;
    color: #fff;
    max-width: 750px;
    transform: translateY(-50%);
}


/*.ucmbanner .bannercaption.rightcaption {
    left: auto;
    right: 40px;
}*/

.ucmbanner .bannercaption h2 {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 40px;
    line-height: 1.2;
    color: #fff;
    font-weight: 600;
}

.ucmbanner .bannercaption h3 {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 21px;
    line-height: 1.15;
    margin-top: 25px;
    font-weight: 400;
}

.ucm-navbar-main li a,
.ucm-navbar-main li.active a,
#menubar ul.AspNet-Menu li.AspNet-Menu-Selected a,
#menubar ul.AspNet-Menu li a {
    font-size: 14px;
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 600;
}

footer.ucm-bl-footer,
footer.bottomarea_fixed,
.main-footer {
    text-align: center;
    padding: 20px 15px;
}

.ucmheader .navbar-brand a.widget-network {
    padding: 0px 15px 0 0 !important;
}

@media screen and (max-width:1600px) {
    .ucmbanner .bannercaption h2 {
        font-size: 32px;
    }

    .ucmbanner .bannercaption h3 {
        margin-top: 20px;
        font-size: 18px;
    }
}

@media screen and (max-width:1200px) {
    .ucmbanner .bannercaption h2 {
        font-size: 21px;
    }

    .ucmbanner .bannercaption h3 {
        margin-top: 15px;
        font-size: 15px;
    }
}

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

    .afterlogin .ucm-navbar-main li a:hover,
    .afterlogin .ucm-navbar-main li.active a:hover,
    .afterlogin .ucm-navbar-main li.active a,
    #menubar ul.AspNet-Menu li.AspNet-Menu-Selected a,
    #menubar ul.AspNet-Menu li a:hover {
        background: #f1f1f1;
    }
}

@media screen and (max-width:640px) {
    .ucmbanner .bannercaption {
        left: 15px;
    }

    .ucmbanner .bannercaption h2 {
        font-size: 12px;
        font-family: 'open_sans', Helvetica, Arial, sans-serif;
        line-height: 1.5;
    }

    .ucmbanner .bannercaption h3 {
        display: none;
    }
}

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

    #onlyindemo,
    #onlyindemo span {
        display: none;
    }
}


/* manage add \ edit page cp conflict jquery ui   */

#leftMenu div.ui-accordion-header.ui-state-hover,
.sidebar-menu>li.active a.parenttree,
#leftMenu div.ui-accordion-header.ui-state-active,
#leftMenu div.ui-accordion-header.ui-state-hover,
.sidebar-menu>li.active a.parenttree,
#leftMenu div.ui-accordion-header.ui-state-active,
#leftMenu div.ui-accordion-header,
.sidebar-menu>li {
    border: 0px none !important;
}

.ucm-bl-rootwrap ul.ucm-mobile-wrap li i.ucmicon-user-bl-top,
.ucm-bl-rootwrap ul.ucm-mobile-wrap li i.ucmicon-set-lang-bl-top {
    display: none;
}

.ucm-bl-rootwrap ul.ucm-mobile-wrap li .ucm-icon-button {
    margin-left: 10px;
}

footer.ucm-bl-footer a,
footer.bottomarea_fixed #footer2 a,
.main-footer a {
    text-decoration: underline;
    font-size: 14px;
}

footer.ucm-bl-footer,
footer.bottomarea_fixed #footer2,
.main-footer {
    font-size: 14px;
}

.pstab {
    margin: auto;
}

.pricebanner .bannercaption {
    position: absolute;
    top: 50%;
    right: 5%;
    width: 70%;
    left: auto;
    color: #fff;
    max-width: 700px;
    transform: translateY(-50%);
    text-align: left;
}

.custom-data-page {
    margin-top: 5px;
    padding: 20px;
}

.pricecontent p {
    font-size: 14px;
    line-height: 23px;
}

.pricecontent p strong {
    margin: 15px 0 5px;
}

.pricecontent ul {
    margin-left: 30px;
}

.pricecontent ul li {
    margin: 0;
    border: none;
}


/*
* New structure 9.9 banner css
*/

.al-banner {
    background-color: #444444;
    background-repeat: no-repeat;
    background-position: 100% 40%;
    background-size: cover;
    position: relative;
    height: 300px;
}

.al-banner .captions h2 {
    font-size: 3rem;
    font-family: 'Open Sans', sans-serif;
    color: #fff;
    margin-bottom: 1.0rem;
    text-align: center;
    line-height: 1.2;
    font-weight: 600;
}

.al-banner.content-library-banner {
    background-image: url("../../images/ucmcontentlibrarybanner.jpg");
    background-position: 50% 40%;
    margin: -15px -15px 15px -15px;
    position: relative;
    text-align: center;
}

.ban-wrap {
    max-width: 75%;
    text-align: center;
    height: 100%;
    margin: 0px auto;
}

.al-banner .captions h1 {
    text-shadow: 0px 1px 3px #000;
}

@media screen and (min-width:992px) {
    .al-banner .captions h2 {
        font-size: 4rem;
    }

    .al-banner {
        height: 300px;
    }
}


/*
* Asset library new design as per content library.
*/

.templateinner.fortool {
    background: #e9e9e9;
    border: none;
}

.templateinner img {
    border: 1px solid #ccc !important;
    background: #fff;
}

.templateinner .checkasset {
    top: 14px;
    left: 15px;
}

.templateinner .checkasset input[type='checkbox'] {}


/*  ASPX page fixing */

@media screen and (max-width:480px) {
    .country_wrap {
        margin-top: 106px;
    }
}

.country_wrap {
    font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
    font-weight: 300;
}

.content-wrapper {
    background: #ededed !important;
}


/* content library */


/* flexiflow sidebar */

.ucm-pmm-filter-sidebar,
.wfleftmodules {
    background: #8e8e8e !important;
}


/*Before Login Pages CSS from Staticpage910*/

.stbanner {
    background-color: #444444;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    height: 300px;
}

.stbanner__wrap {
    max-width: 75%;
    text-align: center;
    height: 100%;
    margin: 0px auto;
    padding: 0 0 0 16px;
}

.stbanner__caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.stbanner__caption strong {
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.stbanner__caption span {
    display: block;
}

@media (max-width: 575px) {
    .stbanner__caption .stactionbtn {
        margin-right: 16px;
    }
}

@media (max-width: 575px) {
    .stbanner__caption .stactionbtn+.stactionbtn {
        margin-left: 0;
    }
}

.stbanner__heading {
    font-size: 30px;
    font-family: 'Open Sans', sans-serif;
    color: #425563;
    margin-bottom: 10px;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 40px;
    font-weight: 600;
}

@media (max-width: 575px) {
    .stbanner__heading {
        font-size: 26px;
    }
}

@media (min-width: 992px) {
    .stbanner__heading {
        font-size: 40px;
        margin-bottom: 26px;
    }
}

.stbanner__heading span {
    font-size: 32px;
    display: block;
    font-family: 'Open Sans', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

@media (max-width: 575px) {
    .stbanner__heading span {
        font-size: 26px;
    }
}

@media (min-width: 992px) {
    .stbanner__heading span {
        font-size: 42px;
    }
}

.stbanner__heading--blbanner {}

.stbanner__desc {
    font-size: 28px;
    line-height: 1.3;
    color: rgb(66, 85, 99);
}

@media (max-width: 575px) {
    .stbanner__desc {
        font-size: 20px;
    }
}

.stbanner--blbanner {
    max-width: 1200px;
    text-align: left;
}

.stbanner--blbanner .stbanner__heading {
    text-align: left;
}

.stbanner--createaccount {
    background-image: url("../../wwwcontent/images/createaccount.jpg");
    background-position: 58% 40%;
}

.stbanner--partnerlocator {
    background-image: url("../../images/ucmpartnerlocatorbanner.jpg");
    background-position: center center;
}

.stbanner--contactus {
    background-image: url("../../images/ucmcontactusbanner.jpg");
    background-position: center center;
}

.stbanner--newpartner {
    background-image: url("../../images/ucm-new-partners-banner.jpg");
    background-position: center center;
}

.stbanner--partnerwithus {
    background-image: url("../../images/ucm-new-partners-banner.jpg");
    background-position: center center;
}

.stbanner--campaignlibrary {
    background-image: url("../../images/ucmcampaignlibrarybanner.jpg");
    background-position: 100% 50%;
}

.stbanner--plocator {
    background-image: url("../../wwwcontent/images/ucmpartnerlocatorbanner.jpg");
    background-position: center center;
}

.featureincentive,
.helpdeskhome {
    padding: 10px;
    text-align: center;
}

createaccount .helpdeskhome {
    text-align: left;
}

.helpdesk {
    display: table;
    margin-bottom: 10px;
    width: 100%;
}

.helpdeskicon {
    display: table-cell;
    vertical-align: middle;
    width: 45px;
    padding: 7px;
}

.helpdeskicon img {
    max-height: 30px;
    min-width: 30px;
}

.helpdeskcontact {
    display: table-cell;
    padding: 5px 10px;
    background: #fff;
    text-align: left;
    vertical-align: middle;
    font-size: 1.4rem;
}

.ucmiconsize {
    width: 5.5rem;
    height: 5.5rem;
    display: block;
    background-repeat: no-repeat;
    background-position: center center;
}

.stcontainer--blmode .ucmiconsize {
    margin: auto;
}

div.intro-dec p,
div.intro-dec ul {
    color: #444444;
    font-size: 1.6rem;
    line-height: 3.2rem;
    margin-top: 2rem;
}

.grey-bg {
    background: #f1f1f1;
}

.icon-box-section h3 {
    margin-bottom: 2rem;
}

.icon-box-section li {
    margin-top: 2.85rem;
    margin-bottom: 3.5rem;
    padding: 0.5rem 3rem;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.icon-box-section h4,
.icon-box-section h4 span {
    color: #444444;
    font-family: 'Open Sans', sans-serif;
    font-size: 2rem;
    line-height: 1.2;
    text-align: left;
}

.icon-box-section h4 {
    margin-top: 1.2rem;
    margin-bottom: 1.2rem;
}

section.icon-box-section p,
div.icon-box-section p {
    font-size: 1.6rem;
    color: #2d2d2d;
    line-height: 2.7rem;
    margin-bottom: 2rem;
}

.intro-dec h2,
.intro-dec h2 span,
.intro-dec h3,
.icon-box-section h3 {
    font-size: 2.5rem;
    font-family: 'Open Sans', sans-serif;
    color: #444444;
    position: relative;
    line-height: 1.2;
}

@media screen and (min-width: 576px) {
    .icon-box-section li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .intro-dec {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 0%;
        flex: 1 1 0%;
        padding-left: 5rem;
        margin-top: 0;
    }

    .partnerportal .intro-dec {
        text-align: right;
        padding-right: 5rem;
        padding-left: 0;
    }

    .partnerportal .intro-dec h3::before {
        margin-left: auto;
    }
}

@media screen and (min-width: 992px) {
    .intro-img {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 442px;
        flex: 0 0 442px;
    }

    .content-wrap {
        max-width: 1200px;
        width: 100%;
        padding: 0 15px;
    }

    .ban-wrap {
        max-width: 75%;
        text-align: center;
    }

    .static-button {
        font-size: 18px;
        padding: 0.8rem 4rem;
    }

    .intro-section {
        padding: 5rem 0;
    }

    .intro-dec h2,
    .intro-dec h2 span,
    .intro-dec h3,
    .icon-box-section h3 {
        font-size: 3.6rem;
    }

    .intro-dec p {
        font-size: 1.7rem;
        line-height: 3.6rem;
        margin-top: 2.5rem;
    }

    .icon-box-section h3 {
        margin-bottom: 4.5rem;
    }

    .icon-box-section li {
        margin-top: 2.85rem;
    }

    .icon-box-section li h4,
    .icon-box-section li h4 span {
        font-size: 2.4rem;
    }

    .contact-section h3 {
        font-size: 42px;
        color: #fff;
        margin-bottom: 3.6rem;
    }

    .contact-section {
        height: 333px;
    }

    .quick-link ul li a {
        display: block;
        padding: 3px 5px;
        background: none;
        border-radius: 15px;
        margin: 15px;
        color: #0052a3;
    }
}

.intro-dec,
.helpdeskhome {
    margin-top: 3.5rem;
}

.help-desk {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 800'%3E%3Ctitle%3Eucmicon%3C/title%3E%3Cpath d='M374.64,0h50.72c2.1.46,4.18,1,6.3,1.36C450.48,4.19,469.51,6,488.09,9.93c154,32.74,279.63,164,305.43,318.74,2.54,15.26,4.33,30.65,6.47,46v50.72c-2.73,18.54-4.76,37.21-8.32,55.59C761.33,638,628.9,767.13,471.32,793.53c-15.25,2.56-30.64,4.33-46,6.47H374.64c-2.1-.46-4.18-1-6.3-1.36-21.2-3.38-42.72-5.41-63.57-10.3C152.77,752.64,32.6,624.4,6.37,470.52c-2.55-15-4.27-30.1-6.37-45.16Q0,400,0,374.64c.48-2.38,1-4.74,1.42-7.13,3.36-20.93,5.4-42.17,10.24-62.75C47.41,152.73,175.53,32.68,329.5,6.37,344.47,3.81,359.59,2.1,374.64,0Zm181,399.83c1.21-85.53-71.18-160.4-162.31-157.14-82.82,3-150.79,72.45-150.69,156.67s68.09,153.52,151,156.32C484,558.72,556.05,484.91,555.61,399.83ZM703.78,222.66C676.51,172,621.2,114,551.23,80.78,503.39,58,453.07,46.27,399.84,46.45V175.84c83.81,3,147.4,40.37,192.4,111.2Zm.24,353.2L592.24,511.31c-45.34,71-108.9,108.44-192.23,111.19V751.57C519.28,753.53,640.42,686.51,704,575.86ZM94.25,574.57l111.24-64.24c-39.12-74.6-39.13-148.32,0-222.32L93.9,223.63C27.46,333.93,33.81,478.05,94.25,574.57Z' transform='translate%280.31 0.64%29' style='fill:%23007fa2'/%3E%3C/svg%3E");
}

.hand-shake {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 800 800' style='enable-background:new 0 0 800 800;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23007fa2;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M141.9,250.4v253.7c0,0,40.4,6.5,56.6,19.5c16.3,13,129.1,107.3,151.9,126.8c22.8,19.5,62.9,19.5,69.4-22.8 c0,0,26.6,22.8,52.6,19.5s19.8-45.5,19.8-45.5s27.8,29.3,53.8,16.3c26-13,18-43.9,18-43.9s32,23.4,52.1,8.1 c22.1-16.7,6.5-40.7,0-50.4S406,310.7,406,310.7s-102.5,77.5-145,72.5c-32.3-3.8-82.5-34.6-85-70c-1.6-22.8,35-57.5,35-57.5 l81.7-72.5c0,0-90.9,50.9-100.6,54.2S141.9,250.4,141.9,250.4z'/%3E%3Cpath class='st0' d='M209.6,305.7c0,0,39,40.7,68.3,34.1c29.3-6.5,68.3-43.9,104.1-66.7c17.6-11.2,33.1-17.1,68.3,19.5 c39.5,41.1,207,231.1,207,231.1l3.8-0.2V263.4c0,0-22.5,3.3-154.2-61.8c-21-10.4-100.2-69.5-139.2-46.8S209.6,305.7,209.6,305.7z' /%3E%3Crect x='700.2' y='216.6' class='st0' width='100.8' height='419.5'/%3E%3Crect x='1' y='201.6' class='st0' width='100.8' height='419.5'/%3E%3C/g%3E%3C/svg%3E");
}

.beforelogin-button,
.beforelogin-button:hover,
.dfcform .dfcform__submit {
    border: 1px solid #05c3de;
    background-color: #05c3de;
    color: #ffffff;
    border-radius: 0;
    cursor: pointer;
    outline: none;
    -webkit-transition: color 0.2s ease-in, background 0.2s ease-in;
    transition: color 0.2s ease-in, background 0.2s ease-in;
    padding: 10px 40px;
    margin-top: 12px;
    font-size: 14px;
    text-transform: none;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.beforelogin-button:hover,
.beforelogin-button+.beforelogin-button:hover,
.dfcform .dfcform__submit:hover {
    background-color: #425563 !important;
    color: #fff !important;
    border: 1px solid#425563 !important;
}


/* contact us and language selection page button */

.clang .cbutton--blue {
    background: #05c3de;
    border-color: #05c3de;
    color: #fff;
}

.clang .cbutton--blue:hover {
    background: #425563;
    border-color: #425563;
    color: #fff;
}

.ucmcontentcms p {
    font-weight: 300;
    font-family: 'Open Sans', arial;
}

.bluetxt {
    color: #05c3de;
}

.createaccountdiv .dfcform__group {
    width: calc(50% - 30px);
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.createaccountdiv input,
.createaccountdiv button,
.createaccountdiv select,
.createaccountdiv textarea,
.createaccountdiv option {
    width: 100%;
    height: 32px;
    border: 1px solid #ddd;
}

.createaccountdiv textarea {
    height: 100px;
}

.createaccountdiv .dfcform__groupw100 {
    width: calc(100% - 30px);
}

.createaccountdiv .dfcform__field table {
    width: 100%;
}

.createaccountdiv .dfcform__submit {
    width: auto;
    height: auto;
}

.createaccountdiv .stbanner__wrap {
    max-width: 65%;
    text-align: center;
    height: 100%;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 16px;
}

.createaccountdiv .stbanner__caption {
    display: flex;
    -moz-box-pack: center;
    justify-content: center;
    height: 100%;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    flex-direction: column;
}

.stbanner.stbanner--createaccount .stbanner__heading {
    font-size: 40px;
    font-family: "Open Sans", sans-serif;
    color: rgb(66, 85, 99);
    text-align: center;
    line-height: 1.2;
    margin-bottom: 26px;
    font-weight: 600
}

.stbanner.stbanner--createaccount .stbanner__wrap {
    max-width: 65%;
    text-align: center;
    height: 100%;
    margin: 0px;
    padding: 0 0 0 16px;
}

.stbanner.stbanner--createaccount .stbanner__caption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.stbanner.stbanner--createaccount .stbanner__caption strong {
    font-family: "Open Sans", sans-serif;
    font-weight: 600;
}

.stbanner.stbanner--createaccount .stbanner__caption span {
    display: block;
}

.stbanner.stbanner--createaccount .stbanner__heading {
    font-size: 30px;
    font-family: "Open Sans", sans-serif;
    color: #425563;
    margin-bottom: 10px;
    text-align: center;
    line-height: 1.2;
    margin-bottom: 40px;
    font-weight: 600;
}

@media (max-width: 575px) {
    .stbanner.stbanner--createaccount .stbanner__heading {
        font-size: 26px;
    }
}

@media (min-width: 992px) {
    .stbanner__heading {
        font-size: 40px;
        margin-bottom: 26px;
        text-align: center;
    }
}

.stbanner__heading span {
    font-size: 32px;
    display: block;
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-weight: 600;
}

@media (max-width: 575px) {
    .stbanner__heading span {
        font-size: 26px;
    }
}

@media (min-width: 992px) {
    .stbanner__heading span {
        font-size: 42px;
    }
}

.stbanner__heading--blbanner {
    text-align: center;
}

.createaccountdiv div.intro-dec p {
    font-size: 22px;
    line-height: 1;
}

ul.navbar-nav.ucm-navbar-main {
    flex: 0 0 auto;
}

.chkbxsm {
    display: flex;
    width: 100%;
    padding: 0 15px;
}
.createaccountdiv .chkbxsm input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.cplocate {
    background: #ededed !important;
}