*{
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/*
body{
	font-family: Open sans;
}
*/
ul,ol{
    list-style: none;
}

body{
    font: 15px/1.5 Arial, Helvetica,sans-serif;
    padding:0;
    margin:0;
    background-color:#f4f4f4;
}

/* Global */
.container{
    width:90%;
    margin:auto;
    overflow:hidden;
}

.container-50{
    width:50%;
    margin:auto;
    overflow:hidden;
}

.container-50 h1{
    color: #1060A8;
}

ul{
    margin:0;
    padding:0;
}

.button_1{
    height:38px;
    background:#e8491d;
    border:0;
    padding-left: 20px;
    padding-right:20px;
    color:#ffffff;
}
/*
.button_2{
    height:38px;
    background:#e8491d;
    border:0;
    padding-left: 20px;
    padding-right:20px;
    color:#ffffff;
    font-size: 24px;
}
*/

.button_2{
    height:38px;
    background:#1C9CF8;
    border:0;
    padding-left: 20px;
    padding-right:20px;
    color:#ffffff;
    font-weight: bold;
}

.button_2:hover{background-color:#1060A8;cursor: pointer;}

.credential a{
    color:#0000EE;
    font-weight:normal;
}

.credential a:hover{
    /*color:#FCC000;*/
    color:#1060A8;
    font-weight:normal;
}

.engage-us{
    padding:15px;
    background:#E6D9B2;
    color:#333;
    margin-top:10px;
    margin-bottom:10px;
}

.engage-us-form{
    padding:15px;
    background:#b0ccda;
    background:#f4f4f4;
    color:#000;
    margin-top:10px;
    margin-bottom:10px;
    font-weight: bold;
}

.engage-us-form input, .engage-us-form textarea{
    width:90%;
    padding:5px;
    border: 1px solid #000;
    background:#ffffff;
}

.engage-us-form label:after { color:#e8112d;font-size:18px;content:" *"; }

.apply-partner{
    padding:15px;
    background:#E6D9B2;
    color:#333;
    margin-top:10px;
    margin-bottom:10px;
}

.apply-partner-form{
    padding:15px;
    background:#b0ccda;
    background:#E6D9B2;
    color:#000;
    margin-top:10px;
    margin-bottom:10px;
    font-weight: bold;
}

.apply-partner-form input, .apply-partner-form textarea{
    width:90%;
    padding:5px;
}

.apply-partner-form label:after { color:#e8112d;font-size:18px;content:" *"; }

.apply-innovator{
    padding:15px;
    background:#E6D9B2;
    color:#333;
    margin-top:10px;
    margin-bottom:10px;
}

.apply-innovator-form{
    padding:15px;
    background:#b0ccda;
    color:#000;
    margin-top:10px;
    margin-bottom:10px;
    font-weight: bold;
}

.apply-innovator-form input{
    width:90%;
    padding:5px;
}

.apply-innovator-form textarea{
    width:90%;
    padding:5px;
    height: 100px;
}

.apply-innovator-form label:after { color:#e8112d;font-size:18px;content:" *"; }

.signin{
    padding:15px;
    background:#E6D9B2;
    background:#1060A8;
    color:#333;
    color:#fff;
    margin-top:10px;
    margin-bottom:10px;
}

.signin-form{
    padding:15px;
    background:#b0ccda;
    background:#f4f4f4;
    color:#000;
    margin-top:10px;
    margin-bottom:10px;
    font-weight: bold;
    font-size: 20px;
}

.signin-form input, .signin-form textarea{
    width:90%;
    padding:5px;
    border: 1px solid #000;
    background:#ffffff;
    height: 40px;
    font-size: 18px;
}

.passwordreset-email{
    padding:15px;
    /*background:#E6D9B2;
    color:#333;*/
    background: #1060A8;
    color:#fff;
    margin-top:10px;
    margin-bottom:10px;
}

.passwordreset-email-form{
    padding:15px;
    background:#b0ccda;
    background:#f4f4f4;
    color:#000;
    margin-top:10px;
    margin-bottom:10px;
    font-weight: bold;
    font-size: 20px;
}

.passwordreset-email-form input, .passwordreset-email-form textarea{
    width:90%;
    padding:5px;
    border: 1px solid #000;
    background:#ffffff;
    height: 40px;
    font-size: 18px;
}

.passwordreset-pwd{
    padding:15px;
    /*background:#E6D9B2;
    color:#333;*/
    background: #1060A8;
    color:#fff;
    margin-top:10px;
    margin-bottom:10px;
}

.passwordreset-pwd-form{
    padding:15px;
    background:#b0ccda;
    background:#f4f4f4;
    color:#000;
    margin-top:10px;
    margin-bottom:10px;
    font-weight: bold;
    font-size: 20px;
}

.passwordreset-pwd-form input, .passwordreset-pwd-form textarea{
    width:90%;
    padding:5px;
    border: 1px solid #000;
    background:#ffffff;
    height: 40px;
    font-size: 18px;
}

.resetpassword{
    padding:15px;
    background:#E6D9B2;
    background:#1060A8;
    color:#333;
    color:#fff;
    margin-top:10px;
    margin-bottom:10px;
}

.resetpassword-form{
    padding:15px;
    background:#b0ccda;
    background:#f4f4f4;
    color:#000;
    margin-top:10px;
    margin-bottom:10px;
    font-weight: bold;
    font-size: 20px;
}

.resetpassword-form input, .resetpassword-form textarea{
    width:90%;
    padding:5px;
    border: 1px solid #000;
    background:#ffffff;
    height: 40px;
    font-size: 18px;
}

.support{
    padding:15px;
    background:#E6D9B2;
    background:#1060A8;
    color:#333;
    color:#fff;
    margin-top:10px;
    margin-bottom:10px;
}

.support-form{
    padding:15px;
    background:#b0ccda;
    background:#f4f4f4;
    color:#000;
    margin-top:10px;
    margin-bottom:10px;
    font-weight: bold;
    font-size: 20px;
}

.support-form input{
    width:90%;
    padding:5px;
    border: 1px solid #000;
    background:#ffffff;
    height: 40px;
    font-size: 18px;
}

.support-form textarea{
    width:90%;
    padding:5px;
    border: 1px solid #000;
    background:#ffffff;
    height: 80px;
    font-size: 18px;
}

.support-form select{
    width:90%;
    padding:5px;
    border: 1px solid #000;
    background:#ffffff;
    height: 40px;
    font-size: 18px;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    border-radius: 0;
    /*background-image: url("https://image.flaticon.com/icons/svg/60/60781.svg");*/
    background-image: url("../img/60781.svg");
    background-position: 99% 50%;
    background-repeat: no-repeat;
    background-size: 18px;
}

.docapi-title{background-color:#b0ccda; text-align: center;border-bottom:#35424a 3px solid;}
.docapi-title h3 {text-align: center;font-size:48px}
.docapi-title h3 a{ color:#e8112d; text-decoration: none;font-weight:normal;}
.docapi-title h3 a:hover{color:#A90010;
    font-weight:normal;
    text-decoration: underline;}
.docapi-title h3 em {color: #F2F2F2;
    font-weight: normal;
    font-style: normal;
    margin-left: 12px;}

/* Headers **/

.register{
    padding:15px;
    background:#E6D9B2;
    background:#1060A8;
    color:#333;
    color:#fff;
    margin-top:10px;
    margin-bottom:10px;
}

.register-form{
    padding:15px;
    background:#b0ccda;
    background:#f4f4f4;
    color:#000;
    margin-top:10px;
    margin-bottom:10px;
    font-weight: bold;
}

.register-form input, .register-form textarea{
    width:90%;
    padding:5px;
    border: 1px solid #000;
    background:#ffffff;
}

/*.register-form label:after { color:#e8112d;font-size:18px;content:" *"; }*/
.required-redstar label:after { color:#e8112d;font-size:18px;content:" *"; }
/* Headers **/

/* Header **/
.header-main {
    z-index: 12;
}

header{
    background:#35424a;
    background:#CCCCCC;
    background:#ffffff;
    color:#ffffff;
    padding-top:0px;
    min-height:70px;
    border-bottom:#e8491d 3px solid;
    border-bottom:#fcc000 3px solid;
    border-bottom:#35424a 3px solid;
    border-bottom:#1060A8 3px solid;
    position: relative;
}

.header-signin{
    /*background-color:#E6D9B2;*/
    background-color:#DFF2FF;
    padding-top:10px;
    min-height:10px;
    margin-top:0px;
    /*border-bottom:#35424a 3px solid;*/
}

.header-signin h3 {text-align: center;font-size:48px}

header a{
    color:#35424a;
    text-decoration:none;
    font-size:16px;
}

header li{
    float:left;
    display:inline;
    padding: 0 20px 0 20px;
}

header #branding-logo{
    float:left;
}

header #header-menu{
    position: relative;
    margin-top:30px;
    float:right;
    width: 100%;
}

header #header-signin-menu{
    position: relative;
    margin-top:30px;
    float:right;
    width: 100%;
}

header #branding-header{
    margin-top:1px;
    width: 40%;
}

header #branding-header h1{

}

header #branding-header h1 span a{
    margin:20px;
    display:inline;
    /*color:#35424a;*/
    color:#1818DD;
}

header #branding-header h1 span a:hover{
    /*color:#ff5400;*/
    color:#1C9CF8;
    font-weight:bold;
}

header #branding-header h2{
    margin:20px;
    display:inline;
    /*color:#626d6f;*/
    color:#1060A8;
    font-size: 20px;
}

header #branding-header-smallest-screen{
    margin-top:1px;
    width: 40%;
    display: none;
}

header #branding-header-smallest-screen h2{
    margin:20px;
    display:inline-block;
    /*color:#626d6f;*/
    color:#1060A8;
    font-size: 20px;
}

header #branding-header-smaller-screen{
    margin-top:1px;
    width: 40%;
    display: none;
}

header #branding-header-smaller-screen h1{
    margin:20px;
    display:inline;
    /*color:#35424a;*/
    color:#1818DD;
}

header #branding-header-smaller-screen h1 a{
    /*color:#e8491d;*/
    /*color:#35424a;*/
    color:#1818DD;
    font-weight:bold;
    font-size: 30px;
}

header #branding-header-smaller-screen h1 a:hover{
    /*color:#ff5400;*/
    color:#1C9CF8;
    font-weight:bold;
}

header #branding-header-smaller-screen h2{
    margin:20px;
    display:inline-block;
    /*color:#626d6f;*/
    color:#1060A8;
    font-size: 20px;
}

header #branding-header-middle-screen{
    margin-top:1px;
    width: 40%;
    display: none;
}

.header-table {
    margin: 10px 0 10px 0;
    table-layout: auto;
    border-collapse: collapse;
    width: 100%;
}

.header-table td {
    border: 1px solid #ccc;
    text-align: left;
}
.header-table th {
    text-align: left;
}

.header-table .absorbing-column {
    white-space: nowrap;
    width: 1%;
}

.spaceBetween {
    display: flex;
    justify-content: space-around;
    white-space: nowrap;
}

header #header-menu-medium-screen {
    display: none;
}

/*
header #header-nav nav{
    float:right;
    margin-top:-30px;
    display:inline;
}
*/

header nav{
    /*
    float:right;
    margin-top:-65px;
    */
    float:none;
    display:inline;
    position: relative;
}

header .header-signin nav{
    float:right;
    margin-top:-30px;
    display:inline;
    position: relative;
}

header .current a{
     /*color:#e8491d;*/
    /*
     color:#CCCCCC;
     color:#626d6f;*/
    color:#1818DD;
     font-weight:bold;
 }


header .current2 a{
    /*color:#e8491d;*/
    color:#CCCCCC;
    color:#ff5400;
    font-weight:bold;
}

header a:hover{
    /*
    color:#FCC000;
    */
    color:#1C9CF8;
    font-weight:bold;
}

header .header-signin .current a{
    color:#35424a;
    font-weight:bold;
}

header .header-signin a:hover{
    /*color:#ff5400;*/
    color:#1C9CF8;
    font-weight:bold;
}

header #branding-header h1 a{
    /*color:#e8491d;*/
    color:#35424a;
    font-weight:bold;
    font-size: 30px;
}

header #branding-header h1 a:hover{
    color:#ff5400;
    font-weight:bold;
}


.row-fluid [class*="span"].center{float:none;margin:0 auto;text-align:center}
.span8{width:68%;float:left}


#homeLogo
{
    /*background:url(../img/logo-nuance-black-horizontal.png) no-repeat !important;*/
    background:url(../img/Icon-98@3x.png) no-repeat !important;
    width:216px;
    height:74px;
    zoom:1;
    margin:30px 0 0 -83px;
    z-index:10;
    position:absolute
}

.slideshow {
    width: 100%;
    position: relative;
    /*border-bottom: #fcc000 3px solid;*/
}

.slider li, ul{
	width: 100%;
}

.slider li{
	overflow: hidden;
}

.slider li img{
	width: 100%;
}

.slider .caption{
	position: absolute;
	width: 40%;
	height: 100%;
	top: 0;
	left: 0;
	padding: 15px 100px;

	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	text-align: left;
	color: #000;
	z-index: 1;

}

.lead2{font-size:16px}

.colorwayGrayNote{color:#626d6f;
    font-size: 12px; !important
}
.colorwayBlackNote{color:#000000;
    font-size: 12px; !important
}
.colorwayRedHeaderSignedInName{color:#e8112d;
    font-size: 18px; font-weight: bold; !important
}
.colorwayRed{color:#e8112d !important}
.colorwayGold{color:#fcc000 !important}
.colorwayWhite{color:#ffffff !important}
.row-fluid [class*="span"].center{float:none;margin:0 auto;text-align:center}
.row-fluid{width:95%}
.row-fluid>[class*=span].text-right,.row-fluid>[class*=span] .text-right{text-align:left}
.margin20{margin-top:20px !important}
.margin40{margin-top:100px !important}

.button-w-label{float:left;margin-right:20px}
.text-center .button-w-label,.button-w-label-center{float:none;margin-right:10px;margin-left:10px;display:inline-block}
.button-w-label h6,.button-w-label-center h6,h6.button-group-label{margin-bottom:8px}
.cta{-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:inline-block;font-size:16px;font-weight:bold;letter-spacing:0 !important;text-decoration:none !important}
.cta:hover,.cta:focus{text-decoration:none !important}
.cta-orange{background-color:#ff5400;color:#fff !important;padding:8px 26px}
.cta-orange:hover,a.cta-orange:focus{background-color:#e14c02}
.cta-citiblue{background-color:#1060A8;color:#fff !important;padding:8px 26px}
.cta-citiblue:hover,a.cta-citiblue:focus{background-color:#0078c1;}
.cta-citiblue-header{background-color:#1060A8;color:#fff !important;padding:8px}
.cta-citiblue-header:hover,a.cta-citiblue-header:focus{background-color:#1C9CF8}
.cta-green{background-color:#008000;color:#fff !important;padding:8px 26px}
.cta-green:hover,a.cta-green:focus{background-color:#006400}
.cta-gray{background-color:#7F7F7F;color:#fff !important;padding:8px 26px}
.cta-gray:hover,a.cta-gray:focus{background-color:#4C4C4C}
.cta-w-border a,.cta-g-border a,.cta-bk-border a,.cta-bl-border a{text-decoration:none !important}
.cta-w-border{border:solid 2px #FFF;color:white !important;line-height:18px;padding:7px 24px;}
.cta-w-border:hover{text-decoration:none;background-color:white;color:#333 !important}
.cta-bl-border{border:solid 2px #0078c1;color:#0078c1 !important;line-height:18px;padding:7px 24px}
.cta-bl-border:hover{text-decoration:none;color:white !important;background-color:#0078c1}
.cta-bl-border.compact{padding:7px 10px;font-size:14px;letter-spacing:-0.25px}

#content-area .span5{margin:0}
#content-area .span2{vertical-align:middle;text-align:center;margin-left:0}
#content-area [class*=span] .cta{margin-top:0 !important}

#content-area .lead2{font-size:20px}
#content-area p{font-size:20px;padding-bottom:24px}
#content-area{width:100%;max-width:1600px;margin:0 auto;clear:both;padding-top:60px;padding-bottom:60px}

#content-area-eula .span5{margin:0}
#content-area-eula .span2{vertical-align:middle;text-align:center;margin-left:0}
#content-area-eula [class*=span] .cta{margin-top:0 !important}

#content-area-eula .lead2{font-size:20px}
#content-area-eula p{font-size:12px;padding-bottom:14px}
#content-area-eula{width:100%;max-width:1600px;margin:0 auto;clear:both;padding-top:60px;padding-bottom:60px}

.eula-header{
    padding-top:30px;padding-bottom:30px;
    text-align: center;
}

.eula-submit{
    padding-top:20px;
    text-align: center;
}

.promo-style0{background-color:#DFF2FF; text-align: center;border-bottom:#1060A8 3px solid;}
.promo-style0 h3 {text-align: center;font-size:48px}

.promo-style1{background-color:#b0ccda; text-align: center;border-bottom:#35424a 3px solid;}
.promo-style1 h3 {text-align: center;font-size:48px}

.promo-style2{background-color:#ffffff; text-align: left}
.promo-style2 h3 {text-align: left;font-size:30px}
.promo-style2 p {margin:10px;}
.promo-style2 a {margin:10px;text-align: center}

.promo-style3{background-color:#E6D9B2; text-align: center}
.promo-style3 h3 {text-align: center;font-size:48px}

.docs-and-sdks .docs-and-sdks-container
 { padding-bottom: 0; }

.docs-and-sdks a {
    letter-spacing: 0;
    font-weight: 900; }



/* TABLES & CONTAINERS
-------------------------------------------------------------- */

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
    padding: 15px 20px;
    vertical-align: middle;
    border-top: 1px solid #e1e1e1;
    text-align: left;
font-size: 16px}

.table > thead > tr > th + th,
.table > tbody > tr > th + th,
.table > tfoot > tr > th + th,
.table > thead > tr > td + td,
.table > tbody > tr > td + td,
.table > tfoot > tr > td + td
{
    text-align:center;
}
.table > thead > tr > th {
    padding: 20px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0;
    vertical-align: middle;
    border-bottom: 1px solid #e1e1e1;
}

.table-main .docs-and-sdks-container {
    background: #fff;
    /*border: 2px solid #e1e1e1;*/
    border: 2px solid #1060A8;
    display: block;
    margin-bottom: 75px;
    padding: 0 0; }
.table-main .docs-and-sdks-container .btn {
    font-size: 18px;
    margin: 7px 0;
    padding: 8px 25px;
    min-width: 150px; }
.table-main .docs-and-sdks-container table { margin: 0 0; }

/*table thead { background: #f1f1f1; }*/
table thead { background: #1060A8; color:#fff;}

.innovate-services-style{background-color:#b0ccda; text-align: center}
.innovate-services-style h3 {text-align: center;font-size:42px;}

/*.feature-style{background-color:#E6D9B2; text-align: left}*/
.feature-style{background-color:#b0ccda; text-align: left}
.feature-style .feature-title h3 {text-align: left;font-size:30px}
.feature-style .feature-title h2 {text-align: center;font-size:20px}
.feature-style .feature-title p {margin:10px;}
.feature-style .feature-title a {margin:10px;text-align: center}

.acknowledgement-style{background-color:#fff; text-align: left}
.acknowledgement-style .feature-title h3 {text-align: left;font-size:30px}
.acknowledgement-style .feature-title h2 {text-align: center;font-size:20px}
.acknowledgement-style .feature-title p {margin:10px;}
.acknowledgement-style .feature-title a {margin:10px;text-align: center}

.feature-title { float: left;}
.feature-goto-guide { float: right;}
.feature-features {
    clear: both;
}
.feature-list {
    float: left;
    margin-left: 40px;
    list-style-type: initial;
}

.feature-list li {
    margin-top: 10px;
    font-size: 24px;
}

.feature-sub-list li {
    margin-left: 40px;
    margin-top: 0px;
    list-style-type: initial;
    font-size: 18px;
}

.slider .caption h1{
	font-size: 50px;
}

.slider .caption h2{
    font-size: 30px;
}

.slider .caption p{
	margin-top: 10px;
	font-size: 20px;
}

.pagination{
	position: absolute;
	top: 90%;
	width: 100%;

	display: flex;
	justify-content: center;
}

.pagination li{
	font-size: 20px;
	margin: 2px 5px;
    color: #CCCCCC;
    /*color: #858585;
    color: #F9DF04;*/
    cursor: pointer;
}

.left, .right{
	position: absolute;
	top: 0;
	height: 100%;

	display: flex;
	align-items: center;

	color: #fff;
	font-size: 35px;
	cursor: pointer;
	z-index: 2;
}

.left{
	left: 10px;
}

.right{
	right: 10px;
}

.burger-menu, .burger-menu-btn {
    display: none;
}

#dev-frmwk-features
{
    float: left;
    display: block;
    height: 100%;
    padding: 10px;
}

#dev-frmwk-features h2
{
    font-size: 24px;
    padding-top: 30px;
}

#dev-frmwk-features ul li {
    font-size: 18px;
    margin-left: 20px;
    list-style-type: initial;
    display: list-item;
    margin-top: 0px;
    padding-top: 30px;
}

.docs-and-sdks-container .table {
    border-spacing: 0;
    table-layout: fixed;
}

.docs-and-sdks-container .table .small-view {
    display: none;
}

.indented { margin-left: 1.5em; }
.indentedDouble { margin-left: 3em; }

/* Media Queries */
@media screen and (max-width: 1200px) {
    header #header-menu nav,
    header #header-menu  nav li {
        float: none;
        text-align: center;
        width: 100%;
    }

    header #header-menu {
        display: none;
    }

    header #header-menu-medium-screen {
        display: inline;
    }

    header{
        padding-bottom:5px;
    }
}

@media screen and (max-width: 1100px) {
    header a{
        font-size:14px;
    }

    .container-50 {
        width: 90%;
    }
}

@media screen and (max-width: 902px) {
    .button-w-label{width:220px;}

    .promo-style0 h3 {font-size:36px; margin-bottom:20px;line-height: 1.28;}
    .promo-style1 h3 {font-size:36px; margin-bottom:20px;line-height: 1.28;}
    .promo-style2 h3 {text-align: center;font-size:36px;margin-bottom:20px;line-height: 1.28;}
}

@media screen and (max-width: 768px){
    header #branding,
    header #header-menu  nav,
    header #header-menu li,
    #newsletter h1,
    #newsletter form,
    #boxes .box,
    article#main-col,
    aside#sidebar{
        float:none;
        text-align:center;
        width:100%;
    }

    #showcase h1{
        margin-top:40px;
    }

    #newsletter button, .quote button{
        display:block;
        width:100%;
    }

    #newsletter form input[type="email"], .quote input, .quote textarea{
        width:100%;
        margin-bottom:5px;
    }

    header #branding-header h1{
        /*margin:10px;*/
    }

    header #branding-header h2{
        /*margin:10px;*/
    }

    .button-w-label{width:220px;}

    .doc-title h3 span {text-align: center;font-size:38px}
    .doc-title h3 em {text-align: center;font-size:38px}
    .docapi-title h3 {text-align: center;font-size:38px}
    .promo-style3 h3 {text-align: center;font-size:38px}

    .docs-and-sdks-container .table th {
        font-size: 12px;
    }

    .docs-and-sdks-container .table td {
        font-size: 12px;
    }
}

@media screen and (max-width: 600px){
    /*
    .header-signin{
        display: none;
    }
     */

    header .header-signin nav{
        display:flex;
        /*position: fixed;*/
    }

    header #header-signin-menu  nav,
    header #header-signin-menu li
    {
        float:none;
        text-align:center;
        width:100%;
    }

    header #header-menu-medium-screen {
        display: none;
    }

    .menu-text-decoration-none {
        text-decoration: none;
    }

    .burger-menu-btn {
        display: block;
        width: 60px;
        height: 50px;
        border-radius: 20%;
        background-image: url(../img/burger-menu.png), url(../img/close.png);
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center, center left 50px;
        float: right;
        cursor: pointer;
        /*background-color:#FCC000;*/
        background-color:#1C9CF8;
    }

    .burger-menu {
        display: none;
        position: fixed;
        width: 100%;
        height: 100vh;
        z-index: 9;
        /*background-color: #111;
        background-color:#FCC000;*/
        /*background: rgba(0, 0, 0, 0.8);*/
        /*background-color:#E6D9B2;*/
        /*background-color: #35424a;*/
        background-color:#D8D8D8;
        opacity: 0.8;
        margin-top: 100px;
    }

    .burger-menu ul {
        width: 100%;
        height: calc(100vh - 150px);
        padding-top: 150px;
        margin-top: 10px;
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
    }

    .burger-menu ul li {
        flex-basis: 100%;
        /*border-top: 2px solid #FCC000;*/
        list-style: none;
    }

    .burger-menu ul li a {
        display: block;
        height: 100%;
        font-size: 2rem;
        padding: 30px 0;
        flex-basis: 100%;
        text-align: center;
        /*color: #35424a;*/
        /*color: #E6D9B2;

        text-shadow: 0 0 0 #E6D9B2;*/
        color: #1818DD;
        text-shadow: 0 0 0 #1818DD;
        transition: text-shadow 0.5s, transform 0.5s;
    }

    .burger-menu ul li a:hover{
        /*text-shadow: -3px 3px 0 #E6D9B2;*/
        /*text-shadow: -3px 3px 0 red;*/
        transform: translateY(-6px);
        /*color:#FCC000;*/
        color:#1C9CF8;
        font-weight:bold;
    }

    .promo-style0 h3 {font-size:24px}
    .promo-style1 h3 {font-size:24px}
    .promo-style2 h3 {text-align: center;font-size:24px}

    #dev-frmwk-features h2
    {
        font-size: 20px;
    }

    #dev-frmwk-features ul li {
        font-size: 16px;
    }

    .signin h3 {
        font-size: 16px;
    }

    .signin-form label {
        font-size: 14px;
    }

    .signin-form #businessemail_error, #password_error {
        font-size: 14px;
    }

    .signin-form input {
        font-size: 14px;
    }

    .signin-form button {
        font-size: 20px;
    }

    .register h3 {
        font-size: 16px;
    }

    .register-form label {
        font-size: 14px;
    }

    .register-form #businessemail_error, #password_error, #password_r_error, #firstname_error, #lastname_error, #jobtitle_error, #companyname_error, #phonenumber_error, #message_error {
        font-size: 14px;
    }

    .register-form input {
        font-size: 14px;
    }

    .register-form button {
        font-size: 20px;
    }

    .credential h3 {
        font-size: 16px;
    }

    .credential a {
        font-size: 18px;
    }

    .support h3 {
        font-size: 16px;
    }

    .support-form label {
        font-size: 14px;
    }

    .support-form #category_error, #emailaddress_error, #subject_error, #description_error, #contactname_error, #contactnumber_error {
        font-size: 14px;
    }

    .support-form input {
        font-size: 14px;
    }

    .support-form button {
        font-size: 20px;
    }

    .support-form select{
        font-size: 14px;
        background-size: 12px;
    }



    .resetpassword h3 {
        font-size: 16px;
    }

    .resetpassword-form label {
        font-size: 14px;
    }

    .resetpassword-form #businessemail_error {
        font-size: 14px;
    }

    .resetpassword-form input {
        font-size: 14px;
    }

    .resetpassword-form button {
        font-size: 20px;
    }




    .passwordreset-email h3 {
        font-size: 16px;
    }

    .passwordreset-email-form label {
        font-size: 14px;
    }

    .passwordreset-email-form #businessemail_error {
        font-size: 14px;
    }

    .passwordreset-email-form input {
        font-size: 14px;
    }




    .passwordreset-pwd h3 {
        font-size: 16px;
    }

    .passwordreset-pwd-form label {
        font-size: 14px;
    }

    .passwordreset-pwd-form #password_error, #password_r_error {
        font-size: 14px;
    }

    .passwordreset-pwd-form input {
        font-size: 14px;
    }

    .passwordreset-pwd-form button {
        font-size: 20px;
    }


    .button_2 {
        height: 48px;
    }


	.slider .caption p{
		display: none;
	}

	.slider .caption h1{
		font-size: 35px;
	}

    .slider .caption h2{
        font-size: 16px;
    }

	.left, .right{
		font-size: 30px;
	}

	.slider li img{
		width: 600px;
	}

	.pagination{
		display: none;
	}

    header #branding-header h1{
        display: none;
    }

    header #branding-header h2{
        /*font-size: 15px;
        margin:10px;*/
        display: none;
    }

    header #branding-header-smaller-screen{
        display: inline;
    }

    header #branding-header-smaller-screen h1{
        margin: auto;
        line-height: 1.0;
    }

    header #branding-header-smaller-screen h1 a{
        font-size: 25px;
        /*
        font-size: 8.0vw;
        max-font-size: 20px;
         */
    }

    header #branding-header-smaller-screen h2{
        white-space: nowrap;
        font-size: 16px;
        margin: 0;
        padding-left: 10px;
    }

    .doc-title h3 span {text-align: center;font-size:30px}
    .doc-title h3 em {text-align: center;font-size:30px}
    .docapi-title h3 {text-align: center;font-size:30px}
    .promo-style3 h3 {text-align: center;font-size:30px}

    .docs-and-sdks-container .table th {
        font-size: 10px;
    }

    .docs-and-sdks-container .table td {
        font-size: 10px;
    }

    .docs-and-sdks-container .table .large-view {
        display: none;
    }

    .docs-and-sdks-container .table .small-view {
        display: revert;
    }

}

@media screen and (min-width: 376px) and (max-width: 600px) {

    header #branding-logo {
        transform: scale(0.85, 0.85);
        -ms-transform: scale(0.85, 0.85);
        -webkit-transform: scale(0.85, 0.85);
    }

    .burger-menu-btn {
        width: 40px;
        height: 40px;
    }

    .burger-menu ul {
        width: 100%;
        height: calc(100vh - 120px);
        padding-top: 120px;
    }

    .header-table tr {
        display : block;
        height: 90px;
    }

    .button-w-label{float:left;margin-top:-20px;margin-right:20px;margin-left:40px;width:160px;}
}

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

    header #branding-logo {
        transform: scale(0.75, 0.75);
        -ms-transform: scale(0.75, 0.75);
        -webkit-transform: scale(0.75, 0.75);
    }

    .burger-menu-btn {
        width: 30px;
        height: 30px;
    }

    .burger-menu ul {
        width: 100%;
        height: calc(100vh - 110px);
        padding-top: 110px;
    }

    header #branding-header-smaller-screen h1 a{
        font-size: 22px;
        /*font-size: 8.0vw;*/
        margin:1px;
    }

    header #branding-header h2{
        /*font-size: 10px;*/
        font-size: 3.5vw;
        margin:10px;
        white-space: nowrap;
        display: none;
    }

    header #branding-header-smaller-screen h2{
        display: none;
    }

    header #branding-header-smallest-screen{
        display: inline;
    }

    header #branding-header-smallest-screen h2{
        white-space: nowrap;
        font-size: 14px;
        margin: 0;
        padding-left: 10px;
    }

    .header-table tr {
        display : block;
        height: 90px;
    }

    .button-w-label{float:left;margin-top:0px;margin-right:20px;margin-left:20px;width:140px;}
}

#showcase h1{
    margin-top:20px;
    font-size:24px;
    margin-bottom:20px;
}

#showcase img{
    width: 100%;
}

#sidebar
{
    float: right;
    width: 25%;
    /*height: 420px;*/
    height: 100%;
    margin: 20px 1%;
    padding: 10px;
    border: 2px solid #E3E3E3;
}

/**/

#sidebar a{
    text-decoration:none;
    color: blue;
}

#sidebar ul li {
    font-size: 18px;
    margin-left: 20px;
    list-style-type: initial;
    display: list-item;
}

#sidebar ul li a{
    text-decoration:none;
    color: blue;
}
/**/

#sidebar ul li ul li
{
    list-style-type: none;
    font-size:16px;
}

#sidebar ul li ul li a
{
    text-decoration:none;
    color: blue;
}
/**/

#sidebar ul li ul li:before {

    /*content: "\2192 \0020";*/
    content: "\00BB \0020";
}

#sidebar_services
{
    float: right;
    width: 45%;
    /*height: 420px;*/
    height: 100%;
    margin: 20px 1%;
    padding: 10px;
}

#sidebar_services h2{
    text-align: center;
}
#sidebar_services img{
    width: 100%;
}

#content_area_partners
{
    float: left;
    width: 60%;
    margin: 20px 0 20px 0;
    padding: 10px;
}

#content_area_partners h3
{
    margin: 0px 10px 10px 0;
    line-height:1.0;
    padding: 10px;
    font-size: 36px;

}

#content_area_partners p
{
    font-size: 20px;
    line-height: 1.28;
    margin-left: 10px;
    margin-bottom: 20px;
}

#sidebar_partners
{
    float: right;
    width: 35%;
    /*height: 420px;*/
    height: 100%;
    margin: 20px 1%;
    padding: 10px;
}

#sidebar_partners h3
{
    font-size: 24px;
}

#content_area_innovators
{
    float: right;
    width: 60%;
    margin: 20px 0 20px 0;
    padding: 10px;
}

#content_area_innovators h3
{
    margin: 0px 10px 10px 0;
    line-height:1.0;
    padding: 10px;
    font-size: 36px;

}

#content_area_innovators p
{
    font-size: 20px;
    line-height: 1.28;
    margin-left: 10px;
    margin-bottom: 20px;
}

#sidebar_innovators
{
    float: left;
    width: 35%;
    /*height: 420px;*/
    height: 100%;
    margin: 20px 1%;
    padding: 10px;
}

#sidebar_innovators h3
{
    font-size: 24px;
}

.container_no_banner{
    width:90%;
    margin:auto;
    overflow:hidden;
    background:#E6D9B2;
}

#content_area_pagetop
{
    width: 100%;
    margin: 20px 0 20px 0;
    padding: 10px;
    background:#E6D9B2;
}

#content_area_pagetop h2
{
    width: 60%;
    font-size:62px;
    line-height:100%;
    letter-spacing:-3px;
    margin-top:0;

}

#content_area_pagetop h4
{
    font-size:30px;
    line-height:100%;
    letter-spacing:-1px;
    width: 60%;
}

#content_area_pagetop p
{
    font-size: 20px;
    line-height: 1.28;
    margin-left: 10px;
    margin-bottom: 20px;
    width: 60%;
}

.error {
    color: red;
    margin-bottom: 10px;
}

.success {
    /*color: #ff9966;*/
    color: green;
    text-align: center;
    font-weight: bold;
    margin-bottom: 10px;
    /*font-size: 14px;*/
}

/**/




.redsmall{
    color: #FF0000;
    font-size: 18px;
}

.sublist{
    font-size: 16px;
}

#content_area
{
    float: left;
    width: 73%;
    margin: 20px 0 20px 0;
    padding: 10px;
}

#content_area h3
{
    margin: 0px 10px 10px 0;
    padding: 10px;
    font-size: 36px;

}

#content_area p
{
    font-size: 20px;
    line-height: 1.28;
    min-height: 260px;
    margin-left: 10px;
}

.imgLeft
{
    float: left;
    width: 300px;
    height: 300px;
    margin: 0px 10px 10px 0;
    padding: 10px;
}

.imgRight
{
    float: right;
    width: 300px;
    height: 300px;
    margin: 0px 0 10px 10px;
    padding: 10px;
}

#content_area_services
{
    float: left;
    width: 50%;
    margin: 20px 0 20px 0;
    padding: 10px;
}

#content_area_services h3
{
    margin: 0px 10px 10px 0;
    line-height:1.0;
    padding: 10px;
    font-size: 36px;

}

#content_area_services p
{
    font-size: 20px;
    line-height: 1.28;
    margin-left: 10px;
    margin-bottom: 20px;
}

/* Newsletter */
#newsletter{
    padding:15px;
    color:#FCC000;
    background:#35424a
}

#newsletter h1{
    float:left;
}

#newsletter form {
    float:right;
    margin-top:15px;
}

#newsletter input[type="email"]{
    padding:4px;
    height:25px;
    width:250px;
}

/* Boxes */
#boxes{
    margin-top:20px;
}

#boxes .box{
    float:left;
    text-align: center;
    width:30%;
    padding:10px;
}

#boxes .box img{
    width:290px;
}

#boxes a{ text-decoration: none}
/*#boxes .promoTile{background-color:white;letter-spacing:-1px}*/
#boxes .promoTile p{color:#626d6f;line-height:125%}
#boxes .promoTile h3{color:#333;line-height:100%;margin-bottom:15px;margin-top:0;font-size:24px}
#boxes .promoTile a:hover{color:#0077c0;text-decoration:none}
#boxes .promoTile a:hover>div>h3{color:#0077c0;text-decoration:underline}
/*#boxes .promoTile a:hover>div>p{color:#0077c0;text-decoration:underline}*/
#boxes .promo-info{padding:25px 25px 35px 25px}
.equalHeightDivStyle{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

#boxes-qual{
    margin-top:10px;
}
#boxes-qual .box-qual{
    float:left;
    text-align: left;
    width:33%;
    padding:10px;
}
#boxes-qual .qualTile p{color:#333;line-height:125%}
#boxes-qual .qualTile h3{text-align:left;color:#FF0000;line-height:100%;margin-bottom:15px;margin-top:0;font-size:24px}
#boxes-qual .qualTile ul li:before {

    /*content: "\2192 \0020";*/
    content: "\00BB \0020";
}
#boxes-qual .qualTile ul li
{
    list-style-type: none;
    font-size:20px;
    margin-top: 10px;
}


/* Sidebar */
aside#sidebar{
    float:right;
    width:30%;
    margin-top:10px;
}

aside#sidebar .quote input, aside#sidebar .quote textarea{
    width:90%;
    padding:5px;
}

/* Main-col */
article#main-col{
    float:left;
    width:65%;
}

/* Services */
ul#services li{
    list-style: none;
    padding:20px;
    border: #cccccc solid 1px;
    margin-bottom:5px;
    background:#e6e6e6;
}

ul#fileList {
    list-style: disc;
    font-size: 16px;
    padding-bottom: 12px;
    margin-left: 24px;
    margin-top: 12px;
}
ul#fileList li {
    list-style: disc;
    font-size: 14px;
    padding-top: 0px;
    margin-left: 0px;
}

ul#fileList li  a {
    color:#e8112d;text-decoration:none}
ul#fileList li a:hover{color:#FCC000;font-weight:bold;text-decoration:underline; cursor: pointer;}

#attachments_div a#removeFile {
    margin-left: 20px;font-size: 14px;color:#158ec2;text-decoration:none}
#attachments_div a#removeFile:hover{color:#FCC000;font-weight:bold;text-decoration:underline; cursor: pointer;}


footer{
    padding:20px;
    margin-top:20px;
    /*color:#FCC000;*/
    color:#FFFFFF;
    background-color:#35424a;
    text-align: center;
}

footer h6{color:white;font-size:1.8em;line-height:100%;padding-bottom:5px}
footer li{font-size:13px;line-height:110%;margin-bottom:9px;color:#999}
footer ul li a{color:#999;text-decoration:none}
footer a:hover{color:#cccccc;font-weight:bold;text-decoration:underline}



.hrefdisabled {
    pointer-events: none;
    cursor: default;
    color:darkgray;
}

/*
.textInput {
    border: none;
    height: 28px;
    margin: 2px;
    border: 1px solid #6B7363;
    font-size: 1.2em;
    padding: 5px;
    width: 95%;
}
.textInput:focus {
    outline: none;
}
*/