.sgnw {
    float: left;
    width: 100%;
    height: 85px;
    background-color: #091d25;
    padding: 0;
    margin: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 999999;
}

.sgnw .sgni {
    float: left;
    width: 96%;
    padding: 0 2%;
    margin: 0;
}

.sgnw .sgni .sgn {
    float: left;
    width: 100%;
}

.sgnw .sgni .sgn .shep_logo {
    float: left;
    margin: 22px 0 0 0;
}

.sgnw .sgni .sgn .shep_logo figure {
    width: 127px;
    margin: 0;
    padding: 0;
}

.sgnw .sgni .sgn .shep_logo figure img {
    width: 100%;
    border: 0;
}

.sgnw .sgni .sgn .shep_menu {
    float: right;
    font-family: 'montserrat_light';
}

.sgnw .sgni .sgn .shep_menu .shep_nav {
    float: left;
    margin: 0
}

.sgnw .sgni .sgn .shep_menu .shep_nav ul {
    float: left;
    margin: 0;
    padding: 0;
}

.sgnw .sgni .sgn .shep_menu .shep_nav ul li {
    float: left;
    padding: 0;
    list-style: outside none;
    position: relative;
}

.sgnw .sgni .sgn .shep_menu .shep_nav ul li:hover {
    overflow: visible
}

.sgnw .sgni .sgn .shep_menu .shep_nav ul li:last-child {
    padding: 0
}

.sgnw .sgni .sgn .shep_menu .shep_nav ul li a {
    float: left;
    padding: 0 20px 0 0;
    display: block;
    line-height: 85px;
    font-size: 13px;
    color: #fff;
    font-family: 'montserrat_light';
    text-decoration: none;
    letter-spacing: 0.04em;
    cursor: pointer;
}

.sgnw .sgni .sgn .shep_menu .shep_nav ul li a:hover {
    color: #2bade7;
}

.sgnw .sgni .sgn .shep_menu .shep_nav .secondary a:last-child {
    padding: 0
}

.navsm_optA {
    float: left;
    width: 100%;
    margin: 15px 0 0 0;
    -webkit-transition: height 0.5s;
    /* For Safari 3.1 to 6.0 */
    transition: height 0.5s;
}

.navsm_optA ul.navsmTitle_optA {
    float: left;
    width: 87%;
    margin: 0 0 0 48px;
    padding: 0
}

.navsm_optA ul.navsmTitle_optA li {
    float: left;
    width: 95%;
    margin: 0 0 10px 0;
    padding: 0!important
}

.navsm_optA ul.navsmTitle_optA li:last-child {
    margin: 0
}

#ddsubmenuWrapper {
    margin: 0 0 15px 0;
    padding: 0!important
}

#ddsubmenuWrapper:hover .navsm_optA {
}

.navsm_optA ul.navsmTitle_optA li:hover a {
    color: #000
}

.navsm_optA ul.navsmTitle_optA li a {
    float: left;
    width: 80%;
    margin: 5px 0 0 0;
    font-size: 13px;
    color: #1395cf;
    font-family: Roboto;
    text-decoration: none;
}

.menuWrapper ul li a {
    line-height: normal!important;
}

.menuWrapper ul li {
    float: left;
    padding: 0 0 30px 0
}

.menuWrapper ul li:last-child {
    padding: 0!important
}

.menuWrapper .menuRow {
    float: left;
    width: 100%;
    margin: 0
}

.menuWrapper .menuRow .navImg {
    float: left;
    width: 40px;
    height: 40px;
    margin: 0 8px 0 0;
    border-radius: 50%;
    display: table;
    text-align: center;
    background-color: #2bade7
}

.menuWrapper .menuRow .navImg img {
    display: table-cell;
    vertical-align: middle;
}

.menuWrapper .menuRow .navContent {
    float: left;
    width: 77%;
}

.menuWrapper .menuRow .navContent .navTitle {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 14px;
    color: #000;
    font-family: 'montserrat_light';
    text-decoration: none;
    text-transform: none
}

.menuWrapper .menuRow .navContent .navSub {
    float: left;
    width: 100%;
    font-size: 12px;
    color: #666;
    font-family: Roboto;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.menuWrapper .menuRow:hover .navTitle {
    color: #2bade7
}

.menuWrapper .menuRow:hover .navImg {
    background-color: #000
}

#about {
    width: 310px;
}

#products, #solutions, #dev {
    min-width: 650px
}

#products ul, #solutions ul, #dev ul {
    width: 50%;
    float: left;
}

#products ul:last-child, #solutions ul:last-child, #dev ul:last-child {
    padding-bottom: 0!important
}

#blog {
    width: 155px;
}

#blog.menuWrapper .menuRow .navContent {
    width: auto!important;
    float: left;
    margin: 7px 10px 0 0
}

#blog.menuWrapper .menuRow .navImg {
    margin-top: 0
}

.sgnw .sgni .sgn .shep_menu .shepBtn {
    float: right;
    margin: 25px 0 0 30px;
    text-align: left;
    display: none
}

.sgnw .sgni .sgn .shep_menu .shepBtn a {
    float: left;
    width: 80px;
    background-color: #000;
    border: 2px solid #000;
    border-radius: 5px;
    color: #fff;
    float: left;
    font-family: 'montserrat_light', Source Sans Pro;
    font-size: 15px;
    font-weight: 400;
    margin: 0 0 0 10px;
    padding: 6px 0;
    text-decoration: none;
    text-align: center;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    letter-spacing: 0.04em;
}

.sgnw .sgni .sgn .shep_menu .shepBtn a:hover {
    background: transparent ;
    border-color: #000;
    color: #000
}

.sgnw .sgni .sgn .shep_menu .shepBtn a:nth-child(1) {
    margin: 0
}

.sgnw .sgni .sgn .shep_menu .shepBtn a.grey {
    background-color: transparent;
    color: #000;
}

.sgnw .sgni .sgn .shep_menu .shepBtn a.grey:hover {
    background-color: #000;
    border-color: #000;
    color: #fff;
}

.slicknav_nav .menuWrapper a {
    padding-left: 0!important
}

.slicknav_nav .blog.menuWrapper .menuRow .navContent {
    width: auto;
    margin: 15px 0 0 5px
}

.sticky_header .sgnw {
    background: rgba(9,29,37,0.7);
}

.sticky_header:after {
    content: "";
    height: 1px;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    /*** background-image:-webkit-linear-gradient(left, transparent, rgba(0,0,0,0.09) 10%, rgba(0,0,0,0.09) 90%, transparent);background-image:linear-gradient(to right, transparent, rgba(0,0,0,0.09) 10%, rgba(0,0,0,0.09) 90%, transparent) ***/
}

.facebook-icon:hover {
    background: #3a559f;
    border: 2px solid #3a559f !important;
}

.google:hover {
    background: #f44336;
    border: 2px solid #f44336 !important;
}

.twitter-icon:hover {
    background: #1ab2e8;
    border: 2px solid #1ab2e8 !important;
}

.linkedin:hover {
    background: #006699;
    border: 2px solid #006699 !important;
}

.linkedin-icon:hover {
    background: #006699;
    border: 2px solid #006699 !important;
}

.insta-icon:hover {
    background: radial-gradient(circle farthest-corner at 35% 90%, #fec564, transparent 50%), radial-gradient(circle farthest-corner at 0 140%, #fec564, transparent 50%), radial-gradient(ellipse farthest-corner at 0 -25%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 20% -50%, #5258cf, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 0, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 60% -20%, #893dc2, transparent 50%), radial-gradient(ellipse farthest-corner at 100% 100%, #d9317a, transparent), linear-gradient(#6559ca, #bc318f 30%, #e33f5f 50%, #f77638 70%, #fec66d 100%),radial-gradient(circle at bottom right, #fec263,#8c3ebd);
    border: 2px solid #bc318f !important;
    border-radius: 100%;
    background-origin: border-box;
    background-clip: content-box, border-box;
    text-align: center;
}

.facebook-icon, .twitter-icon, .linkedin, .linkedin-icon, .google, .insta-icon {
    background: transparent;
}

aside.followus-on .socialWrapper .footer_social_img figure {
    float: left;
    border: 2px solid #ffffff;
    border-radius: 50%;
    text-align: center;
    display: table;
}

aside.followus-on .socialWrapper .footer_social_img figure a {
    display: table-cell;
    vertical-align: middle;
    height: 32px;
    width: 32px;
}

aside.followus-on .socialWrapper .footer_social_img figure a img {
    height: 14px;
    margin: 5px 0 0 0
}

@media screen and (max-width: 72em) {
    .js #menu {
        display:none;
    }

    .js .slicknav_menu {
        display: block;
    }

    .sgnw .sgni .sgn .shep_menu .logSignBtn {
        display: none!important;
    }

    header {
        position: static
    }

    .sgnw .sgni .sgn .shep_menu .shepBtn {
        display: none
    }

    aside.followus-on {
        display: none
    }

    section.centerbox {
        width: 100%!important
    }

    section.centerbox ul {
        width: 26%
    }

    section.centerbox ul li a, section.centerbox ul li a:active, section.centerbox ul li a:visited {
        font-size: 13px
    }

    .footerbtm_inner .footerbtn_ctn {
        width: 96%!important;
        padding: 10px 2% 10px 0!important;
        font-size: 12px!important
    }

    div.centerbox {
        width: 100%!important
    }

    div.centerbox ul {
        width: 24%
    }

    div.centerbox ul li a, div.centerbox ul li a:active, div.centerbox ul li a:visited {
        font-size: 13px
    }

    .sgfr {
        display: none;
    }

    .sgnw .sgni .sgn .shep_menu .logSignBtn {
        display: none!important;
    }

    #smnm {
        display: block!important;
    }

    .sgf {
        width: 98%!important;
        padding: 0 2%!important;
    }

    .sgfl {
        width: 100%!important;
        padding: 3% 0 0 0!important;
    }

    .navsmTitle_optA {
        background: #f2f6fa !important;
    }

    .navsm_optA ul li {
        margin-left: 50px;
        padding: 0 0 15px 0 !important;
        font-size: 14px;
        width: 85%!important;
    }

    .navsm_optA ul li:last-child {
        padding: 0 0 15px 0 !important;
    }

    #ddsubmenuWrapper {
        margin: 0 0 0 0 !important;
    }

    .sgfi {
        width: 100% !important;
        max-width: 100% !important;
    }

    .sgnw .sgni {
        width: 96%!important;
        max-width: 96% !important;
    }

    .sgnw.sticky_header {
        position: static!important
    }

    .shep_nav {
        display: none!important;
    }
}

#mobNavWrapper {
    background-color: #f2f6fa;
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    transition: opacity .3s linear,visibility .3s linear;
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    display: block;
    visibility: hidden;
    opacity: 0;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}

#mobNavWrapper.mncActive {
    transition-delay: 0s;
    visibility: visible;
    opacity: 1
}

#mobNavWrapper .sgnw {
    float: left;
    width: 100%;
    height: 85px;
    background-color: #091d25;
    padding: 0;
    margin: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    z-index: 999999;
}

#mobNavWrapper .sgni {
    float: left;
    width: 96%;
    padding: 0 2%;
    margin: 0;
}

#mobNavWrapper .sgn {
    float: left;
    width: 100%;
}

#mobNavWrapper .shep_logo {
    float: left;
    margin: 22px 0 0 0;
}

#mobNavWrapper .shep_logo figure {
    width: 127px;
    margin: 0;
    padding: 0;
}

#mobNavWrapper .shep_logo figure img {
    width: 100%;
    border: 0;
}

#mobNavWrapper #smnm {
    float: right;
}

#mobileNavT, .mobNavOpen {
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 30px;
    color: #fff;
    font: normal 28px/55px "responsivenav";
    display: table-cell;
    vertical-align: middle;
}

#mobileNavT:hover, .mobNavOpen:hover {
    color: #fff;
}

#mobileNavT:before {
    content: "\78"!important;
}

.mobNavOpen:before {
    content: "\78"!important;
}

.mnw_active {
    overflow: hidden;
}

#smnm {
    display: none
}

.mobileNavbtn {
    float; right; height: 85px;
    display: table;
}

#mobileNav, .mobNavOpen {
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 30px;
    color: #fff;
    font: normal 28px/55px "responsivenav";
    display: table-cell;
    vertical-align: middle;
}

#mobileNav:hover, .mobNavOpen:hover {
    color: #fff;
}

#mobileNav:before {
    content: "\2261";
}

.mobNavOpen:before {
    content: "\2261"!important;
}

#mobNavcontainer {
    float: left;
    width: 100%;
    height: 0;
    position: relative;
    z-index: 2147483647;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
    background-color: #f2f6fa;
    overflow: hidden;
}

#mobNavcontainer.mncActive {
    visibility: visible;
    opacity: 1;
    height: auto;
    /***height:100vh;***/
}

#mobWrapper {
    float: left;
    width: 100%;
}

#mobWrapper ul {
    margin: 0;
    padding: 0;
}

#mobWrapper > ul > li {
    float: left;
    width: 100%;
    background: #fff;
    border-bottom: 3px solid #f2f6fa;
}

#mobWrapper > ul > li:hover {
    background: #f8fafc;
}

#mobWrapper > ul > li > a {
    font-size: 16px;
    display: block;
    color: #1b1b1b;
    font-family: 'montserrat_light';
    text-decoration: none;
    letter-spacing: 0.04em;
}

#mobWrapper > ul > li > a > span {
    display: block;
    padding: 20px;
}

#mobWrapper > ul > li > a:hover {
    text-decoration: none;
}

#mobWrapper > ul > li.active {
    border-bottom: none;
}

#mobWrapper > ul > li.has-sub > a span {
    background: url(https://web.archive.org/web/20260308080819im_/https://dwo5aya3d1c6n.cloudfront.net/shephertz/nav/icon_plus.png) 96% center no-repeat;
}

#mobWrapper > ul > li.has-sub.active > a span {
    background: url(https://web.archive.org/web/20260308080819im_/https://dwo5aya3d1c6n.cloudfront.net/shephertz/nav/icon_minus.png) 96% center no-repeat;
}

#mobWrapper > ul > li.has-last > a span {
    /*** background: url(https://web.archive.org/web/20260308080819im_/https://s3-us-west-2.amazonaws.com/shepwebimgs/shephertz/nav/arrow_right.png) 96% center no-repeat; ***/
}

#mobWrapper ul ul {
    display: none;
    background: #fff;
    float: left;
    width: 100%
}

#mobWrapper ul ul ul {
    display: block!important;
}

#mobWrapper ul ul ul:nth-child(2) {
    margin-top: 30px!important
}

#mobWrapper ul ul li {
    float: left;
    width: 100%;
    padding: 0;
    background: #f2f6fa;
}

.mobMenuWrapper {
    float: left;
    width: 96%;
    padding: 2%;
}

.mobMenuWrapper ul li a {
    line-height: normal!important;
}

.mobMenuWrapper ul li {
    padding: 0 0 30px 0!important;
    display: block;
}

.mobMenuWrapper ul li:last-child {
    padding: 0!important
}

.mobMenuWrapper ul:nth-child(2) {
    margin: 30px 0 0 0
}

.mobMenuWrapper .menuRow {
    float: left;
    width: 100%;
    margin: 0
}

.mobMenuWrapper .menuRow .navImg {
    float: left;
    width: 40px;
    height: 40px;
    margin: 8px 8px 0 0;
    border-radius: 50%;
    display: table;
    text-align: center;
    background-color: #2bade7
}

.mobMenuWrapper .menuRow .navImg img {
    display: table-cell;
    vertical-align: middle;
}

.mobMenuWrapper .menuRow .navContent {
    float: left;
    width: 80%;
}

.mobMenuWrapper .menuRow .navContent .navTitle {
    float: left;
    width: 100%;
    margin: 0 0 5px 0;
    font-size: 14px;
    color: #000;
    font-family: 'montserrat_light';
    text-decoration: none;
}

.mobMenuWrapper .menuRow .navContent .navSub {
    float: left;
    width: 100%;
    font-size: 12px;
    color: #666;
    font-family: Roboto;
    text-decoration: none;
}

.mobMenuWrapper .menuRow:hover .navTitle {
    color: #2bade7
}

.mobMenuWrapper .menuRow:hover .navImg {
    background-color: #000
}

.mobMenuWrapper #blog .menuRow .navContent {
    margin: 15px 0 0 0
}

.globalNav ul {
    padding: 0;
    margin: 0
}

.globalNav li {
    list-style: none
}

.globalNav>.container-lg {
    padding: 0
}

.globalNav .navRoot {
    position: relative
}

.globalNav .navSection>a,.globalNav .navSection>button {
    outline: 0
}

.keyboard-navigation .globalNav .navSection>a:not(.item-mobileMenu):focus>:before,.keyboard-navigation .globalNav .navSection>button:not(.item-mobileMenu):focus>:before {
    opacity: .75
}

.globalNav .navSection>a:not(.item-mobileMenu)>:before,.globalNav .navSection>button:not(.item-mobileMenu)>:before {
    content: "";
    position: absolute;
    left: -15px;
    right: -15px;
    top: 5px;
    bottom: 5px;
    -webkit-box-shadow: 0 0 0 1.5px inset currentColor;
    box-shadow: inset 0 0 0 1.5px currentColor;
    border-radius: 4px;
    opacity: 0;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.globalNav .navSection.logo {
    position: absolute;
    top: 0;
    left: 0
}

.globalNav .navSection.primary,.globalNav .navSection.secondary {
    display: none
}

@media (min-width: 670px) {
    .globalNav .navSection.primary,.globalNav .navSection.secondary {
        display:-webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.globalNav .navSection.primary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.globalNav .navSection.secondary {
    position: absolute;
    top: 0;
    right: 0
}

.globalNav .navSection.mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.globalNav.compact .navRoot {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.globalNav.compact .navSection.logo {
    position: static;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.globalNav.compact .navSection.secondary {
    position: static
}

.globalNav .dropdownRoot {
    position: absolute;
    z-index: 1000;
    left: -10px;
    right: 0;
    top: 85px;
    pointer-events: none;
    -webkit-transform: rotateX(-15deg);
    transform: rotateX(-15deg);
    -webkit-transform-origin: 50% -50px;
    transform-origin: 50% -50px;
    opacity: 0;
    will-change: transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    display: none
}

@media (min-width: 670px) {
    .globalNav.initialized .dropdownRoot {
        display:block
    }
}

.globalNav.dropdownActive .dropdownRoot {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    transform: none
}

.globalNav .alternateBackground,.globalNav .dropdownBackground {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.globalNav .dropdownArrow {
    top: -6px;
    margin: 0 0 0 -6px;
    width: 16px;
    height: 16px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-radius: 4px 0 0;
    background: #fff;
    -webkit-box-shadow: -3px -3px 5px rgba(82,95,127,.04);
    box-shadow: -3px -3px 5px rgba(82,95,127,.04);
    will-change: transform;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform,-webkit-transform
}

.globalNav .dropdownArrow,.globalNav .dropdownContainer {
    position: absolute;
    left: 0;
    -webkit-transition-duration: .25s;
    transition-duration: .25s
}

.globalNav .dropdownContainer {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.08),0 2px 10px 0 rgba(0,0,0,.12);
    padding: 20px 0 20px 20px!important;
    overflow: hidden;
    top: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    will-change: transform,width,height;
    -webkit-transition-property: width,height,-webkit-transform;
    transition-property: width,height,-webkit-transform;
    transition-property: transform,width,height;
    transition-property: transform,width,height,-webkit-transform
}

.globalNav .dropdownSection {
    opacity: 0;
    pointer-events: none;
    will-change: transform,opacity;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: transform,opacity;
    transition-property: transform,opacity,-webkit-transform;
    -webkit-transition-duration: .25s;
    transition-duration: .25s;
    background: red
}

.globalNav .dropdownSection.active {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.globalNav .dropdownSection.left {
    -webkit-transform: translateX(-250px);
    transform: translateX(-250px)
}

.globalNav .dropdownSection.right {
    -webkit-transform: translateX(150px);
    transform: translateX(150px)
}

.globalNav.dropdownActive .dropdownSection.active {
    pointer-events: auto
}

.globalNav.noDropdownTransition .alternateBackground,.globalNav.noDropdownTransition .dropdownArrow,.globalNav.noDropdownTransition .dropdownBackground,.globalNav.noDropdownTransition .dropdownContainer,.globalNav.noDropdownTransition .dropdownSection {
    -webkit-transition: none;
    transition: none
}

.globalNav .dropdownContent {
    position: absolute;
    top: 0;
    left: 0
}

footer {
    width: 100%;
    float: left;
    position: relative;
    z-index: 999;
    background-color: #091d25;
}

footer .footer_inner {
    margin: 0 auto;
    width: 100% !important;
}

footer .footer_inner .footer_container {
    float: left;
    width: 90%;
    padding: 25px 5%;
    box-sizing: unset;
}

aside.followus-on .socialWrapper font, section.centerbox ul li:first-child {
    background: url(https://web.archive.org/web/20260308080819im_/https://dwo5aya3d1c6n.cloudfront.net/shephertz/0.0.5/footer-li-bg.png?shep21082017) left bottom no-repeat;
    white-space: pre;
    padding-bottom: 5px;
    margin-bottom: 8px
}

section.centerbox {
    width: 65%;
    float: left
}

section.centerbox ul {
    display: block;
    float: left;
    margin: 0 10% 0 0;
    padding: 0
}

section.centerbox ul:last-child {
    margin-right: 0!important
}

section.centerbox ul li {
    list-style: none;
    text-align: left;
    color: #fff;
    line-height: 24px;
    font-family: montserrat_light;
    font-size: 13px;
    letter-spacing: 0.04em;
}

section.centerbox ul li a {
    font-family: montserrat_light;
    color: #ddd;
    text-decoration: none;
    font-size: 12px
}

section.centerbox ul li a:hover {
    color: #28f2f4!important
}

/******** section conver into div *************/
aside.followus-on .socialWrapper font, div.centerbox ul li:first-child {
    background: url(https://web.archive.org/web/20260308080819im_/https://dwo5aya3d1c6n.cloudfront.net/shephertz/0.0.5/footer-li-bg.png?shep21082017) left bottom no-repeat;
    white-space: pre;
    padding-bottom: 5px;
    margin-bottom: 8px
}

div.centerbox {
    width: 76%;
    float: left
}

div.centerbox ul {
    display: block;
    float: left;
    margin: 0 13% 0 0;
    padding: 0
}

div.centerbox ul:last-child {
    margin-right: 0!important
}

div.centerbox ul li {
    list-style: none;
    text-align: left;
    color: #fff;
    line-height: 24px;
    font-family: montserrat_light;
    font-size: 13px;
    letter-spacing: 0.04em;
}

div.centerbox ul li a {
    font-family: montserrat_light;
    color: #ddd;
    text-decoration: none;
    font-size: 12px
}

div.centerbox ul li a:hover {
    color: #28f2f4!important
}

/************ end section conver into div *************/
aside.followus-on {
    width: 22%;
    float: right
}

aside.followus-on .socialWrapper {
    width: 100%;
    float: left
}

aside.followus-on .socialWrapper font {
    color: #fff;
    float: left;
    width: 100%;
    line-height: 24px;
    text-align: left;
    font-family: montserrat_light;
    font-size: 13px;
    letter-spacing: 0.04em;
}

aside.followus-on .socialWrapper .title {
    color: #fff;
    float: left;
    width: 100%;
    line-height: 24px;
    text-align: left;
    font-family: montserrat_light;
    font-size: 13px;
    letter-spacing: 0.04em;
    padding: 0 0 0 0 !important;
}

aside.followus-on .socialWrapper .footer_social_img {
    float: left;
    width: 100%;
    margin: 10px 0 0
}

aside.followus-on .socialWrapper .footer_social_img figure {
    float: left;
    margin: 0 10px 0 0
}

aside.followus-on .socialWrapper .recentTweets {
    float: left;
    width: 90%;
    min-height: 20px;
    margin: 20px 0 0;
    padding: 0 0 0 30px;
    background: url(https://web.archive.org/web/20260308080819im_/http://www.shephertz.com/wp-content/themes/twentytwelve/images/recentTweets.png?shep25072016) left bottom no-repeat;
    color: #fff
}

div.treams_condition {
    width: 100%;
    float: left;
    background: #091d25;
}

div.treams_condition .footerbtm_inner {
    max-width: 100%;
    margin: 0 auto
}

.footerbtm_inner .footerbtn_ctn {
    width: 90%;
    float: left;
    padding: 10px 5%;
    text-align: left;
    color: #878787;
    font-family: montserrat_light;
    font-size: 13px;
    position: relative;
    letter-spacing: 0.04em;
    box-sizing: unset
}

.footerbtm_inner .footerbtn_ctn a {
    font-family: montserrat_light;
    color: #878787;
    padding: 0 5px;
    letter-spacing: 0.04em;
}

.alertBox, .breadcrumb, .dhtmlx-info, .dhtmlx_modal_box {
    font-family: montserrat_light;
    letter-spacing: 0.04em;
}

.footerbtm_inner .footerbtn_ctn a:hover {
    color: #28f2f4;
    text-decoration: none
}

.centerbox .active_btn {
    border-bottom: none !important;
}

.qa-nav-user-nolink .google {
    background: url(https://web.archive.org/web/20260308080819im_/http://forum.shephertz.com/qa-theme/Snow/images/login-google.png) !important;
}

.qa-nav-user-nolink .google:hover {
    background: url(https://web.archive.org/web/20260308080819im_/http://forum.shephertz.com/qa-theme/Snow/images/login-google.png) !important;
}

.sgfr,.sgfw {
    height: auto
}

.sgfl ul li,.sgfr ul li {
    list-style: none;
    text-align: left;
    letter-spacing: .04em
}

.sgfw {
    min-height: 330px;
    width: 100%;
    background-color: #000;
    background-image: linear-gradient(to right,#000 70%,#0a0a0a 70%);
    padding: 0
}

.sgfi {
    width: 1140px;
    max-width: 1140px;
    padding: 0;
    margin: 0 auto
}

.sgf {
    width: 100%
}

.sgfl {
    float: left;
    width: 80%;
    background: #000;
    padding: 3% 0 0
}

.sgfr {
    float: right;
    width: 14%;
    background: #090909;
    padding: 3% 0 0 5%
}

.sgfl ul,.sgfr ul {
    padding: 0;
    display: block;
    float: left
}

.sgfl ul {
    width: 33%
}

.sgfl ul li {
    color: #fff;
    line-height: 24px;
    font-family: Roboto;
    font-size: 13px
}

.sgfl ul li:first-child {
    color: #cfcfcf;
    font-size: 18px;
    font-family: montserrat;
    margin-bottom: 20px
}

.sgfl ul li a,.sgfr ul li {
    font-family: Roboto;
    font-size: 13px
}

.sgfl ul li a {
    color: #919191;
    text-decoration: none
}

.sgfl ul li a:hover {
    color: #28f2f4!important
}

.sgfr ul {
    margin: 0
}

.sgfr ul li {
    color: #919191;
    line-height: 26px;
    clear: left;
    cursor: pointer;
    display: block
}

.sgfr ul li:first-child {
    color: #cfcfcf;
    font-size: 18px;
    margin-bottom: 20px!important;
    font-family: montserrat
}

.sgfr ul li:hover:first-child {
    color: #cfcfcf
}

.sgfr ul li a {
    font-family: Roboto;
    color: #919191;
    text-decoration: none;
    font-size: 13px;
    text-align: center;
    line-height: 30px
}

.sgfr ul li a:hover {
    color: #28f2f4!important
}

.sgfr ul li div span {
    float: left;
    background-image: url(https://web.archive.org/web/20260308080819im_/https://shephertz.com/wp-content/themes/Shephertz-wordpress-theme/home/images/footer/social-sprite.png)!important;
    background-repeat: no-repeat
}

.sgfr .sgf-fb1 {
    width: 30px;
    height: 30px;
    background: 0 0;
    text-align: center;
    float: left;
    margin: 0 10px 0 0
}

.sgfr .sgf-fb1 span {
    width: 10px;
    height: 20px;
    background-position: 0 0;
    text-align: center;
    margin: 5px 0 0 10px
}

.sgfr ul li:hover .sgf-fb1 {
    background: #3a559f;
    border-radius: 100%
}

.sgfr ul li:hover .sgf-fb1 span {
    background-position: -10px 0
}

.sgfr .sgf-twitter {
    width: 30px;
    height: 30px;
    background: 0 0;
    text-align: center;
    float: left;
    margin: 0 10px 0 0
}

.sgfr .sgf-twitter span {
    width: 13px;
    height: 20px;
    background-position: -57px 0;
    text-align: center;
    margin: 5px 0 0 9px
}

.sgfr ul li:hover .sgf-twitter {
    background: #1ab2e8;
    border-radius: 100%
}

.sgfr ul li:hover .sgf-twitter span {
    background-position: -72px 0
}

.sgfr .sgf-linkedin {
    width: 30px;
    height: 30px;
    background: 0 0;
    text-align: center;
    float: left;
    margin: 0 10px 0 0
}

.sgfr .sgf-linkedin span {
    width: 13px;
    height: 20px;
    background-position: -87px 0;
    text-align: center;
    margin: 4px 0 0 9px
}

.sgfr ul li:hover .sgf-linkedin {
    background: #069;
    border-radius: 100%
}

.sgfr ul li:hover .sgf-linkedin span {
    background-position: -102px 0
}

.sgfr .sgf-google {
    width: 30px;
    height: 30px;
    background: 0 0;
    text-align: center;
    float: left;
    margin: 0 10px 0 0
}

.sgfr .sgf-google span {
    width: 17px;
    height: 20px;
    background-position: -20px 0;
    text-align: center;
    margin: 4px 0 0 8px
}

.sgfr ul li:hover .sgf-google {
    background: #f44336;
    border-radius: 100%
}

.sgfr ul li:hover .sgf-google span {
    background-position: -39px 0
}

.sgfr .sgf-insta {
    width: 30px;
    height: 30px;
    background: 0 0;
    text-align: center;
    float: left;
    margin: 0 10px 0 0
}

.sgfr .sgf-insta span {
    width: 14px;
    height: 20px;
    background-position: -117px 0;
    text-align: center;
    margin: 4px 0 0 8px
}

.sgfr ul li:hover .sgf-insta {
    background: radial-gradient(circle farthest-corner at 35% 90%,#fec564,transparent 50%),radial-gradient(circle farthest-corner at 0 140%,#fec564,transparent 50%),radial-gradient(ellipse farthest-corner at 0 -25%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 20% -50%,#5258cf,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 0,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 60% -20%,#893dc2,transparent 50%),radial-gradient(ellipse farthest-corner at 100% 100%,#d9317a,transparent),linear-gradient(#6559ca,#bc318f 30%,#e33f5f 50%,#f77638 70%,#fec66d 100%),radial-gradient(circle at bottom right,#fec263,#8c3ebd);
    border-radius: 100%
}

.sgfr ul li:hover .sgf-insta span {
    background-position: -133px 0
}

.sgfl .treams_condition {
    width: 100%;
    float: left;
    background: #000;
    margin: 40px 0 0
}

.sgfl .footerbtm_inner .footerbtn_ctn {
    width: 100%;
    float: left;
    padding: 10px 0;
    text-align: left;
    color: #666;
    font-family: montserrat_light;
    font-size: 13px;
    position: relative;
    letter-spacing: .04em;
    box-sizing: unset
}

@media only screen and (min-width : 320px) and (max-width :480px) {
    .sgfl {
        width: 90%;
        padding: 0 5%;
    }

    .sgfr {
        display: none;
    }

    .sgfl ul li:first-child {
        font-size: 12px;
    }

    .sgfl ul {
        width: 31%;
        margin: 0 2% 0 0;
    }

    .sgfl ul:nth- {
        width: 31%;
        margin: 0 2% 0 0;
    }

    .sgfi {
        width: 100%;
        max-width: 100%;
        padding-top: 20px;
    }
}

@media only screen and (max-width: 480px) and (min-width: 641px) {
    .sgfl {
        width: 96%;
        padding: 0 2%;
    }

    .sgfr {
        display: none;
    }

    .sgfl ul li:first-child {
        font-size: 12px;
    }

    .sgfl ul {
        width: 8%;
        margin: 0 2% 0 0;
    }
}

@media only screen and (max-width: 960px) and (min-width: 641px) {
    .sgfi {
        width: 100%;
        max-width: 100%;
    }

    .sgfr {
        display: none;
    }

    .sgf {
        width: 98%;
        padding: 0 2%;
    }

    .sgfl {
        width: 100%;
    }
}

@media only screen and (min-width: 961px) and (max-width: 1024px) {
    .sgfw {
        background-image: none;
    }

    .sgfi {
        width: 100%;
        max-width: 100%;
    }

    .sgf {
        width: 98%;
        padding: 0 2%;
    }

    .sgfl ul {
        width: 33%;
        margin: 0 0 0 0;
    }

    .sgfl {
        width: 92%;
        padding: 3% 3% 0 3%;
    }

    .sgfr {
        display: none;
    }

    .sgfl .footerbtm_inner .footerbtn_ctn {
        padding: 10px 0!important;
    }
}

.menuWrapper .selected-menu .navContent .navTitle {
    color: #2aa9e0 !important;
}

.menuWrapper .selected-menu .navImg {
    background: #000 !important;
}

/*
     FILE ARCHIVED ON 08:08:19 Mar 08, 2026 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 13:24:32 Jun 03, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  capture_cache.get: 1.857
  load_resource: 26.1
  PetaboxLoader3.datanode: 24.018
*/