@import url('//cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css');
@import url('//use.typekit.net/gog8oio.css');
@import url('//fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i,700,700i');
@import url('//code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css');


@font-face {
    font-family: 'AvenirMedium';
    src: url('fonts/Avenir-Black-03.ttf')  format('truetype'), /* Safari, Android, iOS */
}

@font-face {
    font-family: 'AvenirBook';
    src: url('fonts/Avenir-Book-01.ttf')  format('truetype'), /* Safari, Android, iOS */
}


@font-face {
    font-family: 'AvenirLight';
    src: url('fonts/Avenir-Light-07.ttf')  format('truetype'), /* Safari, Android, iOS */
}
@font-face {
    font-family: 'AvenirMedium';
    src: url('fonts/Avenir-Medium-09.ttf')  format('truetype'), /* Safari, Android, iOS */
}

.noLabels span.Label {
    display: none;
}

.sogcLogoTab a {
    display: block;
    z-index: +10000;
}

.noticeBox {
    border: 3px solid #3aabcf;
    padding: 10px;
    text-align: center;
    border-radius: 3px;
    background: white;
    margin: 0 50px;
}

.featureBox {
    background: rgba(255,255,255,.6);
    padding: 10px;
}

div[id$="_SOGCReturnLink"] {
    position: absolute;
}

.noGrid.noLabels .rgHeader {
    display: none;
}

.authCheck {
    display:none;
}

.fullButton {width:100%}

.hideEventTitle .TitleBarTitle, .hideEventTitle .Label {
    display: none;
}

.UtilitySection.UtilityTranslation {
    display: none;
}

table.sogcTable {width:100%; border:2px solid #f0f6f6;}

.sogcTable tr:nth-child(1) {
    font-weight:700; font-size:19px;
}

.sogcTable tr:nth-child(odd) {
    background: white;
}

table.sogcTable td {vertical-align:top;
    padding: 3px 5px 3px 15px;
}

.sogcTable tr:nth-child(even) {
    background: #f0f6f6;
}

 .sogcLeftHeader th{text-align:left;padding: 3px 5px 3px 15px;}

span.websiteReturn > a:before {
    font-family: fontawesome;
    content: '\f104';
    padding-right: 10px;
}

span.websiteReturn > a {
    text-decoration: none;
    color: #2c2c2a;
    font-size: 17px;
}

    .sesInfo{padding:5px 0}
    .sesInfo h3{margin:0}
    .proFlRt{float:right;margin-left:7px}
    .sesDetails{padding:15px}
    .proFlRt span{color: #fff;background:#666;padding:0 5px}
    .noHdr thead,.noHdr .GridTitlePanel{display:none}
    .noHdr .RadGrid{border:0}
    .noHdr .rgSelectedRow{background-color:transparent!important;border-color:transparent!important;color:#000!important}
    .noHdr .rgSelectedRow td{border:0!important}

.commPosition {
    font-weight: 700;
}

 #MainBody {
    max-width:100vw;
     overflow-x:hidden;
    -webkit-overflow-scrolling: touch;
}
body {
     font-family:'AvenirLight', sans-serif;
     font-size:18px;
     color:#545966;
}
 html, body, form {
     max-width: 100vw;
}

 .AsiMessage > ul, .AsiMessage > ol {
    margin:0;
}
 .CheckBoxList .PanelFieldValue {
    float:left!important;
}
 th.rgHeader.rgExpandCol {
     color: transparent!important;
}
 input[type="radio"] + label, input[type="checkbox"] + label {
     width: auto;
}
 .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_MetroTouch th.rgSorted a, .RadGrid.RadGrid_Metro .rgMasterTable .rgSelectedCell a, .RadGrid.RadGrid_Metro .rgSelectedRow a, .RadGrid.RadGrid_Metro td.rgEditRow .rgSelectedRow a, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted a, .RadGrid.RadGrid_Metro th.rgSorted a {
     color: #165c92!important;
     background: transparent;
}
.RadGrid.RadGrid_MetroTouch .rgSelectedRow a.btn {color:white!important;}

 .RadGrid a:visited, .RadToolTip a:visited {
     color: #165c92 !important;
}
.RadGrid a.btn, .RadToolTip a.btn, .RadGrid a.btn:visited, .RadToolTip a.btn:visited {
    color: white!important;
    text-decoration: none;
}
 .RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell, .RadGrid.RadGrid_Metro .rgActiveRow td, .RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted, .RadGrid.RadGrid_Metro .rgSelectedRow td, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell {
     border-color: transparent;
}
 .RadGrid.RadGrid_MetroTouch .rgActiveRow td, .RadGrid.RadGrid_MetroTouch .rgActiveRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td, .RadGrid.RadGrid_MetroTouch .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_MetroTouch .rgMasterTable .rgActiveCell, .RadGrid.RadGrid_Metro .rgActiveRow td, .RadGrid.RadGrid_Metro .rgActiveRow td.rgSorted, .RadGrid.RadGrid_Metro .rgSelectedRow td, .RadGrid.RadGrid_Metro .rgSelectedRow td.rgSorted, .RadGrid.RadGrid_Metro .rgMasterTable .rgActiveCell {
     border-color: transparent;
     color: #545966;
}
 .RadGrid.RadGrid_MetroTouch .rgHeader, .RadGrid.RadGrid_MetroTouch .rgHeader:first-child, .RadGrid.RadGrid_MetroTouch th.rgResizeCol, .RadGrid.RadGrid_MetroTouch th.rgResizeCol:first-child, .RadGrid.RadGrid_MetroTouch .rgRow td, .RadGrid.RadGrid_MetroTouch .rgRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgAltRow td, .RadGrid.RadGrid_MetroTouch .rgAltRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgEditRow td, .RadGrid.RadGrid_MetroTouch .rgEditRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgFooter td, .RadGrid.RadGrid_MetroTouch .rgFooter td:first-child, .RadGrid.RadGrid_MetroTouch .rgFilterRow td, .RadGrid.RadGrid_MetroTouch .rgFilterRow td:first-child, .RadGrid.RadGrid_MetroTouch .rgNoRecords td, .RadGrid.RadGrid_MetroTouch .rgNoRecords td:first-child, .RadGrid.RadGrid_Metro .rgHeader, .RadGrid.RadGrid_Metro .rgHeader:first-child, .RadGrid.RadGrid_Metro th.rgResizeCol, .RadGrid.RadGrid_Metro th.rgResizeCol:first-child, .RadGrid.RadGrid_Metro .rgRow td, .RadGrid.RadGrid_Metro .rgRow td:first-child, .RadGrid.RadGrid_Metro .rgAltRow td, .RadGrid.RadGrid_Metro .rgAltRow td:first-child, .RadGrid.RadGrid_Metro .rgEditRow td, .RadGrid.RadGrid_Metro .rgEditRow td:first-child, .RadGrid.RadGrid_Metro .rgFooter td, .RadGrid.RadGrid_Metro .rgFooter td:first-child, .RadGrid.RadGrid_Metro .rgFilterRow td, .RadGrid.RadGrid_Metro .rgFilterRow td:first-child, .RadGrid.RadGrid_Metro .rgNoRecords td, .RadGrid.RadGrid_Metro .rgNoRecords td:first-child {
    vertical-align: top;
}
 .blueCircleIcon {
     height: 125px;
     width: 125px;
     border-radius: 50%;
     background: #458dc4;
     color: white;
     font-size: 46px;
     font-family: 'AvenirLight', sans-serif;
     font-weight: 400;
     line-height: 120px;
     text-align: center;
     margin: 25px auto auto auto;
}
 .resourceCard > span > .ContentHtml:nth-child(2) a.TextButton {
     position: absolute;
     left: 0;
     width: 140px;
     margin: 0 auto;
     right: 0;
     bottom: 25px;
}
 .multiColumnList div[data-gridid] {
     overflow-x: hidden!important;
}
 .EventSummary {
     background-color: transparent;
}
 .EventSummary .PhotoArea img {
     width: 100%!important;
}
 .obo-label {
     font-weight: 600;
}
 .UtilitySection.UtilityTranslation select {
     border: 0;
     background: none;
     box-shadow: none;
}
 .slick-slide {
     margin: 0 15px;
}
 .slick-list {
     max-width:100%;
}
 .slick-slider {
     margin:0 -15px;
}
 .multiColumnPanel .slide {
     float: left;
}
 .slick-track {
     margin-bottom:20px;
}
 .RadTreeView.RadTreeView_Austin a.rtIn {
     color: #165c92;
}
 .videoFrame {
     position: relative;
     width: 100%;
     padding-bottom: 51%;
}
 .videoFrame iframe {
     height: 100%;
     width: 100%;
     position: absolute;
}
/*
div[translate="yes"] {
    display: none;
}
    */

/*
div#ste_container_ciFeaturedNews .TaggedListPanel {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: 1fr;
    grid-column-gap: 40px;
    grid-row-gap: 40px;
}
div#ste_container_ciFeaturedNews .TaggedListPanel .slide {
    max-width: 100%;
    display: flex;
}
*/
/* featured news */

div#WebPartZone1_Page1 .sogcnews .TaggedListPanel {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}
div#WebPartZone1_Page1 .sogcnews .TaggedListPanel .slide {
    flex: 1;
    min-width: 250px;
    max-width: 30;
}
div#WebPartZone1_Page1 .sogcnews .TaggedListPanel .slide .ContentHtml  {
    height: 200px;
}
div#WebPartZone1_Page1 .sogcnews .TaggedListPanel .slide .ContentHtml img {
    height: 100% !important;
    width: 100%;
    object-fit: cover;
    max-width: initial;
}
.contentTaggedListImageThumbnail {
    background-color: #fff;
}
div#WebPartZone1_Page1 .sogcnews .newsSummary {
    font-size: 18px;
    line-height: 22px;
}
/* end f n */

/* Events */

.sogcevents .RadGrid_MetroTouch {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    max-width: 800px;
    margin: 0 auto;
}
.sogcevents .slide {
    flex: 1 0 45%;
    width: 100%;
    max-width: 50%;
}
/* End Events */


 .TaggedListPanel.slick-initialized.slick-slider {
     padding: 15px 0 0 0;
}

 .nav-auxiliary .NavigationListItem.langSel {
     display:none;
}
 .RefPage {
     padding-top: 100px;
}
 .iMISUserMessageIcon + .AsiMessageText {
     margin-top: 8px;
     border-left: 2px solid rgba(255,255,255,.5);
     padding-left: 15px;
     min-height: 65px;
}
 .cardPhotoPanel, .cardInfoPanel {
     width: 100%;
     height: 150px;
}
 .RadGrid.RadGrid_MetroTouch.slick-initialized.slick-slider {
     background:transparent;
}
 .eventCard > .eventLink > a {
     z-index: 16000;
     display: block;
     position: absolute;
     height: 100%;
     width: 100%;
     background: transparent;
     color: transparent!important;
}
 .noGrid .RadGrid_MetroTouch {
     border: none!important;
}
 .eventCard {
     margin-bottom:15px;
     position: relative;
     background: white;
     border-radius: 4px;
     box-shadow: 0px 1px 3px rgba(23, 82, 123, 0.05) inset, 0px 0px 26px rgba(23, 82, 123, 0.2);
     overflow: hidden;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .eventLink {
     height: 0;
     overflow: hidden;
}
 #masterContentArea + div[data-label="Secondary Navigation"] {
     display: none;
}
 .AsiInformation, .AsiSuccess, .AsiWarning, .AsiError {
     border-radius:4px;
     font-weight: 400;
}
 .AsiInformation:before, .AsiSuccess:before, .AsiWarning:before, .AsiError:before {
     font-size:44px;
     float:left;
     font-weight:400;
}
 .AsiInformation img, .AsiSuccess img, .AsiWarning img, .AsiError img {
     display:none;
}
 .AsiError:before {
     content: '\f057';
     font-family: fontawesome;
     padding-right: 10px;
}
 .AsiWarning {
     color:white;
}
 .AsiWarning:before {
     content: '\f071';
     font-family: fontawesome;
     padding-right: 10px;
     color: white;
}
 .AsiSuccess:before {
     content: '\f00c';
     font-family: fontawesome;
     padding-right: 10px;
}
 .AsiInformation:before {
     content: '\f05a';
     font-family: fontawesome;
     padding-right: 10px;
}
 hr.divider {
     width: 60px;
     margin: 25px auto;
}
 a.FeatureActionLink {
     font-family: 'AvenirLight',sans-serif;
}
 .SearchResultSummary .ListItemTitle a {
     color:#165c92!important;
     font-family: 'AvenirLight', sans-serif;
     font-weight:400;
}
 .RadTabStrip .rtsLevel1 .rtsTxt, .RadTabStripVertical .rtsLevel1 .rtsTxt {
     color: #2470a9!important;
}
 .modal-footer .btn + .btn {
     margin-left: 5px;
     margin-bottom: 10px;
}
 .RadGrid_MetroTouch .rgAltRow {
     background: white!important;
}
 .RadGrid_MetroTouch .rgRow {
     background: #f0f6f6!important;
}
 .RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper {
     background-color: white!important;
     border: 0!important;
}
 .StandardPanel, .ContentBorder, h2, .PanelHead.Distinguish, .TitleBarCaption, div.ShowFieldset fieldset, .panel-border, .panel-heading.Distinguish {
     border-color: #f0f6f6;
}
 .ProgramGroup .PanelTitle, .ProgramGroup .panel-title {
     font-family: 'AvenirLight', sans-serif;
     font-weight: 600;
     font-size:22px;
     color:#545966;
}
 .ProgramGroup .PanelHead, .ProgramGroup .panel-heading {
     background-color: #dbeef3;
}
 .panel-border {
     border-color: #f0f6f6;
}
 .SearchField, .SearchResultSummary .ListItemTitle a {
     display: block;
     background-color: transparent;
     padding: 8px 12px;
}
 .SearchResultSummary .ListItemTitle a:hover {
     background-color: #dbeef3;
}
 .RadGrid_MetroTouch {
     border: 2px solid #f0f6f6!important;
}
 .carousel-control.left, .carousel-control.right {
     background-image:none;
}
 .CalloutPart2 .panel-heading, .CalloutPart2 .panel-body, .CommunicationPreferencesSection {
     background-color: #f0f6f6;
     padding: 10px;
}
 .carousel h2, .carousel .panel-heading {
     border-bottom: none;
     font-family: 'AvenirLight', sans-serif;
     font-weight:normal;
}
 .carousel-caption p {
     font-size: 22px;
}
 .sub-nav-body span.rtPlus + a.rtIn:after {
     content: '\f067';
     font-family: fontawesome;
     float: right;
}
 .noPadding {
     padding:0;
}
 input, button, select, textarea {
     font-family:'AvenirLight', sans-serif;
}
 .SignInButton.TextButton:active {
     margin-bottom:1em;
}
 div#masterMainBreadcrumb, div#masterMainBreadcrumb a, div#masterMainBreadcrumb a:visited {
     color: #165c92;
}
 #masterMainBreadcrumb span.Disabled {
     font-family: fontawesome;
}
 #masterHeaderImageSOGC {
     display: inline-block;
     z-index: +4;
     position: relative;
}
 .thumbnailImage .ContentHtml:not(:last-child) {
     display: none;
}
 .footer-nav-copyright a:hover, .footer-nav-copyright a:visited:hover {
     color: #165c92;
     text-decoration:underline;
}
 .TaggedListPanel .blueCard .ContentHtml:not(:last-child) {
     display: none;
}
 .iMIS-WebPart > div[id ^="ste_container_ciBannerThumbnail"] {
     display: none;
}
 .featuredNewsCard .newsSummary, .eventCard .eventTitle, .eventCard .eventLocation {
     padding: 0px 15px 5px 20px;
}
 .featuredNewsCard .publicationDate, .eventCard .eventDate{
     padding: 15px 10px 5px 20px;
}
 .featuredNewsCard, .eventCard {
     background: white;
     -webkit-transition: background 0.2s ease-out;
     -o-transition: background 0.2s ease-out;
     transition: background 0.2s ease-out;
}
 .featuredNewsCard .publicationDate > span, .eventCard .eventDate > span {
     background: #f0f6f6;
     padding: 4px;
     position: relative;
     top: -13px;
     -webkit-transition: background 0.2s ease-out;
     -o-transition: background 0.2s ease-out;
     transition: background 0.2s ease-out;
}
 .rightAngle:after {
     content: '\f105';
     font-family: fontawesome;
     position: absolute;
     bottom: 5px;
     right: 25px;
     font-size: 22px;
}
 .featuredNewsCard .newsSummary {
     font-size: 22px;
     line-height: 27px;
     height: 125px;
}

 .slick-slide > div > .slide:nth-child(odd) > .blueCard.inRows {
     margin-right: 10px;
}
 .slick-slide > div > .slide:nth-child(even) > .blueCard.inRows {
     margin-left: 10px;
}
 .blueCard.inRows .cardImage {
     max-height: 300px;
}
 .articleLink, .cardLink {
     z-index:+5;
     position: absolute;
     bottom: 0;
     font-size: 0;
     height: 100%;
     width: 100%;
     left: 0;
}
 .blueCard .cardTitle {
     z-index: +1;
     position: absolute;
     font-size: 36px;
     font-family: 'AvenirLight', sans-serif;
     color: white;
     left: 30px;
     line-height:38px;
     top:15px;
}
 .featuredNewsCard, .blueCard {
     position:relative;
     background: white;
     border-radius: 4px;
     box-shadow: 0px 1px 3px rgba(23, 82, 123, 0.05) inset, 0px 0px 26px rgba(23, 82, 123, 0.2);
     overflow: hidden;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .blueCard .cardImage {
     background: rgba(23,82,123,1);
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}

 .blueCard .cardImage img {
     opacity: .5;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .blueCard:hover .cardImage img {
     opacity: .2;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}

@supports (mix-blend-mode: multiply) {
 .blueCard .cardImage img {
     opacity: 1;
     mix-blend-mode: soft-light;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .blueCard:hover .cardImage img {
     opacity: 1;
     mix-blend-mode: multiply;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
}

 .blueCard {
     background: white;
     margin-bottom: 15px;
}
 .blueCard:hover .cardImage {
     background: rgba(11,53,85,1);
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}

 .blueCard .rightAngle {
     position: absolute;
     bottom: 10px;
     right: 20px;
     color: white;
}
.blueCard .cardDescription {
    z-index: +1;
    position: relative;
    width: 100%;
    padding: 10px 15px 0 0;
    color: white;
    line-height: 19px;
    font-size: 17px;
}
 .cardImage > span > .ContentHtml:not(:last-child) {
     display: none;
}
 .featuredNewsCard .articleLink + .activeArea {
     background: white;
     color:#545966;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .featuredNewsCard .articleLink:hover + .activeArea, .eventCard:hover {
     background: #165c92;
     color:white;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .featuredNewsCard .articleLink:hover + .activeArea .newSummary a, .featuredNewsCard .articleLink:hover + .activeArea .newSummary a:visited, .featuredNewsCard .articleLink:hover + .activeArea .newSummary a:hover {
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
     color: white;
}
 .featuredNewsCard .articleLink:hover + .activeArea .publicationDate > span, .eventCard .eventLink:hover + .activeArea .eventDate > span {
     background: rgba(255,255,255,.4);
     -webkit-transition: background 0.2s ease-out;
     -o-transition: background 0.2s ease-out;
     transition: background 0.2s ease-out;
}
 .featuredNewsCard.noLink .articleLink:hover + .activeArea {
     background: white;
     color:#545966;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .featuredNewsCard.noLink .articleLink:hover + .activeArea .publicationDate > span {
     background: #f0f6f6;;
     -webkit-transition: background 0.2s ease-out;
     -o-transition: background 0.2s ease-out;
     transition: background 0.2s ease-out;
}
 .featuredNewsCard .articleLink a, .blueCard .cardLink a {
     display: block;
     height: 100%;
     width: 100%;
}
.featuredNewsCard.noLink .rightAngle:after {content:none;}
 .cardInfoPanel {
     clear: right;
}
 .cardPhotoPanel {
     width: 50%;
     float: left;
     height: 0;
     overflow: hidden;
     padding-bottom: 33%;
}
 .cardInfoPanel {
     clear: right;
     width: 50%;
     float: right;
}
 .eventCard .eventTitle {
     font-size: 22px;
     line-height: 27px;
}
 .noLabels.noGrid.multiColumnList .panel, .noLabels.noGrid.multiColumnList .panel-body, .noLabels.noGrid.multiColumnList .panel-heading {
     padding: 0;
     margin: 0;
}
 .rightAngle {
     height: 0;
}
 .panel-heading.Distinguish, .PanelHead.Distinguish, .TitleBarCaption, .panel-group .panel-heading {
     padding:6px 0;
}
 .textOnlyNewsListing .publicationDate {
     margin-bottom: 5px;
}
 .textOnlyNewsListing .newsSummary {
     margin-bottom: 25px;
}
 .textOnlyNewsListing {
     border-left: 2px solid #dbeef3;
     padding-left: 20px;
}
 div[id^="ctl"][id*="ciPhotoCaption"] {
     font-size: 95%;
     font-weight: 700;
     border-bottom: 2px solid #dbeef3;
     padding-bottom: 20px;
}
 select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .input-fake {
    /* background: 
     Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f6f6+0,51adc8+0,f0f6f6+0,ffffff+100 */
     background: rgb(240,246,246);
     background: -moz-linear-gradient(top, rgba(240,246,246,1) 0%, rgba(81,173,200,1) 0%, rgba(240,246,246,1) 0%, rgba(255,255,255,1) 100%);
     background: -webkit-linear-gradient(top, rgba(240,246,246,1) 0%,rgba(81,173,200,1) 0%,rgba(240,246,246,1) 0%,rgba(255,255,255,1) 100%);
     background: linear-gradient(to bottom, rgba(240,246,246,1) 0%,rgba(81,173,200,1) 0%,rgba(240,246,246,1) 0%,rgba(255,255,255,1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f6f6', endColorstr='#ffffff',GradientType=0 );
     font-family: 'AvenirLight', sans-serif;
     border-radius: 4px;
     border-color: #757575;
}
#SimpleSearchBlock:before {
    content: '\f002';
    font-family: fontawesome;
    right: 10px;
    margin-top: 3px;
    position: absolute;
    z-index: 1;
    cursor: pointer;
}
a#ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl01_NavigationLink {
    font-size: 0;
}
 label, .Label, .PanelFieldLabelFont {
     font-weight:600;
     color: #545966;
     padding-left: 7px;
     margin-left: -7px;
     font-family: 'AvenirLight',sans-serif;
}
#SimpleSearchBlock input {
    margin-right: 30px;
    right: 0;
    position: absolute;
    background: #fff;
    border: 1px solid #ccc;
    width: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
 #SimpleSearchBlock:hover input {
     width: 200px;
     visibility:visible;
     -webkit-transition: all 0.2s ease-out;
     -o-transition: all 0.2s ease-out;
     transition: all 0.2s ease-out;
}
 .center {
     text-align:center;
}
 .divider.center {
     text-align:center;
}
 .interiorBanner {
     font-size: 0;
}
 .interiorBanner img {
     width: 100%!important;
}

 .linkBlock {
     display:block;
}
 .RadTabStrip .rtsLI {
     position:relative;
}
 .menuItemSelected span.nav-text {
     font-weight: bold;
     text-decoration: underline;
}
h3, .h3, .h2, .PanelTitle, .panel-heading h2.panel-title {
    font-family: 'AvenirLight', sans-serif;
    font-size: 25px;
    color: #2c2a2a;
    font-weight: 400;
    line-height: 32px;
    margin: 0;
}
.carousel h1, .carousel h2, .carousel h3, .carousel h4, .carousel h5 {
     font-family: 'AvenirLight', sans-serif;
     color: #fff;
     font-weight: 400;
}
.carousel h1 {
    font-size: 45px;
    line-height: 48px;
    font-weight: 700;
}
h1, .h1, .PageTitle, .eventTitle .PanelFieldValue h1, h2, h2.panel-title, .bigPanelTitle h2.panel-title, .panelTitleH2 h2.panel-title, .panelTitleH2 h2.PanelTitle {
    font-family: 'AvenirLight', sans-serif;
    line-height: 48px;
    font-size: 45px;
    color: #458dc4;
    font-weight: 300;
    margin: 30px 0 40px;
}
 h4, .h4, .SectionLabel {
     font-family: 'AvenirLight', sans-serif;
     font-size:22px;
     color:#545966;
     font-weight:400;
}
 h5, .h5 {
     font-family: 'AvenirLight', sans-serif;
     font-size:19px;
     color:#545966;
     font-weight:700;
}

 h2, .h2, .PanelHead.Distinguish, .TitleBarCaption, div.PanelTitle, .panel-heading.Distinguish {
     border-bottom:none;
}
 a, a:visited {
     color:#165c92;
     text-decoration:underline;
}
 a:hover {
     text-decoration:none;
}
 .Quote:before {
     color: #458dc4;
     font-family: 'AvenirLight', sans-serif;
     font-weight: 700;
     float: left;
     position: relative;
     top: 20px;
     left: 20px;
     font-size: 600%;
}
 .Quote {
     border-radius: 4px;
     text-align: center;
     background: #3575a7;
     border-left: none;
     margin: 1.5em .7em 1.5em 0;
     padding: 40px 40px 20px 40px;
     quotes: "\201C" "\201D" "\201C" "\201D";
     font-weight: normal;
     color: white;
}
 .AsiError {
     border-color: #e52222;
     background-color: #e52222;
     color: white;
     font-family: 'AvenirLight', sans-serif;
}
 .AsiWarning {
     border-color: orange;
     background-color: orange;
}
 .AsiSuccess {
     border-color: #00a651;
     background-color: #00a651;
     color: white;
}
 .AsiInformation {
     border-color: #458dc4;
     background-color: #458dc4;
     color: white;
     border-radius: 3px;
}
 .AsiMessage {
     z-index: +1;
     position: relative;
     border-radius: 3px;
}
 .CalloutArea1, .CalloutBlockType1 {
     background-color: #3575a7;
     padding: 10px;
     margin: 20px;
     border-radius: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: #fff;
     border-radius: 4px;
}
 .CalloutArea2 {
     background-color: #dbeef3;
     padding: 10px;
     margin: 20px;
     border-radius: 0;
     -webkit-box-shadow: none;
     box-shadow: none;
     color: inherit;
     border-radius: 4px;
}
 .CalloutPart2 .panel-heading, .CalloutPart2 .panel-body {
     background-color: #f0f6f6;
}
 .smallText {
     font-size: 75%;
}
 .largeText {
     font-size: 125%;
}
 .header-container, .SliderPage1 {
     max-width:none;
}
 #masterHeaderBackground, .header {
     border-bottom:none;
}
 #ft .UtilitySection.UtilityNavigationList {
     margin-bottom: 30px;
}
 .fa {
     font-family:fontawesome!important;
}
.fa {
    font-size: 36px;
    text-decoration: none;
    padding: 0 10px;
}

.fa span.innerCircle {
    font-size: 0;
}
div#ste_container_ciNewUtilityNavigationCommon {
    text-align: center;
}
 .footer-nav-copyright .sogcFooterSocialMedia a, .footer-nav-copyright .sogcFooterSocialMedia a:visited {
     display: inline-block;
     margin-bottom: 0;
     font-weight: normal;
     text-align: center;
     vertical-align: middle;
     cursor: pointer;
     background-image: none;
     border: 1px solid transparent;
     white-space: normal;
     text-decoration: none;
     padding: 5px 10px;
     font-size: 0;
     line-height: 1.6;
     border-radius: 0;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
     -webkit-transition: background 0.2s ease-out;
     -o-transition: background 0.2s ease-out;
     transition: background 0.2s ease-out;
     background: -moz-linear-gradient(top, #247089 0%, #51adc8 100%);
     background: -webkit-linear-gradient(top, #247089 0%,#51adc8 100%);
     background: linear-gradient(to bottom, #247089 0%,#51adc8 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#247089', endColorstr='#51adc8',GradientType=0 );
     padding: 5px;
     color: #3575a7;
     font-weight: 400;
     text-decoration: none;
     border-radius: 50%;
     position: relative;
     font-family: 'AvenirLight', sans-serif;
     display: inline-block;
     height: 56px;
     width: 56px;
}
 .footer-nav-copyright .sogcFooterSocialMedia a:before, .footer-nav-copyright .sogcFooterSocialMedia a:visited:before {
     font-size: 24px;
     line-height: 44px;
     z-index: +1;
     position: relative;
}
 .footer-nav-copyright .sogcFooterSocialMedia a:hover, .footer-nav-copyright .sogcFooterSocialMedia a:visited:hover {
     -webkit-transition: background 0.2s ease-out;
     -o-transition: background 0.2s ease-out;
     transition: background 0.2s ease-out;
     background: #3575a7;
     background: -moz-linear-gradient(top, #247089 0%, #51adc8 100%);
     background: -webkit-linear-gradient(top, #247089 0%,#51adc8 100%);
     background: linear-gradient(to bottom, #247089 0%,#51adc8 100%);
     color:white;
}
 .footer-nav-copyright .sogcFooterSocialMedia a span, .footer-nav-copyright .sogcFooterSocialMedia a:visited span {
     -webkit-transition: background 0.2s ease-out;
     -o-transition: background 0.2s ease-out;
     transition: background 0.2s ease-out;
     background: white;
     width: calc(100% - 4px);
     height: calc(100% - 4px);
     display: block;
     position: absolute;
     top: 2px;
     left: 2px;
     border-radius: 50%;
     padding: 2px;
}
 .footer-nav-copyright .sogcFooterSocialMedia a:hover span, .footer-nav-copyright .sogcFooterSocialMedia a:visited:hover span {
     background: transparent;
}
 .footer-nav-copyright .sogcFooterSocialMedia a:hover:before, .footer-nav-copyright .sogcFooterSocialMedia a:visited:hover:before {
     color: white;
     z-index: +1;
     position: relative;
}
 #masterContentArea {
     margin-top: 0;
     padding-top: 0px;
}
 .hide {
     display:none;
}
 .whiteBackground {
     padding:15px;
     background: white;
}
 .whiteBottomFadeBackground {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+65,0+100 */
     background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 65%, rgba(255,255,255,0) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 65%,rgba(255,255,255,0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    /* IE6-9 */
}
 .whiteTopFadeBackground {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+35 */
     background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 35%, rgba(255,255,255,1) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 35%,rgba(255,255,255,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
}
 .whiteTopFadeNarrowBackground {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+70,1+100 */
     background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 70%, rgba(255,255,255,1) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 70%,rgba(255,255,255,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
    /* IE6-9 */
}
 .whiteBottomFadeNarrowBackground {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+30 */
     background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 30%,rgba(255,255,255,0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
    /* IE6-9 */
}
 .darkBlueBackground {
     background: #165c92;
}
 .mediumBlueBackground {
     background: #3575a7;
}
 .blueBackground {
     background: #458dc4;
}
 .lightBlueBackground {
     background: #dbeef3;
}
 .mintBackground {
     background: #f0fcfd;
}
 .lightGreyBackground {
     background: #f0f6f6;
}
 .mintBackground.photo {
     background: #f0fcfd;
     background-image: url(/images/templates/sogc/palemintphoto.png);
     background-position: bottom right;
     background-repeat: no-repeat;
     background-size:40%;
}
 .innerWrapper{
     max-width: 1170px;
     float: unset;
     margin: auto;
}
 .darkGrey {
     color:#2c2a2a;
}
 .grey {
     color:#545966;
}
 .footer-copyright p {
     margin-bottom: 0;
     color: #545966;
     font-size: 17px;
     line-height: 22px;
}
 .header {
     padding-top:0;
}
 .header-container > div[data-label="Utility Navigation"] {
     text-align: right;
}
 div[data-label="Primary"] {
     float: left;
}
 .mainBackground {
     background-image: url(/images/templates/sogc/bgcurves.png);
     background-position: top left;
     background-size: 100% auto;
     background-repeat:no-repeat;
}
 a.UtilitySection.UtilityAuthenticationLink, .nav-aux-button.nav-aux-account .NavigationLink {
     background: #fff;
      padding: 11px 20px;
     color: #000;
     text-decoration: none;
     font-family: 'AvenirLight', sans-serif;
}
 a.UtilitySection.UtilityAuthenticationLink:hover, .nav-aux-button.nav-aux-account .NavigationLink:hover{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b3555+0,51adc8+100 */
     background: #0b3555;
    /* Old browsers */
     background: -moz-linear-gradient(top, #0b3555 0%, #51adc8 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #0b3555 0%,#51adc8 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #0b3555 0%,#51adc8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3555', endColorstr='#51adc8',GradientType=0 );
    /* IE6-9 */
}
 .footer-nav-copyright {
     background-color: transparent;
     color: inherit;
}
.sogcFooterSocialMedia {
    text-align: center;
    margin-bottom: 25px;
    margin-top: 25px;
}
 .sogcFooterSocialMedia a {
     margin: 30px 10px;
}
 .footer-nav-copyright .NavigationUnorderedList, .footer-nav-copyright .footer-copyright {
     float: unset;
     text-align: center;
}
 .nav-auxiliary .nav-aux-account .nav-text, .nav-auxiliary .nav-aux-cart .nav-text {
     padding-left:0;
}
 .footer-content {
     padding-top:25px;
     background:transparent;
}
 .footer-nav-copyright .footer-copyright {
     display: inline-block;
     margin: 0;
     width: 100%;
}
 .nav-auxiliary a {
     color: #2c2c2a;
}
 #ft {
     background:transparent;
}
 .nav-auxiliary .nav-aux-account .nav-text, .nav-auxiliary .nav-aux-cart .nav-text {
     background-image:none;
}

.NavigationListItem.nav-aux-button.nav-aux-account a:before {
    padding-right: 10px;
    content: "\f2c1";
    font-family: "fontawesome";
    font-size: 24px;
    vertical-align: middle;
    line-height: 14px;
    color: black;
    font-weight: normal;
}
.NavigationListItem.nav-aux-button.nav-aux-account a .nav-text {
    font-size: 0;
}
 

 .NavigationListItem.nav-aux-button.nav-aux-cart a:before {
     padding-right: 10px;
     content: "\f07a";
     font-family: "fontawesome";
     font-size: 16px;
     vertical-align: middle;
     line-height: 14px;
     color: #165c92;
}
 .nav-auxiliary .NavigationListItem a {
     text-decoration: none;
}
 .nav-aux-cart span.nav-text {
     display: none;
}
 hr {
     border-top:2px solid #dbeef3;
}
 hr.miniRule {
     border-top: 2px solid #dbeef3;
     width: 60px;
     margin: 30px auto;
}
 .divider:after {
     content: '';
     display: block;
     height: 2px;
     width: 60px;
     background: #dbeef3;
     margin: 15px 0 30px 0;
}
 .divider.center:after {
     margin: 15px auto 15px auto;
}
 .HomePageFullWidthArea .panel-body {
     padding: 0;
}
 .HomePageFullWidthArea .panel, .HomePageFullWidthArea .StandardPanel {
     border:0;
}
 .item {
     height: calc(100vw * .3816)!important;
}
/* ========================================================================== BUTTONS ========================================================================== */
/* set up button base styles */
 .whiteButton {
     border-radius:0;
}
 .HorizontalButtons a.btn, .HorizontalButtonsLeft a.btn, .HorizontalButtonsRight a.btn {
     margin-bottom: 15px;
     width: 100%;
}
 .PrimaryButton:focus, .PrimaryButton:active, .PrimaryButton:visited, .SaveAndClose:focus, .SaveAndClose:active, .SaveAndClose:visited, .SaveAs:focus, .SaveAs:active, .SaveAs:visited, .UsePrimaryButton .TextButton:focus, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton:visited, .UsePrimaryButton .TextButtonWithImage:focus, .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage:visited, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.PrimaryButton:focus, .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton:visited, .btn, .TextButton, .TextButtonWithImage, .RadUpload .ruButton, .RadUploadProgressArea .ruButton, #masterHeaderActionArea a {
     display: inline-block;
     margin-bottom: 0;
     font-weight: normal;
     text-align: center;
     vertical-align: middle;
     cursor: pointer;
     background-image: none;
     border: 0;
     white-space: normal;
     text-decoration: none;
     line-height: 1.6;
     border-radius: 0;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
     -webkit-transition: background 0.2s ease-out;
     -o-transition: background 0.2s ease-out;
     transition: background 0.2s ease-out;
     background: #247089;
     background: -moz-linear-gradient(top, #247089 0%, #51adc8 100%);
     background: -webkit-linear-gradient(top, #247089 0%,#51adc8 100%);
     background: linear-gradient(to bottom, #247089 0%,#51adc8 100%);
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#247089', endColorstr='#51adc8',GradientType=0 );
     padding: 15px 25px;
     color: white;
     font-weight: 400;
     text-decoration: none;
     position: relative;
     font-family: 'AvenirLight', sans-serif;
     font-size: 17px;
}
 .btn:focus, .TextButton:focus, .TextButtonWithImage:focus, .RadUpload .ruButton:focus, .RadUploadProgressArea .ruButton:focus, #masterHeaderActionArea a:focus {
     outline: thin dotted #333;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
}
 .btn:hover, .RadGrid.RadGrid_MetroTouch .rgSelectedRow a.btn:hover, .TextButton:hover,.TextButtonWithImage:hover,.RadUpload .ruButton:hover,.RadUploadProgressArea .ruButton:hover,#masterHeaderActionArea a:hover, .btn:hover, .TextButton:hover,.TextButtonWithImage:hover,.ruButton:hover,#masterHeaderActionArea a:hover,.RadGrid input.TextButton:hover, .PrimaryButton:hover, .SaveAs:hover, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButtonWithImage:hover, #masterHeaderActionArea a:hover, .RadGrid input.PrimaryButton:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b3555+0,51adc8+100 */
     background: #0b3555;
    /* Old browsers */
     background: -moz-linear-gradient(top, #0b3555 0%, #51adc8 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #0b3555 0%,#51adc8 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #0b3555 0%,#51adc8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3555', endColorstr='#51adc8',GradientType=0 );
    /* IE6-9 */
}
 .btn:focus, .btn:visited, .TextButton:focus, .TextButton:visited, .TextButtonWithImage:focus, .TextButtonWithImage:visited, .RadUpload .ruButton:focus, .RadUpload .ruButton:visited, .RadUploadProgressArea .ruButton:focus, .RadUploadProgressArea .ruButton:visited, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:visited {
     color: #fff;
     text-decoration: none;
}
 .btn:active, .btn.active, .TextButton:active, .TextButton.active, .TextButtonWithImage:active, .TextButtonWithImage.active, .RadUpload .ruButton:active, .RadUpload .ruButton.active, .RadUploadProgressArea .ruButton:active, .RadUploadProgressArea .ruButton.active, #masterHeaderActionArea a:active, #masterHeaderActionArea a.active {
     outline: 0;
     background-image: none;
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
 .btn.disabled, .btn[disabled], fieldset[disabled] .btn, .btn.aspNetDisabled, .TextButton.disabled, .TextButton[disabled], fieldset[disabled] .TextButton, .TextButton.aspNetDisabled, .TextButtonWithImage.disabled, .TextButtonWithImage[disabled], fieldset[disabled] .TextButtonWithImage, .TextButtonWithImage.aspNetDisabled, .RadUpload .ruButton.disabled, .RadUpload .ruButton[disabled], fieldset[disabled] .RadUpload .ruButton, .RadUpload .ruButton.aspNetDisabled, .RadUploadProgressArea .ruButton.disabled, .RadUploadProgressArea .ruButton[disabled], fieldset[disabled] .RadUploadProgressArea .ruButton, .RadUploadProgressArea .ruButton.aspNetDisabled, #masterHeaderActionArea a.disabled, #masterHeaderActionArea a[disabled], fieldset[disabled] #masterHeaderActionArea a, #masterHeaderActionArea a.aspNetDisabled {
     pointer-events: none;
     opacity: 0.55;
     filter: alpha(opacity=55);
     -webkit-box-shadow: none;
     box-shadow: none;
}
/* default button */
 .btn, .TextButton, .TextButtonWithImage, .ruButton, #masterHeaderActionArea a, .RadGrid input.TextButton,
 .RadGrid.RadGrid_MetroTouch .rgSelectedRow a.btn{
     color: #fff;
     margin-right:10px;
     border-radius:3px;
     background: #247089;
     background: -moz-linear-gradient(top, #247089 0%, #51adc8 100%);
     background: -webkit-linear-gradient(top, #247089 0%,#51adc8 100%);
     background: linear-gradient(to bottom, #247089 0%,#51adc8 100%);
     border-color: transparent;
     margin-bottom:10px;
}
 .btn:focus, .btn:active, .btn:visited, .TextButton:focus, .TextButton:active, .TextButton:visited, .TextButtonWithImage:focus, .TextButtonWithImage:active, .TextButtonWithImage:visited, .ruButton:focus, .ruButton:active, .ruButton:visited, #masterHeaderActionArea a:focus, #masterHeaderActionArea a:active, #masterHeaderActionArea a:visited, .RadGrid input.TextButton:focus, .RadGrid input.TextButton:active, .RadGrid input.TextButton:visited {
     color: #fff;
     background-color: #2470a9;
     border-color: transparent;
}
 a.UtilitySection.UtilityAuthenticationLink, a.UtilitySection.UtilityAuthenticationLink:focus, a.UtilitySection.UtilityAuthenticationLink:visited, .whiteButton, .btn.whiteButton:focus, .btn.whiteButton:visited, .TextButton.whiteButton, .TextButton.whiteButton:focus, .TextButton.whiteButton:visited, .TextButtonWithImage.whiteButton:focus, .TextButtonWithImage.whiteButton:visited, .ruButton.whiteButton:focus, .ruButton.whiteButton:visited, #masterHeaderActionArea a.whiteButton:focus, #masterHeaderActionArea a.whiteButton:visited, .RadGrid input.TextButton.whiteButton:focus, .RadGrid input.TextButton.whiteButton:visited {
     border-style:solid;
     color: #2470a9;
     background:white;
     border-color:#3aabcf;
     border-width: 3px;
     padding: 8px 20px;
}
 a.UtilitySection.UtilityAuthenticationLink:active, .btn.whiteButton:active,.TextButton.whiteButton:active, .TextButtonWithImage.whiteButton:active, .ruButton.whiteButton:active, #masterHeaderActionArea a.whiteButton:active, .RadGrid input.TextButton.whiteButton:active, .btn.whiteButton:hover:active,.TextButton.whiteButton:hover:active, .TextButtonWithImage.whiteButton:hover:active, .ruButton.whiteButton:hover:active, #masterHeaderActionArea a.whiteButton:hover:active, .RadGrid input.TextButton.whiteButton:active:hover, a.UtilitySection.UtilityAuthenticationLink:active:hover {
     background:transparent;
     color:#2470a9;
}
 a.UtilitySection.UtilityAuthenticationLink:hover, .btn.whiteButton:hover, .TextButton.whiteButton:hover,.TextButtonWithImage.whiteButton:hover,.RadUpload .ruButton.whiteButton:hover, .RadUploadProgressArea .ruButton.whiteButton:hover,#masterHeaderActionArea a.whiteButton:hover, .btn.whiteButton:hover, .TextButton.whiteButton:hover,.TextButtonWithImage.whiteButton:hover,.ruButton.whiteButton:hover, #masterHeaderActionArea a.whiteButton:hover,.RadGrid input.TextButton.whiteButton:hover {
     color:white;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0b3555+0,51adc8+100 */
     background: #0b3555;
    /* Old browsers */
     background: -moz-linear-gradient(top, #0b3555 0%, #51adc8 100%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, #0b3555 0%,#51adc8 100%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, #0b3555 0%,#51adc8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b3555', endColorstr='#51adc8',GradientType=0 );
    /* IE6-9 */
}
 .btn:active, .TextButton:active, .TextButtonWithImage:active, .ruButton:active, #masterHeaderActionArea a:active, .RadGrid input.TextButton:active {
     background-image: none;
}
 .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled]:active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn:active, .btn.aspNetDisabled, .btn.aspNetDisabled:hover, .btn.aspNetDisabled:focus, .btn.aspNetDisabled:active, .TextButton[disabled], .TextButton[disabled]:hover, .TextButton[disabled]:focus, .TextButton[disabled]:active, fieldset[disabled] .TextButton, fieldset[disabled] .TextButton:hover, fieldset[disabled] .TextButton:focus, fieldset[disabled] .TextButton:active, .TextButton.aspNetDisabled, .TextButton.aspNetDisabled:hover, .TextButton.aspNetDisabled:focus, .TextButton.aspNetDisabled:active, .TextButtonWithImage[disabled], .TextButtonWithImage[disabled]:hover, .TextButtonWithImage[disabled]:focus, .TextButtonWithImage[disabled]:active, fieldset[disabled] .TextButtonWithImage, fieldset[disabled] .TextButtonWithImage:hover, fieldset[disabled] .TextButtonWithImage:focus, fieldset[disabled] .TextButtonWithImage:active, .TextButtonWithImage.aspNetDisabled, .TextButtonWithImage.aspNetDisabled:hover, .TextButtonWithImage.aspNetDisabled:focus, .TextButtonWithImage.aspNetDisabled:active, .ruButton[disabled], .ruButton[disabled]:hover, .ruButton[disabled]:focus, .ruButton[disabled]:active, fieldset[disabled] .ruButton, fieldset[disabled] .ruButton:hover, fieldset[disabled] .ruButton:focus, fieldset[disabled] .ruButton:active, .ruButton.aspNetDisabled, .ruButton.aspNetDisabled:hover, .ruButton.aspNetDisabled:focus, .ruButton.aspNetDisabled:active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, fieldset[disabled] #masterHeaderActionArea a, fieldset[disabled] #masterHeaderActionArea a:hover, fieldset[disabled] #masterHeaderActionArea a:focus, fieldset[disabled] #masterHeaderActionArea a:active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, .RadGrid input.TextButton[disabled], .RadGrid input.TextButton[disabled]:hover, .RadGrid input.TextButton[disabled]:focus, .RadGrid input.TextButton[disabled]:active, fieldset[disabled] .RadGrid input.TextButton, fieldset[disabled] .RadGrid input.TextButton:hover, fieldset[disabled] .RadGrid input.TextButton:focus, fieldset[disabled] .RadGrid input.TextButton:active, .RadGrid input.TextButton.aspNetDisabled, .RadGrid input.TextButton.aspNetDisabled:hover, .RadGrid input.TextButton.aspNetDisabled:focus, .RadGrid input.TextButton.aspNetDisabled:active {
     background-color: #2f8aa7;
     border-color: transparent;
}

a.UtilitySection.UtilityAuthenticationLink, .nav-aux-button.nav-aux-account .NavigationLink, a.UtilitySection.UtilityAuthenticationLink, a#ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl01_NavigationLink {
    border: 0;
    padding-bottom: 0;
    color: #000;
    font-family: 'AvenirMedium', sans-serif;
    line-height: 24px;
    background: none;
    padding: 10px 10px 15px 15px;
    margin: 10px 1px;
}


/* some Telerik overrides */
 .ruButton {
     background-color: #2f8aa7 !important;
     color: #fff !important;
     cursor: pointer;
     border-radius: 0 !important;
}
 .RadUpload.RadUpload .ruBrowse, .RadUpload.RadUpload .ruRemove {
     height: auto;
     padding: 5px 10px;
     line-height: 1.6;
     border-radius: 0;
}
/* primary button */
 .PrimaryButton:active, .SaveAndClose:active, .SaveAs:active, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButtonWithImage:active, #masterHeaderActionArea a:active, .RadGrid input.PrimaryButton:active {
     background-image: none;
}
 .PrimaryButton[disabled], .PrimaryButton[disabled]:hover, .PrimaryButton[disabled]:focus, .PrimaryButton[disabled]:active, fieldset[disabled] .PrimaryButton, fieldset[disabled] .PrimaryButton:hover, fieldset[disabled] .PrimaryButton:focus, fieldset[disabled] .PrimaryButton:active, .PrimaryButton.aspNetDisabled, .PrimaryButton.aspNetDisabled:hover, .PrimaryButton.aspNetDisabled:focus, .PrimaryButton.aspNetDisabled:active, .SaveAndClose[disabled], .SaveAndClose[disabled]:hover, .SaveAndClose[disabled]:focus, .SaveAndClose[disabled]:active, fieldset[disabled] .SaveAndClose, fieldset[disabled] .SaveAndClose:hover, fieldset[disabled] .SaveAndClose:focus, fieldset[disabled] .SaveAndClose:active, .SaveAndClose.aspNetDisabled, .SaveAndClose.aspNetDisabled:hover, .SaveAndClose.aspNetDisabled:focus, .SaveAndClose.aspNetDisabled:active, .SaveAs[disabled], .SaveAs[disabled]:hover, .SaveAs[disabled]:focus, .SaveAs[disabled]:active, fieldset[disabled] .SaveAs, fieldset[disabled] .SaveAs:hover, fieldset[disabled] .SaveAs:focus, fieldset[disabled] .SaveAs:active, .SaveAs.aspNetDisabled, .SaveAs.aspNetDisabled:hover, .SaveAs.aspNetDisabled:focus, .SaveAs.aspNetDisabled:active, .UsePrimaryButton .TextButton[disabled], .UsePrimaryButton .TextButton[disabled]:hover, .UsePrimaryButton .TextButton[disabled]:focus, .UsePrimaryButton .TextButton[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButton, fieldset[disabled] .UsePrimaryButton .TextButton:hover, fieldset[disabled] .UsePrimaryButton .TextButton:focus, fieldset[disabled] .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButton.aspNetDisabled, .UsePrimaryButton .TextButton.aspNetDisabled:hover, .UsePrimaryButton .TextButton.aspNetDisabled:focus, .UsePrimaryButton .TextButton.aspNetDisabled:active, .UsePrimaryButton .TextButtonWithImage[disabled], .UsePrimaryButton .TextButtonWithImage[disabled]:hover, .UsePrimaryButton .TextButtonWithImage[disabled]:focus, .UsePrimaryButton .TextButtonWithImage[disabled]:active, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:hover, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:focus, fieldset[disabled] .UsePrimaryButton .TextButtonWithImage:active, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:hover, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:focus, .UsePrimaryButton .TextButtonWithImage.aspNetDisabled:active, #masterHeaderActionArea a[disabled], #masterHeaderActionArea a[disabled]:hover, #masterHeaderActionArea a[disabled]:focus, #masterHeaderActionArea a[disabled]:active, fieldset[disabled] #masterHeaderActionArea a, fieldset[disabled] #masterHeaderActionArea a:hover, fieldset[disabled] #masterHeaderActionArea a:focus, fieldset[disabled] #masterHeaderActionArea a:active, #masterHeaderActionArea a.aspNetDisabled, #masterHeaderActionArea a.aspNetDisabled:hover, #masterHeaderActionArea a.aspNetDisabled:focus, #masterHeaderActionArea a.aspNetDisabled:active, .RadGrid input.PrimaryButton[disabled], .RadGrid input.PrimaryButton[disabled]:hover, .RadGrid input.PrimaryButton[disabled]:focus, .RadGrid input.PrimaryButton[disabled]:active, fieldset[disabled] .RadGrid input.PrimaryButton, fieldset[disabled] .RadGrid input.PrimaryButton:hover, fieldset[disabled] .RadGrid input.PrimaryButton:focus, fieldset[disabled] .RadGrid input.PrimaryButton:active, .RadGrid input.PrimaryButton.aspNetDisabled, .RadGrid input.PrimaryButton.aspNetDisabled:hover, .RadGrid input.PrimaryButton.aspNetDisabled:focus, .RadGrid input.PrimaryButton.aspNetDisabled:active {
     background-color: #dc4f00;
     border-color: transparent;
}
/* Facebook sign in button */
 .TextButton.Facebook {
     color: #fff;
     background-color: #3B5998;
     border-color: transparent;
}
 .TextButton.Facebook:hover, .TextButton.Facebook:focus, .TextButton.Facebook:active, .TextButton.Facebook:visited {
     color: #fff;
     background-color: #30487b;
     border-color: transparent;
}
 .TextButton.Facebook:active {
     background-image: none;
}
 .TextButton.Facebook[disabled], .TextButton.Facebook[disabled]:hover, .TextButton.Facebook[disabled]:focus, .TextButton.Facebook[disabled]:active, fieldset[disabled] .TextButton.Facebook, fieldset[disabled] .TextButton.Facebook:hover, fieldset[disabled] .TextButton.Facebook:focus, fieldset[disabled] .TextButton.Facebook:active, .TextButton.Facebook.aspNetDisabled, .TextButton.Facebook.aspNetDisabled:hover, .TextButton.Facebook.aspNetDisabled:focus, .TextButton.Facebook.aspNetDisabled:active {
     background-color: #3B5998;
     border-color: transparent;
}
/* LinkedIn sign in button */
 .SignInButton.LinkedIn {
     color: #fff;
     background-color: #0077B5;
     border-color: transparent;
}
 .SignInButton.LinkedIn:hover, .SignInButton.LinkedIn:focus, .SignInButton.LinkedIn:active, .SignInButton.LinkedIn:visited {
     color: #fff;
     background-color: #005c8c;
     border-color: transparent;
}
 .SignInButton.LinkedIn:active {
     background-image: none;
}
 .SignInButton.LinkedIn[disabled], .SignInButton.LinkedIn[disabled]:hover, .SignInButton.LinkedIn[disabled]:focus, .SignInButton.LinkedIn[disabled]:active, fieldset[disabled] .SignInButton.LinkedIn, fieldset[disabled] .SignInButton.LinkedIn:hover, fieldset[disabled] .SignInButton.LinkedIn:focus, fieldset[disabled] .SignInButton.LinkedIn:active, .SignInButton.LinkedIn.aspNetDisabled, .SignInButton.LinkedIn.aspNetDisabled:hover, .SignInButton.LinkedIn.aspNetDisabled:focus, .SignInButton.LinkedIn.aspNetDisabled:active {
     background-color: #0077B5;
     border-color: transparent;
}
 .MediumButton, .UseMediumButton .TextButton, .UseMediumButton .TextButtonWithImage {
     font-size: 120% !important;
     padding: 9px 14px !important;
}
 .LargeButton, .UseLargeButton .TextButton, .UseLargeButton .TextButtonWithImage {
     font-size: 150% !important;
     padding: 12px 17px !important;
}
 .CalloutArea1 .btn.PrimaryButton, .CalloutArea1 .TextButton.PrimaryButton, .CalloutArea1 .TextButtonWithImage.PrimaryButton, .CalloutArea2 .btn.PrimaryButton, .CalloutArea2 .TextButton.PrimaryButton, .CalloutArea2 .TextButtonWithImage.PrimaryButton {
     color: #fff;
     background-color: #424242;
}
 .CalloutArea1 .btn.PrimaryButton:hover, .CalloutArea1 .btn.PrimaryButton:active, .CalloutArea1 .btn.PrimaryButton:focus, .CalloutArea1 .TextButton.PrimaryButton:hover, .CalloutArea1 .TextButton.PrimaryButton:active, .CalloutArea1 .TextButton.PrimaryButton:focus, .CalloutArea1 .TextButtonWithImage.PrimaryButton:hover, .CalloutArea1 .TextButtonWithImage.PrimaryButton:active, .CalloutArea1 .TextButtonWithImage.PrimaryButton:focus, .CalloutArea2 .btn.PrimaryButton:hover, .CalloutArea2 .btn.PrimaryButton:active, .CalloutArea2 .btn.PrimaryButton:focus, .CalloutArea2 .TextButton.PrimaryButton:hover, .CalloutArea2 .TextButton.PrimaryButton:active, .CalloutArea2 .TextButton.PrimaryButton:focus, .CalloutArea2 .TextButtonWithImage.PrimaryButton:hover, .CalloutArea2 .TextButtonWithImage.PrimaryButton:active, .CalloutArea2 .TextButtonWithImage.PrimaryButton:focus {
     color: #fff;
     background-color: #232323;
}
/* Generic red and green buttons to be used for all themes (styling is not theme dependant) */
 .btn.DangerButton {
     color: #fff;
     background: #c74b49;
}
 .btn.SuccessButton {
     color: #fff;
     background: #008943;
}
 .footer-nav-copyright a, .footer-nav-copyright a:visited {
     color: #2c2a2a;
}
 .resourceCard {
     text-align: center;
     padding: 15px;
     min-height: 495px;
     position: relative;
}
 .publicResourcesPhoto > div.ContentItemContainer {
     height: 0;
     overflow: hidden;
     padding-bottom: 53%;
     border-radius: 4px;
}
 .testimonialPhotoDiv {
     background-image: url(/images/Templates/SOGC/HossseiniSara2.png);
     width: 100%;
     background-size: contain;
     background-repeat: no-repeat;
     background-position: center right;
}
 .resourceCard > span > .ContentHtml:first-child {
     height: 0;
     padding-bottom: 44%;
     overflow: hidden;
     border-radius: 4px;
}
 .RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch .rgHeader a {
     color: #545966!important;
     font-weight: bold;
     font-size: 19px;
     text-decoration: none!important;
}
 .RadGrid .rgRow, .RadGrid .rgAltRow, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgPager, .RadGrid .rgGroupPanel, .RadGrid .rgGroupHeader {
     cursor: default;
     color: #545966;
}
.syllabusButton,.syllabusButton:visited{background:linear-gradient(to bottom, #46b86c 0%,#6ac689 100%)}
   .syllabusButton:hover,.syllabusButton:active{background:linear-gradient(to bottom, #256239 0%,#46b86c 100%)}
 .RadGrid_MetroTouch .rgHeader, .RadGrid_MetroTouch th.rgResizeCol, .RadGrid_MetroTouch .rgHeaderWrapper {
     background-color: white;
     border: none;
}
.RadGrid_MetroTouch .rgHeader.text-hide{display:none}
 @media (max-width:767px) {
    div[id$="_SOGCReturnLink"] {display:none;}
.nav-auxiliary .nav-aux-button.nav-aux-cart .cartFull {
    left: 8px;
    top: -5px;
}
#hd .UtilityNavigationList .noAuxSmartphone {
    display: none;
}

#HomePageContent::before {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    background: rgba(22, 92, 146, .5);
    height: 0;
    z-index: 99999;
    transition-duration: 250ms;
}


.nav-auxiliary .nav-aux-button.nav-aux-cart .cartCenter {
    color: #fff;
    background-color: #ec8c56;
}
     
a.menuItemSelected.english:before, a.menuItemSelected.french:before {
    content: '\f00c';
    color: #00a651;
    font-family: fontawesome;
    position: absolute;
    top: 9px;
    left: 3px;
}
a.menuItemSelected.english, a.menuItemSelected.french {color: #00a651!important;}

.RadMenu.RadMenu_Austin .menuItemSelected .rmText, .RadMenu.RadMenu_Austin .rmHorizontal .menuItemSelected .rmText > span {padding:10px 15px 10px 25px;}

     .cc-animate.cc-revoke.cc-bottom {
         transform: translateY(2em);
         display: none;
    }
     .header-search {
         margin-bottom: 20px;
    }
     .RadMenu.RadMenu_Austin .rmGroup {
         background-color: white;
    }
     .RadMenu.RadMenu_Austin .rsmColumnWrap {
         padding-left: 15px;
    }
     .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
         text-transform: none;
         color: #165c92;
         font-weight: 400;
         letter-spacing: 0;
         font-size: 17px;
    }
   
     .RadMenu.RadMenu_Austin .rmToggle .rmIcon, .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle .rmIcon {
         background-image:none;
    }
     .RadMenu.RadMenu_Austin .rmToggle .rmIcon:after, .RadMenu.RadMenu_Austin .rmToggle .rmIcon:after, .RadMenu.RadMenu_Austin .rmRootGroup .rmRootLink .rmToggle .rmIcon:after, .RadMenu.RadMenu_Austin .rmLink.rmFocused .rmToggle > .rmIcon:after, .RadMenu.RadMenu_Austin .rmFocused > .rmLink.rmRootLink .rmToggle > .rmIcon:after {
         content: '\f107';
         font-family: fontawesome;
         color: #165c92;
         position: absolute;
         font-size: 26px;
         line-height: 18px;
    }
     .RadMenu.RadMenu_Austin .rmLink.rmExpanded .rmToggle > .rmIcon:after {
         content:'\f106';
    }
     .mainBackground {
         background-image: none;
    }
     .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
         padding-left:0;
    }
     .RadMenu.RadMenu_Austin .rmGroup, .RadMenu.RadMenu_Austin .rmRootGroup, .RadMenu.RadMenu_Austin .rmMultiColumn, .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem {
         border-bottom: 2px solid #f0f6f6;
    }
     .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink {
         text-transform: none;
         font-size: 100%;
         font-weight: normal;
         color: #165c92;
    }
     .RadMenu.RadMenu_Austin .rmRootLink.rmSelected {
         background-color: white;
    }
     .RadMenu_Austin .rmSlide .rmFocused > .rmLink, .RadMenu_Austin .rmSlide .rmSelected > .rmLink, .RadMenu_Austin .rmSlide .rsmSelected > .rsmLink, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
         color: #165c92;
    }
     .RadMenu.RadMenu_Austin .rmRootLink.rmExpanded, .RadMenu.RadMenu_Austin .rmRootLink:hover, .RadMenu.RadMenu_Austin .rmRootLink.rmFocused {
         background-color: white;
    }
     .RadMenu_Austin .rmSlide .rmLink:hover, .RadMenu_Austin .rmSlide .rmLink.rmFocused, .RadMenu_Austin .rmSlide .rsmLink:hover, .RadMenu_Austin .rmSlide .rsmLink.rmFocused, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused {
         color: #165c92;
    }
     .RadMenu.RadMenu_Austin .rsmTwoLevels .rsmLink {
         margin-bottom: 0;
    }
     .RadMenu_Austin .rmSlide .rmLink, .RadMenu_Austin .rmSlide .rsmLink {
         color: #165c92;
    }
     #masterLogoArea img {
         max-width: calc(100vw * .7);
    }
     .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
         display: inline;
         float: unset;
    }
     div[data-label="Secondary Navigation"] {
         display: none;
    }
     .navbar-collapse, .searchbar-collapse {
         background-color: white;
    }
     #hd {
         height: 200px;
         position: relative;
    }
     .lowerAuxNav {
         position: absolute;
         width: 100%;
         bottom: 0;
         z-index: 1800;
         left: 0;
         background: #f0f6f6;
         padding: 15px 0;
    }
     .slick-prev, .slick-next {
         z-index:+1;
    }
     .slick-prev {
         left: -35px;
         -webkit-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
         transition: all 0.2s ease-out;
    }
     .slick-next {
         right: -35px;
         -webkit-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
         transition: all 0.2s ease-out;
    }
     .slick-slider:hover > .slick-prev {
         left:0;
         -webkit-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
         transition: all 0.2s ease-out;
    }
     .slick-slider:hover > .slick-next {
         right:0;
         -webkit-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
         transition: all 0.2s ease-out;
    }
     .searchbar-collapse {
         position: absolute;
         width: 100%;
         z-index: 16000;
         top:105px;
    }
     .topAuxNav {
         margin: 15px 0 0 15px;
         padding: 0;
         z-index: 1900;
    }
     .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
         display: none;
    }
     .navbar-toggle {
         background:transparent;
    }
     .UtilitySection.OnBehalfOf {
         display:none;
    }
     .testimonialPhotoDiv {
         background-image: url(/images/Templates/SOGC/HossseiniSara2.png);
         width: 100%;
         background-size: contain;
         background-repeat: no-repeat;
         background-position: center right;
         height: 216px;
         position: absolute;
         bottom: 15px;
    }
     .testimonialPhotoDiv br {
         display:none;
    }
     .lightGreyTopTransparentBackground {
         background: #f0f6f6;
    }
     .productPhoto {
         text-align: center;
    }
     .productPhoto img {
         max-width: 40%;
         margin-bottom: -15px;
    }
     .hide-xs {
         display: none;
    }
/*     #masterLogoArea {
         position: absolute;
         width: auto;
         float: right;
         text-align: right;
         top: 15px;
         right: 15px;
         z-index: 2000;
    }*/
     .footer-nav-copyright {
         padding: 25px;
    }
     #hd .UtilitySection button {
         width: 40px;
         height: 50px;
         overflow: hidden;
         padding: 0;
         margin: 0;
         line-height: 36px;
         overflow:visible;
    }
     .navbar-toggle.collapsed {
         margin-bottom: 0;
         padding-bottom: 0;
         margin-top: 0;
         padding-top: 0;
    }
     .navbar-collapse {
         margin-left: 0;
         margin-right: 0;
    }
     .primeNav {
         width: 100%;
         position: absolute;
         top: 175px;
         z-index: 160000;
    }
     .UtilitySection.UtilityTranslation {
         display: none;
    }
     .lowerAuxNav {
         float: unset;
         text-align: center;
         background: white;
    }
     .header-logo-container.pull-left.clear-left {
         float: unset;
         text-align: center;
    }
     .navbar-toggle .icon-search {
         display: inline-block;
         float: left;
         background: none;
         width: 50px;
         height: 50px;
         margin: 5px 0 0 0;
    }
     .nav-auxiliary .nav-aux-button .NavigationLink:hover, .nav-auxiliary .nav-aux-button .NavigationLink:focus {
         background-color: transparent;
    }
     .search-collapse {
         position: absolute;
         width: 100%;
         z-index: +1;
         top: 45px;
    }
     .nav-auxiliary .NavigationUnorderedList li.nav-aux-cart, .nav-auxiliary .NavigationUnorderedList li.nav-aux-account {
         display: block!important;
         float: left;
    }
     .header-logo-container {
         float: unset;
         text-align: center;
    }
     .nav-auxiliary .nav-aux-button.nav-aux-cart .NavigationLink {
         background: none;
         padding: 0;
         margin: 0;
    }
     button.navbar-toggle[data-target=".search-collapse"] {
         float: right;
         padding-right:0;
    }
     button.navbar-toggle.collapsed, button.navbar-toggle {
         float: unset;
         position: relative;
    }
     button[data-target=".navbar-collapse"] .icon-bar {
         display: none;
    }
     .navbar-toggle .icon-search:after {
         vertical-align: middle;
         font-weight: 400;
         content: '\f002';
         font-family: fontawesome;
         font-size: 32px;
         color: #165c92;
         display: block;
         line-height: 32px;
         text-shadow: none;
         -webkit-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
         transition: all 0.2s ease-out;
    }
     button.navbar-toggle[data-target=".navbar-collapse"]:after {
         font-size: 36px;
         color: #165c92;
         content: '\f00d';
         -webkit-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
         transition: all 0.2s ease-out;
         font-family: fontawesome;
    }
     button.navbar-toggle.collapsed[data-target=".navbar-collapse"]:after {
         font-size: 36px;
         color: #165c92;
         content: '\f0c9';
         -webkit-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
         transition: all 0.2s ease-out;
         font-family: fontawesome;
    }
     .navbar-toggle:hover, .navbar-toggle:focus, .navbar-toggle.collapsed {
         background-color: transparent;
    }
}



 @media (min-width:768px){
     .hideMenuItem {
         display: none!important;
    }
     .SocialShare {
         font-family: 'AvenirLight', sans-serif;
         font-weight: 600;
    }
     [id$=NewSocialShareCommon] .panel-body, [id$=NewSocialShareCommon] .PanelBody {
         padding: 0;
    }
     [id$=NewSocialShareCommon] .StandardPanel,[id$=NewSocialShareCommon] .panel{
         border:0 
    }
     .hpRow .col-sm-4,div#ctl01_SubNavPanel{
         border-left:1px solid #C4C3BD;
         min-height:150px 
    }
     .sshLinkItem .sshCustomIcon,.sshLinkItem .sshIcon,.sshLinkItem .sshText{
         line-height:50px 
    }
     .RadSocialShare.RadSocialShare_Default.SmallButtons [id$=NewSocialShareCommon]{
         padding:0;
         margin:0;
         background:rgba(255,255,255,.7);
         opacity:.7;
         -moz-transition:opacity .7s ease-in-out;
         -o-transition:opacity .7s ease-in-out;
         -ms-transition:opacity .7s ease-in-out 
    }
     .sshLinkItem .sshMailTo,.sshLinkItem .sshShareOnTwitter{
         background-color:#fff 
    }
     [id$=NewSocialShareCommon]:hover {
         opacity: 1;
         border: 3px solid #3aabcf;
         border-radius: 4px;
    }
     [id$=NewSocialShareCommon]:hover .sshContent{
         background:#fff;
         opacity:1 
    }
     [id$=NewSocialShareCommon] .RadSocialShare{
         padding:50px 0 0;
         margin:0 
    }
     .sshIcon,.sshListItem{
         margin:0!important;
         padding:0!important 
    }
     .sshIcon.sshCompactButton.sshCustomIcon.sshCustomCompactButton{
         background:#fff 
    }
     .sshIcon.sshCompactButton.sshCustomIcon.sshCustomCompactButton:before{
         content:'\f141';
         margin:auto;
         text-align:left;
         font-size:30px;
         font-family:fontawesome;
         position:relative;
         top:6px;
         left:15px 
    }
     .sshLinkItem .sshMailTo:before,.sshLinkItem .sshShareOnTwitter:before{
         left:12px;
         margin:auto;
         text-align:left;
         font-family:fontawesome;
         position:relative 
    }
     .sshLinkItem .sshShareOnTwitter:before{
         content:'\f099';
         top:6px;
         font-size:30px 
    }
     .sshLinkItem .sshMailTo:before{
         content:'\f003';
         top:6px;
         font-size:27px 
    }
     .PanelFieldLabel.SocialShare, [id$=NewSocialShareCommon]:hover .PanelFieldLabel.SocialShare {
         margin-right: -50px;
         padding: 7px 0 0!important;
         text-transform: uppercase;
         font-size: 11px;
         line-height: 13px;
         width: 50px;
         height: 50px;
         text-align: center;
         font-family: 'AvenirLight',sans-serif;
         font-weight: 600;
    }
     .PanelFieldLabel.SocialShare{
         background:rgba(255,255,255,1) 
    }
     [id$=NewSocialShareCommon]:hover .PanelFieldLabel.SocialShare{
         background:#3aabcf;
         color:#fff 
    }
     .sshListItem{
         display:block!important 
    }
     .RadSocialShare.LargeButtons .sshCustomIcon,.RadSocialShare.MediumButtons .sshCustomIcon,.RadSocialShare.SmallButtons .sshCustomIcon{
         background-image:none;
         width:50px;
         height:50px 
    }
     .sshLinkItem .sshShareOnFacebook{
         background-color:#fff 
    }
     .sshLinkItem .sshShareOnFacebook:before{
         content:'\f09a';
         margin:auto;
         text-align:left;
         font-size:30px;
         font-family:fontawesome;
         position:relative;
         left:17px;
         color:#3B5998;
         top:6px;
    }
     .sshLinkItem .sshLinkedIn:before {
         content:'\f0e1';
         margin:auto;
         text-align:left;
         font-size:30px;
         font-family:fontawesome;
         position:relative;
         left:12px;
         top:6px;
         color:#3B5998 
    }
     .sshLinkItem .sshLinkedIn {
         background-color:white;
    }
     .sshLinkItem .sshShareOnTwitter:before{
         color:#1DA1F2 
    }
     .sshIcon.sshCompactButton.sshCustomIcon.sshCustomCompactButton:before{
         color:#007f68 
    }
     .sshLinkItem .sshMailTo:before{
         color:#acaaa5 
    }
     .sshLinkItem .sshIcon.sshLinkedIn:before {
         color:#0077B5;
    }
     a.sshLinkItem:hover span.sshIcon.sshShareOnFacebook.sshCustomIcon.sshCustomShareOnFacebook{
         background-color:#3B5998 
    }
     a.sshLinkItem:hover span.sshIcon.sshLinkedIn,sshCustomIcon.sshCustomLinkedIn {
         background-color:#0077B5;
    }
     a.sshLinkItem:hover span.sshIcon.sshShareOnTwitter.sshCustomIcon.sshCustomShareOnTwitter{
         background-color:#1DA1F2 
    }
     a.sshLinkItem:hover span.sshIcon.sshMailTo.sshCustomIcon.sshCustomMailTo{
         background-color:#acaaa5 
    }
     a.sshLinkItem:hover span.sshIcon.sshCompactButton.sshCustomIcon.sshCustomCompactButton{
         background-color:#007f68 
    }
     .sshLinkItem:hover span.sshIcon.sshLinkedIn.sshCustomIcon.sshCustomLinkedIn:before, .sshLinkItem:hover span.sshIcon.sshShareOnFacebook.sshCustomIcon.sshCustomShareOnFacebook:before, .sshLinkItem:hover span.sshIcon.sshShareOnTwitter.sshCustomIcon.sshCustomShareOnTwitter:before, .sshListItem:hover span.sshIcon.sshCompactButton.sshCustomIcon.sshCustomCompactButton:before, .sshListItem:hover span.sshIcon.sshMailTo.sshCustomIcon.sshCustomMailTo:before{
         color:#fff 
    }
     .sshLinkItem:hover .sshCustomIcon{
         color:#fff;
         opacity:1;
         filter:Alpha(opacity=100) 
    }
     .sshLinkItem .sshCustomIcon{
         opacity:1;
         filter:Alpha(opacity=100) 
    }
     [id$=NewSocialShareCommon], [id$=SocialShareCommon]{
         bottom:25px;
         border:3px solid transparent;
         position:fixed;
         z-index:+2;
         right:15px;
         opacity:.5 
    }
     .rwTable .sshLinkItem .sshCustomIcon,.rwTable .sshLinkItem .sshIcon,.rwTable .sshLinkItem .sshText{
         line-height:inherit 
    }
     .RadSocialShare.RadSocialShare_Default.SmallButtons{
         padding:50px 0 0;
         margin:0 
    }
     .EventSummary .PhotoArea {
         width: 50%;
    }
     .EventSummary .Description {
         padding: 1em 2em;
    }
    /*
     a.rmLink.rmRootLink.rmExpanded:before {
         content: '';
         background: transparent;
         height: 50%;
         width: 200%;
         left: 100%;
         position: absolute;
         bottom: 0;
    }
     a.rmLink.rmRootLink.rmExpanded:after {
         content: '';
         background: transparent;
         height: 50%;
         width: 200%;
         right: 100%;
         position: absolute;
         bottom: 0;
    }*/
    
     .UtilitySection.OnBehalfOf {
         position: absolute;
         right: 5px;
         top: 5px;
         font-size: 80%;
    }
     .whiteBackground.overFlowUp:before {
         content: '';
         background: white;
         width: calc(100% - 30px);
         height: 50px;
         position: absolute;
         top: -50px;
         left: 15px;
    }
     div[id^="ste_container_cimoveUp"] {
         margin-top: -75px;
         z-index: +1;
         position: relative;
    }
    .headerLogo .ContentItemButtonPanel {
        display: none;
    }
     #masterLogoArea {
        /* width: 250px;*/
         max-width: 40%; 
    }
     div[data-label="Secondary Navigation"]:after {
         content: '';
         background: -moz-linear-gradient(top, rgba(240,246,246,1) 0%, rgba(240,246,246,1) 3%, rgba(240,246,246,0) 100%);
         background: -webkit-linear-gradient(top, rgba(240,246,246,1) 0%,rgba(240,246,246,1) 3%,rgba(240,246,246,0) 100%);
         background: linear-gradient(to bottom, rgba(240,246,246,1) 0%,rgba(240,246,246,1) 3%,rgba(240,246,246,0) 100%);
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f6f6', endColorstr='#00f0f6f6',GradientType=0 );
         display: block;
         width: 100%;
         height: 50px;
         position: relative;
         top: -17px;
    }
.UtilitySection.OnBehalfOf {
    position: absolute;
    right: 5px !important;
    top: 5px !important;
    left: auto;
    opacity: .2;
}
     .lightGreyTopTransparentBackground {
         background: -moz-linear-gradient(top, rgba(240,246,246,0) 0%, rgba(240,246,246,0) 15%, rgba(240,246,246,1) 15%, rgba(240,246,246,1) 100%);
        /* FF3.6-15 */
         background: -webkit-linear-gradient(top, rgba(240,246,246,0) 0%,rgba(240,246,246,0) 15%,rgba(240,246,246,1) 15%,rgba(240,246,246,1) 100%);
        /* Chrome10-25,Safari5.1-6 */
         background: linear-gradient(to bottom, rgba(240,246,246,0) 0%,rgba(240,246,246,0) 15%,rgba(240,246,246,1) 15%,rgba(240,246,246,1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }
     .navbar-collapse {
         z-index: 10001;
         top: 45px;
    }
     .HomePageFullWidthArea .carousel-inner.bg-img > .item {
         background-attachment: fixed;
    }
     /*.primeNav {
         position: absolute;
         bottom: 0;
         left: 50%;
         transform: translateX(-50%);
         width: 100%;
         z-index: +2;
         padding-right: 15px;
    }*/
    .primeNav {
        margin: 10px;
        margin-left: 50px;
    }
    .primeNav .WTZone .ContentItemContainer {
        float: left;
    }
  
    button.navbar-toggle.collapsed.searchbar-toggle {
        display: none;
    }
    div#SimpleSearchBlock {
        float: right;
        height: 30px;
        width: 30px;   
    }
     li.rsmItem {
         width: 100%;
    }
     .NavigationListItem.nav-aux-button.nav-aux-cart a:before {
         font-size: 20px;
         color: #545966;
    }
     #hd div[data-label="Utility Navigation"].col-sm-12 {
         text-align:right;
         background-repeat: no-repeat;
         background-position: top right;
         background-size: auto 100%;
    }
    .panel-body, .PanelBody {
        padding: 0 0 10px 0;
    }
    #hd {
        min-height: 90px;
        box-shadow: 0 0 5px 0;
        padding-bottom: 0 !important;
        background: #fff;
    }

    header#hd {
        position: fixed;
        width: 100%;
        z-index: 999999;
        padding: 0 20px;
    }
    div#HomePageContent {
        margin-top: 104px;
    }


    


    .link-publicresource img.rmLeftImage {
        height: 125px !important;
        position: relative !important;
        width: auto !important;
        margin: 0 !important;
        height: 125px !important;
    }

     #masterMainBreadcrumb {
         top: 15px;
         position: relative;
    }
     #masterMainBreadcrumb:after {
         content: '';
         display: block;
         background: #dbeef3;
         height: 2px;
         width: 100%;
         position: relative;
         top: 15px;
    }
     .RadMenu_Austin .rmSlide .rmFocused > .rmLink, .RadMenu_Austin .rmSlide .rmSelected > .rmLink, .RadMenu_Austin .rmSlide .rsmSelected > .rsmLink, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmSelected > .rsmLink {
         color:white;
    }
     .WTZone > div > div.row:first-child {
         padding-top: 100px;
    }
     div#masterMainBreadcrumb {
         height: 0;
         overflow: visible;
    }
     .nav-secondary {
         background-color: #f0f6f6;
    }
     .nav-secondary .sub-nav-head {
         background-color: #f0f6f6;
         color: inherit;
         font-weight: normal;
         font-size: 25px;
         padding: 10px 15px;
         font-family: 'AvenirLight', sans-serif;
         border-bottom: 2px solid white;
    }
     ul.rmVertical.rmGroup.rmLevel1 {
         left: 6px!important;
    }
     .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink {
         border-bottom: 2px solid rgba(255,255,255,.4);
    }
     li.rsmItem {
         max-width: 50%;
         float: left;
    }
     .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:hover, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem.rsmDisabled > .rsmLink:focus {
         text-transform: none;
         color: white;
         font-weight: 400;
         letter-spacing: 0;
    }
     .RadMenu_Austin .rmSlide .rmLink:hover, .RadMenu_Austin .rmSlide .rmLink.rmFocused, .RadMenu_Austin .rmSlide .rsmLink:hover, .RadMenu_Austin .rmSlide .rsmLink.rmFocused, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused {
         background-color: transparent;
         color: white;
    }
     .RadMenu_Austin .rmSlide .rmLink:hover, .RadMenu_Austin .rmSlide .rmLink.rmFocused, .RadMenu_Austin .rmSlide .rsmLink:hover, .RadMenu_Austin .rmSlide .rsmLink.rmFocused, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink:hover, .RadMenu_Austin .rmSlide .rsmTwoLevels > .rsmItem > .rsmLink.rmFocused {
         background-color: transparent;
         color: #dbeef3;
         text-decoration: underline;
    }
     .RadMenu.RadMenu_Austin .rmGroup.rmLevel1, .RadMenu.RadMenu_Austin .rmRootLink.rmExpanded {
         background-color: #165c92;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3575a7+1,165c92+25,165c92+75,3575a7+100 */
         background: rgb(53,117,167);
        /* Old browsers */
         background: -moz-linear-gradient(left, rgba(53,117,167,1) 1%, rgba(22,92,146,1) 25%, rgba(22,92,146,1) 75%, rgba(53,117,167,1) 100%);
        /* FF3.6-15 */
         background: -webkit-linear-gradient(left, rgba(53,117,167,1) 1%,rgba(22,92,146,1) 25%,rgba(22,92,146,1) 75%,rgba(53,117,167,1) 100%);
        /* Chrome10-25,Safari5.1-6 */
         background: linear-gradient(to right, rgba(53,117,167,1) 1%,rgba(22,92,146,1) 25%,rgba(22,92,146,1) 75%,rgba(53,117,167,1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3575a7', endColorstr='#3575a7',GradientType=1 );
        /* IE6-9 */
    }
    .RadMenu .rmRootGroup .rmItem .rmVertical.rmGroup {
        width: 100% !important;
        position: relative;
        padding: 20px;
        border-radius: 0 0 25px 25px;
        overflow: hidden;
    }
    a.rmLink.rmExpanded + .rmSlide {
        top: 54px !important;
    }
    .rmSlide > ul.rmGroup.rmLevel1 {
        border: 1px solid #000 !important;
        border-top: 0 !important;
    }
    .rmVertical.rmLevel1, .rmRootGroup > .rmItem > .rmSlide {
        width: 80vw !important;
        margin-top: 20px;
        background: transparent !important;
    }
    ul.rmVertical.rmGroup.rmLevel1 {
        background: #fff !important;
        max-width: 80%;
    }

           
    ul.rmVertical.rmGroup.rmLevel1 li:last-child::before {
        border-radius: 0 0 25px 0;
    }
    ul.rmVertical.rmGroup.rmLevel1 li:first-child::before {
        border-radius: 0 0 0 25px;
    } 
    ul.rmVertical.rmGroup.rmLevel1 li:only-child::before {
        border-radius: 0 0 25px 25px;
    }
    li:nth-child(4) ul.rmVertical.rmGroup.rmLevel1 li:first-child::before,
    li:nth-child(5) ul.rmVertical.rmGroup.rmLevel1 li:first-child::before {
            border-radius: 0;
    }

    ul.rmVertical.rmGroup {
        background: #fff;
    }

    ul.rmVertical.rmGroup.rmLevel1 li.rmItem li.rmItem {
        padding: 0px !important;
    }
    ul.rmVertical.rmGroup.rmLevel1::before {
        content: '';
        position: absolute;
        left: -5%;
        top: -20px;
        width: 115%;
        height: 20px;
        background: #fff;
        z-index: 9;
        box-shadow: 0 4px 4px 0px #777;
    }



    /* Menu mods */
    li.rmItem ul.rmLevel2 {
        padding-left: 0 !important;
    }
    .RadMenu .rmVertical .rmItem .rmText {
        display: block;
        float: none;
        white-space: break-spaces;
    }
    ul.rmVertical.rmGroup.rmLevel2 {
        padding-top: 0 !important;
    }
    /* public resources */
   /* li:nth-child(6) ul.rmVertical.rmGroup.rmLevel1 {
        display: flex !important;
        flex: 0 0 30% !important;
        gap: 20px;
    }*/
    li:nth-child(666) ul.rmLevel1 li {
        flex: 0 0 23.3% !important;
        overflow: hidden;
        margin: 0 !important;
        width: auto !important;
        padding: 0 !important;
    }
    li:nth-child(6) ul.rmLevel1 li a span.rmText {
        display: block;
        clear: both;
        float: left;
        text-align: left;
    }
    li:nth-child(6) ul.rmLevel1 li a {
        float: left !important;
        width: 100% !important;
        margin: 0 !IMPORTANT;
        padding: 0 !important;
    }
 
    li:nth-child(6) ul.rmLevel1 li a img {
        min-width: 100%;
        min-height: 140px;
        display: block !important;
        clear: both !important;
        float: left;
        position: relative !important;
        top: 0 !important;
        margin: 0 !important;
        transition-duration: 250ms;
    }

    li:nth-child(6) ul.rmLevel1 li:hover a img {
        filter: brightness(1.5);
    }

    a.link-publicresource:after {
        position: absolute;
        left: 0;
        top: 0;
        height: 125px;
        width: 100%;
        background: rgba(255, 255, 255, .9);
        z-index: 9999999999;
        color: #000;
        text-align: left;
        font-size: 16px;
        line-height: 24px;
        text-wrap: auto;
        padding: 10px 10px 10px 10px;
        transition-duration: 250ms;
        left: 100%;
        border: 1px solid;
        display: flex !important;
        align-items: center;
    }
    a.link-yourperiod:after {
        content: 'The facts on menstruation from Canada\'s experts' !important;
    }
    a.link-sexandu:after {
        content: 'Your trusted resource for sexual and reproductive health' !important;
    }
    a.link-hpvinfo:after {
        content: 'Evidence-based information about the human papillomavirus' !important;
    }
    a.link-menopauseandu:after {
        content: 'The best way to manage menopause is to learn the facts' !important;
    }
    a.link-pregnancyinfo:after {
        content: 'Evidence-based informative website about pregnancy and childbirth' !important;
    }
    a.link-itsaplan:after {
        content: 'Helping you make decisions about contraception' !important;
    }
    a.link-sos:after {
        content: 'Your guide to taking contraception after a missed or extended dose' !important;
    }

    a.link-tesregles:after {
        content: 'Des renseignements factuels sur les menstruations offerts par les spécialistes' !important;
    }
    a.link-sexetmoi:after {
        content: 'Votre ressource de confiance en metière de santé sexuelle et génésique' !important;
    }
    a.link-infovph:after {
        content: 'Prendre les mesures pour vous protéger et protéger les autres' !important;
    }
    a.link-mamenopause:after {
        content: 'Les faits sur la ménopause d’après les experts canadiens' !important;
    }
    a.link-infogrosesse:after {
        content: 'Renseignements factuels sur la grossesse et l’accouchement offerts par les spécialistes' !important;
    }
    a.link-caceplanifie:after {
        content: 'Un guide pour bien choisir sa contraception' !important;
    }
    a.link-sosfr:after {
        content: 'Votre guide de contraception en cas de dose oubliée ou prolongée.' !important;
    }


    a.link-podcast:after, a.link-rsv:after {
        content: '' !important;
    }
    
    a.link-publicresource:hover:after {
         left: 0 !important; 
    }
    a.rmLink.link-publicresource.link-rsv:hover:after,
    a.rmLink.link-publicresource.link-podcast:hover:after {
        display: none !important;
    }    


    li:nth-child(6) ul.rmLevel1 li:hover a.link-yourperiod:after,
    li:nth-child(6) ul.rmLevel1 li:hover a.link-sexandu:after,
    li:nth-child(6) ul.rmLevel1 li:hover a.link-hpvinfo:after,
    li:nth-child(6) ul.rmLevel1 li:hover a.link-menopauseandu:after,
    li:nth-child(6) ul.rmLevel1 li:hover a.link-pregnancyinfo:after,
    li:nth-child(6) ul.rmLevel1 li:hover a.link-itsaplan:after,
    li:nth-child(6) ul.rmLevel1 li:hover a.link-sos:after {
        left: 0;
    }

    /* professional resources */

    li.rmItem:nth-child(7) .rmLevel1 li.rmItem.rmFirst li {
        max-width: 100%;
    }
    
    li.rmItem:nth-child(7) .rmLevel1 li.rmItem.rmFirst a {
        width: 100% !important;
    }
    li.rmItem:nth-child(7) .rmLevel1 li.rmItem.rmFirst {
        max-width: 100% !important;
        width: 100% !important;
    }

    li:nth-child(7) .rmLevel1 li:first-child ul.rmLevel2:first-child {
        padding-top: 0;
    }

 
    /* Professional resources ? */
li.rmItem:nth-child(6) ul.rmGroup {
    /* flex-direction: column; */
    /* flex-wrap: wrap; */
    display: block !important;
}
    li.rmItem:nth-child(6) ul.rmGroup .rmItem:first-child {
    width: 50%;
    display: inline-block;
    float: left;
}

li.rmItem:nth-child(6) ul.rmGroup .rmItem {
    display: table;
    clear: right;
}

    li.rmItem:nth-child(6) .rmGroup li.rmItem:not(:first-child) a.rmLink {
        font-weight: normal;
    }
a.rmLink.rmFocused.guidelinesjogc {
    text-decoration: none !important;
    font-weight: bold !important;
    border-bottom: 1px solid #000;
    margin-bottom: 10px !important;
    padding-bottom: 10px !important;
}

    /* News & Media */
    li.rmItem:nth-child(8) ul.rmLevel1 {
        max-width: 400px;
    }
    
    /* Membership */
    li.rmItem:nth-child(2) ul.rmLevel1 {
        max-width: 450px;
    }

    /* About */ 

    a.aboutcontact span {
        font-weight: bold;
    }
    li.rmItem:nth-child(1) ul.rmLevel2 {
        /* column-count: 1; */
        display: block !important;
    }
    li.rmItem:nth-child(1) ul.rmLevel2 li a {
        width: 100% !important;
    }
    li.rmItem:nth-child(1) ul.rmLevel2 {
        display: block !important;
    }   
    li.rmItem:nth-child(1) .rmLevel1 .rmFirst li.rmItem:nth-child(4):before, li.rmItem:nth-child(1) .rmLevel1 .rmLast li.rmItem:nth-child(5):before {
        content: '';
        width: 250px;
        border-bottom: 1px solid;
        height: 1px;
        display: block;
        margin: 15px 0;
    }
    li.rmItem:nth-child(6) .rmLevel1 li.rmItem.rmLast ul li.rmItem:first-child:before {
        content: '';
        height: 1px;
        border-bottom: 1px solid;
        width: 250px;
        margin: 15px;
        display: block;
        margin-left: 0px;
    }

    .RadMenu.RadMenu_Austin .rmGroup.rmLevel2 { background:none; }
.RadMenu.RadMenu_Austin .rmRootLink.rmExpanded, 
.RadMenu.RadMenu_Austin .rmRootLink:hover {
    background-color: #165c92;
}







h2 {
    margin-top: 40px;
    margin-bottom: 20px;
}

li:nth-child(7) .rmLevel1 li:first-child {
    max-width: 60%;
    width: 100% !important;
}
li:nth-child(7) .rmLevel1 li:last-child {
    max-width: 30%;
    width: 100% !important;
}
li:nth-child(7) .rmLevel1 li:first-child .rmSlide {
    width: 100% !important;
    max-width: 100% !important;
}


li:nth-child(7) .rmLevel1 li:last-child ul.rmLevel2 {
    display: block !important;
    padding-left: 0 !important;
}
li:nth-child(7) .rmLevel1 li:last-child ul.rmLevel2 li {
    max-width: 100% !important;
    width: 100% !important;
    overflow: hidden;
}
.RadMenu .rmSlide .rmVertical .rmLevel2 .rmLeftImage {
    position: relative;
    margin: 0;
    top: 0;
}   


div#HomePageContent:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 90px;
    background: rgba(22, 92, 146, .8);
    z-index: -1;
    opacity: 0;
    transition-duration: 250ms;
}

.RadMenu.RadMenu_Austin .rmSlide .rmLink {
    color: #000;
}


div#ctl01_ciLangBar_PrimaryNavigationControl {
    margin: 0;
}
div#ctl01_ciLangBar_PrimaryNavigationControl li.rmItem a {
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0;
}

div#ctl01_ciLangBar_PrimaryNavigationControl li.rmItem span {
    padding: 10px !important;
}
div#ctl01_ciLangBar_PrimaryNavigationControl li.rmItem a:hover {
    color: #fff;
}
div#auxiliary-container .ContentItemContainer {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 0;
}

nav#ctl01_ciPrimaryNavigation_NavControl_NavWrapper li:nth-child(9), nav#ctl01_ciPrimaryNavigation_NavControl_NavWrapper li:nth-child(8) {
    display: none;
}

nav#ctl01_ciPrimaryNavigation_NavControl_NavWrapper li li:nth-child(9), nav#ctl01_ciPrimaryNavigation_NavControl_NavWrapper li li:nth-child(8) {
    display: block;
}
div#ctl01_ciLangBar_NavControl_NavMenu li {
    display: none;
}
div#ctl01_ciLangBar_NavControl_NavMenu li:nth-child(8), div#ctl01_ciLangBar_NavControl_NavMenu li:nth-child(9) {
    display: block;
}


div#ctl01_ciPrimaryNavigation_NavControl_NavMenu li:nth-child(10), div#ctl01_ciPrimaryNavigation_NavControl_NavMenu li:nth-child(11) {
    display: none;
}

.RadMenu.RadMenu_Austin .rmRootLink.rmFocused{
    background-color: transparent;
}
.RadMenu .rmItem .rmLink:hover,
.RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink:hover, .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink.rmExpanded {
    color: white;
    background: #165c92;
}
li#ctl01_ciUtilityNavigation_ctl05__rptWrapper__rptWrapper_rpt_ctl01_NavigationListItem {
    font-size: 0;
}
div#ctl01_ciLangBar_NavControl_NavMenu {
    margin: 10px 0;
}
div#auxiliary-container {
    margin: 10px 0;
}


.RadMenu .rmRootGroup .rmItem:nth-child(8) .rmVertical.rmGroup {
    width: 50% !important;
    /* display: none !important; */
    float: right;
    margin-right: 250px;
}

.RadMenu .rmRootGroup .rmItem:nth-child(2) .rmVertical.rmGroup li.rmItem,
.RadMenu .rmRootGroup .rmItem:nth-child(8) .rmVertical.rmGroup li.rmItem {
    width: 100%;
}
li.rmItem:nth-child(2) ul.rmVertical.rmGroup.rmLevel1 li:first-child::before,
li.rmItem:nth-child(8) ul.rmVertical.rmGroup.rmLevel1 li:first-child::before {
    border-radius: 0;
}
li.rmItem:nth-child(2) ul.rmVertical.rmGroup.rmLevel1 li:last-child::before,
li.rmItem:nth-child(8) ul.rmVertical.rmGroup.rmLevel1 li:last-child::before {
    border-radius: 0 0px 25px 25px;
}


.headerimage {
    max-height: 250px;
    overflow: hidden;
    position: relative;
    margin-top: -30px;
    margin-bottom: 30px;
}
.headerimage .carousel-caption {
    font-size: 48px;
    left: inherit;
    right: inherit;
    padding-top: 30px;
    position: absolute;
    top: 50px;
    width: 100%;
    font-weight: 700;
}

a.rmLink.rmSelected {
    background: #165c92 !important;
    color: #fff !important;
}
a.UtilitySection.UtilityAuthenticationLink:hover, .nav-aux-button.nav-aux-account .NavigationLink:hover {
    background: #165c92 !important;
    color: #fff !important;
}
.NavigationListItem.nav-aux-button.nav-aux-account a:hover:before {
    color: #fff !important;
}

     .RadMenu.RadMenu_Austin .rmRootLink.rmSelected {
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f0f6f6+0,f0f6f6+100&0+0,1+24 */
         background: -moz-linear-gradient(top, rgba(240,246,246,0) 0%, rgba(240,246,246,1) 24%, rgba(240,246,246,1) 100%);
        /* FF3.6-15 */
         background: -webkit-linear-gradient(top, rgba(240,246,246,0) 0%,rgba(240,246,246,1) 24%,rgba(240,246,246,1) 100%);
        /* Chrome10-25,Safari5.1-6 */
         background: linear-gradient(to bottom, rgba(240,246,246,0) 0%,rgba(240,246,246,1) 24%,rgba(240,246,246,1) 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f6f6', endColorstr='#f0f6f6',GradientType=0 );
        /* IE6-9 */
    }
    .headerLogo {
        padding-left: 0;
        padding-top: 0;
        max-width: 135px;
        margin-top: 15px;
        float: left;
    }
    
    .RadMenu.RadMenu_Austin .rmText, .RadMenu.RadMenu_Austin .rmHorizontal .rmText, .RadMenu.RadMenu_Austin .rmSlide .rmText {
        padding: 10px 10px;
    }
    div#ctl01_ciLangBar_NavControl_NavMenu a.rmLink,
    .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink {

        text-transform: none;
        font-size: 16px;
        font-weight: normal;
        letter-spacing: 0;
        color: #000;
        font-family: 'AvenirMedium', sans-serif;
        height: 50px;
        border-radius: 15px;
        margin: 0 1px;
    }

    .french.menuItemSelected, .english.menuItemSelected {
        display: none;
    }

    .UtilityNavigationList .NavigationUnorderedList>li>a {
        padding: 10px 0px 15px 5px !important;
        font-size: 16px;
        font-weight: bold;
    }

    div#ctl01_ciPrimaryNavigation_NavControl_NavMenu .rmItem, div#auxiliary-container .rmItem, a.sign-out-link, a.UtilitySection, a.sign-in-link {
        font-size: 16px !important;
    }
     .RadTreeView.RadTreeView_Austin .rtSelected > a.rtIn, .RadTreeView.RadTreeView_Austin .child-is-selected.rtIn {
         background-color: transparent;
         color: #165c92;
         font-weight: 400!important;
         font-size: 17px!important;
    }
     .RadTreeView.RadTreeView_Austin .rtIn, .RadTreeView.RadTreeView_Austin .rtHover .rtIn, .RadTreeView.RadTreeView_Austin .rtSelected .rtIn {
         padding: 10px 15px;
         border: none;
         background-color: transparent;
         color: #165c92;
         font-weight: 400!important;
         font-size: 17px!important;
    }
     .RadTreeView.RadTreeView_Austin > .rtUL > .rtLI {
         border-top:0;
    }
}
 @media (min-width:768px) and (max-width:1159px) {
     #hd .navbar-header[data-label="Utility Navigation"] {
         top:43px;
    }
     #hd .navbar-header[data-label="Utility Navigation"] {
         top: 85px;
    }
     div[data-label="Primary Navigation"] {
         position: relative;
         bottom: 0;
         left: unset;
         transform: unset;
         width: auto;
         z-index: +1;
         float: left;
         clear: left;
         top: 10px;
    }
}
 @media (min-width:1170px) and (max-width:1769px) {
     
     #masterLogoArea {
         max-width: 225px;
    }
}
 @media (min-width:1700px) {
     #masterLogoArea {
         max-width: 250px;
    }
     #hd .navbar-header[data-label="Utility Navigation"] {
         top: 95px;
    }
     div[data-label="Primary Navigation"] {
         width:auto;
    }
}
 @media (min-width:1170px) {
     .row.whiteBackground, .row.darkBlueBackground, .row.mediumBlueBackground, .row.blueBackground, .row.lightBlueBackground, .row.mintBackground, .row.lightGreyBackground, .row.whiteBottomFadeBackground, .row.whiteTopFadeBackground, .row.whiteBottomFadeNarrowBackground, .row.whiteTopFadeNarrowBackground, .row.lightGreyTopTransparentBackground {
         margin-left: calc(50% - 50vw);
         width: 100vw;
         padding-top: 25px;
         padding-bottom: 25px;
    }
     .row.lightGreyTopTransparentBackground {
         padding-bottom: 0;
    }
     .productPhoto img {
         margin-bottom: -15px;
    }
     .AsiMessage li {
         z-index: +1;
         position: relative;
         border-radius: 3px;
         max-width: 50%;
         margin: auto;
         box-shadow: 1px 1px 5px rgba(0,0,0,.3);
    }
}
 @media (max-width:1169px) {
     #masterContentArea {
         margin-top: 0;
         max-width: 100vw;
         overflow-x: hidden;
    }
     .AsiMessage li {
         z-index: +1;
         position: relative;
         border-radius: 3px;
         max-width: 85%;
         margin: auto;
         box-shadow: 1px 1px 5px rgba(0,0,0,.3);
    }
     .multiColumnPanel .panel-body, .multiColumnPanel .PanelBody {
         padding: 0;
    }
     .multiColumnPanel .panel, .multiColumnPanel .StandardPanel {
         border: 0;
    }
     .cardPhotoPanel, .cardInfoPanel {
         width: 100%;
         height: 150px;
    }
}
 @media (max-width:550px) {
     #masterLogoArea img {
         max-width: calc(100vw * .7);
         -webkit-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
         transition: all 0.2s ease-out;
    }
}
 @media (max-width:490px) {
     #masterLogoArea img {
         max-width: calc(100vw * .55);
         -webkit-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
         transition: all 0.2s ease-out;
    }
}
 @media (max-width:400px) {
     #masterLogoArea img {
         max-width: calc(100vw * .5);
         -webkit-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
         transition: all 0.2s ease-out;
    }
     .nav-auxiliary .nav-aux-button.nav-aux-account .nav-text, .nav-auxiliary .nav-aux-button.nav-aux-cart .nav-text {
         display:none;
    }
}
 @media (min-width:650px) and (max-width:767px) {
     #masterLogoArea {
         text-align:center;
         position: absolute;
         width: auto;
         float: right;
         top: 15px;
         right: 0;
         z-index: +2;
         left: 0;
         margin: auto;
    }
}
 @media (min-width:768px) and (max-width:779px) {
     .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink {
        font-size:16px;
    }
}
 @media (min-width:780px) and (max-width:850px) {
     .RadMenu.RadMenu_Austin .rmRootGroup > .rmItem > .rmLink {
        font-size:16px;
    }
}
 @media (max-width:600px) {
     html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
         margin: 0;
         margin-top: -3px;
    }
     html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsFirst .rtsLink, html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
         margin: 0;
         margin-top: 0px;
    }
     .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
         border: 3px solid #f0f6f6!important;
         background-color: white!important;
    }
     html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
         color: #545966;
         border-image: linear-gradient(to top, #2470a9 0%, #51adc8 100%)!important;
         border-image-slice: 1!important;
    }
}
 @media (min-width:601px) {
    /*.ContentWizardDisplay, .panel.panel-border.StandardPanel.ContentTabbedDisplay{*/
    .RadMultiPage {
         border-style: solid;
         border-width: 0 3px 3px 3px;
         border-color: #51adc8;
         padding: 20px;
         border-style: solid;
         color: #545966;
         background: white;
         border-image: linear-gradient(to top, #2470a9 0%, #51adc8 100%);
         border-image-slice: 1;
         border-width: 3px;
         border-top-width: 0;
    }
     .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
         margin: 0!important;
         border: 1px solid transparent;
    }
     .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
         border-width: 0!important;
    }
     .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 {
         overflow: visible;
         border-radius: 3px;
         color: #2470a9;
         background: transparent;
         border-image-slice: 1;
         border-width: 3px;
         position: relative;
         margin-bottom: -2px;
    }
     .RadTabStrip .rtsLI, .RadTabStripVertical .rtsLI, .RadTabStrip .rtsUL, .RadTabStripVertical .rtsUL {
         overflow:visible!important;
    }
     html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected, html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:hover {
         border-color: #3aabcf;
         background-color: white!important;
         border-left-width: 3px!important;
         border-bottom-width: 0;
         border-top-left-radius: 4px;
         border-top-right-radius: 4px;
         color: #2470a9;
         background: white;
         border-right-width: 3px!important;
         border-top-width: 3px!important;
    }
     html .RadTabStrip.RadTabStrip_MetroTouch .rtsLevel1 .rtsSelected:after {
         content: '';
         display: block;
         background: white;
         width: calc(100% - 6px);
         height: 4px;
         position: absolute;
         bottom: -3px;
         left: 3px;
    }
     a.rtsLink:after {
         width: 2px;
         height: 100%;
         position: absolute;
         display: block;
         content: '';
         bottom: -3px;
         right: -2px;
         background: -moz-linear-gradient(top, rgba(81,173,200,0) 0%, rgba(81,173,200,1) 100%);
         background: -webkit-linear-gradient(top, rgba(81,173,200,0) 0%,rgba(81,173,200,1) 100%);
         background: linear-gradient(to bottom, rgba(81,173,200,0) 0%,rgba(81,173,200,1) 100%);
         filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0051adc8', endColorstr='#51adc8',GradientType=0 );
    }
     .rtsLast > a.rtsLink:after {
         content:none;
    }
     .RadTabStrip_MetroTouch .rtsLevel1 .rtsLink {
         background-color:transparent!important;
    }
     .RadTreeView.RadTreeView_Austin > .rtUL > .rtLI .rtLI .rtIn {
         padding: 5px 30px;
    }
     .rtSelected > a.rtIn, .RadTreeView.RadTreeView_Austin a.rtIn:hover {
         background: #247089;
         background: -moz-linear-gradient(top, #247089 0%, #51adc8 100%);
         background: -webkit-linear-gradient(top, #247089 0%,#51adc8 100%);
         background: linear-gradient(to bottom, #247089 0%,#51adc8 100%);
         color: white!important;
    }
     .RadTreeView.RadTreeView_Austin > .rtUL > .rtLI > .rtUL {
         padding-right: 0;
         padding-bottom: 10px;
         padding-left: 0;
    }
}
@media (max-width:1320px) {

    .RadMenu.RadMenu_Austin .rmText, .RadMenu.RadMenu_Austin .rmHorizontal .rmText, .RadMenu.RadMenu_Austin .rmSlide .rmText, a.UtilitySection.UtilityAuthenticationLink, .nav-aux-button.nav-aux-account .NavigationLink, a.UtilitySection.UtilityAuthenticationLink, a#ctl01_ciUtilityNavigation_ctl03__rptWrapper__rptWrapper_rpt_ctl01_NavigationLink {
        padding: 10px 5px;
        font-size: 15px !important;
    }
    .primeNav {
        margin-left: 10px;
    }
}
.headerLogo a {
    display: block;
    height: 100%;
    width: 100%;
}

#MainHtml body {visibility:visible;}
#MainHtml body.makeVisible {visibility:visible;}


/**************************************************************/
/* ASI changes applied after upgrade  - Revised March 24 2021 */
/**************************************************************/

/* Second Level */ 
.RadMenu.MainMenu .rmTwoLevels .rmLevel1 > .rmItem > .rmLink { 
    font-family: 'AvenirLight', sans-serif;
    font-size: 16px; 
    font-weight: bold;      
}
.UtilitySection.UtilitySTEToggle.ste-section {
    position: absolute;
    top: -15px;
    right: -24px;
    opacity: .01;
}
.UtilitySection.UtilitySTEToggle.ste-section:hover {
    opacity: 1;
}
.EasyEditOn .NoContentSTEContainer .EasyEditContent, .EasyEditOn .EasyEditContent .EasyEditContent, .EasyEditOn .WebPartZoneDesignTime .EasyEditContent, .EasyEditOn .NoContentSTEContainer, .EasyEditOn .EasyEditContent, .EasyEditOn .WebPartZoneDesignTime {
    margin: inherit !important;
}



/* Third Level */ 
.RadMenu.MainMenu .rmSlide .rmSlide a.rmLink, 
.RadMenu.MainMenu .rmLevel2 > .rmItem > .rmLink {     
    font-family: 'AvenirLight', sans-serif;
    font-size: 16px; 
    font-weight: 400; 
} 

@media (min-width: 768px) {
    .RadMenu.MegaDropDownMenuOuter ul.rmLevel1 div.rmSlide, 
    .RadMenu.MegaDropDownMenuOuter ul.rmLevel1 ul.rmVertical div.rmSlide {
        display: block !important;
    }
}

/* For customizations */
@media(min-width:768px) {

    .RadMenu.MainMenu .rmTwoLevels .rmLevel1 > .rmItem > .rmLink .rmText {
        border-bottom:1px solid #fff; 
        padding-left:0;
    }
    .RadMenu.MainMenu .rmSlide .rmSlide .rmItem,
    .RadMenu.MainMenu .rmSlide .rmSlide .rmText {
        padding: 8px 15px 8px 0px;
    }

    .RadMenu.MainMenu .rmTwoLevels .rmLevel1 > .rmItem > .rmLink, .RadMenu.MainMenu .rmSlide .rmSlide a.rmLink, .RadMenu.MainMenu .rmLevel2 > .rmItem > .rmLink {
        color: #000;
   }
   .RadMenu.MainMenu .rmLevel1 {         
        display: flex!important; 
        flex-direction: row; 
        flex-wrap: wrap;
   }
   .RadMenu.MainMenu .rmLevel1 > li.rmItem  { 
        width: 40%;
        margin: 0 2%;
    } 
    li.rmItem:nth-child(5) li.rmItem {
    max-width: 20%;
    position: relative;
}

li.rmItem:nth-child(7) ul.rmVertical.rmGroup.rmLevel1 {
    max-width: 500px;
    flex-direction: column;
    left: 400px ! IMPORTANT;
}


li.rmItem.rmOneLevel:nth-child(5) .rmSlide li.rmItem {
    width: 100%;
    height: 170px;
    margin-bottom: 10px;
    line-height: 22px;
    position: relative;
}
li.rmItem.rmOneLevel:nth-child(5) .rmSlide li.rmItem a.rmLink {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
li.rmItem.rmOneLevel:nth-child(5) .rmSlide li.rmItem img.rmLeftImage {
    top: 0;
    object-fit: cover;
    margin-top: 0;
}

li.rmItem:nth-child(5) li.rmItem .rmText {
    display: block;
    clear: both;
    text-align: center;
    background: #fff;
    padding: 0;
}
li.rmItem:nth-child(5) li.rmItem a.link-publicresource {
    max-width: 100%;
    overflow: hidden;
}
li.rmItem:nth-child(6) li.rmItem:first-child li.rmItem {
    width: 100%;
}

    .RadMenu.MainMenu .rmTwoLevels .rmLevel1 > .rmItem > .rmLink, .RadMenu.MainMenu .rmSlide .rmSlide a.rmLink, .RadMenu.MainMenu .rmLevel2 > .rmItem > .rmLink {
        color: #000;
        max-width: 100%;
    }
    /* Second Level - Hover state */ 
    .RadMenu.MainMenu .rmTwoLevels .rmLevel1 > .rmItem > .rmLink:hover,
    .RadMenu.MainMenu .rmTwoLevels .rmLevel1 > .rmItem > .rmLink:focus,
    .RadMenu.MainMenu .rmLevel1 > .rmItem > .rmLink.rmFocused,
    .RadMenu.MainMenu .rmSlide ul.rmGroup .rmLink:hover, 
    .RadMenu.MainMenu .rmSlide ul.rmGroup .rmLink:focus,
    .RadMenu.MainMenu .rmLevel1 > .rmItem > .rmLink:hover,
    .RadMenu.MainMenu .rmLevel1 > .rmItem > .rmLink:focus { 
             background-color: transparent; 
             color: #000;
    } 

    /* Third Level - Hover State */ 
    .RadMenu.MainMenu .rmSlide .rmSlide a.rmLink:hover,
    .RadMenu.MainMenu .rmSlide .rmSlide a.rmLink:focus,
    .RadMenu.MainMenu .rmSlide .rmSlide a.rmLink.rmFocused,
    .RadMenu.MainMenu .rmLevel2 > .rmItem > .rmLink:hover,
    .RadMenu.MainMenu .rmLevel2 > .rmItem > .rmLink:focus  { 
             background-color: transparent; 
             color: #000; 
    }
    a.rmLink.link-sexandu.link-publicresource {
        text-align: center;
    }



    html:before {
        content: '';
        position: fixed;
        width: 100%;
        height: 100%;
        left: 0;
        top: 90px;
        background: rgba(22, 92, 146, .8);
        z-index: -1;
        opacity: 0;
        transition-duration: 150ms;
    }
    html.menuactive:before {
        z-index: 9;
        opacity: 1;
    }



}
@media(max-width:767px) {
    .RadMenu .rmVertical .rmItem .rmText { float:left!important; }
}


/* SOGC TABS REPLACEMENT */

div#sogc_tabs {
    display: block;
    clear: both;
}
div#sogc_tabs_header {
    display: flex;
}
.sogc_tab_header {
    line-height: 45px;
    padding: 0 9px 0 9px;
    position: relative;
    cursor: pointer;
    color: #3aabcf;
    border: 3px solid transparent;
}
.sogc_tab_header.sogc_active_header {
    border: 3px solid #51adc8;
    border-bottom: 0;
}
.sogc_tab_header.sogc_active_header:after {
    content: '';
    width: calc(100%);
    left: 0;
    border: 5px solid #fff;
    bottom: -3px;
    position: absolute;
    z-index: 1;
}
.sogc_tab_header:after {
    content: '';
    position: absolute;
    right: -4px;
    height: 42px;
    border: 1px solid #51adc8;
    bottom: -3px;
}
.sogc_tabs_content {
    height: 400px;
    overflow: hidden;
    border: 3px solid #51adc8;
    position: relative;
}
.sogc_tab_content {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    margin: 20px;
    flex-wrap: nowrap !important;
    flex-flow: row;
    align-items: center;
    overflow: hidden;
    opacity: 0;
    transition-duration: 250ms;
    height: 355px;
}
.sogc_tab_content.sogc_active_tab {
    opacity: 1;
}
.sogc_tab_image_wrapper {
    max-width: 55%;
    margin-right: 5%;
    display: inline-block;
    float: left;
    height: 100%;
    width: 100%;
    background-size: cover;
    background-position: center center;
}
.sogc_tabs_inner {
    float: left;
    display: flex;
    max-width: 40%;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    gap: 20px;
}

a.SogcTextButton {
    padding: 10px 30px;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    border: 1px solid;
    border-radius: 3px;
    color: #fff;
    margin-right: 10px;
    background: #247089;
    text-decoration: none;
    background: -moz-linear-gradient(top, #247089 0%, #51adc8 100%);
    background: -webkit-linear-gradient(top, #247089 0%, #51adc8 100%);
    background: linear-gradient(to bottom, #247089 0%, #51adc8 100%);
    border-color: transparent;
}
a.SogcTextButton:hover {

    background: #0b3555;
    background: -moz-linear-gradient(top, #0b3555 0%, #51adc8 100%);
    background: -webkit-linear-gradient(top, #0b3555 0%, #51adc8 100%);
    background: linear-gradient(to bottom, #0b3555 0%, #51adc8 100%);
}




.carousel-caption {
    position: relative;
    left: inherit;
    right: inherit;
}

/* below 1000px */

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

    div#sogc_tabs_header {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
    }
    .sogc_tab_header:after, .sogc_tab_header.sogc_active_header:after {
        display: none;
    }

    .sogc_tab_header {
        width: 60%;
        text-align: center;
        border: 1px solid;
    }
    .sogc_tab_header.sogc_active_header {
        border: 3px solid #51adc8;
    }
    .sogc_tabs_content {
        border-width: 1px;
        height: 570px;
    }
    .sogc_tab_content {
        height: 530px;
    }
    .sogc_tab_image_wrapper {
        max-width: 100%;
        height: 225px;
    }

    .sogc_tabs_inner {
        max-width: 100%;
        justify-content: start;
    }
}

/*****************************************/



/* End ASI Upgrade changes */


@media (min-width:1600px) {
    
    #masterLogoArea {z-index: +10;position: relative;}

}

/*
Bootstrap 5.0 Compatibility
*/

.row > .innerWrapper {
    display: flex;
    flex-wrap: wrap;
}

.row > .innerWrapper > * {
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
}

.row > * {
    position: relative;
}



/* Board of directors page */

.single_member {
    flex: 0 0 15%;
}

div#board_members .single_member:first-child {
    flex: 100%;
}
div#board_members {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: start;
    text-align: center;
}

/* Job board icon */
.jobboardicon span.rmText:before {
    content: '\f0f0';
    font-family: 'FontAwesome';
    margin-right: 15px;
}

.brandrecogicon span.rmText:before {
    content: '\f06e';
    font-family: 'FontAwesome';
    margin-right: 15px;
}
.calendaricon span.rmText:before {
    content: '\f133';
    font-family: 'FontAwesome';
    margin-right: 15px;
}
.guidelinesjogc span.rmText:before {
    content: '\f02d';
    font-family: 'FontAwesome';
    margin-right: 15px;
}


@media (max-width: 992px) {
    .primeNav {
        /*top: 175px;*/
    }
    div#ctl01_ciLangBar_NavControl_NavMenu {
        display: none;
    }
    nav#ctl01_ciPrimaryNavigation_NavControl_NavWrapper li.rmItem:nth-child(10), nav#ctl01_ciPrimaryNavigation_NavControl_NavWrapper li.rmItem:nth-child(11) {
        display: none;
    }
    div#ctl01_ciPrimaryNavigation_PrimaryNavigationArea {
        box-shadow: 0 9px 22px 0px #ccc;
    }
    .RadMenu .rmGroup .link-publicresource img.rmLeftImage {
        max-width: 100px;
        position: relative;
        margin-top: 5px;
    }
    ul.rmLevel2>.rmItem {
        width: 100% !important;
    }
    .RadMenu_Austin .rmSlide .rmSlide {
        margin-top: 0 !important;
    }
}