﻿/*----CLAMP ERROR ---*/
  #IMG-MASTHEAD h1 { font-size: clamp(2.2rem, 1.553rem + 2.871vw, 5rem); line-height: clamp(2.2rem, 1.553rem + 2.871vw, 5rem); }
  #IMG-MASTHEAD h2 { font-size: clamp(1.25rem, 1.076rem + 0.769vw, 2rem); line-height: clamp(1.5rem, 1.136rem + 1.616vw, 2.5rem); }
  #regWhite .blogTitle h1 { font-size: clamp(1.4rem, 1rem + 1.777vw, 2.5rem); color: #565656; }
#regBodyContent .inner {display: none;}

#IMG-MASTHEAD .MastheadCTA {
font-size: 1.4em;
margin: 40px auto -20px;
border-radius: 4px;
background: linear-gradient(305deg,rgba(218,41,28,0) 55%,rgba(218,41,28,.8) 55%,rgba(218,41,28,.65) 85%);
background-size: 450%;
}
#regBodyContent {min-height: 350px}
@media (max-width: 450px){
#IMG-MASTHEAD .MastheadCTA {
    font-size: 1.1em !important;
}
}

#IMG-MASTHEAD.mh{
background-size: cover;
background-position: center;
}

#IMG-MASTHEAD.mh-form {
    margin-bottom: 20px;
    background-image: linear-gradient(to bottom right,#120000ab,#000600cc), url(/Uploaded/Image/mastheads/ContactUs.jpg);
}

/*---- Superfly Custom Flyout Styling START ---*/
.sfm-view-level-custom {
    background: white !important;
    padding: 0 20px !important;
}

.sfm-view-level-custom .menu-body {
    line-height: 1.4em;
}
/*---- Superfly Custom Flyout Styling END ---*/



/*---- Font size increase to improve blog readability START ---*/
#blogColumn {
    font-size: 1.1em;
}
/*---- Font size increase to improve blog readability END ---*/

/*---- Fix search icon and logo overlap on mobile START ---*/
@media (max-width: 375px){
.headerContainer {
    justify-content: center;
    padding-right: 0;
}
}
/*---- Fix search icon and logo overlap on mobile END ---*/

/*---- Search Icon Position Change START ---*/
#regSearch {position: fixed;}
/*---- Search Icon Position Change END ---*/

/*---- Menu CSS START ---*/
#sfm-sidebar .sfm-view-level-3 li ahover, #sfm-sidebar .sfm-menu-level-3 li a:hover {
color: white;
}
/*---- Menu CSS END ---*/

/*----Increase JW player tooltip and chapter marker size START ---*/
.jw-controlbar .jw-tooltip .jw-text, .jw-settings-menu .jw-tooltip .jw-text, .jw-time-tip .jw-text {
    font-size: 14px !important;
}
/*----Increase JW player tooltip and chapter marker size END ---*/

/*----Blog Quoted Changes START ---*/
.quoted {
    text-align: right;
    width: 100%;
    color: #565656;
    font-size: 0.8em;
}

.blogQuote {
display: flex;
    flex-direction: column;
}

.blockQuote {
    font-weight: bold;
    padding-left: 20px;
    border-left: 5px #1d4f91 solid;
    margin: 25px 0px;
    font-size: 1.05em;
}
/*----Blog Quoted Changes END ---*/

#regBodyContent .blogIntro a {
    font-weight: normal;
    color: #2a24ff;
}

/*----Edits to fix Header resizing overlap issues START ---*/
@media (max-width: 1200px){
#divfixMenuTitle {
    display: none;
}
}
@media (max-width: 750px){
.excel {    display: none;}
}

/*----Edits to fix Header resizing overlap issues END ---*/

/*---- Job Page Minor Fixes START ----*/

#JobPage {
    padding: 20px;
}

.MainJobR {
    margin: 10px 0;
}

.MainJobL {
    margin: 10px 10px 10px 0;
}

@media (max-width: 550px){
.MainJobBodyR {
    flex-direction: column;
    display: flex;
    align-items: center;
    text-align: center;
}
}

/*---- Job Page Minor Fixes END ----*/


#IMG-MASTHEAD  {
background-color: #000;
}

#IMG-MASTHEAD h1 {
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 0 3px 8px #262626;
    white-space: normal;
    text-align: center;
}


#IMG-MASTHEAD h2 {
    color: #fff;
    letter-spacing: 10px;
    text-transform: uppercase;
    font-weight: 100;
    text-shadow: 0 2px 3px #000;
    text-align: center;
}

@media (max-width: 450px){
#IMG-MASTHEAD h2 {
    letter-spacing: 7px;
}
}

#regBodyContent .inner {display: none;}

.fade-effect2 {
    background: -webkit-linear-gradient(left, black, white);
}

/*----------------------- Header Graphics Start -------------*/

.card-span header {
    background-image: url(/uploaded/image/Cards/CardTitleBlank.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
}

/*----------------------- Header Graphics End -------------*/

/*----------------------- Blog Headings Start -------------*/

#regWhite .blogIntro h3 { 
    font-weight: bold;
    color: #565656;
    font-size: 1.8em;
    margin-bottom: 5px;
    margin-top: 60px;
}

#regWhite .blogContent h3 { 
    margin-top: 60px;
}

.fade-effect2 {
margin-bottom: 20px;
}

#regWhite .blogContent h4 {
    font-size: 1.4em;
    font-weight: bold;
    color: #1d4f91;
    margin-top: 40px;
    margin-bottom: 0;
padding-bottom: 0;
}

/*----------------------- Blog Headings End -------------*/

/*-----------------------Avoid Chat Icon overlapping with CTA start -------------*/

@media (max-width: 1400px) {
 #si-wrapper .silc-btn {bottom: 55px !important;}
}

/*-----------------------Avoid Chat Icon overlapping with CTA end  -------------*/

/*---------------------- Schedule List Changes Start --------------------------------------*/

#regGrey .Datagrid .datagridItem td, #regBodyContent .Datagrid .datagridAlternatingItem td, #regGrey .Datagrid .EmptyDatagridMessage {
    background-color: #f6f6f6;
    border-bottom: none;
}
#regWhite .datagridItem a {
    color: #565656;
}
#regWhite .datagridAlternatingItem a {
    color: #565656;
}
#regBodyContent .Datagrid {
    border-style: none;
}

/*---------------------- Schedule List Changes End --------------------------------------*/

/*---------------------- Side Menu Style Changes Start --------------------------------------*/
#accordion-search input[type="text"] {width: 80%}

#accordion a.active {border: none;}
.accordion-search-btn {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
}
.accordion-logo-top {
    font-size: 3.49em;
    text-align: left;
    padding-left: 60px;
}
/*---------------------- Side Menu Style Changes End --------------------------------------*/

/* ===================  Hyperlink Changes Start =================== */

#regWhite .card-span a, #regGrey .card-span a, #regBlue .card-span a {
color: #2a24ff;
}

#regWhite .card-span a:hover, #regGrey .card-span a:hover, #regBlue  .card-span a:hover {
text-decoration: underline;
text-underline-offset: .2em;
}

#regGrey .card-button-capa a, #regWhite .card-button a, #regGrey .card-button a,  #regBlue .card-button a{
color: #565656;
}

#regGrey .card-button-capa a:hover, #regWhite .card-button a:hover, #regGrey .card-button a:hover, #regWhite .subMenu a:hover, #divfix a:hover {
text-decoration: none;
}

#regBlue .card-button a:hover {
color: #fff;
text-decoration: none;
}

#openTickets.card-body a, #ticketHistory.card-body a {
color: #565656;
}

#openTickets.card-body, #ticketHistory.card-body {
    overflow-y: auto;
}

/* ===================  Hyperlink Changes End =================== */

/*----------------------MySSM Header Start --------------------------------------*/
.excel-top {
    display: none;
}
/*---------------------- MySSM Header End --------------------------------------*/

/*--------------------- Masthead for Support Portal Start -----------------------------------------*/

.webp .mh-support2 { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/TechSuppTeam.webp"); }
.no-webp .mh-support2 { background-image: linear-gradient(to bottom right, #000000cc, #00000042), url("/uploaded/Image/mastheads/sm/TechSuppTeam.jpg"); }

@media (max-width: 450px) {
.webp .mh-support2 {background-image: linear-gradient(to bottom right,#00000055,#00000000), url("/uploaded/Image/mastheads/mobile/450_TechSuppTeam.webp");}
.no-webp .mh-support2 {background-image: linear-gradient(to bottom right,#00000055,#00000000), url("/uploaded/Image/mastheads/mobile/450_TechSuppTeam.jpg");}
}

/*--------------------- Masthead for Support Portal End -----------------------------------------*/

/*----------------- Submenu search icon ------------------*/

.subMenu li:nth-child(1) {
display:flex!important;
FLEX-GROW: 0.1!important;
  background: #f1ba17;

}

.subMenu svg:nth-child(1) {
display:flex!important;
  font-size: 1.25em!important;
color:white!important;
}

.subMenu svg.svg-inline--fa.fa-f312.fa-w-18 {
display:none!important;
}

svg.svg-inline--fa.fa-search.fa-w-16 {
padding:0px!important
}
/*----------------- Submenu search icon End ------------------*/



#tabsSearch ul.tabs li {;
    padding: 15px 50px;
}

#tabsSearch .tile .imageDimensions {
display:none;
}

#tabsSearch .tile .assetTitle {
    margin-bottom: -2%;
}
/*----------------- MYSSM Ticket ------------------*/



#caseDetail .card-middle.align-left {
    max-height: 700px!important;
}

#ticketHistoryN {
    max-height: 270px!important;
}

#ticketHistoryN .card-span a{
 color: #565656!important;
}

/*----------------- MySSM Ticket End ------------------*/

#HOMEBLOG .hBlogArticle {
    min-height: 280px;
    background-color: #fff;
    border: 1px solid #ccc;
    cursor: pointer;
    border-radius: 4px;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#HOMEBLOG .hBlogArticle .Content {
display: none;
}
#HOMEBLOG .hBlogArticle .Title {
    padding: 15px 5px;
    text-align: center;
    font-size: 1.1em;
    line-height: 1.3em;
}
.card-button {
    background: linear-gradient(180deg, rgba(244,244,244,1) 0%, rgba(255,255,255,1) 100%);
    box-shadow: none;
    text-align: center;
}

/*----------------- Scroll to Top Mobile Change Start ------------------*/

#cookiescript_badge {
    bottom: 20px !important;
    left: 20px !important;
}

.cd-top {
 right: 90px !important;
 bottom: 20px !important;
 left: unset;
}

#si-wrapper .silc-btn {
    bottom: 20px !important;
}

@media (max-width: 450px) {
.cd-top {
display:none;
}
}

/*-----------------  Scroll to Top Mobile Change End ------------------*/


#regWhite .section-title, #regGrey .section-title, #regBlue .section-title {
height: unset;
padding: 10px;
box-shadow: 0 5px 14px -5px #000000aa;
}


/*---- superfly add extra animations----*/


#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(1) {
    transition-delay: .1s;
    -webkit-transition-delay: .1s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(2) {
    transition-delay: .0.133s;
    -webkit-transition-delay: .133s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(3) {
    transition-delay: .0.166s;
    -webkit-transition-delay: .0.166s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(4) {
    transition-delay: .2s;
    -webkit-transition-delay: .2s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(5) {
    transition-delay: .233s;
    -webkit-transition-delay: .233s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(6) {
    transition-delay: .266s;
    -webkit-transition-delay: .266s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(7) {
    transition-delay: .3s;
    -webkit-transition-delay: .3s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(8) {
    transition-delay: .333s;
    -webkit-transition-delay: .333s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(9) {
    transition-delay: .366s;
    -webkit-transition-delay: .366s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(10) {
    transition-delay: .4s;
    -webkit-transition-delay: .4s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(11) {
    transition-delay: .433s;
    -webkit-transition-delay: .433s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(12) {
    transition-delay: .466s;
    -webkit-transition-delay: .466s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(13) {
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(14) {
    transition-delay: .533s;
    -webkit-transition-delay: .533s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(15) {
    transition-delay: .566s;
    -webkit-transition-delay: .566s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(16) {
    transition-delay: .6s;
    -webkit-transition-delay: .6s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(17) {
    transition-delay: .633s;
    -webkit-transition-delay: .633s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(18) {
    transition-delay: .666s;
    -webkit-transition-delay: .666s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(19) {
    transition-delay: .7s;
    -webkit-transition-delay: .7s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(20) {
    transition-delay: .733s;
    -webkit-transition-delay: .733s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(21) {
    transition-delay: .766s;
    -webkit-transition-delay: .766s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(22) {
    transition-delay: .8s;
    -webkit-transition-delay: .8s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(23) {
    transition-delay: .833s;
    -webkit-transition-delay: .833s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(24) {
    transition-delay: .866s;
    -webkit-transition-delay: .866s;
}
#sfm-sidebar.sfm-sidebar-exposed .sfm-menu-level-0 > li:nth-child(25) {
    transition-delay: .9s;
    -webkit-transition-delay: .9s;
}

#sfm-sidebar .sfm-menu .sfm-chapter {
	font-size: 15px;
	margin-top: 10px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: -5px;
}

/*----------------- Promo Start ------------------*/
.Promo-major-title {
    font-size: 3.8em;
    text-transform: uppercase;
    font-weight: 700;
filter: drop-shadow(4px 4px 0px grey);
    line-height: 1em;
    margin: 20px 0 0;
}

@media (max-width: 700px) {
.Promo-major-title {
    font-size: 2em;}
}
/*----------------- Promo End ------------------*/






/*======== Update to TriMech Colours Start ==========*/


.mainSSM { background: #1D4F91;}
.sfm-navicon, .sfm-navicon:after, .sfm-navicon:before, .sfm-label-metro .sfm-navicon-button, #sfm-mob-navbar { background-color: #1d4f91;}
#divfix {  background: #1d4f91;}
#regBodyContent .subMenu { border-color: #1d4f91;}
#regBodyContent .subMenu li:hover { background: #1d4f91;}
#CAD .card-heading { border-color: #1d4f91;}
#CAD .card-button a:hover { background: #1d4f91;}
.tabs-nav .tab-nav-link.current, .tabs-nav .tab-nav-link:hover { background: #1d4f91;}
.card-subtitle { border-color: #1d4f91; color: #1d4f91; border-style: solid;}
#regGrey h3.tab-title {  border-color: #1d4f91;}
.mainPrice { background-color: #1d4f91;}
.accordion-header:hover { background: #1d4f91;}
.accordion__item { border-bottom: 1px solid #1d4f91;}

#regBlue .card-heading { background-color: #1d4f91;}
.cd-top {
    background: #1d4f91 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE2IDE2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iOCwyLjggMTYsMTAuNyAxMy42LDEzLjEgOC4xLDcuNiAyLjUsMTMuMiAwLDEwLjcgIi8+DQo8L3N2Zz4NCg==) no-repeat center 50%;
}
#si-wrapper .silc-btn-button.silc-btn-button-color { background-color: #1d4f91 ; border: #1d4f91 ;}
#regGrey hr { color: #1d4f91; border-style: solid; width: 95%;}
#divfix:hover { background: #103970;}
#regWhite .card-button a:hover, #regGrey .card-button a:hover { background: #1d4f91;}
#regSearch { background-color: #1d4f91;}


#IMG-MASTHEAD .MastheadCTA { background: linear-gradient(305deg,#00b6ff00 55%,#00b6ff 55%,#00b6ff99 85%); border-color: #00b6ff; text-shadow: 0 0 1px #00b6ff; background-size:450%; }
#IMG-MASTHEAD .MastheadCTA:hover { background-color: #1d4f91;}

#regBlue .section-title { background-color: #1d4f91;}
.carouselBtn { background: #0071ee;}
.carouselBtn:hover { background-color: #00b6fe;}
.cookiescriptlogo { fill: #1d4f91 !important;}
#si-wrapper .silc-btn-button.silc-btn-button-color { background-color: #1d4f91 !important;}

.card-heading {
    border-color: #1d4f91;
}

.gLeft {
    background: linear-gradient(to right, rgba(29,79,145,0), rgba(29,79,145,0.7) 33%, rgba(29,79,145,1));
}

.gRight {
    background: linear-gradient(to right, rgba(29,79,145,0), rgba(29,79,145,0.7) 33%, rgba(29,79,145,1));
}

.Launch:hover .Inside {
    background-color: rgba(29,79,145,1);
}

.carouselBtn { border-color: #1d4f91 !important;}
.blogDateFiled svg { color: #009FDF !important;}

/*========== Update to TriMech Colours End ==========*/

/*========== Transitions Start ==========*/
.background-transition {height: calc(8vw + 50px); max-height: 250px}

.transition-white-lgrey-right-left {background: linear-gradient(178deg, #ffffff 0%, #ffffff 40%, #eeeeeeaa 40.3%, #eeeeeeaa 45.1%, #eeeeeeaa 45.4%, #eeeeeeaa), linear-gradient(176.7deg, #ffffff 0%, #ffffff 39.8%, #eeeeee22 40.2%, #eeeeee22 50.8%, #eeeeee 51.2%, #eeeeee);}

.transition-lgrey-white-left-right { background: linear-gradient(2deg, #ffffff 0%, #ffffff 40%, #eeeeeeaa 40.3%, #eeeeeeaa 45.1%, #eeeeeeaa 45.4%, #eeeeeeaa), linear-gradient(3.3deg, #ffffff 0%, #ffffff 39.8%, #eeeeee22 40.2%, #eeeeee22 50.8%, #eeeeee 51.2%, #eeeeee);}


.transition-white-grey-right-left {background: linear-gradient(177.3deg, #fff 0%, #fff 40%, #262626aa 40.3%, #262626aa 49.1%, #262626 49.4%, #262626), linear-gradient(179deg, #fff 0%, #fff 39.8%, #262626aa 40.2%, #262626aa 50.8%, #262626 70.2%, #262626);}

.transition-white-grey-left-right {background: linear-gradient(182.7deg, #fff 0%, #fff 40%, #262626aa 40.3%, #262626aa 49.1%, #262626 49.4%, #262626), linear-gradient(181deg, #fff 0%, #fff 39.8%, #262626aa 40.2%, #262626aa 50.8%, #262626 70.2%, #262626);}

.transition-white-blue-left-right {background: linear-gradient(182deg, #fff 0%, #fff 43%, #1d4f91aa 43.3%, #1d4f91aa 52.1%, #1d4f91 52.4%, #1d4f91), linear-gradient(181.3deg, #fff 0%, #fff 43.8%, #1d4f91aa 44.2%, #1d4f91aa 53.8%, #1d4f91 54.2%, #1d4f91);
}

.transition-grey-white-right-left {background: linear-gradient(177.3deg, #262626  0%, #262626 40%, #262626aa 40.3%, #262626aa 49.1%, #FFF 49.4%, #FFF), linear-gradient(179deg, #262626 0%, #262626 39.8%, #262626aa 40.2%, #262626aa 50.8%, #FFF 51.2%, #FFF);}

.transition-grey-lgrey-right-left {background: linear-gradient(177.3deg, #262626 0%, #262626 43%, #eeeeeeaa 43.3%, #eeeeeeaa 52.1%, #eee 52.4%, #eee), linear-gradient(179deg, #262626 0%, #262626 43.8%, #eeeeeeaa 44.2%, #eeeeeeaa 53.8%, #eee 54.2%, #eee);}

.transition-grey-lgrey-left-right {background: linear-gradient(183deg, #262626 0%, #262626 43%, #eeeeeeaa 43.3%, #eeeeeeaa 52.1%, #eee 52.4%, #eee), linear-gradient(182.3deg, #262626 0%, #262626 43.8%, #eeeeeeaa 44.2%, #eeeeeeaa 53.8%, #eee 54.2%, #eee);}

.transition-lgrey-grey-right-left {background: linear-gradient(177.3deg, #eee 0%, #eee 40%, #262626aa 40.3%, #262626aa 49.1%, #262626 49.4%, #262626), linear-gradient(179deg, #eee 0%, #eee 39.8%, #262626aa 40.2%, #262626aa 50.8%, #262626 70.2%, #262626)}

.transition-lgrey-blue-left-right {background: linear-gradient(183deg, #eeeeee 0%, #eeeeee 43%, #1d4f91aa 43.3%, #1d4f91aa 52.1%,#1d4f91 52.4%, #1d4f91), linear-gradient(182.3deg, #eeeeee 0%, #eeeeee 43.8%, #1d4f91aa 44.2%, #1d4f91aa 53.8%, #1d4f91 54.2%, #1d4f91);
}

.transition-grey-blue-left-right {background: linear-gradient(183deg, #262626 0%, #262626 43%, #1d4f91aa 43.3%, #1d4f91aa 52.1%,#1d4f91 52.4%, #1d4f91), linear-gradient(182.3deg, #262626 0%, #262626 43.8%, #1d4f91aa 44.2%, #1d4f91aa 53.8%, #1d4f91 54.2%, #1d4f91);
}
/*========== Transitions End ==========*/

/*========== Marketo Form Global Colour Changes Start ==========*/

.mktoForm .mktoAsterix {
    color: #009fdf !important;
}

.mktoForm .mktoError .mktoErrorArrow {
    background-color: #1d4f91 !important;
}

.mktoForm .mktoError .mktoErrorMsg {
    background-color: #1d4f91 !important;
}

/*========== Marketo Form Global Colour Changes End ==========*/

.si-msg-profile { background-color: #1d4f91;}
.title-bg { background-color: #1d4f91;}
.btn:hover, .btn, .btn-default, .btn:focus, .btn-default:focus { background-color: #1d4f91; border-color: #1d4f91;}
.LPHTCon { border-bottom: 5px solid #1d4f91 !important;}

.jw-controls-backdrop { background: linear-gradient(to bottom,transparent,rgba(0,0,0,0.1) 77%,rgba(0,0,0,0.2) 100%) 100% 100%/100% 240px no-repeat transparent !important;}

#siWidget-chat { max-height: 520px !important;}

/*========== Superfly Menu CSS Start ==========*/
.sfm-va-middle {
    background-color: #030b17;
}

#sfm-sidebar .sfm-view-level-1, #sfm-sidebar ul.sfm-menu-level-1 {
    background: #101620;
}

#sfm-sidebar .sfm-view-level-2, #sfm-sidebar ul.sfm-menu-level-2 {
    background: #1c2129;
}

.sfm-menu-level-0 .sfm-chapter {
    color: #1d4f91 !important;
    font-weight: 700 !important;
}

.sfm-menu-level-1 .sfm-chapter, .sfm-menu-level-2 .sfm-chapter {
    color: #1d4f91 !important;
    text-align: left !important;
    font-weight: 700 !important;
}

li.sfm-chapter {
    padding: 10px 0 5px !important;
}
li.sfm-chapter {
    transition: 0.5s ease all !important;
}

.sfm-menu a {
    color: #bababa !important;
}

#sfm-sidebar .sfm-menu-level-0 li > a:before, #sfm-sidebar .sfm-menu-level-0 .sfm-active-item > a:before, #sfm-sidebar .sfm-menu-level-0 .sfm-active-smooth > a:before {
    background-color: #1d4f9177;
}

#sfm-sidebar .sfm-view-level-1 .sfm-menu a:before, #sfm-sidebar .sfm-view-level-1 .sfm-menu .sfm-active-item a:before {
    background-color: #1d4f9199;
}

#sfm-sidebar .sfm-view-level-2 .sfm-menu a:before, #sfm-sidebar .sfm-view-level-2 .sfm-menu .sfm-active-item a:before {
    background-color: #1d4f91;
}

#sfm-sidebar .sfm-menu li > a:hover:before {
    background-color: #1d4f91;
}

.sfm-nav:hover .sfm-chapter, .sfm-view:hover .sfm-chapter {
    color: #00B6FF !important;
}

.sfm-nav:hover .sfm-menu a, .sfm-view:hover .sfm-menu a {
    color: #f7f7f7 !important;
}

#sfm-sidebar .sfm-sl, #sfm-sidebar .sfm-sm-indicator i {
    font-size: 85%;
}

/*========== Superfly Menu CSS End ==========*/
