/*---------------Formatting---------------*/
html {
    position: relative;
    overflow-x: hidden;
    height: 100%;
}
body, #form1 {
    display: flex;
    flex-grow: 1;
    flex-direction: column;
    min-height: 100%;
    overflow-x: hidden;
}
body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    line-height: 22px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    background: #FFF;
}
div, form, ul, li, a {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
h1, h2, h3, h4, h5 {
    font-family: 'Roboto Condensed', sans-serif;
}
h1 {
    font-size: 48px;
    font-weight: 200;
    /*    line-height: initial;*/
    line-height: normal;
    color: #00476c;
    margin: 0 0 .5em 0;
}
.row.headline h1, .bannerTxt h1 {
    line-height: normal;
}
h2 {
    font-size: 30px;
    font-weight: 200;
    /*    line-height: initial;*/
    line-height: normal;
    color: #21336a;
    margin: 0 0 .5em 0;
}
h3 {
    font-size: 1.3em;
    font-weight: 200;
    /*    line-height: initial;*/
    line-height: normal;
    color: #00456b;
}
p {
    margin: 0 0 1em 0;
}
a {
    color: #21336a;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
img {
    max-width: 100%;
    height: auto;
}
.headSocial li, .footSocial li {
    display: inline;
    padding-left: .45em;
}
.headSocial a, .footSocial a {
    display: inline-block;
}
.headSocial a:after, .footSocial a:after {
    color: #00456b;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.footSocial a:after {
    font-size: 1.25rem;
}
.headSocial a.fb:after, .footSocial a.fb:after {
    content: '\f09a'
}
.headSocial a.tw:after, .footSocial a.tw:after {
    content: '\f099'
}
.headSocial a.in:after, .footSocial a.in:after {
    content: '\f0e1'
}
.headSocial a.ig:after, .footSocial a.ig:after {
    content: '\f16d'
}
.headSocial a:hover, .footSocial a:hover {
    text-decoration: none !important;
}
.headSocial a:hover:after, .footSocial a:hover:after {
    color: #79b0ce;
}

/*---------------Global---------------*/

.rowwrap {
    max-width: 1160px;
    margin: 0 auto;
}
.row {
    padding: 2em 0;
    clear: both;
}
.slider, .featureEvent {
    padding: 0;
}
.featureEvent {
    margin: .5em 0 1em 0;
}
.cols {
    display: inline-block;
    vertical-align: text-top;
}
.mainrow {
    margin-top: 130px;
    min-height: 350px;
}
.row.breadsocial {
    padding: .5em 0 1em 0;
}
.breadsocial .col1 {
    width: 80%;
}
.breadsocial .col1 .RadSiteMap_Default {
    font-family: inherit;
}
.breadsocial .col1 a {
    color: #676767 !important;
}
.breadsocial .rsmLink:hover {
    background-color: transparent !important;
    background-image: none !important;
    text-decoration: underline;
}
.breadsocial .col2 {
    text-align: right;
    width: 18%;
    margin-left: 1.5%;
}
.more {
    margin: 2em auto 0 auto;
    text-align: center;
}
.more a, a.button, .rwdSub a {
    display: inline-block;
    text-align: center;
    color: #000;
    margin: 0 2px;
    padding: .5em 1.2em;
    background: #ffd800;
}
.more a:hover, a.button:hover {
    text-decoration: none;
    color: #FFF;
    background: #5974b9;
}
.more a.noBg {
    color: #21336a;
    background: none;
}
.more a.noBg:hover {
    text-decoration: underline;
}
.more a.blue, .button.blue {
    color: #FFF;
    background: #318596 !important;
}
.more a.blue:hover, .button.blue:hover {
    opacity: .8;
    background: #318596 !important;
}
.more a.red, .button.red {
    color: #FFF;
    background: #953734 !important;
}
.more a.red:hover, .button.red:hover {
    opacity: .8;
    background: #953734 !important;
}
.more a.orange, .button.orange {
    color: #FFF;
    background: #974806 !important;
}
.more a.orange:hover, .button.orange:hover {
    opacity: .8;
    background: #974806 !important;
}
.more a.green, .button.green {
    color: #FFF;
    background: #4f6128 !important;
}
.more a.green:hover, .button.green:hover {
    opacity: .8;
    background: #4f6128 !important;
}
a.arrow:after {
    content: '\f054';
    color: #97cc66;
    margin-left: .5em;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
a.arrow:hover {
    color: #36abde;
    text-decoration: none;
}
span.clear {
    display: block;
}
.l3main ul, .l2main ul, .callout ul {
    margin-left: 1.5em;
}
.l3main li, .l2main li, .callout li {
    margin-bottom: 1em;
}

/*.l3main ul li, .l2main ul li, .callout ul li {
    list-style: none;
    background: url(images/bgList.jpg) no-repeat 0 7px;
    padding: 0 0 1em 1em;
}
.certification ul, .prodev ul, .resources ul {
    margin-left: 1.5em;
}
    .certification ul li {
        list-style: none;
        background: url(images/bgListCertification.jpg) no-repeat 0 7px;
        padding: 0 0 1em 1em;
    }
    .prodev ul li {
        list-style: none;
        background: url(images/bgListProDev.jpg) no-repeat 0 7px;
        padding: 0 0 1em 1em;
    }
    .resources ul li {
        list-style: none;
        background: url(images/bgListResources.jpg) no-repeat 0 7px;
        padding: 0 0 1em 1em;
    }*/

.breadsocial ul {
    margin-left: 0;
}
.breadsocial ul li {
    list-style: none;
    padding: 0;
    background: url(none);
}
.stripes span {
    float: left;
    height: 8px;
    background: #87c540;
}
.stripes span:nth-child(1) {
    width: 6%;
}
.stripes span:nth-child(2) {
    width: 22%;
    background: #5974b9;
}
.stripes span:nth-child(3) {
    width: 22%;
    background: #d84f2b;
}
.stripes span:nth-child(4) {
    width: 22%;
    background: #f8981e;
}
.stripes span:nth-child(5) {
    width: 22%;
}
.stripes span:nth-child(6) {
    width: 6%;
    background: #5974b9;
}

/*---------------Header---------------*/

.headWrap {
    position: fixed;
    width: 100%;
    height: 130px;
    top: 0;
    background: #FFF;
    z-index: 9999;
}
a.logo {
    position: absolute;
    width: 282px;
    height: 129px;
    background: url(images/bgLogo2.jpg);
}
.headerRight {
    text-align: right;
    padding: .5em 0 0 0;
}
.subnav {
    font-size: .9em;
    display: inline-block;
    line-height: 28px;
}
.subnav li {
    display: inline-block;
    padding: 0 1em 0 0
}
.login {
    display: inline-block;
    font-size: .9em;
    line-height: 28px;
}
.login a {
    color: #36abde;
}
.headSocial {
    display: inline-block;
    margin: 1.25em .5em 0 0;
}
.search {
    float: right;
    margin: 1em 0;
    border: 1px solid #b7b7b7;
    width: 260px;
    height: 32px;
}
.search .sfsearchBox {
    text-align: left;
    border: none;
    padding: 0;
    margin: 0;
    position: relative;
}
.search .sfsearchTxt {
    width: 86% !important;
    height: 28px;
    border: none;
    outline: none;
}
.search .k-input {
    width: 100% !important;
    padding: 0;
}
.search input[type="submit"] {
    display: inline-block;
    font-size: 0px;
    width: 28px;
    height: 28px;
    border: none;
    position: absolute;
    top: 1px;
    right: 1px;
    background: url(images/bgSearch.jpg);
}
nav {
    font-family: 'Raleway', sans-serif;
    text-align: right;
    clear: both;
}
nav li {
    display: inline;
    padding: 0 0 0 1rem;
}
nav a {
    font-weight: 700;
    color: #00456b;
}
nav a:hover {
    text-decoration: none;
    color: #36abde;
}
nav .k-menu .k-item>.k-link {
    font-family: 'Raleway', sans-serif;
    display: inline-block;
    padding: 0;
    line-height: inherit;
}
nav .k-menu .k-item, .k-widget.k-menu-horizontal>.k-item {
    position: relative;
    display: inline-block;
    float: none;
    border: none;
}
nav .k-menu .k-menu-group {
    font-size: 14px !important;
    text-align: left;
    margin-top: 9px;
    border: 2px solid #d5e8fd;
    background: #eef6fe;
    min-width: 200px;
}
nav .k-menu .k-menu-group li {
    display: block;
    padding: 0;
}
nav .k-menu .k-menu-group .k-item>.k-link {
    display: block;
    padding: .28em 1.8em .38em .9em;
}
nav .k-menu-expand-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0.2rem;
}
nav .k-menu .k-menu-group .k-menu-expand-arrow-icon, 
nav .k-i-arrow-e:before {
    content: '\f054';
    color: #87c540;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

/*---------------To Hide Dropdowns on Onload---------------*/

.k-menu .k-animation-container .k-menu-group, .k-menu .k-item div {
    display: none;
}

/*---------------Home---------------*/

.row.headline {
    color: #21336a;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.5em;
    padding: 1em 0;
    background: #d5e8fd;
}
.headline .rowwrap {
    max-width: 1000px;
}
.headline p {
    margin: 0;
}
.newsMeeting {
    background: url(images/bgHomeNews.jpg) repeat-y center;
}
.newsMeeting .cols {
    width: 49.5%;
}
.newsMeeting .col1 {
    padding-right: 2.5em;
}
.newsMeeting .col2 {
    padding-left: 2.5em;
}
.newsMeeting h2 {
    text-align: center;
    margin-bottom: 1em;
}
.newsL {
    float: left;
    clear: left;
}
.newsL img {
    max-width: 125px;
    max-height: 125px;
    overflow: hidden;
}
.newsR {
    margin-left: 150px;
}
.newsItem .readMore {
    text-align: right;
    text-transform: uppercase;
}
.newsMeeting .col2 {
    text-align: center;
}
.newsMeeting .col2 p {
    text-align: left;
    margin: 0 auto;
    max-width: 500px;
}
.row.mainLinks {
    padding: 1em;
    background: #d5e8fd;
}
.mainLinks .cols {
    text-align: center;
    width: 24.5%;
    position: relative;
}
.heading {
    position: relative;
    height: 100px;
}
.mainLinks h3 {
    width: 100%;
    position: absolute;
    bottom: 0;
    font-size: 2em;
    margin: 0 0 .5em;
    font-weight: bold;
}
.mainLinks img {
    border: 2px solid #318596;
    padding: 2px;
}
.mainLinks .more a {
    color: #FFF;
}
.mainLinks .col1 h3 {
    color: #318596;
}
.mainLinks .col1 .more a {
    background: #318596;
}
.mainLinks .col2 h3 {
    color: #953734;
}
.mainLinks .col2 img {
    border-color: #953734;
}
.mainLinks .col2 .more a {
    background: #953734;
}
.mainLinks .col3 h3 {
    color: #974806;
}
.mainLinks .col3 img {
    border-color: #974806;
}
.mainLinks .col3 .more a {
    background: #974806;
}
.mainLinks .col4 h3 {
    color: #4f6128;
}
.mainLinks .col4 img {
    border-color: #4f6128;
}
.mainLinks .col4 .more a {
    background: #4f6128;
}
.mainLinks .cols .more {
    margin: 1em auto;
}
.mainLinks .cols .more a:hover {
    opacity: .8;
}
.adverts .cols {
    width: 24.5%;
    text-align: center;
}
.adverts .cols:nth-child(5), .adverts .cols:nth-child(6), .adverts .cols:nth-child(7), .adverts .cols:nth-child(8) {
    margin-top: 15px;
}
.commConnect, .l2TCM {
    background: #d5e8fd;
}
.commConnect .cols, .l2TCM .rowwrap, .publications .rowwrap {
    padding: 2em;
    background: #FFF;
}
.commConnect .col1 {
    width: 67.333%;
    margin-right: 1%;
}
.commConnect .col2 {
    width: 29.333%;
    margin-left: 1%;
}
.commConnect .col1 .col1 {
    margin: 0;
    padding: 0;
    width: 30%;
}
.commConnect .col1 .col2 {
    margin: 0;
    padding: 0 0 0 1%;
    width: 27%;
}
.commConnect .col1 .col2 .more {
    margin: 3em 0 0 0;
}
.commConnect .col1 .col2 p {
    margin: 0;
}
.commConnect .col1 .col3 {
    width: 38%;
    margin: 0 0 0 3%;
    padding: 0;
}
.commConnect .col1 .col3 .more {
    margin: 1em 0 0 0;
}
.commConnect h2 {
    margin-top: 0;
}
.commList .sfContentBlock * {
    display: inline-block;
    vertical-align: top;
    line-height: 45px;
}
.commList .sfContentBlock img {
    margin: 0 1em 1em;
}
ul.homeSocial {
    margin: 0 0 0 3em;
    padding: 0;
    list-style: none;
}
ul.homeSocial li {
    padding: 0 0 1em 3.5em;
}
.homeSocial li.fb {
    line-height: 45px;
    background: url(images/bgFb.jpg) no-repeat;
}
.homeSocial li.tw {
    line-height: 45px;
    background: url(images/bgTw.jpg) no-repeat;
}
.homeSocial li.in {
    line-height: 45px;
    background: url(images/bgIn.jpg) no-repeat;
}

/*---------------L2---------------*/

.l2Banner {
    color: #FFF;
    text-shadow: #000 2px 2px;
    position: relative;
}
.row.l2Banner {
    padding: 0;
}
.row.l2Banner img {
    width: 100%;
    margin-bottom: -6px;
    border: 0 !important;
    padding: 0;
}
.l2Banner h1, .l2Banner h2 {
    color: #FFF !important;
    margin: 0 !important;
}
.l2Banner .bannerTxt .sfContentBlock {
    position: absolute;
    bottom: 0;
    width: 37%;
}
.l2Banner .bannerTxt .sfContentBlock p {
    font-size: 1.2em;
}
.bannerOver {
    position: absolute;
    top: 0;
    width: 100%;
}
.l2main .col1 {
    width: 56%;
}
.l2main .col2 {
    width: 39%;
    margin-left: 4.25%;
}
.careers .l2main .col1, .certification .l2main .col1, .prodev .l2main .col1, .resources .l2main .col1 {
    width: 66%;
}
.careers .l2main .col2, .certification .l2main .col2, .prodev .l2main .col2, .resources .l2main .col2 {
    width: 29%;
}
.callout {
    background: #d5e8fd;
}
.callout .cols {
    width: 48.33%;
    padding: 1em;
    background: #FFF;
}
.callout .col1 {
    margin-right: 1.33%;
}
.callout .col2 {
    margin-left: 1.33%;
}
.callout.practice {
    background: #FFF;
}
.l2learn .cols {
    width: 48.33%;
}
.l2learn .col1 {
    margin-right: 1.33%;
}
.l2learn .col2 {
    margin-left: 1.33%;
}
.careers h2 {
    text-align: center;
}
.careers h3 {
    color: #7cb63a;
}
.careers a.arrow:after {
    color: #7cb63a;
}
.certification h2 {
    color: #953734;
    text-align: center;
}
.certification h3 {
    color: #953734;
}
.certification a.arrow:after {
    color: #953734;
}
.certification .more a, .certification a.button {
    background: #953734;
    color: #FFF;
}
.certification .more a:hover, .certification a.button:hover {
    opacity: .8;
    background: #953734;
}
.prodev h2 {
    color: #974806;
    text-align: center;
}
.prodev h3 {
    color: #974806;
}
.prodev a.arrow:after {
    color: #974806;
}
.prodev .more a, .prodev a.button {
    background: #974806;
    color: #FFF;
}
.prodev .more a:hover, .prodev a.button:hover {
    background: #974806;
    opacity: .8;
}
.resources h2 {
    color: #e28003;
    text-align: center;
}
.resources h3 {
    color: #e28003;
}
.resources a.arrow:after {
    color: #e28003;
}
.row.publications {
    background: #d5e8fd;
    padding-bottom: 0;
}
.careers .callout.mentor .cols, .certification .callout.cert2 .cols, .resources .callout.resources2 .cols {
    width: 31.5%;
}
.careers .callout.mentor .col1, .certification .callout.cert2 .col1, .resources .callout.resources2 .col1 {
    margin-right: 1%;
}
.careers .callout.mentor .col2, .certification .callout.cert2 .col2, .resources .callout.resources2 .col2 {
    margin: 0 1%;
}
.careers .callout.mentor .col3, .certification .callout.cert2 .col3, .resources .callout.resources2 .col3 {
    margin-left: 1%;
}

/*---------------L3---------------*/

.l3row {
    max-width: 1160px;
    margin: 0 auto;
}
.leftnav {
    float: left;
    width: 100%;
    max-width: 260px;
    margin: 0 0 1em 0;
    position: relative;
    z-index: 9998;
}
.leftnav h2 {
    font-size: 18px;
    color: #5974b9;
}
.leftnav .k-treeview {
    white-space: normal;
    background: #d5e8fd;
}
.leftnav  .sfNavTreeview {
    list-style: none;
}
.leftnav .k-treeview .k-item {
    list-style: none;
    padding: 0;
}
.leftnav .k-treeview .k-in {
    display: block;
    padding: .5em 1em .5em 2em;
    margin: 0;
    border: none;
}
.leftnav .k-treeview a.k-in {
    color: #676767;
}
.leftnav .k-treeview a.k-in:hover {
    color: #000;
    text-decoration: underline;
}
.leftnav a.k-in.sfSel {
    color: #000;
    font-weight: 200;
}
.leftnav .k-treeview .k-i-expand, .leftnav .k-treeview .k-i-collapse {
    position: absolute;
    padding: 8px 0 0 25px;
    margin-left: -16px;
}
.leftnav .k-treeview .k-i-expand:before {
    content: '\f054';
    color: #87c540;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.leftnav .k-treeview .k-i-collapse:before {
    content: '\f078';
    color: #87c540;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}
.leftnav .k-group .k-group {
    background: #eef6fe;
}
.leftnav .k-group .k-group a.k-in {
    color: #21336a;
}
.leftnav .k-group .k-group .k-group .k-in {
    font-size: .9em;
    color: #000;
    padding-left: 4em;
}
.leftnav .k-group .k-group .k-group .k-group .k-in {
    font-size: .9em;
    color: #000;
    background: #e3e3e3;
    padding-left: 5em;
}
.l3main {
    float: right;
    margin-left: -260px;
    width: 100%;
}
.l3main.wide {
    margin-left: 0;
    float: none;
}
.l3mainInner {
    margin-left: 310px;
}
.block {
    padding: 1em 2em;
    margin: 1em 0;
    background: #d5e8fd;
}

/*---------------Footer---------------*/

footer {
    margin-top: auto;
    clear: both;
}
.footTop {
    color: #FFF;
    background: #00456b;
}
.footTop h2 {
    font-size: 2.0em;
    font-weight: 200;
    line-height: 70px;
    color: #FFF !important;
    margin: 0;
}
.footBot .footLeft {
    line-height: 1.5em;
    color: #00456b;
    font-weight: 600;
    float: left;
    width: 250px;
}
.footBot {
    padding-top: 2em;
}
.footBot .footRight {
    color: #00456b;
    margin-left: 250px;
}
.footSocial {
    font-size: 1.5em;
}
.footBot .footRight .col1, .footBot .footRight .col2, .footBot .footRight .col3 {
    width: 33%;
}
.footBot .footRight h3 {
    font-weight: 600;
    color: #00456b;
    margin-top: 0;
}
.footBot .footRight li {
    font-size: .9em;
    padding-bottom: 1.25em;
    list-style: none;
}
.socialHead {
    font-weight: 600;
}
.footCap {
    color: #21336a;
    background: #e3e3e3;
    padding: 2em 0;
    clear: both;
}
.footCap .footLeft {
    display: inline-block;
    color: #00456b;
}
.footCap .footRight {
    float: right;
}
.footCap li {
    display: inline;
    padding: 0 0 0 2em;
}
.footSocial a.social.comm {
    position: relative;
    top: 3px;
    display: inline-block;
    width: 22px;
    height: 21px;
    background: url(images/footer-connect.png) center top no-repeat;
    background-size: cover;
}
.footSocial a.social.comm:hover {
    background-position: 0 -22px;
}
/* VIDEO WRAP */

.videoWrap {
    position: relative;
    padding-bottom: 56.25%;
    /* 16:9 */
    padding-top: 25px;
    height: 0;
}
.videoWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*---------------Backend---------------*/

.sfPageWrapper .headWrap {
    position: relative;
    height: auto;
}
.sfPageWrapper .subnav, .sfPageWrapper .login, .sfPageWrapper .headSocial, .sfPageWrapper .search, .sfPageWrapper .l2Banner .sfContentBlock, .sfPageWrapper .mainLinks h3, .sfPageWrapper .bannerOver {
    display: block;
    width: auto;
    height: auto;
    position: relative;
}
.sfPageWrapper .l2Banner {
    text-shadow: none;
}
.sfPageWrapper .l2Banner h1, .sfPageWrapper .l2Banner h2 {
    color: #000 !important;
    margin: auto;
}
.sfPageWrapper .l2Banner .bannerTxt .sfContentBlock p {
    font-size: 1em;
    color: #000;
}
.sfPageWrapper .rwdNav {
    display: block !important;
    position: relative !important;
    top: initial;
    left: auto;
    right: auto;
}
.sfPageWrapper .equal {
    height: auto !important;
}
#editView iframe {
    height: auto !important;
}

/* Footer Updates */
footer .stripes {
    display: none;
}
.footTop, .footBot {
    display: none;
}
.footCap .rowwrap {
    display: flex;
}
.footCap .footLeft {
    display: flex;
    flex: 0 0 25%;
    align-items: center;
}
.footCap .footRight {
    flex: 0 0 75%;
    display: flex;
    align-items: center;
}
.footSocial li {
    padding: 0 0 0 1rem;
}
@media only screen and (max-width: 800px) {
    .footCap .rowwrap, .footCap .footRight {
        display: block;
        text-align: center;
    }
    .footCap .footLeft {
        display: block;
    }
    .footCap .footRight {
        display: block;
    }
    .footRight li {
        display: block;
        padding: 0;
        margin-top: 1rem;
    }
    .footSocial li:first-child {
        padding: 0;
    }
}