/* Fonts needed for Microsoft Dynamics page */
@import url('https://fonts.googleapis.com/css?family=Teko:300,400,500,600,700|Passion+One:400,700,900|Lily+Script+One'); 

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0px;
    border: none;
    table-layout: fixed;
}

    table tr td {
        word-wrap: break-word;
    }

body {
    font-size: 15px;
    color: #666666;
    font-family: arial;
    background-color: #f1f1f1;
}

p {
    margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-family: arial narrow;
    font-weight: bold;
    margin-bottom: 10px;
}

h1 {
    font-size: 48px;
    line-height: 48px;
    margin-bottom: 15px;
}

a {
    color: #007681;
    text-decoration: none;
}

    a:hover {
        color: #cf7f00;
    }

.superChar {
    vertical-align: super;
    font-size: 55%;
}

input:focus, textarea:focus {
    outline: none;
}

/*UL default margin-left*/
.consContent ul, .consContent ol,
.soTemBlueBox ul, .soTemBlueBox ol,
.artText ul, .artText ol,
.contentHeader .innerHeadContent ul, .contentHeader .innerHeadContent ol {
    margin-left: 30px;
    margin-bottom: 15px;
}

    .consContent ul li, .consContent ol li,
    .soTemBlueBox ul li, .soTemBlueBox ol li,
    .artText ul li, .artText ol li,
    .contentHeader .innerHeadContent ul li, .contentHeader .innerHeadContent ol li {
        line-height: normal;
        margin-bottom: 5px;
    }

#wrapper {
    width: 97%;
    max-width: 1150px;
    margin: 0px auto;
    /*Elqua form purpose*/
    position: relative;
    overflow: hidden;
}

.wrapper-splash {
    /* to make Splash page background reach the bottom of the screen - changes from 2019 */
    min-height: 100vh;
}

.wrapper {
    width: 97%;
    max-width: 1150px;
    margin: 0px auto;
    /*Elqua form purpose*/
    position: relative;
}

    .wrapper.integrationsTheme {
        -webkit-box-sizing: inherit;
        -moz-box-sizing: inherit;
        box-sizing: inherit;
    }

.marketplaceSliderBannerItem .wrapper {
    width: 55%;
    min-width: 250px;
}

@media (min-width: 960px) {
    .marketplaceSliderBannerItem .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.footerWrapper {
    width: 100%;
    margin: 0px auto;
    /*Elqua form purpose*/
    position: relative;
    overflow: hidden;
}

.container {
    padding: 35px;
}

.clear {
    clear: both;
}

img.responsiveImg {
    width: 100%;
    height: auto;
}

header {
    background-color: #fff;
    padding-bottom: 20px;
}

#logo {
    float: left;
    padding-left: 35px;
    padding-top: 18px;
}

    #logo.large img {
        display: block;
    }

.logo.small {
    display: none;
}

#headRightSide {
    float: right;
}

.logoFixed {
    position: fixed !important;
}

#resNavBtn.logoFixed, .topSearchBar.logoFixed {
    top: 22px;
}

.logoResponsive {
    position: absolute;
}

@media (max-width: 1147px) {
    #logo {
        float: none;
        padding: 10px 10px 20px;
    }
}

.headTopBar {
    padding: 7px 25px 0;
    height: 38px;
    float: right;
    background-image: url('../images/lineBg.png');
    background-repeat: repeat;
    background-position: center top;
}

.topSubMenu {
    float: left;
    margin-right: 5px;
}

#resNavBtn {
    width: 25px;
    height: 25px;
    cursor: pointer;
    float: left;
    margin-top: 4px;
    display: none;
}

.responsiveNav {
    display: none;
}

.topSubMenu ul {
    margin-bottom: 0px;
}

    .topSubMenu ul li {
        list-style: none;
        float: left;
        padding: 5px 8px;
    }

        .topSubMenu ul li a {
            text-decoration: none;
            color: #666666;
            text-transform: lowercase;
        }

            .topSubMenu ul li a:hover {
                color: #ef732d;
            }

.topSearchBar {
    float: right;
}

    .topSearchBar input.headInptField {
        background: none;
        margin: 0;
        border: none;
        float: left;
        padding: 7px 0px 7px 0px;
        width: 0px;
        border-radius: 0px;
        height: 16px;
    }

    .topSearchBar input.tpHeadSearBtn {
        border: none;
        background: none;
        width: 32px;
        cursor: pointer;
        padding: 0px;
        height: 30px;
        text-indent: -999999px;
        background-image: url('../images/searchIcon.gif');
        background-repeat: no-repeat;
        background-position: right center;
        border-radius: 0px;
    }

    .topSearchBar input.openHeadFiel {
        background-color: #fff;
    }

    .topSearchBar input.searcherror {
        background-color: #f00;
        color: #fff;
    }

/*
.topSearchBar input:focus{
width:120px;
background-color:#fff;
padding:7px 35px 7px 7px;
cursor:inherit;
}

span.mobileSerBtn{
    background-image: url("../images/searchIcon.png");
    background-position: center 9px;
    background-repeat: no-repeat;
    cursor: pointer;
    display: none;
    float: right;
    height: 45px;
    position: absolute;
    right: 15px;
    top: -35px;
    width: 40px;
}
*/

/*navigation*/
nav#navigation {
    float: right;
    padding-right: 23px;
    margin-top: 27px;
}

    nav#navigation ul {
        margin-bottom: 0px;
    }

        nav#navigation ul li {
            float: left;
            margin: 0px 10px;
            list-style: none;
            font-family: arial;
            text-transform: uppercase;
            /*letter-spacing:0.9px;*/
            font-size: 13px;
            border-top: transparent solid 5px;
            border-bottom: transparent solid 5px;
        }

            nav#navigation ul li a {
                text-decoration: none;
                color: #000;
                padding: 10px 0px;
                display: block;
            }

            nav#navigation ul li:hover {
                border-bottom: #cf7f00 solid 5px;
            }

            nav#navigation ul li a:hover {
                color: #cf7f00;
            }

    nav#navigation > ul > li.navActive {
        border-top: #007681 solid 5px;
    }

    nav#navigation ul li.navActive > a {
        color: #007681 !important;
    }
/*Close navigaiton*/

/*Banner*/

.bannerContainer {
    border-bottom: #000 solid 10px;
    position: relative;
}

.bannerController {
    background-image: url("../images/lineBg.png");
    background-repeat: repeat;
    bottom: 0;
    left: 50%;
    margin-left: -65px;
    padding: 15px 15px 11px;
    position: absolute;
    width: 100px;
    z-index: 2;
}

    .bannerController #banPrev, .bannerController #banNext {
        background-image: url("../images/banPre.png");
        background-position: left top;
        background-repeat: no-repeat;
        cursor: pointer;
        display: inline-block;
        font-size: 12px;
        height: 18px;
        margin: 0 5px;
        opacity: 0.5;
        width: 12px;
    }

    .bannerController #banNext {
        background-image: url("../images/banNext.png");
    }

        .bannerController #banPrev:hover, .bannerController #banNext:hover {
            filter: Alpha(Opacity=100); /*IE7 fix*/
            opacity: 1;
            text-decoration: none;
        }

.slideCount {
    width: 46px;
    text-align: center;
    font-size: 26px;
    letter-spacing: 3px;
    color: #999999;
    display: inline-block;
    font-family: arial narrow;
    font-weight: bold;
}

/*Banner content*/
#homeBanner {
    background-color: #fff;
}

    #homeBanner .item {
        /*position:relative;*/
        background-color: #fff;
        padding: 20px;
    }

        #homeBanner .item .banImg {
            width: 75%;
            float: left;
        }

            #homeBanner .item .banImg img {
                display: block;
                width: 100%;
                height: auto;
            }

        #homeBanner .item .banContentBox {
            /*position:absolute;
	padding:25px;
	width:100%;*/
            width: 22%;
            padding-right: 1%;
            float: right;
            font-size: 16px;
            color: #000;
            letter-spacing: 0.9px;
            top: 0px;
            left: 0px;
        }

            #homeBanner .item .banContentBox h2 {
                font-size: 24px;
                line-height: normal;
                letter-spacing: 0.9px;
                color: #d17c00;
                font-family: arial;
                text-transform: uppercase;
                margin-bottom: 5px;
            }

.banContentBox p {
    padding: 10px 0px;
}

.banButton a {
    width: 150px;
    text-align: center;
    font-size: 16px;
    color: #206664;
    text-decoration: none;
    border: #a7b43e solid 1px;
    padding: 8px 10px;
    display: inline-block;
    transition: all ease 0.4s;
    -moz-transition: all ease 0.4s;
    -webkit-transition: all ease 0.4s;
}

    .banButton a:hover {
        background-color: #a7b43e;
        color: #fff;
    }
/*End banner css*/

.homePgContent {
    background-color: #eae8e1;
}


.oneHalfCol {
    width: 49%;
    float: left;
    margin-right: 2%;
}


    .oneHalfCol.last {
        margin-right: 0;
    }

.innerHalfCol {
    width: 48%;
    float: left;
    margin-right: 4%;
}

    .innerHalfCol.last {
        margin-right: 0;
    }

/*Home content columns*/
.homeContBox {
    background-color: #fff;
    border-bottom: #000 solid 10px;
    position: relative;
    margin-top: 18px;
    margin-bottom: 18px;
    font-size: 14px;
}

.height_460 {
    /*min-height:460px;*/
    min-height: 500px;
    height: auto !important;
    height: 500px;
}


h2.green, h2.orange, h2.red, h2.greenLig, h2.greenLig_2, h2.purple, h2.grey, h2.blue {
    position: absolute;
    z-index: 1;
    top: -16px;
    padding-left: 16px;
    left: 0px;
    text-transform: uppercase;
    background-repeat: no-repeat;
    color: #fff;
    font-weight: normal;
    font-family: arial;
    letter-spacing: 0.5px;
    font-size: 12px;
    margin-left: 0px;
}

    h2.green:before, h2.orange:before, h2.red:before, h2.greenLig:before, h2.greenLig_2:before, h2.purple:before, h2.grey:before, h2.blue:before {
        content: "";
        display: block;
        width: 16px;
        height: 16px;
        position: absolute;
        left: 0;
        top: 0;
        border: 8px solid transparent;
        box-sizing: border-box;
    }

    h2.green span, h2.orange span, h2.red span, h2.greenLig span, h2.greenLig_2 span, h2.purple span, h2.grey span, h2.blue span {
        display: inline-block;
        padding: 10px 25px;
    }


.servContRow #carousalItems .topContBox h2 {
    width: 93%;
}

    .servContRow #carousalItems .topContBox h2 span {
        display: block;
        margin-right: 10px;
        padding: 15px 13px 13px 15px;
    }

h2.green {
    background-position: left 0;
}

    h2.green:before {
        border-bottom: 8px solid #004148;
        border-right: 8px solid #004148;
    }

    h2.green span {
        background-color: #007681;
    }

h2.orange {
    background-position: left -60px;
}

    h2.orange:before {
        border-bottom: 8px solid #764808;
        border-right: 8px solid #764808;
    }

    h2.orange span {
        background-color: #cf7f00;
    }

h2.red {
    background-position: left -120px;
}

    h2.red:before {
        border-bottom: 8px solid #7b2006;
        border-right: 8px solid #7b2006;
    }

    h2.red span {
        background-color: #d14124;
    }

h2.greenLig {
    background-position: left -180px;
}

    h2.greenLig:before {
        border-bottom: 8px solid #505515;
        border-right: 8px solid #505515;
    }

    h2.greenLig span {
        background-color: #949300;
    }

h2.greenLig_2 {
    background-position: left -180px;
}

    h2.greenLig_2:before {
        border-bottom: 8px solid #505515;
        border-right: 8px solid #505515;
    }

    h2.greenLig_2 span {
        background-color: #b1b001;
    }

h2.purple {
    background-position: left -240px;
}

    h2.purple:before {
        border-bottom: 8px solid #32052c;
        border-right: 8px solid #32052c;
    }

    h2.purple span {
        background-color: #6a3460;
    }

h2.grey {
    background-position: left -300px;
}

    h2.grey:before {
        border-bottom: 8px solid #444200;
        border-right: 8px solid #444200;
    }

    h2.grey span {
        background-color: #444444;
    }

h2.blue {
    background-position: left -360px;
}

    h2.blue:before {
        border-bottom: 8px solid #0f3d57;
        border-right: 8px solid #0f3d57;
    }

    h2.blue span {
        background-color: #004f7b;
    }

.homeColPicBox img {
    width: 100%;
}

.homeColsTextBox {
    padding: 15px 20px 12px;
}

    .homeColsTextBox h3 {
        font-size: 28px;
        line-height: 28px;
        font-weight: bold;
        color: #000;
    }

.learnLink, .downloadLink {
    padding-top: 10px;
    margin-bottom: 0px;
    font-family: arial;
    letter-spacing: 0.75px;
    font-size: 12px;
}

.downloadLink {
    padding-top: 5px;
}

    .learnLink a, .downloadLink a {
        text-transform: uppercase;
    }

    .downloadLink img {
        position: relative;
        top: 5px;
    }

.topicPic { /*padding:10px 0px;*/
}

    .topicPic img {
        width: 100%;
    }

/*home page Service cols*/
.cfoContent {
    min-height: 281px;
    height: auto !important;
    height: 281px;
}

.serviceContent {
    background-color: #000;
    color: #FFF;
    border-bottom: none;
    /*height:1%;*/
    /*height:265px;*/
    min-height: 291px;
    height: auto !important;
    height: 291px;
}

    .serviceContent h3 {
        color: #fff;
    }

    .serviceContent .learnLink a {
        color: #fff;
    }

        .serviceContent .learnLink a:hover {
            color: #cf7f00;
        }

    .serviceContent .homeColsTextBox {
        float: left;
        width: 43%;
        padding: 15px 4% 15px 3%;
    }

    .serviceContent .servicePic {
        float: right;
        width: 50%;
        display: flex;
    }

        .serviceContent .servicePic img {
            width: auto;
            height: 291px;
        }

/*spotlight*/
.spotLight {
    /*position:relative;
	display:flex;
	margin-bottom:20px;
	margin-bottom:12px\0/;
	overflow:hidden;*/
    /*min-height:489px;*/
    min-height: 528px;
    height: auto !important;
    height: 528px;
    background-color: #000;
}

    .spotLight img {
        /*float:left;*/
    }

    .spotLight .spotTitle {
        color: #fff;
        padding: 4px 15px 12px;
        /*width:100%;
	background-image:url(../images/blackTrans.png);
	position:absolute;
	bottom:0;
	left:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;*/
    }

        .spotLight .spotTitle h2 {
            color: #fff;
            font-family: arial narrow;
            font-weight: bold;
            font-size: 30px;
            line-height: 25px;
        }

            .spotLight .spotTitle h2 span {
                text-transform: uppercase;
                font-size: 12px;
                font-family: arial;
            }

    .spotLight .learnLink a {
        color: #fff;
    }

        .spotLight .learnLink a:hover {
            color: #cf7f00;
        }

.techHighlight {
    position: relative;
}

.techText {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 20px 15px;
    font-family: arial narrow;
    font-weight: bold;
    color: #fff;
    font-size: 30px;
    line-height: 30px;
}

/*Home Event cols*/
.eventDate {
    color: #949300;
    font-size: 15px;
    margin-bottom: 10px;
}

.eventContent {
    /*font-size:18px;*/
}

.eventRegister {
    text-align: center;
    /*padding-top:17px;*/
}

    .eventRegister a {
        color: #007681;
        text-decoration: none;
        border: #a9a933 solid 1px;
        padding: 6px 25px;
        font-size: 18px;
        display: inline-block;
        transition: all ease 0.5s;
        -moz-transition: all ease 0.5s;
        -webkit-transition: all ease 0.5s;
    }

        .eventRegister a:hover {
            background-color: #a9a933;
            color: #fff;
        }

/*First box font size*/
.fiveContent {
    font-size: 21px;
}

    .fiveContent .learnLink {
        padding-top: 7px;
    }
    /*.fiveContent h3{ font-size:40px; line-height:40px;}*/
    .fiveContent h3 {
        font-size: 30px;
        line-height: 30px;
    }



/*Footer*/
footer#footer {
    font-size: 14px;
}

/*bottom section*/
.blankFooter {
    background-color: #d6d2c4;
}

.botMainWrapper {
}

    .botMainWrapper.fixed {
        position: fixed;
        width: 100%;
        left: 0;
        /* bottom: -250px; */
        bottom: 0px;
        z-index: 10;
    }

        .botMainWrapper.fixed .bottomSection {
            margin: 0 auto;
            max-width: 1110px;
            width: 97%;
            /*
max-width: 1150px;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
-ms-box-sizing:border-box;
*/
        }

.bottomSection {
    /*background-color:rgba(74, 73, 70, 0.9);*/
    background-image: url(../images/ctaBg.png);
    padding: 30px 20px;
    padding: 20px 20px;
    border-top: #cf7f00 solid 10px;
    overflow: hidden;
}

.ctaWhiteBox {
    width: 96%;
    padding: 0px 2%;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

/*footer slider button Extra css*/
#fooCarSlider.owl-theme .owl-controls .owl-nav div.owl-prev {
    left: -22px;
    top: -5px;
}

#fooCarSlider.owl-theme .owl-controls .owl-nav div.owl-next {
    right: -22px;
    top: -5px;
}

.ctaImg {
    width: 35%;
    padding-right: 12px;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.ctaContent {
    width: 65%;
    float: left;
    font-size: 14px;
    color: #fff;
}

    .ctaContent h4 {
        margin-bottom: 5px;
        line-height: 18px;
    }

        .ctaContent h4, .ctaContent h4 a {
            font-size: 18px;
            color: #FFBC52; /*
font-family: arial;
text-transform:uppercase;*/
            text-decoration: none;
        }

            .ctaContent h4 a:hover {
                color: #FF9D03;
            }



/*mega footer*/
.megaFooter {
    background-color: #3c3c3e;
    color: #c6c6c6;
}

.mFootBox {
    padding: 30px 35px;
}

.mFootFirst {
    border-bottom: #525253 solid 2px;
}

    .mFootFirst .footFiveCols {
        width: 18%;
        padding-right: 2%;
        float: left;
    }

    .mFootFirst .footFormCol {
        width: 15%;
        padding-right: 0px;
        padding-left: 5%;
    }

    .mFootFirst .footFiveCols h3, .footAboutDetail h3 {
        font-size: 12px;
        font-family: arial;
        text-transform: uppercase;
        color: #fff;
        font-weight: bold;
        margin-bottom: 8px;
    }

    .mFootFirst .footFiveCols ul {
        margin-bottom: 0;
    }

        .mFootFirst .footFiveCols ul li {
            list-style: none;
            margin-bottom: 7px;
            line-height: 16px;
            color: #c6c6c6;
        }

    .mFootFirst .footFiveCols p {
        margin-bottom: 7px;
        line-height: 16px;
        color: #c6c6c6;
    }

    .mFootFirst .footFiveCols a {
        color: #c6c6c6;
        text-decoration: none;
    }

        .mFootFirst .footFiveCols a:hover {
            color: #fff;
            text-decoration: underline;
        }

.footPic {
    padding-top: 15px;
}

    .footPic img {
        max-width: 45%;
        margin-right: 1%;
    }



.mFootFirst .footFormCol input {
    background: #fff;
    border: none;
    padding: 3px 7px 4px;
    max-width: 100%;
    margin-bottom: 10px;
    color: #787878;
    float: left;
    clear: both;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

    .mFootFirst .footFormCol input.subButton, a.footerRegBtn {
        width: 75%;
        height: 33px;
        cursor: pointer;
        font-size: 14px;
        background-color: #888586;
        color: #fff;
        transition: all ease 0.4s;
        -moz-transition: all ease 0.4s;
        -webkit-transition: all ease 0.4s;
    }

a.footerRegBtn {
    display: block;
    text-decoration: none !important;
    line-height: 33px;
    text-align: center;
    color: #fff !important;
}

    .mFootFirst .footFormCol input.subButton:hover, a.footerRegBtn:hover {
        background-color: #a7b43e;
    }

/*mega footer second row*/
.footAboutDetail {
    width: 55%;
    padding-right: 3%;
    float: left;
}

    .footAboutDetail h3 {
    }

    .footAboutDetail a {
        color: #fff;
    }

        .footAboutDetail a:hover {
            text-decoration: underline;
            color: #fff;
        }

.footBottomPicBox {
    width: 17%;
    margin-right: 4%;
    float: left;
    /*margin-top:40px;*/
}

    .footBottomPicBox.last {
        margin-right: 0px;
    }

    .footBottomPicBox p.amflogo {
        margin-top: 10px;
        margin-bottom: 20px;
    }

    .footBottomPicBox img {
        max-width: 100%;
        height: auto;
    }



/*Bottom footer*/
.footBotcont {
    width: 97%;
    max-width: 1150px;
    margin: 0px auto;
    padding: 15px 35px;
    background-color: #000;
}

.footerNav {
    float: left;
    padding-top: 12px;
    padding-right: 20px;
}

    .footerNav ul {
        margin-bottom: 0;
    }

        .footerNav ul li {
            list-style: none;
            display: inline;
            padding-right: 10px;
        }

            .footerNav ul li a {
                text-decoration: none;
                color: #999999;
            }

                .footerNav ul li a:hover {
                    color: #ccc;
                }

.copyright {
    float: left;
    padding-top: 12px;
    color: #999;
}

.footerSocial {
    float: right;
}

    .footerSocial ul {
        margin-bottom: 0;
    }

        .footerSocial ul li {
            list-style: none;
            display: inline-block;
            margin: 0px 12px;
        }

            .footerSocial ul li a {
                width: 36px;
                height: 36px;
                text-indent: -999999px;
                overflow: hidden;
                display: block;
                float: left;
                background-image: url(../images/social.png);
                background-repeat: no-repeat;
            }

            .footerSocial ul li.facebook a {
                background-position: 0px 0px;
            }

                .footerSocial ul li.facebook a:hover {
                    background-position: 0px -46px;
                }

            .footerSocial ul li.twitter a {
                background-position: 0px -92px;
            }

                .footerSocial ul li.twitter a:hover {
                    background-position: 0px -138px;
                }

            .footerSocial ul li.linked a {
                background-position: 0px -184px;
            }

                .footerSocial ul li.linked a:hover {
                    background-position: 0px -230px;
                }

            .footerSocial ul li.youtube a {
                background-position: 0px -276px;
            }

                .footerSocial ul li.youtube a:hover {
                    background-position: 0px -322px;
                }

            .footerSocial ul li.instagram a {
                background-position: 0px -366px;
            }

                .footerSocial ul li.instagram a:hover {
                    background-position: 0px -412px;
                }

/*close footer*/



/*People listing page*/

.headingHeader {
    padding: 10px 35px 15px;
    background-color: #FFF;
    position: relative;
}

.breadCrums {
    color: #000;
    font-size: 12px;
}

    .breadCrums span {
        color: #007681;
    }

    .breadCrums a {
        color: #000;
        text-decoration: none;
    }

        .breadCrums a:hover {
            text-decoration: underline;
        }

.innerPageBg {
    background-color: #d6d2c4;
    border-top: #000 solid 10px;
}

/* ======================== MARKETPLACE STYLES 01.09.2017 =========================================== */


.textSearch {
    float: right;
    border-radius: 3px;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

    .textSearch input[type="button"] {
        border: none;
        border-left: 1px solid #ddd;
        background: white;
        width: 44px;
        cursor: pointer;
        padding: 0px;
        height: 44px;
        text-indent: -999999px;
        background-image: url('../images/searchIcon.gif');
        background-repeat: no-repeat;
        background-position: 60% 50%;
    }

    .textSearch input[type="text"] {
        width: 100%;
        margin: 0;
        border: none;
        border-radius: 3px 0 0 3px;
        padding: 0 0 0 15px;
        height: 44px;
        background: white;
    }

.filterMenu {
    background: #fff;
}

    .filterMenu .container {
        padding: 10px 5px;
    }

.optionDrpFilters {
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-right: 10px;
    padding-left: 15px;
    width: 225px;
    height: 44px;
    font-family: arial narrow;
    font-weight: bold;
    font-size: 25px;
    max-width: 20%;
}

.filterMenu .optionDrpFilters {
    width: 100%;
    max-width: 100%;
    margin: 0 0 10px;
}

.filterMenu .textSearch {
    float: none;
    width: 100%;
}

@media (min-width: 640px) {
    .filterMenu .container {
        padding: 10px 5px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .filterMenu .optionDrpFilters {
        width: 32%;
        margin: 0 5px 10px 0;
    }

        .filterMenu .optionDrpFilters:last-of-type {
            margin-right: 0;
        }
}

@media (min-width: 960px) {
    .filterMenu .optionDrpFilters, .filterMenu .textSearch {
        width: 24%;
    }

        .filterMenu .optionDrpFilters, .filterMenu .optionDrpFilters:last-of-type {
            margin: 0 5px 0 0;
        }

    .textSearch input[type="text"] {
        width: calc(100% - 44px);
    }
}

.bannerWrapper {
    border-top: #000 solid 10px;
}

    .bannerWrapper.integrationsTheme {
        -webkit-box-sizing: inherit;
        -moz-box-sizing: inherit;
        box-sizing: inherit;
    }

.svg-legend {
    position: absolute;
    top: -9999em;
    left: -9999em;
    width: 0;
    height: 0;
    overflow: hidden;
}

.visually-hidden {
    position: absolute;
    overflow: hidden;
    clip: rect(0 0 0 0);
    margin: -1px;
    padding: 0;
    border: 0;
    width: 1px;
    height: 1px;
}

.marketplaceBannerThemeWrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    top: 0;
    right: 35px;
}

@media (max-width: 959px) {
    .marketplaceBannerThemeWrapper {
        width: 265px;
        position: absolute;
        margin: auto;
        right: 0;
        left: 0;
        top: 0;
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.marketplaceBannerThemeIcon {
    padding: 5px;
    width: auto;
    height: auto;
    background-color: white;
    margin-top: -10px;
    text-align: center;
    background: #000;
}

    .marketplaceBannerThemeIcon > span {
        display: none;
    }

    .marketplaceBannerThemeIcon svg {
        fill: #fff;
        width: 45px;
        height: 34px;
    }

.marketplaceBannerThemeTitle {
    background-color: white;
    padding: 0 10px;
    margin-top: -10px;
    margin-left: 5px;
    white-space: nowrap;
    line-height: 44px;
    min-width: 185px;
    text-align: center;
}

    .marketplaceBannerThemeTitle h2 {
        margin: 0;
        font-family: arial;
        text-transform: uppercase;
        font-size: 14px;
    }

.marketplaceHeaderWrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 80px 35px 40px;
}

    .marketplaceHeaderWrapper .left {
        width: 100%;
        max-width: 325px;
        text-align: center;
        margin: 0 auto 15px;
    }

        .marketplaceHeaderWrapper .left img {
            max-width: 100%;
            height: auto;
            border: 3px solid #fff;
        }

@media (min-width: 768px) {
    .marketplaceHeaderWrapper {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }

        .marketplaceHeaderWrapper .left {
            margin-bottom: 0;
        }

        .marketplaceHeaderWrapper .right {
            padding-left: 25px;
        }
}

.marketplaceHeaderSlider {
    padding-top: 40px;
    padding-bottom: 30px;
    min-height: 260px;
    opacity: 0;
}

    .marketplaceHeaderSlider.owl-loaded {
        opacity: 1;
    }

    .marketplaceHeaderSlider.owl-carousel .owl-item {
        -webkit-backface-visiblity: visible;
    }

    .marketplaceHeaderSlider .marketplaceSliderBannerItem {
        width: 100%;
        padding: 60px 0;
        min-height: 282px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

        .marketplaceHeaderSlider .marketplaceSliderBannerItem .right {
            color: #fff;
            font-family: arial, sans-serif;
            font-size: 14px;
            text-align: center;
            padding: 0;
        }

@media (min-width: 960px) {
    .marketplaceHeaderSlider .marketplaceSliderBannerItem .right {
        text-align: left;
    }
}

.marketplaceHeaderSlider .marketplaceSliderBannerItem .right h1 + p {
    margin: 0;
}

.marketplaceHeaderSlider .marketplaceSliderBannerItem .right h1 {
    margin-bottom: 0;
    font-size: 36px;
}

@media (max-width: 619px) {
    .marketplaceHeaderSlider .marketplaceSliderBannerItem {
        min-height: 638px;
    }

        .marketplaceHeaderSlider .marketplaceSliderBannerItem .right h1 {
            margin: 10px 0;
            line-height: 1;
            min-height: 110px;
        }

        .marketplaceHeaderSlider .marketplaceSliderBannerItem .right p {
            min-height: 80px;
        }

            .marketplaceHeaderSlider .marketplaceSliderBannerItem .right p.marketplaceHeaderSubtitle {
                min-height: 0;
            }
}

@media (max-width: 959px) {
    .marketplaceHeaderSlider .marketplaceSliderBannerItem {
        min-height: 590px;
    }

        .marketplaceHeaderSlider .marketplaceSliderBannerItem .right h1 {
            min-height: 70px;
        }

        .marketplaceHeaderSlider .marketplaceSliderBannerItem .right p {
            min-height: 50px;
        }

            .marketplaceHeaderSlider .marketplaceSliderBannerItem .right p.marketplaceHeaderSubtitle {
                min-height: 0;
            }
}

.marketplaceHeaderSlider .marketplaceSliderBannerItem .marketplaceButton {
    margin-top: 15px;
    min-width: 210px;
    font-size: 18px;
    line-height: 48px;
    height: auto;
    font-family: arial;
}

.marketplaceHeaderSlider.owl-carousel .owl-controls {
    position: static;
    padding: 0 35px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

    .marketplaceHeaderSlider.owl-carousel .owl-controls .owl-nav {
        position: absolute;
        margin: -20px 0 0;
        top: 50%;
        left: 50%;
        width: 97%;
        max-width: 1150px;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
    }

        .marketplaceHeaderSlider.owl-carousel .owl-controls .owl-nav .owl-prev {
            left: 7px;
            width: 30px;
            height: 30px;
            background: none;
            border: 0 solid transparent;
            border-bottom: 3px solid #fff;
            border-left: 3px solid #fff;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
        }

        .marketplaceHeaderSlider.owl-carousel .owl-controls .owl-nav .owl-next {
            right: 7px;
            width: 30px;
            height: 30px;
            background: none;
            border: 0 solid transparent;
            border-bottom: 3px solid #fff;
            border-right: 3px solid #fff;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg);
        }

.marketplaceHeaderSlider.owl-carousel .owl-dots {
    position: absolute;
    left: 50%;
    bottom: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

    .marketplaceHeaderSlider.owl-carousel .owl-dots .owl-dot span {
        background: #fff;
    }

.marketplaceSliderBannerItem {
    width: 75%;
    margin: 0 auto;
}

    .marketplaceSliderBannerItem .left {
        height: 150px;
        border-style: none;
    }

    .marketplaceSliderBannerItem.slide-productTheme .left {
        max-width: 100%;
        margin: 0 0 20px;
    }

    .marketplaceSliderBannerItem .left img {
        max-height: 100%;
        width: auto !important;
        margin: auto;
    }

    .marketplaceSliderBannerItem.slide-productTheme .right {
        text-align: center;
    }

    .marketplaceSliderBannerItem .right h1 {
        color: white;
    }

    .marketplaceSliderBannerItem .marketplaceButton {
        background-color: transparent;
        color: white;
        border-style: solid;
        border-width: 2px;
        border-radius: 5px;
        border-color: white;
        width: 150px;
        height: 40px;
        margin-right: 10px;
        cursor: pointer;
    }

@media (min-width: 960px) {
    .marketplaceSliderBannerItem.slide-productTheme .left {
        max-width: 285px;
        margin: 0;
    }

    .marketplaceSliderBannerItem.slide-productTheme .right {
        text-align: left;
    }
}

.marketplaceBottomText {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 133px;
    text-align: center;
    background: #fff;
}

    .marketplaceBottomText span {
        display: block;
        text-align: center;
        font-family: arial;
        font-weight: bold;
        padding: 0px 0px 15px 0px;
        font-size: 28px;
        color: #000;
    }

    .marketplaceBottomText a {
        color: #3db1e3;
        font-family: arial;
        font-weight: normal;
        background-image: linear-gradient(to bottom,currentColor,currentColor);
        background-size: 100% 2px;
        background-position: 50% 100%;
        background-repeat: no-repeat;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

        .marketplaceBottomText a:hover,
        .marketplaceBottomText a:focus {
            background-size: 0 2px;
        }

.bannerWrapper .marketplace-top {
    z-index: 2;
}

.marketplaceHeader {
    background-repeat: no-repeat;
    background-size: cover;
}

    .marketplaceHeader .marketplaceHeaderTitle {
        color: white;
        text-align: left;
        font-size: 55px;
        line-height: 52px;
        margin-bottom: auto;
        padding-bottom: 15px;
    }

    .marketplaceHeader .marketplaceHeaderSubtitle {
        color: white;
        font-family: arial;
        font-weight: normal;
        font-size: 20px;
    }

.marketplaceHeaderWrapper.marketplaceHeaderSlider {
    padding: 0;
    background-color: #000;
    border-bottom: #000 solid 10px;
}

.marketplaceHeaderWrapper .slide-integrationsTheme {
    background-color: #fdbf46;
}

.marketplaceHeaderWrapper .slide-upgradeTheme {
    background-color: #98a036;
}

.marketplaceHeaderWrapper .slide-supportTheme {
    background-color: #3db1e3;
}

.marketplaceHeaderWrapper .slide-quickstartTheme {
    background-color: #df8c37;
}

.marketplaceHeaderWrapper .slide-productTheme {
    background-color: #004f7b;
}

.marketplaceHeaderWrapper .slide-industryTheme {
    background-color: #7a4b7f;
}

.innerPageMkt .container {
    padding: 30px 35px 15px;
}

    .innerPageMkt .container:before,
    .innerPageMkt .container:after {
        content: " ";
        display: table;
    }

    .innerPageMkt .container:after {
        clear: both;
    }

@media (min-width: 1000px) {
    .innerPageMkt .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }
}

/* Hide accordion button for testimonials */
button.rightSidebarTestimonialsIcon.open {
    display: none;
}

.marketplaceMainCol {
    width: 100%;
    max-width: 795px;
    color: #231f20;
    margin: 0 auto;
}

    .marketplaceMainCol h2 {
        font-size: 36px;
    }

    .marketplaceMainCol .breadCrums {
        font-family: arial, sans-serif;
        padding-bottom: .5em;
        margin-bottom: 40px;
        border-bottom: 1px solid #ddd;
    }

    .marketplaceMainCol .marketplaceImageCarouselHeading h1 {
        font-size: 36px;
    }

    .marketplaceMainCol ul {
        padding-left: 30px;
    }

    .marketplaceMainCol .videoWrapper {
        display: block;
        position: relative;
        width: 100%;
        height: 0;
        /* padding-top:56.25%; - we have padding bottom that comes with the class .videoWrapper */
        margin-bottom: 20px;
        overflow: hidden;
    }

        .marketplaceMainCol .videoWrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
        }

    .marketplaceMainCol .imageContainer {
        position: relative;
        display: inline-block;
        margin-bottom: 25px;
    }

    .marketplaceMainCol .caption-overlay {
        position: absolute;
        width: 100%;
        z-index: 15;
        background-color: rgba(0,0,0,0.6);
        top: calc(100% - 40px);
        height: 35px;
    }

        .marketplaceMainCol .caption-overlay .overlay-text {
            color: white;
            display: flex;
            height: 100%;
            align-items: center;
            margin-left: 2%;
        }

@media (min-width: 1000px) {
    .marketplaceMainCol {
        width: 70%;
    }
}

.productDetailsTable tr td {
    padding-right: 4%;
    padding-left: 4px;
}

.productDetailsTable ul {
    padding: 0;
    list-style: none;
}

    .productDetailsTable ul li {
        position: relative;
        margin-bottom: .4em;
        padding-left: 30px;
    }

        .productDetailsTable ul li:before {
            content: " ";
            position: absolute;
            top: 2px;
            left: 0;
            width: 25px;
            height: 25px;
            background: url("../images/lstProduct.png") no-repeat 0 0;
        }

.marketplaceRightCol {
    width: 100%;
    max-width: 795px;
    margin: 0 auto;
}

    .marketplaceRightCol .rightBox {
        background: white;
        border-style: ridge !important;
        border: lightgrey;
        border-width: thin;
        min-height: 100px;
        padding: 26px 24px;
        margin-bottom: 20px;
    }

    /* Black Headings */
    .marketplaceRightCol .rightBoxHeading {
        margin: -26px -24px 26px;
        background-color: black;
    }

        .marketplaceRightCol .rightBoxHeading .title {
            text-align: center;
            font-size: 20px;
            line-height: 57px;
            color: white;
            text-transform: uppercase;
        }

    .marketplaceRightCol li {
        margin-top: 10px
    }

    /* Big yellow buttons */
    .marketplaceRightCol .rightBox [type=button], .marketplaceRightCol .rightBox button {
        display: block;
        border: 0;
        border-radius: 5px;
        width: 100%;
        text-align: center;
        line-height: 50px;
        font-size: 18px;
        color: white;
        cursor: pointer;
        background-color: #fdbf46;
        -webkit-transition: all 0.3s ease-in;
        -ms-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
    }

    .marketplaceRightCol .rightBox button {
        -webkit-appearance: none;
    }

        .marketplaceRightCol .rightBox [type=button] + [type=button],
        .marketplaceRightCol .rightBox button + button {
            margin-top: 22px;
        }

        .marketplaceRightCol .rightBox [type=button]:hover,
        .marketplaceRightCol .rightBox [type=button]:focus,
        .marketplaceRightCol .rightBox button:hover,
        .marketplaceRightCol .rightBox button:focus {
            background-color: grey;
        }

    /* Link listings */
    .marketplaceRightCol .rightBox ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .marketplaceRightCol .rightBox ul li a {
            color: #fdbf46;
        }

    .marketplaceRightCol .full-width {
        border: 0;
        padding: 26px 0;
        background: none;
    }

        .marketplaceRightCol .full-width .rightBoxHeading {
            margin-left: 0;
            margin-right: 0;
        }

@media (min-width: 1000px) {
    .marketplaceRightCol {
        width: 30%;
        max-width: 295px;
        padding-left: 30px;
    }
}

.innerPageMkt .owl-carousel .owl-controls {
    position: relative;
    margin: 0;
    padding: 20px 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.innerPageMkt .owl-theme .owl-controls .owl-nav .owl-prev {
    top: -5px;
    background: url("../images/banPre.png") no-repeat;
    background-position: left 50%;
    background-size: 60%;
    opacity: 0.5;
}

.innerPageMkt .owl-theme .owl-controls .owl-nav .owl-next {
    top: -5px;
    background: url("../images/banNext.png") no-repeat;
    background-position: right 50%;
    background-size: 60%;
    opacity: 0.5;
}

.innerPageMkt .owl-theme .owl-controls .owl-nav .owl-prev:hover,
.innerPageMkt .owl-theme .owl-controls .owl-nav .owl-prev:focus {
    opacity: 1;
    background-position: left 50%;
}

.innerPageMkt .owl-theme .owl-controls .owl-nav .owl-next:hover,
.innerPageMkt .owl-theme .owl-controls .owl-nav .owl-next:focus {
    opacity: 1;
    background-position: right 50%;
}

.marketplaceRightCol .rightSidebarResourceSlider .owl-controls {
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding: 10px 30px 0;
}

.rightSidebarResourceSliderWrapper {
    width: 100%;
}

@media (min-width: 1000px) {
    .rightSidebarResourceSliderWrapper {
        max-width: 300px;
    }
}

.marketplaceImageCarouselWrapper {
    max-width: inherit;
}

.rightSidebarTestimonialsWrapper hr {
    width: 95%;
    border-style: ridge;
    border-color: lightgrey;
}

.rightSidebarTestimonialsItem {
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
    padding-left: 10px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

    .rightSidebarTestimonialsItem img {
        max-width: 100%;
        height: auto;
    }

.rightSidebarTestimonialsIcon {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #fdbf46;
    width: 25px;
    height: 25px;
    border: 0;
    border-radius: 6px;
    outline: 0;
    cursor: pointer;
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.rightSidebarTestimonialsItem .rightSidebarTestimonialsIcon:hover,
.rightSidebarTestimonialsItem .rightSidebarTestimonialsIcon:focus {
    outline: 0;
    background-color: #231f20;
}

.rightSidebarTestimonialsIcon:before,
.rightSidebarTestimonialsIcon:after {
    content: " ";
    position: absolute;
    top: 50%;
    left: 50%;
    background: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.rightSidebarTestimonialsIcon:before {
    width: 2px;
    height: 14px;
}

.rightSidebarTestimonialsIcon:after {
    width: 14px;
    height: 2px;
}

.rightSidebarTestimonialsIcon.open:before {
    height: 0;
}


.testimonialQuote {
    margin: 35px 0 0;
    transition: max-height 0.5s ease-out;
    transition: max-height 0.5s ease-in;
    overflow: hidden;
    max-height: 0;
}

.rightSidebarTestimonialsIcon + .testimonialQuote {
    padding: 40px 0 0;
}





/*============================================== MARKETPLACE THEMES =====================================================*/


/* Integrations Theme */
.integrationsTheme .bannerIconIntegrations {
    display: block;
}

.integrationsTheme .breadCrums span,
.integrationsTheme .rightBox ul li a,
.integrationsTheme .marketplaceBannerThemeTitle h2,
.integrationsTheme .rightSidebarResourceSlider .item p a {
    color: #fdbf46;
}

.integrationsTheme .owl-theme .owl-dots .owl-dot.active span,
.integrationsTheme .owl-theme .owl-dots .owl-dot.active span {
    background: #fdbf46;
}

.integrationsTheme .marketplaceBannerThemeIcon,
.integrationsTheme .rightBox input[type=button],
.integrationsTheme .rightSidebarTestimonialsIcon,
.integrationsTheme .marketplaceRightCol .rightBox button,
.integrationsTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton {
    background-color: #fdbf46;
}

    .integrationsTheme .marketplaceRightCol .rightBox button:hover,
    .integrationsTheme .marketplaceRightCol .rightBox button:focus,
    .integrationsTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton:hover,
    .integrationsTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton:focus {
        background-color: #757575;
    }

.integrationsTheme .productDetailsTable ul li:before {
    background: url("../images/lstIntegrations.png") no-repeat 0 0;
}


/* Upgrade Theme */
.upgradeTheme .bannerIconUpgrade {
    display: block;
}

.upgradeTheme .breadCrums span,
.upgradeTheme .rightBox ul li a,
.upgradeTheme .marketplaceBannerThemeTitle h2,
.upgradeTheme .rightSidebarResourceSlider .item p a {
    color: #98a036;
}

.upgradeTheme .owl-theme .owl-dots .owl-dot.active span,
.upgradeTheme .owl-theme .owl-dots .owl-dot.active span {
    background: #98a036;
}

.upgradeTheme .marketplaceBannerThemeIcon,
.upgradeTheme .rightBox input[type=button],
.upgradeTheme .rightSidebarTestimonialsIcon,
.upgradeTheme .marketplaceRightCol .rightBox button,
.upgradeTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton {
    background-color: #98a036;
}

    .upgradeTheme .marketplaceRightCol .rightBox button:hover,
    .upgradeTheme .marketplaceRightCol .rightBox button:focus,
    .upgradeTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton:hover,
    .upgradeTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton:focus {
        background-color: #757575;
    }

.upgradeTheme .productDetailsTable ul li:before {
    background: url("../images/lstUpgrade.png") no-repeat 0 0;
}


/* Support Theme */
.supportTheme .bannerIconSupport {
    display: block;
}

.supportTheme .breadCrums span,
.supportTheme .rightBox ul li a,
.supportTheme .marketplaceBannerThemeTitle h2,
.supportTheme .rightSidebarResourceSlider .item p a {
    color: #3db1e3;
}

.supportTheme .owl-theme .owl-dots .owl-dot.active span,
.supportTheme .owl-theme .owl-dots .owl-dot.active span {
    background: #3db1e3;
}

.supportTheme .marketplaceBannerThemeIcon,
.supportTheme .rightBox input[type=button],
.supportTheme .rightSidebarTestimonialsIcon,
.supportTheme .marketplaceRightCol .rightBox button,
.supportTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton {
    background-color: #3db1e3;
}

    .supportTheme .marketplaceRightCol .rightBox button:hover,
    .supportTheme .marketplaceRightCol .rightBox button:focus,
    .supportTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton:hover,
    .supportTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton:focus {
        background-color: #757575;
    }

.supportTheme .productDetailsTable ul li:before {
    background: url("../images/lstSupport.png") no-repeat 0 0;
}


/* Quickstart Theme */
.quickstartTheme .bannerIconQuickstart {
    display: block;
}

.quickstartTheme .breadCrums span,
.quickstartTheme .rightBox ul li a,
.quickstartTheme .marketplaceBannerThemeTitle h2,
.quickstartTheme .rightSidebarResourceSlider .item p a {
    color: #df8c37;
}

.quickstartTheme .owl-theme .owl-dots .owl-dot.active span,
.quickstartTheme .owl-theme .owl-dots .owl-dot.active span {
    background: #df8c37;
}

.quickstartTheme .marketplaceBannerThemeIcon,
.quickstartTheme .rightSidebarTestimonialsIcon,
.quickstartTheme .rightBox input[type=button],
.quickstartTheme .marketplaceRightCol .rightBox button,
.quickstartTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton {
    background-color: #df8c37;
}

    .quickstartTheme .marketplaceRightCol .rightBox button:hover,
    .quickstartTheme .marketplaceRightCol .rightBox button:focus,
    .quickstartTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton:hover,
    .quickstartTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton:focus {
        background-color: #757575;
    }

.quickstartTheme .productDetailsTable ul li:before {
    background: url("../images/lstQuickstart.png") no-repeat 0 0;
}


/* Product Theme */
.productTheme .bannerIconProduct {
    display: block;
}

.productTheme .breadCrums span,
.productTheme .rightBox ul li a,
.productTheme .marketplaceBannerThemeTitle h2,
.productTheme .rightSidebarResourceSlider .item p a {
    color: #004f7b;
}

.productTheme .owl-theme .owl-dots .owl-dot.active span,
.productTheme .owl-theme .owl-dots .owl-dot.active span {
    background: #004f7b;
}

.productTheme .marketplaceBannerThemeIcon,
.productTheme .rightBox input[type=button],
.productTheme .rightSidebarTestimonialsIcon,
.productTheme .marketplaceRightCol .rightBox button,
.productTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton {
    background-color: #004f7b;
}

    .productTheme .marketplaceRightCol .rightBox button:hover,
    .productTheme .marketplaceRightCol .rightBox button:focus,
    .productTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton:hover,
    .productTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton:focus {
        background-color: #757575;
    }

.productTheme .productDetailsTable ul li:before {
    background: url("../images/lstProduct.png") no-repeat 0 0;
}


/* Industry Theme */
.industryTheme .bannerIconIndustry {
    display: block;
}

.industryTheme .breadCrums span,
.industryTheme .rightBox ul li a,
.industryTheme .marketplaceBannerThemeTitle h2,
.industryTheme .rightSidebarResourceSlider .item p a {
    color: #7a4b7f;
}

.industryTheme .owl-theme .owl-dots .owl-dot.active span,
.industryTheme .owl-theme .owl-dots .owl-dot.active span {
    background: #7a4b7f;
}

.industryTheme .marketplaceBannerThemeIcon,
.industryTheme .rightBox input[type=button],
.industryTheme .rightSidebarTestimonialsIcon,
.industryTheme .marketplaceRightCol .rightBox button,
.industryTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton {
    background-color: #7a4b7f;
}

    .industryTheme .marketplaceRightCol .rightBox button:hover,
    .industryTheme .marketplaceRightCol .rightBox button:focus,
    .industryTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton:hover,
    .industryTheme .scfForm .scfSubmitButtonBorder input.scfSubmitButton:focu {
        background-color: #757575;
    }

.industryTheme .productDetailsTable ul li:before {
    background: url("../images/lstIndustry.png") no-repeat 0 0;
}


/* =============================================================== END THEMES ======================================================================== */


/*.rightSidebarResourcesSliderControls #resourcesSliderPrev, .rightSidebarResourcesSliderControls #resourcesSliderNext {
    background-image: url("../images/banPre.png");
    background-position: left top;
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    height: 18px;
    margin: 0 5px;
    opacity: 0.5;
    width: 12px;
}

.rightSidebarResourcesSliderControls #resourcesSliderNext {
    background-image: url("../images/banNext.png");
}*/



/*============================ END MARKETPLACE STYLES ============================================================== */

aside.sidebar {
    width: 26.5%;
    float: left;
}

.sidebarSearchSection {
    position: relative;
    padding: 43px 15px 15px;
    margin-top: 16px;
    background-color: #000000;
}

aside.sidebar h3 {
    font-family: arial;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}

.alphBox {
    background-color: #444444;
    padding: 12px;
    color: #ffffff;
    margin-bottom: 15px;
}

    .alphBox h4 {
        font-size: 12px;
        font-family: arial;
        letter-spacing: 1.3px;
        color: #ffffff;
        text-transform: uppercase;
        margin-bottom: 7px;
    }

    .alphBox ul {
        margin-bottom: 0;
    }

        .alphBox ul li {
            list-style: none;
            display: inline;
            width: 33px;
            color: #666;
            padding: 5px 0px;
            float: left;
        }

            .alphBox ul li a {
                color: #fff;
                text-decoration: none;
                text-transform: uppercase;
            }

                .alphBox ul li a:hover {
                    color: #cf7f00;
                }

                .alphBox ul li a.alphaActive {
                    color: #d14124 !important;
                    pointer-events: none;
                }

.sidebarSearch {
    background-color: #444444;
    height: 35px;
    margin-bottom: 12px;
}

    .sidebarSearch input {
        width: 80%;
        background-color: #444;
        padding: 10px 0px 10px 15px;
        border: none;
        font-size: 12px;
        height: 35px;
        font-family: arial;
        letter-spacing: 1.1px;
        color: #fff;
        font-weight: bold;
        float: left;
        text-transform: uppercase;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

        .sidebarSearch input.sideSearchBtn {
            width: 35px;
            height: 35px;
            float: right;
            cursor: pointer;
            text-indent: -99999999px;
            background-color: #444444;
            background-image: url(../images/searchBtn.gif);
            background-repeat: no-repeat;
            background-position: left top;
        }

.sidebarAccordian {
    background-color: #444;
    padding: 10px 12px;
    /*margin-bottom:15px;*/
    border-bottom: 15px solid #000;
}

    .sidebarAccordian h4 {
        font-size: 12px;
        font-weight: bold;
        font-family: arial;
        letter-spacing: 1.5px;
        color: #fff;
        text-transform: uppercase;
        cursor: pointer;
        padding-left: 20px;
        margin-bottom: 0;
        background-image: url(../images/accordianArrow.png);
        background-repeat: no-repeat;
        background-position: left -37px;
    }

        .sidebarAccordian h4.openAcc {
            background-position: left 2px;
        }

.accSideContent {
    padding: 10px 18px 0px;
    display: none;
    color: #fff;
}

    .accSideContent ul li {
        list-style: none;
        padding-bottom: 5px;
        color: #fff;
        overflow: hidden;
        font-size: 14px;
    }

        .accSideContent ul li input {
            float: left;
            margin-right: 5px;
        }

        .accSideContent ul li span {
            float: left;
            width: 80%;
        }

        .accSideContent ul li a {
            text-decoration: none;
            color: #fff;
        }

            .accSideContent ul li a:hover {
                color: #ddd;
            }

    /*form contact page filter*/
    .accSideContent table input {
        margin: 0px 5px 0px 0px;
    }

    .accSideContent table tr td {
        padding-bottom: 2px;
    }


/*search fillter css*/
.searchFilterBox {
    margin-bottom: 25px;
}

.filterSection {
    background-color: #000;
    padding: 10px 15px;
    position: relative;
    display: none;
}

.allRemove {
    position: absolute;
    top: 7px;
    right: 15px;
}

.filterSection ul {
    margin-bottom: 0;
}

    .filterSection ul li {
        list-style: none;
        background: #444444;
        color: #fff;
        padding: 5px 10px;
        margin-bottom: 2px;
    }

        .filterSection ul li em {
            font-style: normal;
        }

        .filterSection ul li span {
            float: right;
            font-size: 18px;
            font-weight: bold;
            position: relative;
            top: -2px;
        }

            .filterSection ul li span a {
                text-decoration: none;
                color: #fff;
            }

/*End search filter css*/




.peoListingContent {
    width: 71%;
    padding: 25px;
    background-color: #fff;
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.peopleListingHeader {
    font-size: 24px;
    line-height: 24px;
    text-transform: uppercase;
    font-family: arial narrow;
    color: #333;
    font-weight: 100;
    padding-bottom: 10px;
    border-bottom: #7f7f7f dotted 3px;
}

.pepNameHeading, .peopOfficeHeading, .peopContHeading { /*width:53%;*/
    width: 50%;
    float: left;
}

.peopOfficeHeading, .peopContHeading {
    /*width:23%;*/
    width: 25%;
}

.peopleListingBox {
    padding: 15px 0px;
    border-bottom: #7f7f7f dotted 3px;
}

    .peopleListingBox.last {
        border: none;
    }

    .peopleListingBox .peopPic {
        width: 14%;
        float: left;
    }

    .peopleListingBox .peopText {
        width: 84%;
        float: right;
    }

    .peopleListingBox .peopName, .peopleListingBox .peopOffice, .peopleListingBox .peopContact {
        float: left;
        /*width:44%;*/
        width: 40%;
        line-height: 20px;
        color: #000;
        margin-bottom: 10px;
    }

        .peopleListingBox .peopName h3 {
            font-size: 17px;
            line-height: 20px;
            font-family: arial;
            font-weight: bold;
            color: #007681;
            margin-bottom: 0;
        }

            .peopleListingBox .peopName h3 span {
                font-size: 15px;
                font-weight: normal;
                color: #000;
            }

    .peopleListingBox .peopOffice, .peopleListingBox .peopContact {
        /*width:28%;*/
        width: 30%;
        word-wrap: break-word;
    }

.moreLink {
    font-size: 12px;
    font-weight: bold;
}

.peopListMoreLink {
    margin-top: -27px;
    text-align: right;
}

.paginationContainer {
    padding: 15px;
    text-align: center;
    background-image: url(../images/lineBg.png);
    background-repeat: repeat;
    font-size: 24px;
    font-family: arial narrow;
    font-weight: bold;
    color: #999999;
}

    .paginationContainer a {
        color: #999999;
        text-decoration: none;
        line-height: 19px;
    }

        .paginationContainer a:hover {
            color: #007681;
        }

.paginationControl {
    display: inline-block;
}

    .paginationControl ul {
        margin-bottom: 0;
    }

        .paginationControl ul li {
            list-style: none;
            display: inline;
            padding: 0px 3px;
        }

            .paginationControl ul li.pagFirstBtn a, .paginationControl ul li.pagLastBtn a {
                width: 18px;
                height: 18px;
                display: inline-block;
                text-indent: -999999px;
                background-image: url(../images/paginationControl.png);
                background-repeat: no-repeat;
                background-position: left 0;
            }

            .paginationControl ul li.pagFirstBtn a {
                background-position: left -18px;
            }

                .paginationControl ul li.pagFirstBtn a:hover {
                    background-position: -19px -18px;
                }

            .paginationControl ul li.pagLastBtn a:hover {
                background-position: -19px 0;
            }

            .paginationControl ul li.pagPrevBtn a, .paginationControl ul li.pagNextBtn a {
                width: 12px;
                height: 18px;
                display: inline-block;
                text-indent: -999999px;
                background-image: url(../images/paginationControl.png);
                background-repeat: no-repeat;
                background-position: left -38px;
            }

            .paginationControl ul li.pagPrevBtn a {
                background-position: left -57px;
            }

                .paginationControl ul li.pagPrevBtn a:hover {
                    background-position: -19px -57px;
                }

            .paginationControl ul li.pagNextBtn a:hover {
                background-position: -19px -38px;
            }

            .paginationControl ul li a.pagActive {
                color: #007681 !important;
                pointer-events: none;
            }

.pageViewAll {
    display: inline-block;
    margin-left: 10px;
    font-size: 24px;
    font-family: arial narrow;
    font-weight: bold;
    color: #999999;
}

    .pageViewAll a {
        color: #007681;
    }

        .pageViewAll a:hover {
            color: #cf7f00;
        }

.backPagination {
    display: block;
    padding: 15px;
    text-align: center;
    background-image: url(../images/lineBg.png);
    background-repeat: repeat;
    margin-left: 0px;
    font-size: 24px;
    font-family: arial narrow;
    font-weight: bold;
    color: #999999;
}

    .backPagination a {
        color: #007681;
    }

        .backPagination a:hover {
            color: #cf7f00;
        }


.disabled a {
    opacity: 0.7;
    filter: alpha(opacity=70);
    cursor: auto;
}

.paginationControl ul li.pagPrevBtn.disabled a:hover {
    background-position: left -57px;
}

.paginationControl ul li.pagNextBtn.disabled a:hover {
    background-position: left -38px;
}

.paginationControl ul li.pagFirstBtn.disabled a:hover {
    background-position: left -18px;
}

.paginationControl ul li.pagLastBtn.disabled a:hover {
    background-position: left 0;
}

/*People Details Page*/
.personDetail {
    padding: 0px 35px 30px;
    background-color: #fff;
    /*position:relative;*/
}

.perContBox, .CEInfo {
    position: absolute;
    right: 0px;
    /*top:230px;*/
    top: 175px;
    width: 60px;
    z-index: 10;
}

    .perContBox a, .CEInfo a {
        display: block;
        text-align: center;
        color: #fff;
        text-decoration: none;
        font-family: arial narrow;
        font-weight: bold;
        font-size: 16px;
        padding: 45px 0 9px;
        margin-bottom: 7px;
        background-color: #000;
        background-repeat: no-repeat;
        background-position: center 15px;
        border-radius: 7px 0px 0px 7px;
        -moz-border-radius: 7px 0px 0px 7px;
        -moz-border-radius: 7px 0px 0px 7px;
    }

a.contS-Btn {
    background-image: url(../images/mailIcon.png);
}

a.vcardS-btn {
    background-image: url(../images/contIcon.png);
}

.CEInfo a {
    background-image: url(../images/degreeIcon.jpg);
}

.personPicture .perphotos {
    width: 32.8%;
    margin-right: 0.7%;
    float: left;
}

    .personPicture .perphotos img {
        width: 100%;
        height: auto;
    }

    .personPicture .perphotos.last {
        margin-right: 0px;
    }

.perDetailMain {
    width: 33%;
    padding-top: 25px;
    float: left;
    position: relative;
}

.perDetailBox {
    width: 350px;
    /*position:absolute;*/
    /*margin-bottom:-199px;*/
    margin-bottom: -509px;
}

.perDetailBox_Inner {
    position: relative;
    background-color: #949300;
    color: #fff;
    padding: 40px 20px 20px;
    /*Jarrett - 2/23/2016 */
    height: 100px;
}

/*#perDetail_SeeMore {
    display:none
}*/

.fastVcard {
    width: 27px;
    position: absolute;
    top: 34px;
    right: 20px;
}

.perDetailBox_Inner h3 {
    font-family: arial;
    font-size: 20px;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.perDetailBox_Inner p {
    padding: 0px 0px 10px 35px;
}

.perDetailBox_Inner a {
    color: #fff;
}

    .perDetailBox_Inner a:hover {
        color: #fff;
        text-decoration: underline;
    }

/* Jarrett - 2/23/2016 */
.perDetailBox_Inner #expandArrow {
    position: absolute;
    right: 20px;
    bottom: 20px;
    /*height:10px;*/
}

/*.perDetailBox_Inner:hover {
    height: 350px;
}*/

.perDetailBox_Inner p {
    margin-bottom: 0;
}

.perDetailBox_Inner:hover #expandArrow {
    display: none;
    /*
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg);
            */
}

.perQuote {
    padding: 33px 75px 0;
    text-align: center;
    width: 67%;
    float: right;
    color: #cf7f00;
    font-size: 48px;
    line-height: 48px;
    font-family: arial narrow;
    font-weight: normal;
    letter-spacing: -1px;
    min-height: 135px;
    height: auto !important;
    height: 135px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

    .perQuote span {
    }

.perWhiteSection {
    background-color: #FFF;
    /*margin-top:150px;*/
}


/*tab section people details*/
.tabContainer {
    padding: 30px 25px;
}

ul.tabNav {
    text-align: center;
    border-bottom: #999999 solid 2px;
    overflow: hidden;
    padding-left: 18px;
    margin-bottom: 0;
}

    ul.tabNav li {
        list-style: none;
        float: left;
        margin: 0px 1px;
        margin-bottom: -2px;
    }

        ul.tabNav li a {
            display: inline-block;
            padding: 7px 17px;
            font-size: 12px;
            color: #fff;
            font-family: arial;
            text-decoration: none;
            background-color: #999999;
            text-transform: uppercase;
            letter-spacing: 0.7px;
        }

            ul.tabNav li a:hover {
                background-color: #007681;
            }

            ul.tabNav li a.tabActive {
                background-color: #007681 !important;
            }


.tabContent {
    padding: 25px 30px 0px;
    color: #000;
    /*font-family: arial;*/
    line-height: 22px;
}

    .tabContent .tabBoxes {
        display: none;
    }

        .tabContent .tabBoxes ul {
            margin-left: 15px;
        }

/*Though leadership*/
.leaderBox {
    margin-bottom: 20px;
    color: #333;
    float: left;
    width: 100%;
}

    .leaderBox.leadBoxHide {
        display: none;
    }

#showmoreLeadBox {
    margin-right: 15px;
}

.leaderPic {
    width: 10.5%;
    float: left;
}

.leaderContent {
    width: 88%;
    float: right;
}

a.leaLink {
    font-family: arial;
    letter-spacing: 0.75px;
    font-size: 11px;
    text-transform: uppercase;
}



.leaderContent h3, .leaderContent h3 p {
    /*font-family: arial;*/
    line-height: 23px;
    font-size: 23px;
    color: #333;
    margin-bottom: 3px;
}

    .leaderContent h3 span {
        font-family: arial;
        font-size: 12px;
        text-transform: uppercase;
    }

    .leaderContent h3 a {
        /*color:#000;*/
    }

.leaderContent .dateDetail {
    font-family: arial;
    font-size: 12px;
}

.leaderContent p {
    margin-bottom: 0px;
}

/*Question answer*/
.qestAnsContent {
}

    .qestAnsContent h4, .qestAnsContent h5 {
        font-family: arial;
        /*font-size:27px;*/
        line-height: 21px;
        font-size: 21px;
        color: #333;
        margin-bottom: 5px;
    }

    .qestAnsContent p {
        padding-left: 25px;
    }

.colorSections {
    border-top: #000 solid 10px;
    padding: 24px 0 30px;
    width: 90%;
    margin: 0px auto;
    /*display:table;
	table-layout: fixed;*/
}

    .colorSections .colorTextBoxes {
        background-color: #007681;
        /*font-family: arial;*/
        color: #fff;
        width: 25%;
        padding: 20px;
        border-right: #fff solid 1px;
        float: left;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
        /*display:table-cell;
	word-wrap:break-word;*/
    }

        .colorSections .colorTextBoxes h5 {
            font-family: arial;
            line-height: 15px;
            font-weight: bold;
            font-size: 15px;
            color: #fff;
            margin-bottom: 7px;
        }

        .colorSections .colorTextBoxes p {
            margin-bottom: 6px;
        }

        .colorSections .colorTextBoxes a {
            color: #fff;
            text-decoration: none;
        }

            .colorSections .colorTextBoxes a:hover {
                color: #fff;
                text-decoration: underline;
            }

    .colorSections .indusServ {
        background-color: #cf7f00;
    }

    .colorSections .association {
        background-color: #949300;
    }

    .colorSections .education {
        background-color: #6a3460;
    }

.relTeamMember {
    background-color: #eae8e1;
    /*width:76%;*/
    padding: 42px 12% 30px;
    position: relative;
}

    .relTeamMember h2 {
        left: 5%;
    }

#teamMember {
    color: #333;
    font-size: 16px;
}

    #teamMember .item img {
        margin-bottom: 5px;
    }

    #teamMember h4 {
        font-size: 22px;
        color: #007681;
        font-family: arial narrow;
        font-weight: bold;
        text-transform: none;
        margin-bottom: 0px;
    }
/*#teamMember h4 a:hover{ color:#003b41;}*/


/**** Trends and Insights page ****/
.contentHeader {
}

    .contentHeader h1 {
        width: 32%;
        float: left;
        margin-bottom: 0px;
    }

    .contentHeader .innerHeadContent {
        width: 64%;
        padding-right: 2%;
        float: right;
        padding-bottom: 20px;
        font-family: arial;
        font-size: 17px;
        line-height: normal;
        margin-top: 20px;
        color: #333;
    }

.innerHeadContent strong {
    color: #000;
    font-family: arial;
}

.moreContent {
    display: none;
}

.moreContentLink {
    text-align: left;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    text-transform: uppercase;
}

.pageSideIcons {
    position: absolute;
    right: 0px;
    top: 55px;
    width: 56px;
    height: 75px;
    padding-top: 15px;
    background-color: #000;
}

    .pageSideIcons a {
        display: block;
        text-align: center;
        margin-bottom: 15px;
        float: left;
        width: 56px;
        height: 22px;
    }

.contRow {
    margin-bottom: 18px;
}

section.trendVideoBox {
    width: 48%;
    margin: 15px 1% 18px;
    float: left;
    position: relative;
}

    section.trendVideoBox img {
        /*max-height:328px;*/
        /*height:255px;*/
        height: 265px;
        display: block;
    }

    section.trendVideoBox a {
        display: block;
        position: relative;
    }

        section.trendVideoBox a span {
            width: 60px;
            height: 40px;
            display: none;
            background-color: #000;
            background-image: url(../images/playIcon.png);
            background-repeat: no-repeat;
            background-position: 25px center;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -30px;
            margin-top: -20px;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }

        section.trendVideoBox a:hover span {
            background-color: #cc181e;
        }

section.trendsContBox {
    width: 23%;
    margin: 0px 1% 18px;
    float: left;
    background-color: #fff;
    color: #333;
    border-bottom: #000 solid 10px;
    /*min-height:290px;*/
    /*min-height:335px;*/
    /*min-height:297px;*/
    /*min-height:260px;*/
    min-height: 310px;
    height: auto !important;
    height: 310px;
}

    section.trendsContBox .trendImg {
    }

    section.trendsContBox .trendText {
        padding: 10px 20px;
        line-height: 15px;
        font-size: 13px;
    }

        section.trendsContBox .trendText h3 {
            font-size: 22px;
            line-height: 22px;
            margin-bottom: 3px;
            color: #007681;
        }


/*Industries page content boxes*/

.industrySlider section.industrContBox {
    width: auto;
}

section.industrContBox {
    width: 23%;
    margin: 15px 1% 0px;
    padding-top: 25px;
    float: left;
    background-color: #fff;
    color: #333;
    border-bottom: #000 solid 10px;
    /*min-height:262px;*/
    min-height: 300px;
    height: auto !important;
    height: 300px;
    position: relative;
}

    section.industrContBox h2 span {
        height: 42px;
        width: 200px;
        padding: 0px 10px;
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    section.industrContBox .industrImg {
        margin-top: -25px;
    }

    section.industrContBox .industrText {
        padding: 10px 20px 15px;
        line-height: 17px;
    }


/***Industry Detail page ***/
.indDetailTopSection {
    padding: 0px 35px 30px;
    background-color: #fff;
}

.indDetilTopRow {
}

.topContBox {
    width: 32.22%;
    margin: 0px 0.5%;
    float: left;
    background-color: #fff;
    color: #333;
    min-height: 262px;
    height: auto !important;
    height: 262px;
    position: relative;
}

#carousalItems .topContBox {
    float: none;
    width: inherit;
    margin-left: 0px;
    margin-right: 0px;
}

.servContRow #carousalItems .topContBox {
    min-height: 508px;
    height: auto !important;
    margin-top: 15px;
    border-bottom: 10px solid #000;
}

/* @media (min-width:1024px) {
    .servContRow #carousalItems .owl-controls {
        display: none !important;
    }
} */

.topContBox .indTopText {
    padding: 10px 20px 15px;
    -webkit-backface-visibility: hidden;
}

    .topContBox .indTopText h3 {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 7px;
        color: #000;
    }

        .topContBox .indTopText h3 a {
            color: #000;
        }

/*Industry detail - related industries*/
section.relatedInduContent {
    background-color: #eeece4;
    padding: 40px 5% 30px;
}

    section.relatedInduContent h2 span {
        width: initial;
        height: inherit;
        padding: 10px 15px;
    }
/*related Industry slider*/
#slideRelIndustry .owl-controls {
    top: 50%;
    margin-top: -15px;
}

#slideRelIndustry section.industrContBox {
    float: none;
    width: inherit;
    margin: 15px 0px 0px;
    min-height: 235px;
    height: auto !important;
    height: 235px;
}




/*Industry detail - our experts*/
section.indExpertBox {
    padding: 45px 5% 30px;
}

@media only screen and (max-device-width: 768px) {
    section.indExpertBox {
        padding: 45px 8% 30px !important;
    }
}
/*Added styles for the Practice Leaders section*/
section.indExpertBox .practiceLeaders table tr td {
    width: 210px;
}

section.indExpertBox .practiceLeaders img {
    width: 200px;
}

section.indExpertBox .practiceLeaders h2 {
    color: #CD7F29;
    font-size: 32px;
}

section.indExpertBox .practiceLeaders h4.practiceLeadersLink {
    font-size: 26px;
    color: #007681;
    font-family: arial narrow;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 3pt;
}

section.indExpertBox .practiceLeaders h4.relatedExpertsLink {
    font-size: 22px;
    color: #007681;
    font-family: arial narrow;
    font-weight: bold;
    text-transform: none;
    margin-bottom: 3pt;
}

section.indExpertBox p.practiceLeadersTitle {
    font-size: 120%;
}



/*Industry detail - resources*/
section.resourcesInduContent {
    background-color: #eeece4;
    padding: 40px 5% 30px;
}

    section.resourcesInduContent .trendText h3 {
        font-family: arial narrow;
        font-weight: bold;
    }

    section.resourcesInduContent .trendsContBox {
        min-height: 306px;
        height: auto !important;
        height: 306px;
    }

    section.resourcesInduContent section.trendVideoBox img {
        height: 300px;
    }


/*Resources slider*/
.slideResources .owl-controls {
    top: 50%;
    margin-top: -15px;
}

.slideResources section.trendVideoBox {
    float: none;
    width: inherit;
    margin: 15px 0 0;
}

.slideResources section.trendsContBox {
    float: none;
    width: inherit;
    margin: 0px;
}

    .slideResources section.trendsContBox .dowloadIcon {
        width: 15px;
        height: 18px;
        display: initial;
    }


/*Industry detail - upcoming events*/
section.indDetailEvents {
    background-color: #eeece4;
    /*margin-bottom:0px;*/
    padding: 40px 5% 30px;
}

    section.indDetailEvents .contRow {
        margin-bottom: 0px;
    }

    section.indDetailEvents .trendText h3 {
        font-family: arial narrow;
        font-weight: bold;
    }

    section.indDetailEvents section.trendsContBox {
        min-height: 265px;
        height: auto !important;
        height: 265px;
    }

.inDeEventDate {
    padding-bottom: 5px;
    margin-bottom: 10px;
    border-bottom: #333 dotted 3px;
    font-family: arial;
    color: #6a3460;
    font-size: 13px;
    text-transform: uppercase;
}

    .inDeEventDate .left {
        float: left;
    }

    .inDeEventDate .right {
        float: right;
    }


/*upcoming Event slider*/
.upComingEvent.owl-theme .owl-controls {
    top: 50%;
    margin-top: -15px;
    top: 50%;
}

.upComingEvent section.trendsContBox {
    float: none;
    width: inherit;
    margin: 0px;
    min-height: 290px;
    height: auto !important;
    height: 290px;
}


/*Software Solution page*/
.softSolBanner {
    background-color: #ebb133;
    padding: 35px;
}

.softBanText {
    width: 23%;
    font-size: 23px;
    /*line-height:29px;*/
    line-height: 26px;
    color: #000;
    float: left;
}

/* Changes 12/2018 - centering content
.softBanPic {
    width: 74%;
    float: right;
}
*/
.softBanPic {
    width: 90%;
    margin: 0 auto;
}

    .softBanPic img {
        display: block;
    }

.softSolBanner .softBanPic {
    width: 74%;
    float: right;
}
/* END of Changes 12/2018 - centering content */
.scrollTabBOx {
    /*height:10px;*/
    height: 0px;
    text-align: center;
}

    .scrollTabBOx ul {
        position: relative;
        top: -60px;
        margin-bottom: 0;
    }

    .scrollTabBOx.fixed {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        width: 100%;
        height: auto;
    }

        .scrollTabBOx.fixed ul {
            padding: 10px 0px;
            background-color: #d6d2c4;
            width: 97%;
            max-width: 1150px;
            margin: 0px auto;
            top: 0;
        }

    .scrollTabBOx ul li {
        display: inline;
    }

        .scrollTabBOx ul li a {
            padding: 10px 20px;
            display: inline-block;
            background-color: #ededed;
            color: #000;
            text-decoration: none;
            margin: 0px 4px;
            font-family: arial;
            font-size: 12px;
            text-transform: uppercase;
        }

            .scrollTabBOx ul li a:hover {
                background-color: #007681;
                color: #fff;
            }

            .scrollTabBOx ul li a.scrolTabActive {
                background-color: #007681 !important;
                color: #fff !important;
            }

.softContentContainer {
    background-color: #fff;
    padding: 40px 30px 30px;
    position: relative;
    color: #333;
    line-height: 21px;
    /*margin:30px 0px 30px;*/
    margin: 20px 0px 35px;
}

    .softContentContainer h2 {
        line-height: normal;
    }

    .softContentContainer h3 {
        font-family: arial;
        font-weight: bold;
        font-size: 17px;
        margin-bottom: 5px;
    }

    .softContentContainer ul {
        margin: 5px 0 5px 25px;
    }

        .softContentContainer ul li {
            margin-bottom: 7px;
        }

.expMethoSection {
    /*font-size:19px;
	line-height:25px;*/
    font-size: 17px;
    line-height: normal;
    font-family: arial;
}

    .expMethoSection strong {
        font-family: arial;
        font-weight: bold;
        color: #000;
    }

.greenText {
    color: #117e88;
}

.expMethHeading {
    width: 16%;
    padding-right: 2%;
    float: left;
}

.expMethText {
    width: 80%;
    float: left;
}

/* Changes 12/2018 - centering content and adding default background and colors */
#wrapper > .expMethText {
    float: none;
    width: 90%;
    padding: 30px 40px;
    margin: 0 auto;
    background: #01284f;
    font-size: 22px;
    box-sizing: border-box;
    color: #fff;
}

    #wrapper > .expMethText p {
        margin-bottom: .8em;
    }

        #wrapper > .expMethText p:last-child {
            margin-bottom: 0;
        }

    #wrapper > .expMethText a {
        color: #fff;
        text-decoration: underline;
    }

        #wrapper > .expMethText a:hover,
        #wrapper > .expMethText a:focus {
            color: #fff;
            text-decoration: none;
        }

@media (min-width: 1200px) {
    #wrapper > .expMethText {
        padding: 40px 200px 40px 50px;
    }
}

/* END of Changes 12/2018 */

/* Splash page background expand to bottom and left and right*/
html.is-splash-page,
.is-splash-page body {
    min-height: 100%;
    background: #01284f;
}

.is-splash-page #wrapper {
    overflow: visible;
    min-height: 100vh;
    background: #01284f;
}

    .is-splash-page #wrapper.splash-theme-1 {
        background: #fff;
    }

.is-splash-page body:before {
    content: "";
    background: #f1f1f1;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

.is-splash-page #wrapper > div {
    background: #f1f1f1;
    position: relative;
}

    .is-splash-page #wrapper > div.expMethText {
        width: 100%;
        position: relative;
        background: #01284f;
    }

        .is-splash-page #wrapper > div.expMethText.splash-theme-1 {
            background: #fff;
            color: #000;
        }

            .is-splash-page #wrapper > div.expMethText.splash-theme-1 a {
                color: #000;
            }

    .is-splash-page #wrapper > div .softBanPic {
        width: 100%;
    }


/* END of Splash page background expand to bottom and left and right*/

.expMethText .moreLink2 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    padding-top: 5px;
    font-family: arial;
}

    .expMethText .moreLink2 a {
        padding-right: 17px;
        background-image: url(../images/moreArrow.png);
        background-repeat: no-repeat;
        background-position: right center;
    }


.morePlusBtn {
    width: 16px;
    height: 16px;
    position: relative;
    top: 2px;
}

    .morePlusBtn a {
        width: 16px;
        height: 16px;
        display: inline-block;
        text-indent: -9999999px;
        overflow: hidden;
        background-image: url(../images/plus.png);
        background-repeat: no-repeat;
    }

.moreMinusBtn a {
    background-image: url(../images/minus.png);
}

/*Software product slider*/
.softproSliWrapper {
    padding: 0px 25px;
}

.softwareProSlider .owl-controls {
    margin-top: -15px !important;
    top: 50% !important;
}

/*End software product slider*/


.funContBox {
    padding: 15px 0px;
    border-bottom: dotted #909295 4px;
}

    .funContBox.last {
        border: none;
        padding-bottom: 0px;
    }

.funConImg {
    width: 7%;
    float: left;
}

.funContText {
    width: 90%;
    float: right;
}

    .funContText h4 {
        font-size: 28px;
        color: #cf7f00;
        margin-bottom: 7px;
    }

        .funContText h4 span.moreLink2 {
            font-size: 11px;
            text-transform: uppercase;
            font-weight: bold;
            float: right;
            font-family: arial;
        }

            .funContText h4 span.moreLink2 a {
                padding-right: 17px;
                background-image: url(../images/moreArrow.png);
                background-repeat: no-repeat;
                background-position: right center;
            }


/*******Services page********/
.servContRow {
    margin-bottom: 50px;
}

    .servContRow section.topContBox {
        margin: 15px 0.5% 0;
        padding-top: 25px;
        border-bottom: #000 solid 10px;
    }

        .servContRow section.topContBox .indTopImg {
            margin-top: -25px;
        }

/*related topics slider*/
.relTopicsContainer {
    background-color: #ebe9e2;
    width: 76%;
    padding: 42px 12% 30px;
    position: relative;
}

    .relTopicsContainer h2 {
        left: 5%;
    }

#relTopics .item img {
    margin-bottom: 5px;
}

#relTopics h4, #relTopics h4 a {
    font-size: 24px;
    color: #d14124;
    margin-bottom: 0px;
}

    #relTopics h4 a:hover {
        color: #d14124;
    }

#relTopics .learnLink {
    padding-top: 5px;
}


/****************************Article page - Template Y *******************************/
.leftContainer {
    width: 71.68%;
    float: left;
}

.artContentBox {
    background-color: #fff;
    position: relative;
    color: #000;
    font-size: 16px;
    margin: 15px 0px 30px;
}

.artText {
    padding: 30px 20px 20px;
}

.artBanner {
}

.artContentBox a {
    color: #007681;
}

    .artContentBox a:hover {
        color: #CF7F00;
    }

/* New Event Layout - utilizes article css (5/9/2016) */
.divPdfSlideContent {
    padding: 30px 5px 5px 5px;
    text-align: center;
}

    .divPdfSlideContent #divSlideShare {
        height: 1000px;
    }

    .divPdfSlideContent #divPdfLink {
        width: 100%;
        height: 880px;
    }



.artSocialConnect {
    width: 40px;
    position: absolute;
    z-index: 2;
    left: -30px;
    top: 37px;
}

    .artSocialConnect ul li {
        list-style: none;
        width: 40px;
        height: 40px;
        float: left;
    }

        .artSocialConnect ul li a {
            text-indent: -999999px;
            width: 40px;
            height: 40px;
            display: block;
            background-image: url(../images/sideSM.png);
            background-repeat: no-repeat;
        }


        .artSocialConnect ul li.smFace a {
            background-position: 0px 0px;
        }

            .artSocialConnect ul li.smFace a:hover {
                background-position: 0px -50px;
            }

        .artSocialConnect ul li.smTwitt a {
            background-position: 0px -100px;
        }

            .artSocialConnect ul li.smTwitt a:hover {
                background-position: 0px -150px;
            }

        .artSocialConnect ul li.smMail a {
            background-position: 0px -200px;
        }

            .artSocialConnect ul li.smMail a:hover {
                background-position: 0px -250px;
            }

        .artSocialConnect ul li.smPrint a {
            background-position: 0px -300px;
        }

            .artSocialConnect ul li.smPrint a:hover {
                background-position: 0px -350px;
            }

        .artSocialConnect ul li.smShare a {
            background-position: 0px -400px;
        }

            .artSocialConnect ul li.smShare a:hover {
                background-position: 0px -450px;
            }

        .artSocialConnect ul li.smlinked a {
            background-position: 0px -500px;
        }

            .artSocialConnect ul li.smlinked a:hover {
                background-position: 0px -550px;
            }



/*
.artSocialConnect img{
	float:left;
}
*/

.artContentBox h3 {
    font-size: 26px;
    font-family: arial;
    font-weight: 600;
    letter-spacing: 0;
    margin-bottom: 15px;
}

.commentSection {
    padding: 0px 5px;
}

aside.rightSidebar {
    width: 26.50%;
    float: right;
}

.postArtBlog {
    font-size: 13px;
}

.rSideContBox {
    background-color: #eeece4;
    padding: 35px 15px 15px;
    position: relative;
    color: #000;
    margin: 15px 0px 30px;
    font-size: 16px;
}

    .rSideContBox a {
        color: #000;
    }

        .rSideContBox a:hover {
            color: #007681;
        }

.authorImg {
    margin-bottom: 7px;
}

.noMargin {
    margin-bottom: 0px;
}

.articleAuthorContact {
    background-color: #949300;
    color: #fff;
    padding: 15px;
    font-size: 16px;
    position: relative;
}

    .articleAuthorContact h3 {
        color: #fff;
        font-family: arial;
        font-size: 16px;
        letter-spacing: 1px;
        margin-bottom: 5px;
        text-transform: uppercase;
    }

    .articleAuthorContact a {
        color: #fff;
    }

/*Blog page*/
.blogPic {
    width: 341px;
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
}

.leftAuthorbox .authorImg {
    float: left;
    width: 70px;
    margin-top: 5px;
    margin-right: 15px;
    margin-bottom: 0px;
}

.popPostContainer {
    font-size: 17px;
    padding-bottom: 25px;
}

    .popPostContainer a {
        color: #000;
    }

        .popPostContainer a:hover {
            color: #007681;
        }

.blogResoursesContent {
    font-size: 17px;
}

    .blogResoursesContent a {
        color: #000;
    }

        .blogResoursesContent a:hover {
            color: #007681;
        }

    .blogResoursesContent p {
        margin-bottom: 5px;
    }

.contrPerson {
    font-size: 14px;
    margin-bottom: 10px;
}

    .contrPerson .contriImg {
        float: left;
        width: 85px;
        margin-right: 10px;
    }

    .contrPerson h3 {
        color: #007682;
        font-size: 18px;
    }


/********Consulting page********/
.consultContainer {
    background-color: #fff;
    color: #333;
    line-height: 21px;
    /*margin: 20px 0 40px;*/
    margin: 20px 0 35px;
    padding: 45px 30px 30px;
    position: relative;
}

    .consultContainer h3 {
        font-family: arial;
        margin-bottom: 5px;
        font-weight: bold;
        font-size: 17px;
    }

    .consultContainer h4, .softContentContainer h4 {
        font-size: 21px;
        color: #cf7f00;
    }

    .consultContainer h5, .softContentContainer h5 {
        font-family: arial;
        font-size: 13px;
        color: #949300;
        text-transform: uppercase;
    }

.consContent {
    width: 62%;
    float: left;
}

.consImage {
    width: 34.5%;
    margin-top: 30px;
    float: right;
}

.accTitle {
    font-family: arial;
    font-size: 13px;
    text-transform: uppercase;
    cursor: pointer;
    color: #000;
    padding: 10px 20px;
    margin-top: 7px;
    background-image: url(../images/lineBg.png);
    position: relative;
}

    .accTitle span {
        width: 35px;
        height: 41px;
        display: block;
        position: absolute;
        top: 0;
        right: 0px;
        background-color: #999999;
        background-image: url(../images/accDownArrow.png);
        background-repeat: no-repeat;
        background-position: center;
    }

    .accTitle P span {
        width: auto;
        height: auto;
        display: block;
        position: relative;
        top: 0;
        right: 0px;
        background-color: transparent;
        background-image: none;
        background-repeat: no-repeat;
        background-position: center;
    }

    .accTitle span.openAcc {
        background-image: url(../images/accUpArrow.png);
    }

.noContent span {
    display: none;
}

.accContent {
    padding: 5px 10px;
    display: none;
}


/*Template Z*/
.marTopNone {
    margin: 0px;
}

.tempNonHeading {
    padding-top: 30px;
}

/*Template E-3*/
.softTemplateBanner {
    background-color: #fff;
    position: relative;
}

    .softTemplateBanner .soTban {
        min-height: 500px;
        height: auto !important;
        height: 500px;
    }

        .softTemplateBanner .soTban img {
            display: block;
        }

.soTemBlueBox {
    width: 380px;
    /*max-height:380px;*/
    padding: 25px;
    background-color: #1e7dc1;
    color: #fff;
    position: absolute;
    top: 25px;
    font-size: 16px;
    left: 25px;
}

    .soTemBlueBox a {
        color: #fff;
        font-weight: bold;
    }

    .soTemBlueBox h2 {
        font-size: 28px;
        font-family: arial;
        color: #fff;
        margin-bottom: 10px;
    }

/*Temlate E-3 Carousal*/
.softCarBox_Main {
    width: 520px;
    bottom: 40px;
    right: 60px;
    position: absolute;
}

    .softCarBox_Main .owl-item {
        /*transform:scale(0.9);*/
    }

    .softCarBox_Main a.softproTitle {
        width: 84%;
        height: 65px;
        padding: 0px 2%;
        padding-top: 20px;
        border: #fff solid 3px;
        text-decoration: none;
        margin: 20px auto;
        color: #fff;
        text-align: center;
        display: block;
    }

#softBannerThumbs .center {
    /*position:relative;
z-index:10;
transform:scale(1.1);*/
}

.softCarBox_Main a.blackk {
    background-color: #231f20;
}

.softCarBox_Main a.redd {
    background-color: #d2232a;
}

.softCarBox_Main a.greenn {
    background-color: #41ad48;
}

.softCarBox_Main a.bluee {
    background-color: #00adef;
}

.softCarBox_Main a.orangg {
    background-color: #db821e;
}
/*Controls*/
#softBannerThumbs .owl-controls .owl-nav div.owl-prev, #softBannerThumbs .owl-controls .owl-nav div.owl-next {
    background-image: url(../images/sliderBtnWhite.png);
}


/*Event page*/
.eventPage {
}

    .eventPage .indDetailEvents {
        margin-top: 10px;
    }

.eventSearchContainer {
    margin-top: 35px;
}


.eventSerSection {
    width: 71%;
    padding: 25px;
    background-color: #fff;
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

    .eventSerSection h2 {
        color: #6a3460;
        text-transform: uppercase;
        font-weight: normal;
        font-family: arial;
        font-size: 15px;
        letter-spacing: 0.5px;
        margin-bottom: 10px;
    }

.eventTabNav {
    border-bottom: 1px solid #999;
    margin-bottom: 10px;
}

    .eventTabNav ul {
        margin-bottom: 0;
    }

        .eventTabNav ul li {
            list-style: none;
            display: inline;
            float: left;
            line-height: normal;
            margin-right: 3px;
        }

            .eventTabNav ul li a {
                text-transform: uppercase;
                font-family: arial;
                font-size: 12px;
                color: #fff;
                padding: 10px 15px;
                display: block;
                background-color: #999999;
            }

                .eventTabNav ul li a:hover, .eventTabNav ul li a.evTabAct {
                    background-color: #6a3460;
                }

.EventTabContainer {
    position: relative;
}

.eventTooltip {
    width: 100%;
    margin: auto !important;
    padding-left: 20px;
    z-index: 3;
    display: none;
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    bottom: 0;
    right: 0;
    left: auto !important;
    top: 0 !important;
}

.evenTabBox {
    display: none;
}

table.eventTable {
    width: 100%;
}

    table.eventTable tr th {
        padding: 8px 5px;
        font-size: 21px;
        color: #000;
        font-family: arial narrow;
        font-weight: bold;
        text-align: left;
    }

    table.eventTable tr td {
        padding: 8px 5px;
        color: #818181;
        font-size: 14px;
    }

.eventIcon {
    position: relative;
    top: 3px;
}

/*Event tooltip*/
.eventTooltip {
    background-image: url(../images/tooltipArrow.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    width: 627px;
    display: none;
    position: absolute;
    z-index: 3;
}

.evenToolBox {
    height: auto;
    background-color: rgba(106,52,96,0.9);
    background-image: url(../images/purpleBg.png);
    padding: 15px 20px;
    color: #fff;
    position: relative;
}

#toolClose {
    position: absolute;
    right: -10px;
    top: -10px;
    cursor: pointer;
}

.evenToolBox h3 {
    font-size: 16px;
    color: #fff;
    font-family: arial;
    font-weight: bold;
    margin-bottom: 5px;
}

.eventToolRegister {
    width: 120px;
    text-align: center;
    /*float:right;*/
    margin-top: 15px;
}

    .eventToolRegister a {
        border: #fff solid 1px;
        background-color: #53284b;
        padding: 6px 10px;
        display: block;
        font-size: 18px;
        color: #fff;
    }

        .eventToolRegister a:hover {
            background-color: #510944;
        }
/*End event tooltip*/


/*Event colorbox*/
.eventPopContentBox {
    background-color: #fff;
    padding: 20px;
    font-size: 14px;
    color: #333;
}

    .eventPopContentBox a {
        color: #cf7f00;
    }

    .eventPopContentBox h2,
    .eventPopContentBox h3 {
        font-family: arial;
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 2px;
        /*color:#5986a7;*/
        color: #007681;
        line-height: normal;
    }

    .eventPopContentBox h2 {
        background-color: #f3f3f3;
        padding: 7px;
        font-size: 16px;
        color: #000;
        text-align: center;
        margin-bottom: 10px;
    }

.eventpopVideo {
    text-align: center;
    margin-bottom: 15px;
}
/*End event colorbox*/

/*Career page*/
.careerBanner {
    /*background-color:#9a4a7b;*/
    background-color: #949300;
}

.careerBanText {
    padding: 35px;
    width: 48%;
    font-size: 22px;
    line-height: 24px;
    color: #fff;
    float: left;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

    .careerBanText ul {
        margin: 15px 0px 0px 40px;
    }

        .careerBanText ul li {
            margin-bottom: 10px;
        }

.careerBanPic {
    width: 52%;
    float: right;
}

    .careerBanPic img {
        display: block;
    }

section.locationSecContent {
    background-color: #eeece4;
}

    section.locationSecContent h2 span {
        width: initial;
        height: inherit;
        padding: 10px 15px;
    }

/*Template L*/
.downloadFormBox {
    font-size: 14px;
}

.downContForm {
    margin-top: 15px;
}

    .downContForm label {
        display: block;
        margin-bottom: 5px;
    }

    .downContForm input {
        background-color: #fff;
        border: #000 solid 1px;
        padding: 7px;
        width: 100%;
        margin-bottom: 13px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -ms-box-sizing: border-box;
    }

        .downContForm input.downlBtn {
            background-color: #cf7f00;
            font-size: 16px;
            width: 150px;
            text-align: center;
            margin: 10px 0px;
            border: #fff solid 2px;
            color: #fff;
            cursor: pointer;
        }

/*Template M*/

.rightSideContainer {
    width: 71%;
    float: right;
}

.solHubBanner {
    /*background-color:#cf7f00;*/
    background-color: #de841d;
    padding: 95px 10px 0px;
    border-bottom: #000 solid 10px;
    color: #fff;
    min-height: 190px;
}

    .solHubBanner h2 {
        color: #fff;
        font-size: 55px;
        line-height: 40px;
    }

.solHubSearchResult_feature {
    position: relative;
    margin: 25px 0px;
    padding: 25px;
    background-color: #eeece4;
}

.solHubSearchResult_glob {
    padding: 10px;
    margin: 0 0 50px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.hubSearBox {
    width: 100%;
    max-width: 300px;
    margin: 0 auto;
    padding: 12px;
    position: relative;
}

    .hubSearBox:after {
        content: " ";
        position: absolute;
        z-index: -1;
        top: 12px;
        bottom: 12px;
        left: 12px;
        right: 12px;
        border: 1px solid #ddd;
        border-radius: 10px;
        background: #fff;
    }

    .hubSearBox .title {
        margin: 0;
    }

    .hubSearBox img {
        display: block;
        border-radius: 10px 10px 0 0;
    }

    .hubSearBox .description {
        padding: 10px 20px 58px;
    }

        .hubSearBox .description p {
            margin: 0;
        }

    .hubSearBox .card-links {
        display: -webkit-box;
        display: -webkit-flex;
        display: -moz-box;
        display: -ms-flexbox;
        display: flex;
        position: absolute;
        left: 12px;
        right: 12px;
        bottom: 12px;
        border-top: 1px solid #ddd;
        border-radius: 0 0 10px 10px;
    }

        .hubSearBox .card-links a {
            width: 50%;
            padding: 0 10px;
            font-size: 14px;
            line-height: 44px;
            white-space: nowrap;
            text-align: center;
            color: #231f20;
            border-radius: 0 0 0 10px;
            background-image: linear-gradient(to bottom,currentColor,currentColor);
            background-size: 60% 1px;
            background-position: 45% 70%;
            background-repeat: no-repeat;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .hubSearBox .card-links a:hover,
            .hubSearBox .card-links a:focus {
                background-size: 0 1px;
            }

            .hubSearBox .card-links a + a {
                border-left: 1px solid #ddd;
                border-radius: 0 0 10px 0;
            }

@media (min-width: 640px) {
    .hubSearBox {
        width: 50%;
        margin: 0;
    }
}

@media (min-width: 960px) {
    .solHubSearchResult_glob {
        padding: 35px 10px;
    }

    .hubSearBox {
        width: 30%;
    }
}

@media (min-width: 1010px) {
    .hubSearBox {
        width: 30%;
        max-width: none;
    }
}

@media (min-width: 1067px) {
    .hubSearBox {
        width: 31%;
    }
}

.armanDetail {
    background-color: #fff;
    padding: 25px;
    color: #000;
}

    .armanDetail h3 {
        font-family: arial;
        letter-spacing: 0.5px;
        font-size: 15px;
        margin-bottom: 5px;
        color: #cf7f00;
    }

/*Contact Us page*/

.rtSideContainer {
    width: 71%;
    float: right;
}

.mapContainers {
    margin: 25px 0px 20px;
    position: relative;
}

.mapBox img {
    display: block;
}

.contactDetailBox {
    position: absolute;
    right: 40px;
    top: 40px;
    padding: 25px;
    width: 400px;
    /*background-color:rgba(255,145,57,0.9);*/
    background-color: #d18000;
    color: #fff;
    font-size: 15px;
}

    .contactDetailBox a {
        color: #fff;
    }

.conDeHead {
    border-bottom: #f2c393 solid 1px;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.contPerPic {
    width: 70px;
    height: 70px;
    float: left;
    background-color: #f2c393;
    margin-right: 20px;
}

.contperEma {
    float: left;
    width: 300px;
    padding-top: 20px;
    font-size: 20px;
}

.contPersonDetaill {
    padding-left: 90px;
}

/*Global Search*/
.globSearSidebar {
    display: none;
}

.globSearchPage {
    padding: 10px;
    background-color: #fff;
}

    .globSearchPage .tabContainer {
        padding: 0px;
    }

        .globSearchPage .tabContainer ul.tabNav {
            padding-left: 15px;
        }

    .globSearchPage .tabContent {
        padding: 15px;
    }

.resOrdDetail {
    border-bottom: 3px dotted #7f7f7f;
    font-size: 22px;
    line-height: 22px;
    font-family: arial narrow;
    padding-bottom: 10px;
    margin-bottom: 15px;
}

.resFounDet {
    float: left;
}

.resOrdDet {
    float: right;
}

    .resOrdDet a {
        color: #000;
    }

        .resOrdDet a.ordAct {
            color: #007681;
            font-weight: bold;
        }

.allSearCont {
    border-bottom: 3px dotted #7f7f7f;
    padding: 15px 0px 15px;
}

    .allSearCont.last {
        border-bottom: none;
    }

    .allSearCont h3 {
        font-family: arial;
        color: #007681;
        font-size: 20px;
        margin-bottom: 5px;
    }

    .allSearCont p {
        margin-bottom: 10px;
    }

.globSearchPage .eventTabNav ul li a {
    padding-top: 5px;
    padding-bottom: 5px;
}

/*Support page*/
.supportPage {
    background-color: #fff;
    padding: 25px;
}

    .supportPage .tabContainer {
        padding: 0px;
    }

.dynLeftSide {
    width: 24%;
    ;
    float: left;
    border-right: #000 solid 1px;
    padding-right: 3%;
}

.suppHelpBox {
    /*background-color:#cf7f00;*/
    /*color:#fff;*/
    font-family: arial narrow;
    font-weight: bold;
    font-size: 18px;
    padding: 5px 3.5%;
    width: 40%;
    float: left;
}

.suppHelpEmail {
    float: right;
}

    .suppHelpEmail a {
        /*color:#fff;*/
        color: #000;
    }

.dynRightSide {
    width: 70%;
    float: right;
}

.intaFormContainer {
    background-color: #f1f1f1;
    padding: 25px;
    box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 0px 3px 2px rgba(0,0,0,0.4);
}

    .intaFormContainer h2 {
        font-family: arial;
        text-transform: uppercase;
        font-size: 18px;
        margin-bottom: 7px;
        color: #6a3460;
    }

.formFields {
    width: 40%;
    margin-right: 10%;
    float: left;
    margin-bottom: 20px;
}

.formTextarea {
    width: 90%;
    clear: both;
}

.formFields label {
    display: block;
    margin-bottom: 3px;
    color: #333;
}

.formFields input, .formFields textarea {
    width: 100%;
    font-family: arial;
    font-size: 15px;
    padding: 5px 10px;
    border: #999 solid 1px;
    background-color: #fff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.formFields textarea {
    height: 130px;
    resize: none;
}

.formButtons {
    margin-bottom: 15px;
}

    .formButtons input.submitBtn {
        background-color: #6a3460;
        padding: 7px 20px;
        color: #fff;
        font-size: 18px;
        border: none;
        cursor: pointer;
        float: left;
    }

    .formButtons .cancelBtn {
        padding-top: 8px;
        padding-left: 15px;
        float: left;
    }

/***
Dropdown CSS
***/
header {
    position: relative;
}

.SubMenu {
    font-family: arial;
    font-size: 15px;
    background-color: #3c3c3e;
    color: #fff;
    display: none;
    text-transform: none;
    width: 100%;
    z-index: 20;
    position: absolute;
    left: 0px;
    top: 119px;
}


    .SubMenu h1 {
        display: none;
    }

    nav#navigation ul li .SubMenu a, .SubMenu a {
        color: #fb9b02;
        border: none;
        display: initial;
        padding: inherit;
        text-decoration: none;
    }

        nav#navigation ul li .SubMenu a:hover, .SubMenu a:hover {
            text-decoration: underline;
        }

.SubMenuContainer {
    padding: 25px 35px;
}

    .SubMenuContainer h2, .SubMenuContainer h3, .SubMenuContainer h4 {
        color: #fb9b02;
        font-family: arial;
        margin-bottom: 7px;
        font-size: 14px;
        text-transform: uppercase;
    }

        .SubMenuContainer h2 a, .SubMenuContainer h3 a, .SubMenuContainer h4 a {
            display: inline !important;
        }

    .SubMenuContainer h3 {
        font-size: 13px;
    }

    .SubMenuContainer h4 {
        font-size: 13px;
        border-bottom: #5e5e5f solid 1px;
        padding-bottom: 5px;
    }

        .SubMenuContainer h4 + h4 {
            margin-top: 15px;
        }

nav#navigation ul li .SubMenuContainer ul {
    margin-bottom: 10px;
}

    nav#navigation ul li .SubMenuContainer ul li {
        font-family: arial;
        font-size: 14px;
        float: none;
        text-transform: capitalize;
        border: none;
        margin: 0px;
        list-style: none;
        margin-bottom: 2px;
    }

        nav#navigation ul li .SubMenuContainer ul li a {
            color: #fff;
        }

        nav#navigation ul li .SubMenuContainer ul li ul {
            padding-left: 20px;
            margin-bottom: 5px;
        }

            nav#navigation ul li .SubMenuContainer ul li ul li {
                margin-bottom: 0px;
                font-size: 13px;
            }

                nav#navigation ul li .SubMenuContainer ul li ul li a {
                    color: #bbbbbb;
                }

        nav#navigation ul li .SubMenuContainer ul li a:hover {
            color: #fff;
        }

.oneHalf, .oneThird, .twoThird, .oneFourth, .thirdFourth, .oneHalf_2 {
    margin-right: 3%;
    float: left;
}

.oneHalf {
    width: 48.5%;
}

.oneHalf_2 {
    margin-right: 6%;
    width: 47%;
}

.oneThird {
    width: 31.333%;
}

.twoThird {
    width: 65.666%;
}

.oneFourth {
    width: 22.75%;
}

.thirdFourth {
    width: 74.25%;
}

.subLeftContent {
    border-right: #6f6f6f solid 1px;
    padding-right: 10px;
    min-height: 290px;
    height: auto !important;
    height: 290px;
}

.subLast {
    margin-right: 0px;
}


/*Sub menu bottom search*/
.subMenuSearchBottom {
    padding: 10px 35px;
    background-image: url(../images/lineBg.png);
}

.subMenSearh {
    float: right;
}

    .subMenSearh input {
        width: 185px;
        margin: 0px;
        padding: 10px 15px 11px;
        background-color: #565759;
        border: #3c3c3e solid 1px;
        border-right: none;
        float: left;
        color: #cfcfcf;
        border-radius: 0px;
    }

        .subMenSearh input.glSearchBtn {
            background-image: url(../images/searchBtnIcon.jpg);
            background-repeat: no-repeat;
            background-position: left top;
            width: 41px;
            height: 39px;
            border: none;
            padding: 0px;
            text-indent: -999999px;
            cursor: pointer;
        }

        .subMenSearh input.searcherror {
            background-color: #ffb7b7;
            color: #c20d0d;
            border-color: #c20d0d;
        }

        .subMenSearh input.glSearchBtn.searcherror {
            background-image: url(../images/searchBtnIcon-Error.jpg);
            border: none;
        }

/*Trends and insight menu content*/
.secMenProductBox {
    background-color: #565759;
    min-height: 270px;
    height: auto !important;
    height: 270px;
}

    .secMenProductBox .secMenProImg {
        position: relative;
    }

        .secMenProductBox .secMenProImg span {
            width: 55px;
            height: 35px;
            display: block;
            background-color: #000;
            background-image: url(../images/playIcon.png);
            background-repeat: no-repeat;
            background-position: 22px center;
            position: absolute;
            left: 50%;
            top: 50%;
            margin-left: -30px;
            margin-top: -20px;
            border-radius: 5px;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
        }

        .secMenProductBox .secMenProImg a:hover span {
            background-color: #cc181e;
        }

    .secMenProductBox .secMenProText {
        padding: 10px 15px;
        line-height: 15px;
        font-size: 13px;
    }

        .secMenProductBox .secMenProText .learnLink, .secMenProductBox .secMenProText .downloadLink {
            padding-top: 0px;
        }

/*people menu content*/
.pepleDetMore {
    font-size: 12px;
}

.spotPepleSubMen {
    width: 40%;
    padding-right: 3%;
    float: left;
}

.spotPepDetailSubMen {
    width: 57%;
    float: left;
    font-size: 14px;
}

nav#navigation ul li .menuBoxAlphBox {
    border-left: #4b4944 solid 1px;
    margin-bottom: 15px;
}

    nav#navigation ul li .menuBoxAlphBox ul {
        margin-bottom: 0px;
    }

        nav#navigation ul li .menuBoxAlphBox ul li {
            list-style: none;
            text-transform: uppercase;
            display: inline;
            float: left;
            margin-bottom: 0px;
        }

            nav#navigation ul li .menuBoxAlphBox ul li a {
                padding: 7px 6px;
                display: block;
                font-size: 17px;
                color: #fff;
                background-color: #414141;
                border-bottom: #000 solid 1px;
                border-top: #4b4944 solid 1px;
            }

                nav#navigation ul li .menuBoxAlphBox ul li a:hover {
                    text-decoration: none;
                    background-color: #fb9b02;
                }

                nav#navigation ul li .menuBoxAlphBox ul li a.allLink {
                    border-left: #3c3c3e solid 10px;
                    border-bottom: none;
                    background-color: #fb9b02;
                }

.pepleDroIndLink ul li {
    width: 48%;
    padding-right: 2%;
    float: left !important;
}

.moreCriteLink {
    text-align: right;
    padding-top: 15px;
    font-family: arial;
    text-transform: uppercase;
    font-size: 13px;
}

/*Service*/
.subServMenContent {
    padding-top: 75px;
}

/*Events*/
.dropEventLinks h2 {
    margin-bottom: 20px;
}

nav#navigation ul li .dropEventLinks ul li, nav#navigation ul li .dropEventLinks ul li ul li {
    margin-bottom: 5px;
}

    nav#navigation ul li .dropEventLinks ul li ul {
        margin-bottom: 10px;
    }

.dropComEvent {
    line-height: 17px;
    margin-bottom: 10px;
    overflow: hidden;
}

nav#navigation ul li .drEventLink {
    margin-bottom: 3px;
}

    nav#navigation ul li .drEventLink a {
        color: #56afb7;
    }

        nav#navigation ul li .drEventLink a:hover {
            color: #a4dadf;
        }

/*Side Elqua form panel*/
.overlay {
    position: fixed;
    z-index: 15;
    display: none;
    background-color: rgba(0,0,0,0.6);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}

.panelContIcon, .panelBox {
    position: fixed;
    /*top:160px;*/
    top: 110px;
    z-index: 16;
}

.panelContIcon {
    /*width: 60px; */
    right: 0px;
    position: fixed;
}
/*.panelContIcon a {
        display: block;
        text-align: center;
        background-repeat: no-repeat;
        background-position: center 15px;
        background-color: #000;
        color: #fff;
        text-decoration: none;
        font-family: arial narrow;
        font-weight: bold;
        font-size: 16px;
        padding: 45px 0 9px;
        margin-bottom: 7px;
        border-radius: 7px 0px 0px 7px;
        -moz-border-radius: 7px 0px 0px 7px;
        -moz-border-radius: 7px 0px 0px 7px;
    }*/

/*.panelShow a {
    background-image: url(../images/contact-button-red.png);
}

.panelHide a {
    background-color: #e7e7e7;
    color: #6a3460;
    background-image: url(../images/contact-button-light.png);
}*/

.panelBox {
    width: 500px;
    background-color: #e7e7e7;
    right: -500px;
}

    .panelBox h2 {
        font-family: arial;
        text-transform: uppercase;
        font-size: 20px;
        margin-bottom: 10px;
        color: #6a3460;
    }


/*ColorBox css overite*/
/*colorbox border disable*/
#cboxTopLeft, #cboxTopCenter, #cboxTopRight,
#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight,
#cboxMiddleLeft, #cboxMiddleRight {
    visibility: hidden;
}

#cboxContent {
    background-color: #e7e7e7 !important;
}

#cboxLoadedContent {
    margin-bottom: 0px !important;
}

#cboxClose {
    top: -10px;
    right: -10px !important;
    bottom: inherit !important;
}

/*VideoCSS*/
.videoContent {
    width: 528px;
    margin: 0px 0px 10px 25px;
    float: right;
}

    .videoContent iframe {
        width: 100%;
        height: 290px;
    }


/*Extra css overite with classes*/
section.proeventBox {
    background-color: #fff;
}

    section.proeventBox .trendsContBox {
        background-color: #eeece4;
    }

    section.proeventBox section.industrContBox {
        background-color: #eeece4;
        min-height: 220px;
        height: auto !important;
        height: 220px;
    }

.proRelTopic {
    /*background-color: #fff;*/
    margin-bottom: 30px;
    padding: 42px 5% 30px;
    width: inherit;
}

    .proRelTopic .item {
        background-color: #fff;
        padding: 10px 15px;
        min-height: 265px;
        height: auto !important;
        height: 265px;
    }

    .proRelTopic h2 {
        left: 0;
    }


/*New Contact form*/
.newContContent {
    width: 30%;
    float: left;
    font-size: 15px;
}

    .newContContent span {
        font-weight: bold;
        color: #cf7f00;
    }

    .newContContent .contactNoNew {
        font-size: 20px;
        font-weight: bold;
    }

.contactNewElquaForm {
    width: 55%;
    background-color: #e7e7e7;
    float: right;
}

.contFormPadding {
    padding: 15px;
}

/*Extra CSS*/
.fullWidth {
    width: 100%;
}


/*for eloqua form*/
.eqHeaderContent {
    padding: 20px 28px 0px;
}

.eqFooterContent {
    padding: 0px 28px 20px;
}

.videourl {
    float: left;
    margin-right: 20px;
    margin-top: 7px;
}

.solHubBanner img {
    width: 255px;
    height: auto;
}

.clear2 {
    clear: both;
}

/* Microsoft Dynamics - Custom CSS - Updated */

.slick-list {
    width: 100% !important;
    margin: 0;
    padding: 0;
    display: block;
    overflow: hidden;
    position: relative;
}

    .slick-list:focus {
        outline: none;
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand;
    }

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

    .slick-track:before,
    .slick-track:after {
        display: table;
        content: '';
    }

    .slick-track:after {
        clear: both;
    }

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    height: auto;
    display: block;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Slick Theme Styles */

/* Slider */
.slick-loading .slick-list {
    background: #fff url('./ajax-loader.gif') center center no-repeat;
}

/* Arrows */
.slick-prev, .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 20px;
    height: 20px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}

.personnel-wrap .slick-prev, .personnel-wrap .slick-next {
    top: 40%;
}

.slick-prev {
    left: -25px;
}

.slick-next {
    right: -25px;
}

    .slick-prev:hover, .slick-prev:focus,
    .slick-next:hover, .slick-next:focus {
        color: transparent;
        outline: none;
        background: transparent;
    }

    .slick-prev:before, .slick-next:before {
        content: " ";
        width: 20px;
        height: 20px;
        opacity: 1;
        position: absolute;
        margin: auto;
        bottom: 0;
        right: 0;
        left: 0;
        top: 0;
    }

.slick-prev:before {
    transform: rotate(45deg);
    border-left: 3px solid #1b7680;
    border-bottom: 3px solid #1b7680;
}

.slick-next:before {
    transform: rotate(-45deg);
    border-right: 3px solid #1b7680;
    border-bottom: 3px solid #1b7680;
}

.slick-prev:hover:before, .slick-next:hover:before,
.slick-prev:focus:before, .slick-next:focus:before {
    border-color: #002855;
    transition: all .2s ease-in-out;
}

/* Dots */
.slick-dotted.slick-slider {
    margin-bottom: 30px;
}

.slick-dots {
    position: absolute;
    bottom: -25px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 0 5px;
        padding: 0;
        cursor: pointer;
    }

        .slick-dots li button {
            font-size: 0;
            line-height: 0;
            display: block;
            width: 20px;
            height: 20px;
            padding: 5px;
            cursor: pointer;
            color: transparent;
            border: 0;
            outline: none;
            background: transparent;
        }

            .slick-dots li button:hover,
            .slick-dots li button:focus {
                outline: none;
            }

                .slick-dots li button:hover:before,
                .slick-dots li button:focus:before {
                    opacity: 1;
                }

            .slick-dots li button:before {
                font-family: 'slick';
                font-size: 6px;
                line-height: 20px;
                position: absolute;
                top: 0;
                left: 0;
                width: 20px;
                height: 20px;
                content: '�';
                text-align: center;
                opacity: .25;
                color: black;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale;
            }

        .slick-dots li.slick-active button:before {
            opacity: .75;
            color: black;
        }


/* Microsoft Dynamics - Custom CSS */

.dynamics-wrap .homeCallOut {
    width: auto;
}

    .dynamics-wrap .homeCallOut h2 {
        color: #fff;
    }

.dynamics-wrap .dynamics-section {
}

    .dynamics-wrap .dynamics-section h2, .dynamics-wrap .dynamics-section h3,
    .dynamics-wrap .dynamics-section span {
        font-family: 'Teko', sans-serif;
    }

        .dynamics-wrap .dynamics-section h2.green span {
            font-family: arial;
        }

    .dynamics-wrap .dynamics-section h3 {
        width: 100%;
        color: #1b7680;
        font-size: 26px;
        font-weight: 400;
        padding: 0 20px 5px;
    }

    .dynamics-wrap .dynamics-section .funContText h3,
    .dynamics-wrap .dynamics-section .trendsContBox h3,
    .dynamics-wrap .dynamics-section .funContText h4,
    .dynamics-wrap .dynamics-section .trendsContBox h4 {
        padding: 0 0 5px;
    }

    .dynamics-wrap .dynamics-section h4 {
        width: 100%;
        font-size: 22px;
        font-weight: 400;
        padding: 0 20px 5px;
    }
    /* .dynamics-wrap .dynamics-section p { font-size: 18px; font-weight: 400; letter-spacing: .5px; } */
    .dynamics-wrap .dynamics-section .innerPageBg {
        border-width: 10px;
    }

    .dynamics-wrap .dynamics-section .softTemplateBanner {
        min-height: 345px;
    }

        .dynamics-wrap .dynamics-section .softTemplateBanner .homeCallOut h2 {
            color: #fff;
        }

.homeCallOut {
    width: 100%;
    max-width: 440px;
    padding: 40px 30px 35px;
    background: rgba(0, 40, 85, .5);
    position: absolute;
    margin: 0 auto;
    bottom: 0;
    right: 0;
    left: 0;
}

    .dynamics-wrap .dynamics-section .btn-wrapper,
    .homeCallOut .btn-wrapper {
        text-align: center;
        margin: 20px 0 0;
    }

        .dynamics-wrap .dynamics-section .btn-wrapper.left,
        .homeCallOut .btn-wrapper.left {
            text-align: left;
        }

        .dynamics-wrap .dynamics-section .btn-wrapper.right,
        .homeCallOut .btn-wrapper.right {
            text-align: right;
        }

    .dynamics-section .callOut-btn, .homeCallOut .callOut-btn {
        color: #fff;
        font-size: 24px;
        line-height: 1;
        text-transform: uppercase;
        font-family: 'Teko', sans-serif;
        padding: 11px 10px 7px;
        background: #D14124;
        border: 2px solid #fff;
        display: inline-block;
        cursor: pointer;
    }

        .dynamics-section .callOut-btn:hover,
        .dynamics-section .callOut-btn:focus,
        .homeCallOut .callOut-btn:hover,
        .homeCallOut .callOut-btn:focus {
            color: #002855;
            background: #fff;
            border-color: #002855;
        }

.dynamics-section-footer {
    width: 100%;
}

.dynamics-section .image-wrap {
    text-align: center;
    margin: 0 0 12px;
    overflow-x: hidden;
}

    .dynamics-section .image-wrap.placeholder {
        width: 100%;
        min-height: 290px;
        text-align: center;
        background: #d6d2c4;
    }

.dynamics-section ul {
    padding-left: 2em;
}

.dynamics-section .column:last-child p + ul {
    padding-left: 4em;
}

.dynamics-section img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.dynamics-section .blockquote p, .dynamics-section .highlight p {
    color: rgba(0, 40, 85, .8);
    font-size: 20px;
    line-height: 1.4;
    padding: 80px 16px 0;
    position: relative;
}

.dynamics-section .highlight p {
    padding: 0 16px;
}

.dynamics-section .blockquote p:before {
    content: "\0201C";
    font-family: 'Lily Script One', cursive;
    color: rgba(0, 40, 85, .2);
    position: absolute;
    font-size: 220px;
    line-height: 1;
    left: 5px;
    top: 0;
}

.dynamics-section .blockquote p span {
    font-size: 16px;
    margin: 7px 0 0;
    display: block;
}

.dynamics-section .flex-columns .column p {
    padding: 0 20px 5px;
}

.dynamics-section .flex-columns .column .blockquote p {
    padding: 80px 16px 0;
}

@media (min-width: 960px) {
    .dynamics-section .flex-columns .column .blockquote p {
        padding: 30px 0 30px 90px;
    }
}

.dynamics-section .flex-columns .column .funContText p {
    padding: 0 0 5px;
}

.dynamics-section .consultContainer h4, .dynamics-section .softContentContainer h4 {
    font-size: 21px;
    color: #007681;
}

.dynamics-section .funContBox {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .dynamics-section .funContBox:first-child {
        padding-top: 0;
    }

.funConImg.img-large {
    width: 20%;
    float: none;
}

.img-large + .funContText {
    width: 77%;
    float: none;
}

.dynamics-section .softwareProdImg {
    width: 100%;
    padding: 0 0 10px;
}

    .dynamics-section .softwareProdImg .blue {
        color: #002855;
    }

    .dynamics-section .softwareProdImg .green {
        color: #1b7680;
    }

    .dynamics-section .softwareProdImg .yellowGreen {
        color: #949300;
    }

    .dynamics-section .softwareProdImg .blue_bg {
        background: #002855;
    }

    .dynamics-section .softwareProdImg .green_bg {
        background: #1b7680;
    }

    .dynamics-section .softwareProdImg .yellowGreen_bg {
        background: #949300;
    }

    .dynamics-section .softwareProdImg a {
        color: #fff;
        /* font-size: 18px; */
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

        .dynamics-section .softwareProdImg a:hover,
        .dynamics-section .softwareProdImg a:focus {
            box-shadow: 0 0 10px 4px #007681;
        }

    .dynamics-section .softwareProdImg img.responsiveImg {
        width: 100%;
        height: auto;
    }

.dynamics-section.productImg-slider[data-items="5"] .softwareProdImg img.responsiveImg {
    margin-right: 15px;
}

.dynamics-section .accMainBox {
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.dynamics-section .accTitle {
    width: 80%;
    height: 21px;
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .dynamics-section .accTitle span {
        right: -9%;
    }

.flex-columns .full-width {
    margin-bottom: 15px;
}

.dynamics-section .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

    .dynamics-section .grid .image-wrap {
        width: 48.8%;
    }

        .dynamics-section .grid .image-wrap:first-child {
            width: 100%;
        }

.dynamics-section .personnel-wrap {
    width: 97%;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

    .dynamics-section .personnel-wrap .personnel {
        width: 49%;
    }

        .dynamics-section .personnel-wrap .personnel a {
            padding: 5px;
            display: block;
        }

        .dynamics-section .personnel-wrap .personnel img {
            width: 100%;
            height: auto;
            margin: 0 0 5px;
        }

.dynamics-section .flex-columns .column .personnel-wrap p {
    padding: 0;
}

    .dynamics-section .flex-columns .column .personnel-wrap p.name {
        color: #007681;
        font-size: 24px;
    }

    .dynamics-section .flex-columns .column .personnel-wrap p.title {
        color: #000;
    }

/* Color Styles */
.dynamics-section .softwareProdImg .blue {
    color: #002855;
}

.dynamics-section .softwareProdImg .green {
    color: #1b7680;
}

.dynamics-section .softwareProdImg .yellowGreen {
    color: #949319;
}

.dynamics-section .softwareProdImg .blue_bg {
    background: #002855;
}

.dynamics-section .softwareProdImg .green_bg {
    background: #1b7680;
}

.dynamics-section .softwareProdImg .yellowGreen_bg {
    background: #949319;
}

/* Btn Styles */
.dynamics-wrap .dynamics-section .btn-wrapper.red a,
.homeCallOut .btn-wrapper.red a {
    color: #fff;
    background: #d14124;
    border: 2px solid #d14124;
}

    .dynamics-wrap .dynamics-section .btn-wrapper.red a:hover,
    .dynamics-wrap .dynamics-section .btn-wrapper.red a:focus,
    .homeCallOut .btn-wrapper.red a:hover,
    .homeCallOut .btn-wrapper.red a:focus {
        background: #fA6d50;
    }
/* does not pass contrast test */
.dynamics-wrap .dynamics-section .btn-wrapper.orange a,
.homeCallOut .btn-wrapper.orange a {
    color: #fff;
    background: #cf7f00;
    border: 2px solid #cf7f00;
}
    /* does not pass contrast test */
    .dynamics-wrap .dynamics-section .btn-wrapper.orange a:hover,
    .dynamics-wrap .dynamics-section .btn-wrapper.orange a:focus,
    .homeCallOut .btn-wrapper.orange a:hover,
    .homeCallOut .btn-wrapper.orange a:focus {
        background: #E59137;
    }
/* does not pass contrast test */
.dynamics-wrap .dynamics-section .btn-wrapper.yellowGreen a,
.homeCallOut .btn-wrapper.yellowGreen a {
    color: #fff;
    background: #949319;
    border: 2px solid #949319;
}
    /* does not pass contrast test */
    .dynamics-wrap .dynamics-section .btn-wrapper.yellowGreen a:hover,
    .dynamics-wrap .dynamics-section .btn-wrapper.yellowGreen a:focus,
    .homeCallOut .btn-wrapper.yellowGreen a:hover,
    .homeCallOut .btn-wrapper.yellowGreen a:focus {
        background: #CCC848;
    }
/* does not pass contrast test */
.dynamics-wrap .dynamics-section .btn-wrapper.blue a,
.homeCallOut .btn-wrapper.blue a {
    color: #fff;
    background: #002855;
    border: 2px solid #002855;
}

    .dynamics-wrap .dynamics-section .btn-wrapper.blue a:hover,
    .dynamics-wrap .dynamics-section .btn-wrapper.blue a:focus,
    .homeCallOut .btn-wrapper.blue a:hover,
    .homeCallOut .btn-wrapper.blue a:focus {
        background: #009ada;
    }
/* does not pass contrast test */

@media (min-width: 480px) {
    .dynamics-section.productImg-slider .softwareProdImg img.responsiveImg {
        margin-right: 15px;
    }
}

@media (max-width: 959px) {
    /* Commented the folloing line because we want the text start just after the image on mobile instead of being over the image
        .dynamics-wrap .softTemplateBanner .soTban { min-height: 315px !important; }
    */
    .dynamics-wrap .homeCallOut h2 .hero-caption {
        font-size: 16px;
        font-family: arial;
        margin: 10px 0 0;
        display: block;
    }
}

@media (min-width: 960px) {
    .dynamics-wrap .homeCallOut {
        width: 100%;
    }

    .dynamics-section .flex-columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .dynamics-wrap .softTemplateBanner .soTban {
        min-height: auto;
    }

    .dynamics-wrap .softTemplateBanner .homeCallOut {
        margin: 0;
        bottom: auto;
        right: auto;
        left: 4%;
        top: 6%;
    }

        .dynamics-wrap .softTemplateBanner .homeCallOut h2 {
            color: #fff;
            font-size: 40px;
            font-weight: 300;
            letter-spacing: 1px;
            line-height: 1.1;
        }

    .dynamics-wrap .homeCallOut h2 .hero-caption {
        font-size: 18px;
        font-family: arial;
        margin: 15px 0 0;
        display: block;
    }

    .dynamics-section .flex-columns, .dynamics-section.flex-columns {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .dynamics-section.flex-columns.productImg-slider {
            width: 97%;
            margin: 0 auto;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
        }

        .dynamics-section .flex-columns.two .column {
            width: 48%;
        }

    .dynamics-section .grid .image-wrap {
        width: 49.4%;
    }

    .dynamics-section .blockquote p, .dynamics-section .highlight p {
        width: 60%;
        font-weight: 300;
        font-size: 28px;
        margin: 0 auto;
        padding: 30px 0 30px 90px;
    }

    .dynamics-section-footer .blockquote.left p {
        margin: 0;
    }

    .dynamics-section-footer .blockquote.right p {
        margin-right: 0;
    }

    .dynamics-section .blockquote p:before {
        content: "\0201C";
        font-size: 235px;
        margin: auto;
        bottom: 0;
        left: -7px;
        top: 25px;
    }

    .dynamics-section .blockquote p span {
        margin: 0;
        font-size: 24px;
    }

    .funConImg.img-large {
        width: 14%;
    }

    .img-large + .funContText {
        width: 80%;
    }

    .dynamics-section .accMainBox {
        max-width: none;
    }

    .dynamics-section .accTitle {
        width: 92.5%;
    }

        .dynamics-section .accTitle span {
            right: -30px;
        }

    .dynamics-section .softwareProdImg {
        width: 20%;
    }

    .dynamics-section.productImg-slider .softwareProdImg img.responsiveImg {
        margin-right: 0;
    }

    .dynamics-section.productImg-slider[data-items="5"] .softwareProdImg img.responsiveImg {
        margin-right: 15px;
    }

    .dynamics-section .softwareProdImg a {
        max-height: 195px;
        margin: 5px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

        .dynamics-section .softwareProdImg a span {
            width: 100%;
            font-size: 25px;
            font-weight: 300;
            line-height: 1.1;
            text-align: center;
            padding: 0 17px;
            display: block;
        }
}


/* Responsive video */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    height: 0;
}

    .videoWrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }


/* Cookies custom adjustments */
#CybotCookiebotDialogBodyButtonDetails {
    display: none !important;
}

/* Custom Button Styles */

.red > a {
    color: #fff;
    background: #d14124;
    border: 2px solid #d14124;
}

    .red > a:hover,
    .red > a:focus {
        background: #fA6d50;
    }
/* does not pass contrast test */
.orange > a {
    color: #fff;
    background: #cf7f00;
    border: 2px solid #cf7f00;
}
    /* does not pass contrast test */
    .orange > a:hover,
    .orange > a:focus {
        background: #E59137;
    }
/* does not pass contrast test */
.yellowGreen > a {
    color: #fff;
    background: #949319;
    border: 2px solid #949319;
}
    /* does not pass contrast test */
    .yellowGreen > a:hover,
    .yellowGreen > a:focus {
        background: #CCC848;
    }
/* does not pass contrast test */
.blue > a {
    color: #fff;
    background: #002855;
    border: 2px solid #002855;
}

    .blue > a:hover,
    .blue > a:focus {
        background: #009ada;
    }
/* does not pass contrast test */
`