.custom_90 {height:auto;font-family:'Poppins', sans-serif;color:#333;font-size:16px;background-color:rgba(255, 255, 255, 0);}[class*='col-'] { padding-right: 0px; }.row-67e09f5fe407c {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);}.column-67e09f5fe407d {max-width:2000px;height:auto;margin-left:auto;margin-right:auto;padding-left:40px;padding-bottom:10px;padding-right:40px;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-67e0e51afcded {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);}.column-secondpage-Mainmenu {max-width:2000px;height:auto;margin-left:auto;margin-right:auto;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-67e2c6e5d0b49 {height:auto;color:#333;background-color:rgba(255, 255, 255, 0);}.column-path-secondpage {max-width:2000px;height:auto;margin-left:auto;margin-right:auto;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-67e2befe8efda {width:90%;max-width:1880px;height:auto;margin-left:auto;margin-right:auto;color:#333;background-color:rgba(255, 255, 255, 0);}.column-secondpage-web {min-height:5px;}.row-67e0f3261fa0b {}.column-67e0f3261fa0c {max-width:2000px;height:auto;margin-left:auto;margin-right:auto;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-67e0f3620dfec {height:auto;color:#333;background-color:#333333;}.column-67e0f3620dfed {max-width:2000px;height:auto;margin-left:auto;margin-right:auto;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.row-67e0f36b0dfee {height:auto;color:#333;background-color:#1e8ca2;background-image: url("/spn/resources/index/SPN%20File/Landing%20Page/line-bg.png");
background-size: 100% 100%;
    background-attachment: scroll;
    background-position: center center;
    background-repeat: no-repeat;}.column-67e0f36b0dfef {max-width:2000px;height:auto;margin-top:8px;margin-left:auto;margin-bottom:8px;margin-right:auto;padding-top:10px;padding-bottom:10px;color:#333;background-color:rgba(255, 255, 255, 0);min-height:5px;}.lvl-content {
    display: inline-block;
    width: 260px;}

.lvl-content > div {
    height: 300px;
    width: unset !important;}

.lvl-content a {
    color: #323232 !important;
    font-weight: bold;
    font-size: 18px !important;}

.profile-img > img {
    width: 150px !important;
    height: 200px !important;
    border-radius: 5px;
    margin: 10px;
    object-fit: cover;}

.list-item {
    background-color: #cee6ea;
    margin:10px;}

.directory_page table > tbody tr:nth-child(odd) {
    background-color: #eeeeee00;}

#container_content .editable .ui-accordion .table table {
    width: 100%;}

.accessbility_display_tr > td {
    border-top: 0;
    padding: 1px;}

.accessbility_display_tr .select2-container {
    width: 100% !important;}

#responsive_menu_100 {
    font-family: 'Poppins', sans-serif;}

.responsive_menu > ul > li {
    text-align: center;
    margin: 0 auto !important;}

.responsive_menu ul > li.has-sub > ul {
    padding-top: 5px;}

.responsive_menu ul > li.has-sub > ul {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 12px 16px 0px, rgba(0, 0, 0, 0.19) 0px 17px 50px 0px;}

#responsive_menu_100 ul > li.has-sub > ul > li:hover > ul > li > a > span {
    color: black;}

#responsive_menu_100 ul > li.has-sub > ul > li:hover > ul > li:hover > a > span {
    color: white;}

#responsive_menu_100 > ul > li > a {
    padding: 15px !important;}

#responsive_menu_100 > ul {
    display: flex;
    margin: auto;
    width: 48%;
    max-width: 1880px;}

#responsive_menu_100 ul ul li a:hover {
    border-left: 5px solid #f7b924;
    transition: all 0.4s ease-in-out;}

#responsive_menu_100 ul ul li.has-sub > a:after, #responsive_menu_100 ul ul li.has-sub > a:before {
    background: #333 !important;}

#responsive_menu_100 ul ul li:hover a {
    color: white !important;}

#responsive_menu_100 ul > li.has-sub > ul > li:hover > a {
    background-color: #55afc1;}

#responsive_menu_100 ul > li.has-sub > ul > li > a {
    background-color: white;}

.responsive_menu ul ul li a {
    width: 220px !important;}

#responsive_menu_100 ul ul li a:hover {
        background: #1e8ca2;}

#responsive_menu_100 ul ul li a {
    /*background: #eaeaea !important;*/
    color: #1d1d1d !important;
    text-align: left;}

.page-title {
    background-color: #1e8ca2;
    padding: 30px;
    text-align: center;
    color: white;}

.column-path-secondpage > div:first-child {
    background-color: #1e8ca2;}

.breadcrumb {
    padding: 30px 20px 12px;
    margin: auto;
    max-width: 1880px;
    background-color: transparent;}

#container_content {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #000000a8;
    border-radius: 0px;
    box-shadow: 2px 0px 12px 1px #dadada;
    position: relative;
    width: 100%;
    padding: 12px;
    margin-top: 8px;}

.sf-menu ul li {
    background: #4cafc3 !important;}

.sf-menu li span:before {
    position: absolute;
    top: 20px;
    right: 20px;
    display: block;
    width: 2px;
    height: 10px;
    background-color: #ffffff;
    content: '';
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;}

.sf-menu li span:after {
    position: absolute;
    top: 24px;
    right: 16px;
    width: 10px;
    height: 2px;
    display: block;
    background: #ffffff;
    content: '';}

.sf-menu li span {
    color: white;}

.sf-menu span.sf-sub-indicator {
    display: none !important;}

.sf-vertical {
    width: 17em !important;}

.sf-vertical > li:first-child {
    border-top-left-radius: 30px;
    border-top-right-radius: 60px;}

.sf-vertical > li:last-child {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;}

.sf-menu a {
    color: #ffffff !important;}

.sf-menu li {
    background: #1e8ca2 !important;}

.sf-menu li:hover > ul, .sf-menu li.sfHover > ul {
    display: contents !important;}

.row-67e2befe8efda {
    padding-bottom: 30px;}

.row-67e0f3261fa0b {
    border-top: 1px solid black;}

@media only screen and (max-width: 1584px) {
#responsive_menu_100 > ul {
    width: 60%;}
}

@media only screen and (max-width: 1288px) {
.sf-vertical {
    width: 1em !important;}
}

@media only screen and (max-width: 1025px) {
#responsive_menu_100 > ul {
        display: none;
        width: 100% !important;}
}

@media only screen and (max-width: 925px) {
    [class*='col-'] {
        width: 100%;
        float: left;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px;
        margin-bottom: 0px;}

.sf-vertical {
    width: 100% !important;}

#page_content > #container_content > .editable img{
    height: 100% !important;
    width: 100% !important;}

.col-1-4, .col-3-12 {
    width: 100%;}

.responsive_menu ul ul li a {
    width: 100% !important;}

}

@media only screen and (max-width: 666px) {
    figure.table {
        overflow-x: auto;
    }
}