/*
    font    16  24  30  36  48  60
    html    h6  h5  h4  h3  h2  h1
    xml     s3  h3  s2  h2  s1  h1
*/


/* check the Downloads page if you mess with this */
.show-on-windows {
    display: none;
}

.windows .show-on-windows {
    display: block;
}

.hide-on-windows {
    display: block;
}

.windows .hide-on-windows {
    display: none;
}

.show-on-windows-inline {
    display: none!important;
}

.windows .show-on-windows-inline {
    display: inline-block!important;
}

.hide-on-windows-inline {
    display: inline-block!important;
}

.windows .hide-on-windows-inline {
    display: none!important;
}


.try-top-banner-background {
    height: 330px;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-top: -30px;
    margin-bottom: 10px;
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
}

.top-banner-background-no-padding,
.top-banner-background,
.top-banner-background-features {
    height: 359px;
    background-repeat: no-repeat;
    background-position: center top;
    margin-bottom: 0px;
    margin-left: -30px;
    margin-right: -30px;
    padding-left: 30px;
    padding-right: 30px;
}

.top-banner-background,
.top-banner-background-features {
    padding-bottom: 0px;
}


.paragraph h1,
.paragraph h2,
.paragraph h3,
.paragraph h4,
.paragraph h5,
.paragraph h6 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 20px 0px;
    line-height: 130%;
}


.reset-headers h1,
.reset-headers h2,
.reset-headers h3,
.reset-headers h4,
.reset-headers h5,
.reset-headers h6 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 120%;
}

.multiline-subtitle h1,
.multiline-subtitle h2,
.multiline-subtitle h3,
.multiline-subtitle h4,
.multiline-subtitle h5,
.multiline-subtitle h6 {
    padding: 8px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 120%;
}

.featurebox-banner h1 {
    padding: 0px 0px 15px 0px;
    margin: 0px;
}

.featurebox-banner h2 {
    padding: 0px 0px 15px 0px;
    margin: 0px;
}

.featurebox-banner h5 {
    padding: 0px 0px 5px 0px;
    margin: 0px;
}

.platform-banner h3 {
    line-height: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.platform-banner h1 {
    line-height: 90%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.platform-banner h5 {
    padding: 20px 0px 0px 0px;
    line-height: 120%;
    margin: 0px 0px 0px 0px;
}

.platform-banner h6 {
    padding: 28px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    line-height: 110%;
}
/*
.banner-subtitle {
    font-size: 36px;
    line-height: 100%;
}
*/
/*
.banner-title {
    font-size: 60px;
    line-height: 90%;
}
*/
h1 a,
h2 a,
h3 a,
h4 a,
h5 a {
    font-family: 'Segoe UI Light', 'Segoe UI', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Verdana, sans-serif;
    font-weight: 200;
}


.title-and-name h4 {
    padding: 0px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
}

.title-and-name h5 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.anchor a {
    display: block;
    position: relative;
    top: -100px;
    visibility: hidden;
}

.border-left {
    border-left: solid 1px #d9d9d9;
}

.border-left-gray {
    border-left: solid 1px #d9d9d9;
}

.border-right-gray {
    border-right: solid 1px #d9d9d9;
    margin-right: -1px;
}
/*
.page-title {
    font-size: 60px;
    padding-top: 45px;
    line-height: 100%;
}

.page-subtitle {
    font-size: 36px;
    line-height: 120%;
}
*/
/*
.heading-l {
    font-size: 30px;
    line-height: 110%;
    padding-bottom: 16px;
    padding-top: 30px;
}
.heading-xl {
    font-size: 36px;
    line-height: 110%;
    padding-bottom: 16px;
    padding-top: 30px;
}
.heading-xxl {
    font-size: 48px;
    line-height: 100%;
    padding-bottom: 16px;
    padding-top: 30px;
}

.heading-xxxl {
    font-size: 60px;
    line-height: 100%;
    padding-bottom: 16px;
    padding-top: 30px;
}

.heading-m {
    font-size: 24px;
}

.heading-s {
    font-size: 16px;
}
*/

.light-font /*, .heading-l, .heading-xl, .heading-xxl, .heading-xxxl, .page-title, .page-subtitle, .heading-m, .banner-subtitle, .banner-title, .banner-text*/ {
    font-family: "Segoe UI Light", "Segoe UI", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
    font-weight: lighter;
}

.title-simple a {
    text-decoration: underline;
}





.gray-text,
.title-text-desc h5,
.title-simple h5,
.title-simple a,
.gray-text h2,
.gray-text h3,
.gray-text h4,
.gray-text h5,
.gray-text h6,
.gray-text a,
.gray-text a:hover {
    color: #666!important;
}

.gray-text a {
    text-decoration: underline;
}

.gray-text-on-black {
    color: #a5a5a5;
}

    .gray-text-on-black a {
        color: white;
        padding-left: 10px;
    }

/*.page-subtitle,*/
.title-simple h3,
.title-simple h4,
.title-text-desc h3,
.gray-text h1,
.gray-text h2,
.gray-text h3 {
    color: #8a8a8a;
}

.orange-text,
.orange-text a,
.orange-text a:hover,
.orange-hover a:hover,
.orange-text h1,
.orange-text h2,
.orange-text h3,
.orange-text h4,
.orange-text h5,
.orange-text h6,
.orange-text a:visited {
    color: #f78119!important;
}



.black-text,
.black-text a,
.black-text a:hover,
.black-text a:visited,
.black-text h1,
.black-text h2,
.black-text h3,
.black-text h4,
.black-text h5,
.black-text h6 {
    color: #252525!important;
}

.black-text-title {
    line-height: 100%;
    font-size: 36px;
    color: #252525;
}



.white-text,
.white-text a,
.white-text a:hover,
.white-text a:visited,
a:visited .white-text h4,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6 {
    color: white!important;
}

.bold-text,
.bold-text a,
.bold-text h1,
.bold-text h2,
.bold-text h3,
.bold-text h4,
.bold-text h5,
.bold-text h6 {
    font-weight: 900;
}



.underline a,
.underline p,
.underline div {
    text-decoration: underline;
}

.no-underline a {
    text-decoration: none;
}


.GrayUnderlineLinkContainer a {
    color: #666;
    text-decoration: underline;
    font-weight: lighter;
    font-family: Segoe UI Light, Segoe UI, Helvetica Neue, Helvetica;
}

    .GrayUnderlineLinkContainer a:hover {
        color: #666;
        text-decoration: underline;
        font-weight: lighter;
        font-family: Segoe UI Light, Segoe UI, Helvetica Neue, Helvetica;
    }

.GrayUnderlineLinkContainerNormalFont a {
    color: #666;
    text-decoration: underline;
}

    .GrayUnderlineLinkContainerNormalFont a:hover {
        color: #666;
        text-decoration: underline;
    }

.OrangeLinkContainer a {
    color: #e77d00;
}

.GrayLinkContainer a {
    color: #666;
}

    .GrayLinkContainer a:hover {
        color: #666;
        text-decoration: none;
    }
/*
.NoUnderline a {
    text-decoration: none;
}

.NoUnderline a:hover {
    text-decoration: none;
}
*/


div.SmallScreenshotShadow {
    background-color: white;
    border-style: solid;
    border-width: 1px;
    padding: 4px;
    border-color: #cbcbcb;
    box-shadow: 0px 1px 2px rgba(0,0,0,0.15);
}

.reference {
    padding-top: 30px;
    font-size: 11px;
}

.PlatformSelector {
    background-color: #ededed;
    box-shadow: inset 0 0 6px rgba(0,0,0,0.15);
    border-style: solid;
    border-width: 1px;
    border-color: #cccccc;
    border-radius: 6px;
    margin-top: -1px!important;
    margin-right: -1px!important;
    margin-left: -1px!important;
}

.gray-text-large-font {
    color: #888;
}

.gradient-vertical-white-gray {
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
    background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}

.block-border {
    border-width: 1px;
    border-color: #dedede;
    border-style: solid;
}

.block-border-bottom {
    border-bottom-width: 1px;
    border-bottom-color: #dedede;
    border-bottom-style: solid;
}

.block-border-top {
    border-top-width: 1px;
    border-top-color: #dedede;
    border-top-style: solid;
}

.platform-landing-text-block {
    line-height: 120%;
    font-size: 16px;
    padding-top: 20px;
}

.text-block-16 p,
.text-block-16 ul,
.text-block-16 li,
.text-block-16 a {
    font-size: 16px;
    /*padding-top: 20px;*/
}

.fullwidth-block-gray {
    /* do not adjust margin here! */
    /* do not ajust left/right padding here */
    /* overrides */
    background-color: #7e7e7e!important;
}

.fullwidth-block-black {
    /* do not adjust margin here! */
    /* do not ajust left/right padding here */
    /* overrides */
    background-color: #252525!important;
}

.fullwidth-block-darkgray {
    background-color: #0f0f0f!important;
}

.fullwidth-block-light-blue {
    /* do not adjust margin here! */
    /* do not ajust left/right padding here */
    /* overrides */
    background-color: #4d6da6!important;
}

.fullwidth-block-light-green {
    /* do not adjust margin here! */
    /* do not ajust left/right padding here */
    /* overrides */
    background-color: #f2fbf6!important;
    border-bottom-width: 1px;
    border-bottom-color: #dedede;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-top-color: #dedede;
    border-top-style: solid;
    background-image: url('../i/Backgrounds/Platform-Landing-Themes-bg.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    
}

.fullwidth-block-light-red {
    /* do not adjust margin here! */
    /* do not ajust left/right padding here */
    /* overrides */
    background-color: #fff1ee !important;
    border-bottom-width: 1px;
    border-bottom-color: #dedede;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-top-color: #dedede;
    border-top-style: solid;
    background-image: url('../i/Backgrounds/Platform-Landing-MVC-Core-Themes-bg.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
}

.fullwidth-block-light-gray {
    /* do not adjust margin here! */
    /* do not ajust left/right padding here */
    /* overrides */
    background-color: #f6f6f6!important;
    border-bottom-width: 1px;
    border-bottom-color: #dedede;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-top-color: #dedede;
    border-top-style: solid;
}

.fullwidth-block-light-gray-no-top-border {
    /* do not adjust margin here! */
    /* do not ajust left/right padding here */
    /* overrides */
    background-color: #f6f6f6!important;
    border-bottom-width: 1px;
    border-bottom-color: #dedede;
    border-bottom-style: solid;
    /*border-top-width: 1px;
    border-top-color: #dedede;
    border-top-style: solid;*/
}

.fullwidth-block-light-gray-no-top-border-padding {
    /* do not adjust margin here! */
    /* do not ajust left/right padding here */
    /* overrides */
    background-color: #f6f6f6!important;
    border-bottom-width: 1px;
    border-bottom-color: #dedede;
    border-bottom-style: solid;
    padding-top:1px!important;
    /*border-top-width: 1px;
    border-top-color: #dedede;
    border-top-style: solid;*/
}
.fullwidth-block-light-gray-no-bottom-border {
    /* do not adjust margin here! */
    /* do not ajust left/right padding here */
    /* overrides */
    background-color: #f6f6f6!important;
    border-top-width: 1px;
    border-top-color: #dedede;
    border-top-style: solid;
    /*border-bottom-width: 1px;
    border-bottom-color: #dedede;
    border-bottom-style:  solid;*/
}

.fullwidth-block-white {
    /* do not adjust margin here! */
    /* do not ajust left/right padding here */
    /* overrides */
    background-color: #ffffff!important;
}

.fullwidth-block-white-bottom-border {
    background-color: #ffffff!important;
    border-bottom-width: 1px;
    border-bottom-color: #e5e5e5;
    border-bottom-style: solid;
}

.fullwidth-block-orange {
    /* do not adjust margin here! */
    /* do not ajust left/right padding here */
    /* overrides */
    background-color: #f78119!important;
    background-image: url('../Home/i/ContactUs/Contact-Us-Background.jpg');
    background-repeat: no-repeat;
    background-position: bottom center;
    height: 397px;
}

.fullwidth-block-no-border {
    /* do not adjust margin here! */
    /* do not ajust left/right padding here */
    /* overrides */
    border-bottom: none!important;
    border-top: none!important;
    /*border-top-width: 1px;
    border-top-color: #dedede;
    border-top-style: solid;*/
}

.gray-block {
    background-color: #f6f6f6;
    padding: 25px 30px;
}

.block-divider {
    height: 1px;
    margin: 30px 70px;
}


/* accordion overrides */
.Accordion.Training {
    color: #252525;
}

    .Accordion.Training .Header {
        border: none;
        color: #252525!important;
        font-size: 16px;
        line-height: 19px;
        padding: 15px 40px 8px 54px;
        margin-left: -10px;
    }

        .Accordion.Training .Header.Odd {
        }

        .Accordion.Training .Header.Even {
            background-color: #f6f6f6;
        }

        .Accordion.Training .Header.First {
        }

        .Accordion.Training .Header.Collapsed {
            /*background-color: white;*/
        }

        .Accordion.Training .Header .Icon {
            width: 31px;
            height: 31px;
            left: 10px;
            top: 10px;
            background-image: url('i/Accordion/expanded.png');
        }

        .Accordion.Training .Header.Collapsed .Icon {
            background-image: url('i/Accordion/collapsed.png');
        }

    .Accordion.Training .Content {
        padding: 20px;
        padding-left: 54px;
    }

        .Accordion.Training .Content.Odd {
        }

        .Accordion.Training .Content.Even {
        }

.Accordion.GetStarted .Header {
    border: none;
    color: #252525!important;
    font-size: 16px;
}


/* Landing Pages Title Styles */

.landing-controls-title {
    text-align: center;
}

    .landing-controls-title h3 {
        padding-top: 54px;
        padding-bottom: 8px;
    }

    .landing-controls-title h5 {
        padding-bottom: 16px;
        color: #666;
    }

.landing-controls-awards {
    width: 100%;
    padding-top: 50px;
    text-align: center;
}

.landing-controls-awards-asp {
    width: 100%;
    padding-top: 50px;
    margin-left: -42px;
    text-align: center;
}

.landing-index-title {
    padding-top: 45px;
    padding-bottom: 5px;
    text-align: center;
}

    .landing-index-title h1 {
        font-size: 36px;
        padding-bottom: 8px;
    }

    .landing-index-title h3 {
        padding-bottom: 8px;
    }

    .landing-index-title h5 {
        color: #666;
    }

/*  */

div.horizontalbar-getstarted-devextreme {
    text-align: center;
    margin-bottom: -60px!important;
}

    div.horizontalbar-getstarted-devextreme h2 {
        color: white!important;
        padding-top: 60px;
        padding-bottom: 10px;
        font-size: 60px;
    }

    div.horizontalbar-getstarted-devextreme h5 {
        color: white!important;
    }

    div.horizontalbar-getstarted-devextreme div.one-two-three {
        padding-top: 50px;
        padding-bottom: 70px;
    }

        div.horizontalbar-getstarted-devextreme div.one-two-three h5 {
            padding-top: 20px;
        }

div.devextreme-red {
    background-color: #cf5777!important;
}

div.devextreme-purple {
    background-color: #68217a!important;
}

div.devextreme-blue {
    background-color: #0070b0!important;
}


/* Dashboard */
.block-content {
    padding-top: 60px;
    padding-bottom: 60px;
}

.block-background-white {
    background-color: #ffffff!important;
}

.block-background-white-cyan {
    background: url(/i/backgrounds/bg-dashboard-cyan.png);
    background-color: white!important;
    background-repeat: repeat-x;
    background-position: left bottom;
}

.block h1,
.block h2 {
    padding-bottom: 20px;
}

.block h4 {
    color: #666;
}

.block h6 {
    padding-top: 20px;
    padding-bottom: 10px;
    color: #666;
}

.block p {
    padding-top: 5px;
    color: #666;
    font-size: 16px;
    line-height: 150%;
}

.block-background-gray {
    background-color: #f6f6f6!important;
}

.block-background-cyan {
    background-color: #678bae!important;
    color: #fff;
}

    .block-background-cyan h1,
    .block-background-cyan h2,
    .block-background-cyan h4,
    .block-background-cyan h6,
    .block-background-cyan p {
        color: #fff;
    }

.get-started-item,
.get-started-item a,
.get-started-item a:visited {
    color: #666;
    font-size: 14px;
    padding-bottom: 5px;
}

    .get-started-item a:hover {
        text-decoration: underline;
        color: #666;
    }

.get-started-selected-item,
.get-started-selected-item a {
    color: #252525;
    font-size: 14px;
    padding-bottom: 5px;
    text-decoration: underline;
}
    .get-started-splitter {
        border-bottom:solid 1px #d6d6d6;
        color: #666;
        padding:5px 0px 5px 0px;
    }

/*HTML-JS Styles*/

/*Widgets page*/
div.widgets-top-banner {
    background-image: url('/Products/HTML-JS/i/html-js-widgets-banner.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #0070b0!important;
    height: 370px;
    text-align: left;
    border-bottom: 13px solid #5ed0ff!important;
}

    div.widgets-top-banner h5 {
        color: white!important;
        padding-top: 20px;
        padding-bottom: 40px;
    }

    div.widgets-top-banner h1 {
        padding-top: 50px;
        color: white!important;
    }

div.widget-white-right {
    background-color: #f6f6f6!important;
}

    div.widget-white-right h2 {
        padding-bottom: 30px;
    }

    div.widget-white-right h6 {
        line-height: 150%;
        padding-bottom: 20px;
        opacity: 0.7;
    }

    div.widget-white-right div.content-table {
        padding-top: 60px;
        padding-bottom: 60px;
        /*padding-left: 60px;
        padding-right: 60px;*/
    }

div.widget-gray-left {
    background-color: white!important;
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
}

    div.widget-gray-left h2 {
        padding-bottom: 30px;
    }

    div.widget-gray-left h6 {
        line-height: 150%;
        padding-bottom: 20px;
        opacity: 0.7;
    }

    div.widget-gray-left div.content-table {
        padding-top: 60px;
        padding-bottom: 60px;
        /*padding-left: 60px;
        padding-right: 60px;*/
    }

div.widget-section-viz {
    background-color: #f6f6f6!important;
    border-top: 1px solid #dddddd;
    text-align: center;
}

    div.widget-section-viz h2 {
        padding-top: 50px;
        text-align: center;
    }

    div.widget-section-viz h6 {
        padding-top: 20px;
        padding-bottom: 50px;
        opacity: 0.7;
        line-height: 150%;
    }

    div.widget-section-viz div.data-viz-column {
        padding-left: 10px;
        padding-right: 10px;
        width: 120px;
    }

        div.widget-section-viz div.data-viz-column a {
            color: #252525!important;
        }


    div.widget-section-viz div.data-viz-icons {
        padding-bottom: 50px;
    }


    div.widget-section-viz div.icon-label {
        padding-top: 6px;
    }

div.second-slider-container .secondslider-content h2 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size: 60px;
    line-height: 60px;
}

/*Visual-Studio page*/
div.vs-top-banner-line {
    border-top: 6px solid #5ed0ff!important;
}

div.vs-top-banner {
    background-image: url('/Products/HTML-JS/i/visual-studio-banner-background.png');
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #68217a!important;
    height: 374px;
    text-align: center;
}

    div.vs-top-banner h4 {
        color: white!important;
        padding-top: 20px;
    }

    div.vs-top-banner h1 {
        padding-top: 60px;
        color: #74d6ff!important;
        font-size: 72px;
    }

div.vs-section-two {
    background-color: white!important;
    text-align: center;
}

    div.vs-section-two div.logos {
        padding-top: 50px;
        padding-bottom: 30px;
    }

    div.vs-section-two h2 {
        padding-bottom: 30px;
        font-size: 60px;
    }

    div.vs-section-two h5 {
        opacity: 0.7;
        padding-bottom: 90px;
    }

div.vs-section-three {
    background-color: #f6f6f6!important;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

    div.vs-section-three div.content-table {
        padding-top: 70px;
        padding-bottom: 50px;
    }

    div.vs-section-three h2 {
        padding-bottom: 30px;
    }

    div.vs-section-three h6 {
        line-height: 150%;
        opacity: 0.7;
        /*width: 400px;*/
    }

div.vs-section-four {
    background-color: white!important;
}

    div.vs-section-four div.content-table {
        padding-top: 40px;
        padding-bottom: 80px;
        /*padding-left: 100px;*/
    }

    div.vs-section-four h2 {
        padding-top: 60px;
        padding-bottom: 40px;
    }

    div.vs-section-four h6 {
        opacity: 0.7;
        padding-bottom: 20px;
        line-height: 150%;
    }

div.vs-section-five {
    background-color: #39bbff!important;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

    div.vs-section-five h2 {
        color: white!important;
        padding-top: 60px;
    }

    div.vs-section-five h4 {
        color: white!important;
        padding-top: 10px;
    }

    div.vs-section-five h6 {
        padding-top: 20px;
        line-height: 150%;
        padding-bottom: 40px;
        color: white!important;
    }

div.vs-section-six {
    background-color: white!important;
}

    div.vs-section-six div.content-table {
        padding-top: 60px;
        /*padding-left: 70px;*/
        padding-bottom: 80px;
        /*padding-right: 70px;*/
    }

    div.vs-section-six h2 {
        padding-bottom: 40px;
        padding-top: 20px;
    }

    div.vs-section-six h6 {
        line-height: 150%;
        opacity: 0.7;
    }

div.vs-section-seven {
    background-color: #f6f6f6!important;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
}

    div.vs-section-seven div.content-table {
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 0px;
        padding-right: 0px;
    }

    div.vs-section-seven h2 {
        padding-bottom: 30px;
        padding-top: 20px;
    }

    div.vs-section-seven h6 {
        line-height: 150%;
        opacity: 0.7;
    }

div.vs-section-eight {
    background-color: white!important;
    text-align: center;
}

    div.vs-section-eight div.screenshot {
        padding-bottom: 80px;
    }

    div.vs-section-eight h2 {
        padding-bottom: 30px;
        padding-top: 60px;
    }

    div.vs-section-eight h6 {
        opacity: 0.7;
        padding-bottom: 50px;
        padding-left: 50px;
        padding-right: 50px;
        line-height: 150%;
    }




/*Dxtreme Page*/
div.devextreme-top-banner {
    background-image: url('/Products/HTML-JS/i/devextreme-html5-js-framework-banner.jpg');
    background-position: center top;
    background-repeat: no-repeat;
    background-color: #f1f1f0!important;
    height: 596px;
}

    div.devextreme-top-banner h1 {
        color: #f05b41;
        font-size: 72px;
        padding-top: 50px;
    }

    div.devextreme-top-banner h2 {
        color: #5e5e5e;
        padding-top: 10px;
    }

    div.devextreme-top-banner h4 {
        color: #7c7c7c;
        padding-top: 5px;
    }

div.devextreme-section-two {
    background-color: white!important;
}

    div.devextreme-section-two h2 {
        line-height: 100%;
        padding-top: 20px;
        font-size: 60px;
    }

    div.devextreme-section-two h5 {
        color: #252525!important;
        opacity: 0.7;
        padding-top: 30px;
    }

div.devextreme-section-three {
    background-color: #f6f6f6!important;
    border-top: 1px solid #e5e5e5;
    text-align: center;
}

    div.devextreme-section-three h2 {
        padding-top: 50px;
        padding-bottom: 45px;
        line-height: 100%;
        font-size: 60px;
    }

    div.devextreme-section-three h5 {
        padding-top: 40px;
        padding-bottom: 60px;
        opacity: 0.7;
    }

div.devextreme-section-four {
    background-color: #cf5777!important;
}

    div.devextreme-section-four h2 {
        line-height: 100%;
        color: white!important;
        font-size: 60px;
    }

    div.devextreme-section-four h5 {
        padding-top: 40px;
        color: white!important;
    }

div.devextreme-section-five {
    background-color: white!important;
    text-align: center;
}


    div.devextreme-section-five div.create h2 {
        color: #cf5777!important;
        font-size: 60px;
    }

    div.devextreme-section-five div.debug h2 {
        color: #8ab568!important;
        font-size: 60px;
    }

    div.devextreme-section-five div.build h2 {
        color: #fe7507!important;
        font-size: 60px;
    }

    div.devextreme-section-five div.column {
        padding: 30px;
        padding-top: 60px;
        padding-bottom: 70px;
    }

        div.devextreme-section-five div.column h6 {
            opacity: 0.7;
            padding-top: 10px;
        }

div.devextreme-section-six {
    border-top: solid 1px #dddddd;
    border-bottom: solid 1px #dddddd;
    background-color: #f6f6f6!important;
    text-align: center;
}

    div.devextreme-section-six h2 {
        padding-top: 30px;
    }

    div.devextreme-section-six h5 {
        padding-bottom: 30px;
    }

div.devextreme-section-seven {
    background-color: white!important;
}

    div.devextreme-section-seven h1 {
        padding-top: 30px;
        line-height: 100%;
    }

    div.devextreme-section-seven h5 {
    }

.feaurebox-new-title h1 {
    font-size: 48px;
    line-height: 48px;
}

div.BigScreenshotShadow {
    background-color: white;
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    border-color: #cbcbcb;
    box-shadow: 0px 1px 4px rgba(0,0,0,0.15);
}

.ProductPageBanner {
    /* do not adjust margin here! */
    /* do not adjust left/right padding here */
    /* overrides */
    padding-top: 40px!important;
    padding-bottom: 40px!important;
    background-color: #777777!important;
    background-image: url('../i/backgrounds/feature-carousel-bg.png');
    background-repeat: repeat-x;
    background-position: bottom;
}

.FeatureCarousel .Slide div.Description {
    width: 1080px;
}

.FeatureCarousel .Slide div.Description,
.Description h5 {
    padding: 0px 0px 10px 0px;
    color: #ffffff;
}

div.FeatureCarousel div.Move {
    top: 200px;
}

.ViewPort img {
    background-image: url('i/product-feature-banner-background.png');
    background-position: bottom;
    background-repeat: no-repeat;
    padding-bottom: 4px;
    padding-left: 80px;
    padding-right: 80px;
}

.ProductPageFeatureContainer {
    padding-top: 60px;
    padding-bottom: 70px;
}

.ProductPageTitleContainer {
    text-align: center;
    padding-bottom: 40px;
}

    .ProductPageTitleContainer h1 {
        color: #ffffff;
        font-size: 48px;
        line-height: 120%;
    }

    .ProductPageTitleContainer h2 {
        color: #c3c3c3;
        font-size: 30px;
        line-height: 120%;
    }

.ProductFeatureScreenshotShadow {
    background-image: url('i/product-feature-frame-background.png');
    background-position: top;
    background-repeat: no-repeat;
    width: 480px;
    height: 380px;
    margin-bottom: -60px;
}

.ProductFeatureScreenshotContainer {
    margin-left: 39px;
    padding-top: 14px;
}

.ProductFeatureScreenshotBorder {
    border-width: 1px;
    border-style: solid;
    border-color: rgba(0, 0, 0, .25);
    width: 398px;
    height: 288px;
}

.Align-Left {
    margin-left: -30px;
}

.Align-Right {
    margin-right: -30px;
}

div.Product-Page-Note {
    padding-top: 6px;
}

.Product-Page-Note p,
.Product-Page-Note ul {
    color: #666!important;
    font-size: 11px;
    margin-bottom: 8px;
}

.Product-Page-Slide-Description {
    line-height: 120%;
    font-size: 13px;
    color: #ccc;
    padding: 0px 100px 0px 100px;
    height: 55px;
}

.content-align-center {
    text-align: center;
}

.block-content-container {
    padding: 50px 0px;
}

.list-blue ul li {
    background-image: url('../i/lists/check-blue.png');
    padding-left: 30px;
    line-height: 24px;
}

.list-orange ul li {
    background-image: url('../i/lists/check-orange.png');
    padding-left: 30px;
    line-height: 24px;
}

.testcafe-download-button-text {
    color: white;
    text-align: center;
    padding-top: 10px;
    margin-left: 10px;
}

div.whatsnew-feature-header {
    padding-bottom: 8px;
    font-size: 18px;
}

div.Platform-Landing-GetStarted {
    padding-bottom: 60px;
}

div.Platform-Landing-GetStarted-Title {
    padding-top: 40px;
    padding-bottom: 40px;
    text-align: center;
}

    div.Platform-Landing-GetStarted-Title h2 {
        font-size: 60px;
    }

div.Platform-Landing-GetStarted h4 {
    color: #666;
}

div.Platform-Landing-GetStarted h5 {
    color: #666;
}

div.Platform-Landing-GetStarted h6 {
    color: #f78119;
    font-family: 'Segoe UI', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Verdana, sans-serif!important;
}

    div.Platform-Landing-GetStarted h6:hover {
        text-decoration: underline;
        font-family: 'Segoe UI', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Verdana, sans-serif!important;
    }

div.Platform-Landing-GetStarted a:visited h6 {
    color: #f78119!important;
}

div.Platform-Landing-GetStarted-Icon {
    padding-bottom: 20px;
}

div.Platform-Landing-GetStarted-Arrow-Top {
    padding-top: 20px;
}

div.Platform-Landing-GetStarted-Arrow-Bottom {
    padding-bottom: 100px;
}

div.Platform-Landing-Section {
    padding-top: 40px;
    padding-bottom: 60px;
    text-align: center;
}

    div.Platform-Landing-Section p {
        color: #666;
        font-size: 16px;
        line-height: 150%;
    }

div.Platform-Landing-Section-Table {
    padding-bottom: 40px;
}

div.Platform-Landing-Section h2 {
    font-size: 60px;
    text-align: center;
}

div.Platform-Landing-Section h4 {
    font-size: 30px;
    color: #666;
    padding-bottom: 40px;
    line-height: 150%;
}

div.Platform-Landing-Section h3 {
    padding-bottom: 20px;
    padding-top: 20px;
}

div.Platform-Landing-Section h5 {
    color: #666;
    padding-top: 15px;
}

div.Platform-Landing-Section a {
    text-decoration: underline;
}

div.Platform-Landing-Section-Touch {
    font-size: 16px;
    margin-top: -60px;
}

    div.Platform-Landing-Section-Touch p {
        color: #666;
        line-height: 150%;
    }

div.Platform-Landing-Section-Performance {
    text-align: right;
    background-image: url('../Products/NET/Controls/WinForms/i/landing/WinForms-High-Performance-Data-Centric-Solutions.png');
    background-repeat: no-repeat;
    background-position-x: 65px;
    font-size: 16px;
    margin-top: 40px;
    padding-top: 100px;
    height: 230px;
    padding-right: 60px;
}

.superhero {
    background-image: url('../Products/i/Super-Hero-bg.png');
    background-repeat: no-repeat;
    background-position: center bottom;
    /*background-position-x: 1985px;*/
}

div.Platform-Landing-Bunner-Title {
    text-align: left;
}

    div.Platform-Landing-Bunner-Title h1 {
        font-size: 36px;
    }

    div.Platform-Landing-Bunner-Title h5 {
        font-size: 24px;
        color: #666;
    }

div.Platform-Landing-Themes-Section {
    padding-top: 20px;
}

div.award-sticker {
    position: absolute;
    top: -250px;
    right: -140px;
}

.ios div.award-sticker,
.android div.award-sticker {
    width: 180px;
    overflow: hidden;
}



div.platform-landing-award-sticker {
    position: absolute;
    top: -250px;
    right: -55px;
}

.ios div.platform-landing-award-sticker,
.android div.platform-landing-award-sticker {
    width: 180px;
    overflow: hidden;
    right: -60px;
}

div.Platform-Landing-Section-Themes {
    padding-top: 40px;
    padding-bottom: 30px;
    text-align: center;
}

    div.Platform-Landing-Section-Themes p {
        color: #666;
        font-size: 16px;
        line-height: 150%;
        padding-top: 20px;
    }

    div.Platform-Landing-Section-Themes h2 {
        font-size: 60px;
    }

div.Platform-Landing-Section-Products {
    padding-top: 40px;
    text-align: center;
}

    div.Platform-Landing-Section-Products h4 {
        color: #666;
        padding-bottom: 10px;
    }

    div.Platform-Landing-Section-Products h2 {
        font-size: 56px;
    }

div.Platform-Landing-Section-Pricing {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
    color: #252525;
}

    div.Platform-Landing-Section-Pricing table {
        padding-top: 30px;
    }

div.pricing-details-bar {
    background-color: #f8f8f8!important;
    padding-left: -20px;
    border: #e9e9e9 1px solid;
    margin-top: 40px;
    padding-top: 30px!important;
    padding-bottom: 30px!important;
}

.Pricing-Matrix-Container {
    text-align: left;
    padding-top: 40px;
    padding-bottom: 35px;
    padding-left: 80px;
    padding-right: 80px;
}

.contact-us {
    text-align: center;
}

    .contact-us h2 {
        padding-top: 100px;
        color: #ffffff!important;
        font-size: 100px;
        line-height: 90%;
    }

    .contact-us h3 {
        color: #ffffff!important;
        font-size: 48px;
    }

    .contact-us h1 {
        color: #252525!important;
        font-size: 48px;
        padding-top: 60px;
        text-align: left;
    }

    .contact-us p {
        color: #666!important;
        font-size: 16px;
        line-height: 150%;
        padding-top: 10px;
    }

    .contact-us h5 {
        color: #252525!important;
        text-align: left;
        line-height: 50px;
        padding-left: 20px;
    }

.contacts-table td {
    width: 25%;
    border-left-style: solid;
    border-left-color: #d9d9d9;
    border-left-width: 1px;
}

.contact-us-info {
    color: #666;
    font-size: 14px;
    text-align: left;
    padding-left: 40px;
    background-position: left center;
    background-repeat: no-repeat;
}

    .contact-us-info a {
        color: #666;
        text-decoration: none;
    }

.contact-us-info-text {
    padding-left: 20px;
}

.contact-us-phone {
    background-image: url('../Home/i/ContactUs/Phone-icon.png');
}

.contact-us-mail {
    background-image: url('../Home/i/ContactUs/Mail-icon.png');
}

.contact-us-fax {
    background-image: url('../Home/i/ContactUs/Fax-icon.png');
}

.contact-us-support {
    background-image: url('../Home/i/ContactUs/Support-icon.png');
}

.LandingBanner .ImageContainer .InfoContainer .ContentContainer .StaticContent {
    float: none!important;
}

.download-content-container {
    background-color: #f8f8f8;
    padding-left: 0px;
    border: #e9e9e9 1px solid;
    margin-top: 30px;
    margin-bottom: 30px;
}

.download-content-body {
    padding-top: 40px;
}

.download-button-container {
    padding-bottom: 30px;
    padding-top: 15px;
}

.win-controls-contentcontainer {
    padding-top: 20px;
}

    .win-controls-contentcontainer p {
        padding-top: 10px;
        padding-bottom: 20px;
    }

.platform-page-trial-button {
    width: 278px;
    font-size: 40px!important;
    text-align: center;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    /*padding-left:30px!important;
      padding-right:30px!important;*/
}

.platform-page-demo-button {
    width: 106px;
    font-size: 34px!important;
    text-align: center;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    /*padding-left:30px!important;
      padding-right:30px!important;*/
}

    .platform-page-demo-button:hover {
        width: 106px;
        font-size: 34px!important;
        text-align: center;
        padding-top: 8px!important;
        padding-bottom: 8px!important;
        text-decoration: none!important;
    }

.landing-page-learn-more-button {
    width: 130px;
    font-size: 32px!important;
    text-align: center;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

.landing-page-free-trial-button {
    width: 112px;
    font-size: 32px!important;
    text-align: center;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
}

.landing-page-pricing-button {
    width: 130px;
    font-size: 40px!important;
    text-align: center;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
}

.dashboard-trial-button {
    font-size: 40px!important;
    text-align: center;
    padding-top: 5px!important;
    padding-bottom: 5px!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    padding-left: 20px!important;
    padding-right: 20px!important;
}


.transparent-pricing {
    width: 119px;
    color: #ff900e!important;
    font-weight: 100;
    font-size: 34px!important;
    text-align: center;
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    box-shadow: none!important;
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    padding-left: 25px!important;
    padding-right: 25px!important;
    background-color: transparent!important;
    border-color: #ff900e!important;
    border-style: solid;
    border-radius: 5px!important;
    border-width: 2px!important;
    opacity: .95;
}

.casestudy-image-border {
    padding: 10px;
    margin-top: 10px;
    border: 5px solid #e7e7e6;
    display: inline-block;
    margin-bottom: 20px;
    margin-right: 40px;
}

.social-icon {
    display:inline-block;
    width: 64px!important;
    height: 64px!important;
    background-image: url('https://www.devexpress.com/i/logos/social.png')!important;
    background-size: 1080px 300px;
}
.gplus {
    background-position: 0 220px;
}

.twitter {
    background-position: -80px 220px;
}

.facebook {
    background-position: -160px 220px;
}
.youtube {
    background-position: -240px 220px;
}
.blog {
    background-position: -320px 220px;
}

.dennis {
    background-position: -400px 220px;
}

.linked-in {
    background-position: -480px 220px;
}

.whatsnew-white-button {
    padding: 12px 26px!important;
    border: 2px solid rgba(255, 255, 255, 0.9)!important;
    border-radius: 5px!important;
    font-size: 40px!important;
    color: rgba(255, 255, 255, 0.9)!important;
    background-color: transparent!important;
}

.whatsnew-orange-button {
    padding: 12px 26px!important;
    border: 2px solid rgba(247, 129, 25, 0.9)!important;
    border-radius: 5px!important;
    font-size: 40px!important;
    color: #f78119!important;
    background-color: transparent!important;
}