/* hubspot adapt */
/* xfer "no-top-image" to hsStyles.css */
.no-top-image .sp-page-title {
    display: none !important;
}

.no-top-image #sp-header {
    background: #00368B !important;
}

.no-top-image .article-header-wrap {
    max-height: 120px !important;
}

.no-top-image .article-social-share,
.no-top-image .article-header-wrap .col-md-8 {
    display: none;
}

.no-top-image .article-details .article-info span {
    -ms-flex: 1;
    flex: 1;
    height: 100%;
    display: inline-block;
}

.no-bgrd-color {
    background-image: url("#");
}

.no-bgrd-color #sp-main-body {
    position: relative;
    top: 20px;
}

.no-top-image .article-details .article-info span.createdby,
.no-top-image .article-details .article-info span.category-name,
.no-top-image .article-details .article-info span.create {
    font-size: 20px;
    color: #333;
    display: inline-block !important;
}

/*see c# 2896 */

.short-top-image .article-header-wrap {
    padding-top: 20px;
    max-height: 200px;
    margin-bottom: 0px !important;
}

.short-top-image .article-details .article-details-heading {
    position: relative;
    margin-bottom: -68px;
    z-index: 100;
    top: -90px;
}

.short-top-image .one-line-title .article-details-heading {
    top: -60px !important
}

.short-top-image .header-info-wrap,
.short-top-image .article-full-image {
    display: none;
}

.clean-top-header #sp-header,
.body-wrapper.hs-content-id-182159440752.hs-web-interactive {
    display: none !important;
}

.no-top-padding .view-article .col-sm-8 {
    padding-top: 0 !important;
}

/* deprecated */
.webinar-top-strip #sp-main-body {
    margin-top: -40px !important;
}

/*adapt hubspot version */
.on-demand-landing .body-wrapper {
    top: 30px !important;
}

/* PAGE TITLES MINITEK GRIDS (deprecates some items below) */
.blogpage .sp-page-title .sp-page-title-heading::after {
    content: " Shifting Work Perspectives";
    color: #000;
}

.whitepaperspage .body-innerwrapper {
    margin-top: -90px;
}

.whitepaperspage #sp-header {
    background: #00368b !important;
    padding-top: 4px;
    height: 92px;
    position: relative !important;
}

.whitepaperspage .sp-page-title .sp-page-title-heading {
    font-size: 60px;
    /*font-family: Open Sans Condensed;*/
    letter-spacing: -2px;
    font-weight: 700 !important;
    line-height: .9em;
    max-width: 900px;
    color: #777;
    position: relative;
    top: 30px;
    padding-bottom: 0 !important;
}

.whitepaperspage #sp-pagesubtitle {
    position: relative;
    top: 110px;
    margin-bottom: 10px;
}

/* possibly redundant */
.handoutspage #sp-header {
    background: #00368b !important;
    padding-top: 4px;
    height: 92px;
    position: fixed !important;
}

.whitepaperspage #sp-contextmenu {
    z-index: 1001;
    margin-top: -10px;
}

.whitepaperspage .sp-page-title {
    background-color: transparent;
    padding: 20px 0 40px;
}

.handoutspage .sp-page-title .sp-page-title-heading {
    font-size: 60px;
    /*font-family: Open Sans Condensed;*/
    letter-spacing: -2px;
    font-weight: 700 !important;
    line-height: .9em;
    max-width: 900px;
    color: #777;
    position: relative;
    top: 30px;
    padding-bottom: 0 !important;
}

.handoutspage h3.mwall-title a,
.handoutspage h3.mwall-title span {
    color: rgba(0, 0, 0, 0.9);
    font-size: 30px !important;
    line-height: 1.1;
}

.handoutspage #sp-pagesubtitle {
    position: relative;
    top: 40px;
    margin-bottom: -40px;
}

.handoutspage h3.mwall-title {
    text-align: center !important;
}

.handoutspage #sp-main-body {
    padding: 30px 0 !important;
}

/* HOLD .whitepapers .sp-page-title .sp-page-title-heading::after {
    content: " Whitepapers";
    color: #000;
}

/* HOLD .handoutspage .sp-page-title .sp-page-title-heading::after {
    content: " Shifting Work Perspectives";
    color: #000;
}
*/
/* go to line 1332 .no-top-image .article-details-heading > h1:nth-child(1), .view-article .article-details .article-details-heading > h2 {
  font-size: 48px !important;
  color: #333 !important;
  min-height: 140px !important;
  font-family: "Fira Sans Extra Condensed";
  margin: 20px 0 !important;
	text-shadow: none !important;
}
/* copied from solutions 250107 */

#sp-header {
    background: #00368b !important;
    padding-top: 4px;
    height: 98px;
    z-index: 9000 !important;
    position: fixed !important;
}

.body-wrapper {
    top: 90px;
}



.darkfooter #sp-bottom1,
.darkfooter #sp-header.header-sticky {
    background: #000 !important;
}

#instrux-do-not-display {
    display: none;
}

.sp-animated-background {
    z-index: 9;
}

.secondary-yellow-text {
    color: #eeb240;
}

.secondary-yellow-background {
    background: #eeb240;
}

.modal-open .modal-header {
    background-color: #1586CA !important;
}

#dialog3 {
    background: #4373b2;
}

/*#dialog28 {
    background-color: #000 !important;
}*/

/* title image mods 1387, 2127 */
/* .mod-circadian-logo {
    max-width: 340px;
    padding: 4px;
}*/

.mailerlite-footer {
    background: #000;
    color: #fff;
    padding: 40px 0;
}

#mailerfooter {
    max-width: 1100px;
    margin: 0 auto;
}

.flush-no-top-image .article-body-content > div:nth-child(1) {
    margin-top: -90px !important;
}

/* MAILER LITE FORM */
#mlb2-13964895.ml-form-embedContainer .ml-form-embedWrapper {
    background-color: transparent !important;
}

#mlb2-13964895.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent h4,
#mlb2-13964895.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
    color: #fff !important;
    font-family: 'Cabin Condensed', sans-serif !important;
    font-size: 30px;
    text-align: center;
     !important;
    font-weight: bold !important;
}

#mlb2-13964895.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedContent p,
#mlb2-13964895.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent p {
    color: #fff !important;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 17px !important;
    font-weight: 400;
    line-height: 1.5em !important;
    margin: 0 0 10px 0;
    text-align: center !important;
}

#mlb2-13964895.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input {
    border-radius: 24px !important;
}

.ml-form-embedSubmit .primary {
    background-color: #EEB240 !important;
    border-radius: 24px !important;
}

/* mtk-blogpage (backup blog feature) /////// */
.mtk-blogpage .body-innerwrapper {
    margin-top: -120px;
}

#blogbanner .sppb-container-inner {
    max-width: 1140px;
    margin: 0 auto;
}

/* joomla article blog page header */
#mwall_container_13 {
    max-width: 1140px;
    margin: 0 auto !important;
}

#mwall_container_13 h3.mwall-title a {
    font-size: 48px !important;
    line-height: 1em
}

#mwall_container_13 .mwall-photo-link img {
    margin-top: 36px !important;
}

#mwall_container_13 .mwall-item-inner-cont {
    background: none !important;
}

#mwall_container_13 .mwall-item-outer-cont {
    border: 0px !important;
}

#mwall_items_13 .mwall-detail-box .mwall-readmore a {
    color: #eeb240 !important;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    border: 0px !important;
    padding: 0 !important
}

#mwall_container_13 .mwall-photo-link img:hover,
#mwall_items_13 .mwall-detail-box .mwall-readmore a:hover {
    opacity: .7;
    transition: opacity 0.5s ease;
}

/* end revised joomla blog page header */

/* minitek grid easy blog source (mwall #14) */
#mod-custom401 {
    margin-top: -10px;
}

#mwall_items_14 .mwall-detail-box h3.mwall-title a,
#mwall_items_14 .mwall-detail-box h3.mwall-title span {
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    line-height: 13px;
}

#mwall_items_14 .mwall-columns .mwall-item-inner {
    padding: 0 !important;
}

#mwall_items_14 .mwall-detail-box .mwall-item-info a {
    color: #dfff48 !important;
    font-size: 1.2em;
}

#mwall_items_14 .mwall-detail-box .mwall-date {
    color: #dfff48 !important;
    font-weight: bold;
    padding-top: 0;
    margin-bottom: -10px;
}

#mwall_items_14 .mwall-desc {
    font-size: 16px;
    line-height: 21px;
    font-weight: 600;
    padding: 8px 11px 9px;
    color: #fff !important;
}

#mwall_items_14 .mwall-date {
    padding: 8px 11px 0;
}

#mwall_items_14 h3.mwall-title {
    /*  padding: 10px 9px 10px; */
    display: none;
}

#mwall_items_14 .mwall-item-category,
#mwall_items_14 .mwall-item-author {
    padding: 9px 11px 0;
    color: #dfff48 !important;
    font-weight: 600;
}

/* minitek related #15 easyblog */

#mwall_items_15 .mwall-detail-box h3.mwall-title a,
#mwall_items_15 .mwall-detail-box h3.mwall-title span {
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    line-height: 13px;
}

#mwall_items_15 .mwall-columns .mwall-item-inner {
    padding: 0 !important;
}

#mwall_items_15 .mwall-detail-box .mwall-item-info a {
    color: #dfff48 !important;
    font-size: 1.2em;
}

#mwall_items_15 .mwall-detail-box .mwall-date {
    color: #dfff48 !important;
    font-weight: bold;
    padding-top: 0;
    margin-bottom: -10px;
}

#mwall_items_15 .mwall-desc {
    font-size: 15px;
    line-height: 20px;
    font-weight: 600;
    padding: 8px 9px 15px;
    color: #fff !important;
}

#mwall_items_15 p.mwall-item-category span {
    font-size: 14px;
    line-height: 1.5em;
    color: #dfff48 !important;
}

#mwall_items_15 .mwall-date {
    padding: 10px 9px 0;
}

#mwall_items_15 h3.mwall-title {
    padding: 10px 9px 10px;
    font-size: 20px;
}

#mwall_items_15 .mwall-item-category,
#mwall_items_15 .mwall-item-author {
    padding: 0 9px;
}

/**** end minitek easyblog ****/

.article-header-info-wrap .label-warning {
    display: none;
}

.mtk-grid .sp-main-body {
    margin-top: -50px !important;
}


#sp-animated-background .animblogbanner {
    margin-top: 100px !important;
}

.mtk-list #sp-logo {
    padding-top: 0px;
}

.mtk-blogpage h3.mnwall-title,
.com-minitekwall h3.mnwall-title {
    line-height: 24px;
    margin: 0;
    padding: 10px 15px;
    height: 140px !important;
}

.mtk-blogpage #mwall_items_8 .mwall-big .mwall-detail-box .mwall-date,
.mtk-blogpage #mwall_items_8 .mwall-horizontal .mwall-detail-box .mwall-date,
.mtk-blogpage #mwall_items_8 .mwall-small .mwall-detail-box .mwall-date {
    color: rgba(255, 255, 255, 1);
    font-weight: 700;
}

.mtk-blogpage h3.mwall-title a,
.mtk-blogpage h3.mwall-title span,
.mtk-blogpage #mwall_items_8 .mwall-horizontal .mwall-detail-box h3.mwall-title a,
.mtk-blogpage #mwall_items_8 .mwall-horizontal .mwall-detail-box h3.mwall-title a:hover,
.mtk-blogpage #mwall_items_8 .mwall-horizontal .mwall-detail-box h3.mwall-title a:focus {
    font-size: 24px;
}

.mtk-blogpage .mwall-desc {
    font-size: 16px;
    line-height: 20px;
}

/* disabled per CTI 250204 .mtk-blogpage .mwall-item-outer-cont {
    border-top: 8px solid #000;
}*/

.mtk-blogpage .mwall-list #mwall_items_10 .mwall-item-inner .mwall-title a,
.mtk-blogpage .mwall-list #mwall_items_10 .mwall-item-inner .mwall-title span,
.mtk-blogpage .mwall-list #mwall_items_10 .mwall-item-inner .mwall-title {
    font-size: 30px;
    line-height: 34px;
}

.mtk-list .mwall-item-img {
    margin-bottom: -10px;
}

.mtk-grid #sp-section-3 .sp-page-title {
    background-color: transparent;
    padding: 20px 0 0;
    margin-bottom: -50px;
}

.mtk-grid h2.sp-page-title-heading {
    line-height: 1.1;
    font-family: anton;
    font-size: 70px;
    max-width: 100%
}

.mtk-grid h3.mnwall-title {
    line-height: 24px;
    margin: 0;
    padding: 10px 15px;
    height: 140px !important;
}

.mtk-grid #mwall_items_9 .mwall-detail-box h3.mwall-title a,
.mtk-grid #mwall_items_9 .mwall-detail-box h3.mwall-title span {
    height: 120px;
    display: inline-block;
}

.mtk-grid h2.sp-page-title-heading::after {
    content: "Shifting Work Perspectives";
    color: #eeb240;
}

.mtk-grid #mwall_items_9 .mwall-detail-box .mwall-readmore a {
    color: rgba(255, 255, 255, 1);
    border: 1px solid rgba(255, 255, 255, 1);
    font-weight: bold;
    text-transform: uppercase;
}

/* end mtk-blogpage */

/* Minitek Rearch Center Grid */

.research-center-page h3.mwall-title span {
    font-size: 24px;
    line-height: 18px;
}

.research-center-page .mwall-desc {
    font-size: 16px;
}

#mnwall_container_11 .mwall-desc > p:nth-child(2) {
    /* 11 is grid format */
    height: 200px;
}

#mwall_items_12 .mwall-item {
    /* 12 is list format */
    border-bottom: 1px solid #444;
}

#mwall_items_12 .mwall-item-img {
    max-width: 400px;
    object-fit: cover;
    margin-top: 24px;
}

/* end Research Center Minitek */

.no-page header .article-details .page-header {
    display: none;
}

.no-inline-cart .j2store-product,
.no-social .social-share-icon {
    display: none !important;
}

#sp-header.header-sticky {
    background-color: #00368B !important;
    height: 90px;
}

#sp-main-body {
    margin-top: -1px;
}

.homepageonly #sp-main-body {
    margin-top: -100px;
}

.no-gap .article-body-content {
    margin-top: 0 !important;
}

.no-sidebar .article-body-content {
    width: 100% !important;
}

.no-sidebar .sppb-sidebar {
    display: none;
}

.page-header {
    display: none !important;
}

.view-article #sp-main-body {
    padding: 0 0 50px;
}

p#clickit {
    text-align: right;
    color: #fff;
    position: absolute;
    right: 30px;
    top: 30px;
}

p#findit {
    text-align: right;
    color: #ccc;
    position: absolute;
    right: 80px;
    top: 30px;
}

p#findit:hover,
p#clickit:hover {
    cursor: pointer;
}

.pe-7s-menu {
    font-size: 40px;
    position: relative;
    top: -7px;
}

#sp-circ-mobile,
.view-article .side-panel,
.circ-mobile-toggler {
    position: absolute !important;
    right: 0 !important;
}

.article-body-right .sppb-sidebar {
    padding: 0px 20px !important;
    background-color: transparent !important;
}

/* page fix*/
.reportspage .article-body-right .sppb-sidebar {
    padding: 0 !important;
}

.article-body-right .sppb-sidebar .sp-module:first-child {
    padding-top: 0 !important;
}

h1,
h2,
.sppb-addon-title h1,
.sppb-addon-title h2 {
    font-family: "Fira Sans Extra Condensed";
    font-weight: 500 !important;
    font-size: 60px;
}

h1.sp-page-title-heading {
    font-size: 80px !important;
    margin: -10px 0 -100px !important;
}

h6 {
    text-transform: uppercase;
    font-size: 20px !important;
}

.contactanexpert h4 {
    font-weight: 700;
}

.related h2,
.related .sppb-addon-title h2 {
    font-family: "Fira Sans Extra Condensed";
    font-weight: 500 !important;
    color: #fff;
    font-size: 3em;
}

ul {
    padding: 0;
}

ol {
    padding-left: 16px;
}

ul,
ul li {
    line-height: 1.5em;
    padding-left: 20px;
}


hr {
    margin-top: 30px !important;
    margin-bottom: 10px !important;
    border-top: 2px solid #0b0b0b !important;
}

.article-body-content a {
    font-weight: 500;
}

blockquote {
    border-left: 10px solid #ccc;
    margin: 1.5em 10px;
    padding: 0.5em 10px;
    quotes: "\201C""\201D""\2018""\2019";
}

blockquote:before {
    color: #ccc;
    content: open-quote;
    font-size: 4em;
    line-height: 0.1em;
    margin-right: 0.25em;
    vertical-align: -0.4em;
}

blockquote p {
    display: inline;
}

.article-header-info-wrap .article-social-share .social-share-icon ul li {
    padding-left: 0;
}

.article-body-wrap h4 {
    padding-top: 12px;
}

.pager {
    display: none;
}

.btn-primary,
.sppb-btn-primary {
    border-color: #1586CA;
    background-color: #1586CA;
    display: inline-block;
    width: 225px;
    height: 60px;
    padding-top: 12px;
}

.sp-btn .sppb-btn {
    padding: 18px 25px;
}

#modal-yelo-btn a {
    text-align: center;
    color: #000;
    background: #eeb240;
    padding: 20px 5px;
    max-width: 200px;
    margin: 0 auto;
    margin-top: 0px;
    border-radius: 6px;
    display: block;
    font-family: cabin;
    text-transform: uppercase;
    margin-top: 20px;
    font-weight: 600;
    line-height: 1em;
}

.osdownloadsaction .btn_download a {
    padding: 20px 40px;
    background: #eeb240;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}

.download-no-btn {
    float: left;
    padding-right: 30px;
    margin-top: -30px;
}

.download-no-btn .osdownloadsaction .btn_download a {
    padding: 0;
    background: transparent;
    color: #000;
    text-transform: uppercase;
    font-weight: bold;
}

.download-no-btn .osdownloadsaction .btn_download {
    margin-top: 36px !important;
}

#file65_6633ca35e3111_link > span:nth-child(1) {
    display: none !important;
    /* one-off fix */
}

#ostextlinks .osdownloadsaction .btn_download a {
    padding: 10px 20px;
    display: block !important;
    text-align: center;
    font-size: 17px;
}

.osdownloadsaction .btn_download a:hover {
    background-color: #c1d05a !important;
    border-color: #c1d05a !important;
}

.no-btn .osdownloadsaction .btn_download a {
    padding: 0 !important;
    background: transparent;
}


.std-yelo-btn,
.j2store-cart-button,
.com-j2store .btn.btn-primary,
input.btn.btn-primary,
button.btn.btn-primary {
    display: block;
    background-color: #eeb240 !important;
    border-color: #eeb240 !important;
    color: #000000;
    padding: 25px;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Francois One', 'Open Sans';
    margin: 30px !important;
    border-radius: 4px !important;
    line-height: 1.2em;
    background-image: none !important;
    max-width: 325px;
}

.std-yelo-btn .std-yelo-plus {
    max-width: 375px;
    margin-left: 0 !important;
}

.std-yelo-btn:hover .std-yelo-plus:hover,
.std-yelo-btn-small:hover {
    cursor: pointer;
}

.std-yelo-btn-small {
    padding: 10px;
    width: 100%;
    display: block;
    background-color: #eeb240 !important;
    border-color: #eeb240 !important;
    color: #000000;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Francois One', 'Open Sans';
    margin: 0 auto !important;
    border-radius: 4px !important;
    line-height: 1.2em;
    background-image: none !important;
}

.std-yelo-btn-small:hover,
#modal-yelo-btn a:hover,
.cta-sidebar modal-yelo-btn a .std-yelo-btn:hover {
    background-color: #c1d05a !important;
    border-color: #c1d05a !important;
}


.j2store-cart-button,
.com-j2store .btn.btn-primary,
input.btn.btn-primary,
button.btn.btn-primary {
    line-height: 4px;
    margin: 20px 0px !important;
}

.std-yelo-btn-left {
    text-align: center;
    color: #000;
    display: table;
    padding: 16px 40px;
    margin-left: -0 !important;
    background: #eeb240;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
}

.std-yelo-btn,
.j2store-cart-button .btn-primary {
    text-align: center;
    color: #000;
}

.std-yelo-btn a:link,
.std-yelo-btn-left a:link,
.std-yelo-btn a,
.j2store-cart-button .btn-primary a,
.btn-primary a .std-yelo-btn a:visited,
.std-yelo-btn-left a:visited {
    color: #000;
    text-decoration: none;
}

.std-yelo-btn::after {
    display: none;
    font-family: FontAwesome;
    content: "";
    padding-left: 6px;
    cursor: pointer !important;
}

.std-yelo-btn:hover,
.std-yelo-btn-left:hover,
.j2store-cart-button .btn-primary:hover,
.btn-primary:hover {
    color: #fff;
    background-color: #c1d05a !important;
    border-color: #c1d05a !important;
}

.std-yelo-btn a:hover,
.std-yelo-btn-left a:hover,
.j2store-cart-button .btn-primary a:hover,
.btn-primary a:hover {
    background-color: #c1d05a !important;
    border-color: #c1d05a !important;
}

/*.std-yelo-btn:hover::after,*/
.j2store-cart-button .btn-primary:hover::after,
.btn-primary:hover::after {
    color: #fff;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.btn-centered {
    text-align: center;
}

.btn-primary a,
.sppb-btn-primary a,
.btn-primary a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 1.5rem;
    padding: 30px;
}

.btn-primary:hover,
.sppb-btn-primary:hover {
    border-color: #3b393f !important;
    background-color: #3b393f !important;
}

.btn-primary a:hover,
.btn-primary a:focus,
.sppb-btn-primary a:hover,
.sppb-btn-primary a:focus {
    color: #fff !important;
}

.main-menu .sp-module {
    background: #1586ca !important;
}

.context-menu .menu ul li a {
    font-family: 'Francois One' !important;
}

#boxrow2 {
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(84, 143, 222, 1) 50%);
    background: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(84, 143, 222, 1) 50%);
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 50%, rgba(84, 143, 222, 1) 50%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#8300fe", GradientType=1);
    display: flex;
    justify-content: center;
    align-items: center;
}

#sp-right .sp-module {
    border: 0px !important;
}

#sp-bottom {
    background-color: #1586ca !important;
}

.sp-simpleportfolio-tags {
    color: #f0a400 !important;
}

/*easy accordion if using */
.easyamm-child,
.easyamm-child .easyamm-parent {
    padding-left: 20px !important;
    background-color: rgba(0, 0, 0, 0);
}

.simple ul.easyamm-accordion li a {
    padding-left: 20px;
}

.simple .easyamm-accordion a .easyamm-icon {
    font-size: 18px;
}

.simple .easyamm-accordion a .easyamm-icon:after,
.simple .easyamm-accordion a .easyamm-parent.active .easyamm-icon:after {
    background: #175E88 !important;
    width: 42px;
    text-align: right;
    padding-right: 12px;
}

/*cinch menu if using */
#accordion_menu_229 ul.accordion-menu li > .item-wrapper > .menu-link > a {
    display: block !important;
}

ul.accordion-menu li > .item-wrapper > .menu-link {
    overflow: hidden !important;
}

ul.accordion-menu.button-right li > .item-wrapper > .menu-button > img {
    padding-left;
    12px;
    padding right: 12px;
}

/* SPECIAL */
.cta-content {
    /* sidebar cta's* rev. 4/23 from 21% v */
    padding: 0 30px !important;
}

#cta-head p {
    line-height: 1.4emem !important;
    font-size: 24px;
    font-weight: 700;
}

#circadian-help {
    /*yelo*/
    background: rgba(238, 168, 4, .5);
    /*blue*/
    /*background: rgba(42, 185, 255, 0.5); */
    padding: 10px;
}

#circadian-help > ul > li {
    padding-bottom: 6px;
    border-bottom: 1px solid #777;
    margin-bottom: 6px;
}

#circadian-help > ul li:last-child {
    padding-bottom: 6px;
    border-bottom: 0px;
    margin-bottom: 0;
}

#circadian-help ul li a,
#circadian-help p a {
    color: #FF2C2C;
    font-weight: bold;
}

#circadian-help ul li a:hover,
#circadian-help p a:hover,
#circadian-help ul li a:focus,
#circadian-help p a:focus {
    color: #860c79;
}

#easyamm-accordion-166 .item-1153 span.nav-header.menucontactform {
    color: rgb(37, 37, 37);
    font-weight: 400;
    text-transform: capitalize;
    font-size: 18px;
    padding-left: 0;
    line-height: 40px;
}

#easyamm-accordion-166 .easyamm-expand::after {
    width: 100px;
    text-align: right;
    padding-right: 10px;
}

/*.simple ul.easyamm-accordion li.active a.easyamm-parent,
.simple li.easyamm-expand a {
    padding-left: 4px !important;
}*/

/* CONTENT */
.gplus,
.category-name {
    display: none !important;
}

.social-share-icon ul li a {
    font-size: 16px;
    color: rgb(70, 203, 255) !important;
}

.article-header-info-wrap .article-social-share .social-share-icon ul li a::after {
    border: 1px solid rgba(70, 203, 255, .6) !important;
}

.view-article .article-details .article-header-wrap,
.docpage .body-wrapper,
.mtk-blogpage .mtk-grid .landingpages,
.searchresultspage .body-wrapper {
    background-color: #fff;
    padding-top: 120px;
    margin-bottom: 60px;
    background: none;
    background-size: cover;
    background-position: 50% 33% !important;
    background-repeat: no-repeat !important;
    max-height: 400px;
    background-image: url('/images/bgimg/curve-piqsels-com-id-svuax-earth-at-night-fade.jpg') !important;
}


.modal-content {
    background-image: url('/images/bgimg/curve-piqsels-com-id-svuax-earth-at-night-fade.jpg') !important;
    background-position: bottom center;
}

.modal-open body #ceForm1,
.modal-open div#form.contactenhanced_email form#ceForm1.ce-form.ampform {
    background: transparent !important;
    color: #fff;
}


.contactpage .body-wrapper {
    background-color: #fff;
    padding-top: 120px;
    margin-bottom: 60px;
    background: none;
    background-size: cover;
    background-position: 50% 33% !important;
    background-repeat: no-repeat !important;
    max-height: 310px;
    background-image: url('/images/bgimg/curve-piqsels-com-id-svuax-earth-at-night-fade.jpg') !important;
}

.layout-unsubscribepage .body-wrapper {
    margin-bottom: 60px;
    background: none;
    background-size: cover;
    background-position: 50% 33% !important;
    background-repeat: no-repeat !important;
    max-height: 310px;
    background-image: url('https://circadian.com/images/bgimg/curve-piqsels-com-id-svuax-earth-at-night-fade-acym.jpg?1669128028') !important;
}

.itemid-699 .body-wrapper,
.sppb-whitepapers .body-wrapper,
.view-article .free-white-paper .article-header-wrap,
.com-eshop .body-wrapper,
.sitemap-page .body-wrapper,
.com-easycheckout .body-wrapper {
    background-color: #fff;
    padding-top: 120px;
    margin-bottom: 60px;
    background: none;
    background-size: cover;
    background-position: 50% 33% !important;
    background-repeat: no-repeat !important;
    max-height: 200px;
    background-image: url('/images/bgimg/curve-piqsels-com-id-svuax-earth-at-night-fade.jpg') !important;
}



.com-minitekwall .mtk-grid .body-wrapper {
    background-color: #fff;
    padding-top: 0 !important;
}


.mtk-grid .body-wrapper {
    background-color: #fff;
    padding-top: 120px;
    margin-bottom: 60px;
    background: none;
    background-size: cover;
    background-position: 50% 33% !important;
    background-repeat: no-repeat !important;
    max-height: 570px;
    background-image: url('/images/bgimg/curve-piqsels-com-id-svuax-earth-at-night-fade.jpg') !important;
}

.mtk-blogpage .body-wrapper {
    max-height: 650px;
}

.mtk-blogpage #sp-main-body {
    padding: 50px 0 90px;
}

.com-users #sp-main-body {
    background-image: url('/images/bgimg/curve-piqsels-com-id-svuax-earth-at-night-fade.jpg') !important;
    background-position: 50% 50% !important;
    background: none;
    background-size: cover;
    background-repeat: no-repeat !important;
}

.view-checkout #sp-header,
.view-carts #sp-header,
.view-myprofile #sp-header,
.page-cas-signup #sp-header {
    background-image: url('/images/bgimg/curve-piqsels-com-id-svuax-earth-at-night-fade.jpg') !important;
    background-position: 50% 50% !important;
    height: 90px;
    background: none;
    background-size: cover;
    background-repeat: no-repeat !important;
}

.j2store-single-product-view .body-wrapper,
.case-study-page .body-wrapper {
    background-color: #fff;
    padding-top: 0;
    margin-bottom: 60px;
    background: none;
    background-size: cover;
    background-position: 50% 33% !important;
    background-repeat: no-repeat !important;
    max-height: 200px;
    background-image: url('/images/bgimg/curve-piqsels-com-id-svuax-earth-at-night-fade.jpg') !important;
}

/* ////////////////////////// */
#sp-animated-background {
    display: none;
}

.itemid-1393 #sp-animated-background {
    display: block;
}

.itemid-1393 .view-article .article-details .article-header-wrap {
    display: none !important;
}

.itemid-1393 .article-header-wrap {
    padding-top: 0;
    margin-top: -400px;
}

.itemid-1393 #sp-helpergrid {
    margin-top: -100px;
}

.itemid-1393 #sp-helpergrid .sp-module-title {
    display: none;
}

/*
.case-studies-header .body-wrapper {
    background-color: #fff;
    padding-top: 120px;
    margin-bottom: 60px;
    background: none;
    background-size: cover;
    background-position: 50% 33% !important;
    background-repeat: no-repeat !important;
    max-height: 600px;
    background-image: url('/images/bgimg/curve-piqsels-com-id-svuax-earth-at-night-fade.jpg') !important;
}
.case-studies-header h1 {
	height: 700px !important
}
.case-studies-header .article-header-wrap {
  padding-top: 20px !important;
}
*/
.case-studies-header #sp-header {
    margin-bottom: -90px;
}

/*height: 800px;
  min-width: 800px !important;
  min-height: 720px !important;
/* ///////////////////////// */


.blogitem-sidebar .sppb-article-info-wrap h3,
.blogitem-sidebar .sppb-article-info-wrap h3 a {
    color: #000;
    margin-bottom: 40px !important;
    font-size: 24px !important;
}

.blogitem-sidebar .tags li a:hover {
    background: none;
}

.blogitem-sidebar .tags {
    list-style: none;
    padding: 0;
    margin: .2rem 0 0;
}

.blogitem-sidebar .tags .mb4 {
    margin-bottom: 0;
}

.blogitem-sidebar .tags > li a {
    background: none;
    font-weight: bold;
}

.blogitem-sidebar a.sppb-readmore {
    background: #eeb240;
    color: #000;
    padding: 10px 20px;
    position: relative;
    top: -10px;
}

.blogitem-sidebar a.sppb-readmore:hover {
    background: #69cdec;
}

.storegridonly #sp-header {
    /*storegridonly is a minitek page via menu 
    height: 200px !important;*/
}

.storegridonly #sp-main-body {
    padding: 100px 0;
}

.view-article .animheader .article-header-wrap {
    background: transparent !important;
    margin-top: -400px;
}

.no-social .article-header-info-wrap .article-social-share,
.storegrid .article-header-info-wrap .article-social-share,
.view-article .free-white-paper .article-social-share {
    display: none;
}

.view-article .free-white-paper .article-body-right .sppb-sidebar {
    padding: 0 !important;
}

.view-article .no-cta .article-body-wrap,
.case-study-page .article-social-share {
    display: none;
}

.case-study-page #sp-helpergrid {
    margin-top: -180px !important;
}

.case-study-page h2.sp-module-title {
    display: none !important;
}

.storegrid .sp-page-title {
    background-color: transparent;
    padding: 0;
    margin-top: -10px;
}

.storegrid .sp-page-title .sp-page-title-heading {
    font-size: 72px;
    line-height: 1.1;
}

.storegrid h6 {
    height: 100px;
}

.sppb-whitepapers .sp-page-title .sp-page-title-heading {
    margin-left: -30px;
}

.contactpage #sp-header {
    background: transprent;
    height: 90px;
}

.contactpage .sp-page-title {
    background-color: transparent;
    padding-top: 80px;
    padding: 80px 0 30px;
}

.com_easyblog #sp-header,
.com_minitekwall #sp-header {
    background: #00368b !important;
    padding-top: 4px;
    height: 92px;
}

/*.view-grid #sp-header {
	background: transparent !important;
}

.view-grid #sp-header .sticky {
	background: transparent !important;
}*/

.com_easyblog #circ-home-menu {
    margin-top: -11px;
}

body.com-easyblog,
body.ebgrid {
    background: #fff;
    background-image: none !important;
}

.sitemap-page .sp-page-title {
    background-color: transparent;
    padding: 0 !important;
}

.contactpage .sp-page-title-heading {
    line-height: 1.1;
    max-width: 790px !important;
}

.sitemap-page h2.sp-page-title-heading {
    font-size: 72px !important;
    line-height: 1.1;
    max-width: 790px !important;
    height: 100px;
    position: relative;
    top: -10px;
}

.sitemap-page #sp-main-body {
    padding: 0 0 5.article-body-right .sppb-sidebar 0px;
}

.contactpage #ceForm1 .inputbox,
.free-white-paper #ceForm3 .inputbox,
.free-white-paper #ceForm4 .inputbox {
    height: 40px;
    border: 1px solid #ccc;
    background-color: #fff !important;
    padding-left: 3px;
}

.contactpage #ce-cf-container-12 {
    /* state or province */
    margin-left: 12px;
}

.contactpage #sp-main-body {
    max-width: 960px;
    margin: 0 auto;
    margin-top: 0px;
    padding: 0 0 30px;
    margin-top: 100px !important;
}

.contactpage #ce-contact-1 .title {
    display: none;
}

.contactpage #street,
.contactpage #\30 0n33000003bh8c,
.contactpage #\30 0n5a00000dcu1 {
    width: 100% !important;
}

input[type="text"]:not(.form-control),
.free-offer-form #email {
    height: 40px !important;
    background: #fff !important;
    padding-left: 3px !important;
    border: 1px solid #aaa !important;
    border-radius: 3px !important;
}


/*==== ^ end animated header ^ ====*/

.aviationfix .article-header-wrap .header-wrap-inner,
.titlefix .article-header-wrap {
    max-height: 400px !important;
    /*margin-bottom: 0px !important;*/
}

/*.blogpage .body-wrapper {
    background-image: url('/images/bgimg/curve-piqsels-com-id-svuax-earth-at-night-fade.jpg') !important;
    background-size: cover;
    background-position: 50% 33% !important;
    position: relative;
    max-height: 500px;    
	margin-bottom: -50px;
}*/

.blogpage #eb

/*#mwall_container_14*/
    {
    margin-top: 120px !important;
}

.view-entry .blogpage .eb-container__main {
    margin-top: -100px !important;
}

#articleCarouselSlide::before {
    content: url("/images/grfx/blogtitle72px.png");
    color: #fff;
    font-size: 70px;
    font-family: 'Anton', 'Francois One', 'Arial';
    position: relative;
    text-align: left !important;
    letter-spacing: -1px;
    top: 220px;
}

.blogpage .carousel-item-inner .article-carousel-pro-text {
    color: #fff !important;
    font-weight: 600;
    font-family: open sans;
    text-shadow: 2px 2px 4px black;
    padding: 0;
    margin-top: -100px;
}

.blogpage .items-leading .system-unpublished {
    display: flex;
    /* adjust J4 layou issue in konstra */
}

.blogpage .article-list {
    padding-top: 0;
}

.blogpage .carousel-item .article-intro-image {
    max-width: 66%;
    height: 400px;
    object-fit: cover;
}

.blogpage .carousel-item-inner .article-carousel-pro-text a {
    color: #eeb240;
}

.blogpage .carousel-item-inner .article-carousel-pro-text a:hover {
    color: #84dcff;
}

.blogpage .view-category .sp-page-title {
    padding-bottom: 70px;
    z-index: 200 !important;
    position: relative;
}

.blogpage .sp-page-title {
    background: transparent !important;
    position: absolute;
    margin: -20px auto !important;
    width: 100%;
    height: 90px;
    padding: 50px;
}

.blogpage .sp-page-title .sp-page-title-heading,
.com-minitekwall .sp-page-title .sp-page-title-heading {
    font-size: 60px;
    padding-bottom: 20px !important;
    /*font-family: Open Sans Condensed;*/
    letter-spacing: -2px;
    font-weight: 700 !important;
    line-height: .9em;
    max-width: 900px;
    color: #777;
}

/* not working */
.blogpage .article-list .article:nth-child(odd) {
    border-top: 4px solid black;
}

.blogpage .article-list .article:nth-child(even) {
    border-bottom: 4px solid black;
}

/*.blogpage #sp-contextmenu > div:nth-child(1) > div:nth-child(1) {
    display: none;
}*/

#sp-contextmenu {
    z-index: 1001;
}

.optimization-no-context-menu #circ-home-menu,
.optimization-no-context-menu .article-header-info-wrap {
    display: none;
}

.optimization-no-context-menu .article-header-wrap {
    height: 275px;
}


.blog-cta-footer {
    max-width: 1170px;
    margin: 0 auto !important;
}

.view-article .article-body-content h1 {
    display: none;
}

.view-article .article-details .article-details-heading h1,
.view-article .article-details .article-details-heading h2 {
    font-size: 60px !important;
    font-weight: 700;
    color: #ffffff;
    min-height: 140px !important;
    font-family: "Fira Sans Extra Condensed";
    text-shadow: rgba(0, 0, 0, .5) 2px 2px 6px;
}

.no-top-image .article-details-heading > h1:nth-child(1),
.view-article .article-details .article-details-heading > h2 {
    font-size: 48px !important;
    color: #333 !important;
    min-height: 140px !important;
    font-family: "Fira Sans Extra Condensed";
    margin-bottom 20px !important;
    padding-top: 6px;
    text-align: center !important;
    line-height: 1em;
}

/* category blog list patches */
.view-category #sp-main-body {
    margin-top: 150px;
}

.view-category .body-wrapper {
    max-height: 200px;
    background-image: url('/images/bgimg/curve-piqsels-com-id-svuax-earth-at-night-fade.jpg') !important;
}

.category-list .cat-blog-list {
    max-width: 1600px;
    margin: 0 auto;
}

.cat-blog-list #sp-contextmenu {
    z-index: 1001;
    width: 100%;
    margin-top: -100px !important;
    margin-left: 30% !important;
}

/* end category blog patch */

.reportspage .article-details .article-details-heading h1,
.reportspage .article-details .article-details-heading h2 {
    line-height: .9em !important;
    color: #fff !important;
}

.blogpage .article-details .article-full-image img {
    filter: grayscale(var(--value, 100%));
    --value: 100%;
    background: #000;
    height: 240px;
    width: 600px;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 172px !important;
}

.blogpage .article-details .article-header-wrap {
    background-color: #3b393f;
    padding-top: 120px;
    margin-bottom: 60px;
    height: 450px;
    margin-top: 0;
}

.blogpage .article-list .article .article-header h1,
.blogpage .article-list .article .article-header h2,
.blogpage .carousel-item-inner .article-header h1,
.blogpage .carousel-item-inner .article-header h2 {
    font-size: 27px;
    font-family: "Cabin", sans-serif;
    font-weight: 600;
    line-height: 1.1em;
}

.layout-blog .article-details-heading h1,
.layout-blog .article-details-heading h2 {
    font-size: 72px !important;
    font-weight: 400;
    color: #eeb240 !important;
    text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.7);
}

.layout-blog .article-carousel-pro-text > p {
    line-height: 1.2em;
}

.layout-blog .article-carousel-pro-text > p:nth-child(2) {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 12 !important;
    -webkit-box-orient: vertical;
}

.article-body-wrap p#hidden-inline {
    display: none !important;
}

.blogpage .article-list .article-header {
    margin-top: 0;
}

.blogpage .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
    top: 200px;
    margin-bottom: 30px;
}

/* deprecated 3/14/22
    .blogpage .carousel-inner::before {
    content: " BLOG Shifting work perspectives";
    font-family: anton;
    font-size: 60px;
    color: #eeb240;
    margin-bottom: 20px;
    position: relative;
    top: -20px;
}*/

.blogpage .carousel-item {
    margin-top: 20px;
}

.layout-blog .readmore a {
    color: #eeb240 !important;
    font-size: 1.2em;
    font-family: 'open sans';
    font-weight: 600 !important;
    text-transform: uppercase;
}

.layout-blog .items-leading .carousel-control-prev,
.layout-blog .items-leading .carousel-control-next {
    /* color: rgba(255, 255, 255, 0.5); if more than one */
    display: none;
}

.layout-blog .carousel-item a img {
    position: relative;
    top: 70px;
    max-height: 500px;
    object-fit: cover;
}

.maxwidth960 {
    max-width: 960px !important;
    text-align: center.
}

/* content accordion */
.jwts_toggleControlTitle {
    font-family: 'Cabin Condensed';
    font-weight: 500;
    font-size: 30px !important;
}

.slider-small-title .jwts_toggleControlTitle {
    font-family: 'Cabin Condensed';
    font-weight: 500;
    font-size: 24px !important;
}

.slider-small-title {
    border-bottom: 2px solid #000;
    margin-bottom: 24px;
    background: rgba(0, 0, 0, .1);
}

.slider-small-title .jwts_toggleControl {
    height: 40px;
}

div.jwts_toggleControlContainer a.jwts_toggleControl {
    font-size: 30px;
    background: transparent;
    padding: 10px;
    margin-bottom: 2px;
    line-height: normal;
    border-left: 0px;
    margin-bottom: 18px;
}

.inline-yelo-toggle div.jwts_toggleControlContainer a.jwts_toggleControl {
    /* add selector on menu item under display > page class */
    font-size: 30px;
    /*background: #eeb240;*/
    padding: 10px;
    margin-bottom: 2px;
    line-height: normal;
    border-left: 0px;
    margin-bottom: 18px;
    border-radius: 6px;
    margin-left: 20px;
    /*max-width: 500px;*/
}


div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle::before {
    border-width: 8px 0 8px 8px;
}

div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle::before {
    border-width: 8px 8px 0 8px;
}

div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle::before {
    top: 20px;
}

.slider-small-title div.jwts_toggleControlContainer a.jwts_toggleOff span.jwts_toggleControlTitle::before {
    top: 24px;
}

div.jwts_toggleControlContainer a.jwts_toggleOn span.jwts_toggleControlTitle::before {
    top: 24px;
    left: 8px;
}

div.jwts_toggleContent {
    padding: 10px 10px 12px;
    margin-bottom: 2px;
    border-top: 0;
    background: #efefef00;
}

#faqtabs .jwts_toggleControlContainer {
    height: 40px;
}

#faqtabs .jwts_toggleControl {
    margin-bottom: 0px !important;
}

#faqtabs div.jwts_toggleControlContainer:nth-child(n+2) {
    position: relative;
    top: -20px !important;
}

#faqtabs div.jwts_toggleContent {
    padding: 0px 10px 0px 30px;
    margin-bottom: -40px !important;
}

#faqtabs div.jwts_content:nth-child(1) {
    margin: -20px 0 60px;
}

.inline-yelo-toggle div.jwts_toggleContent div.jwts_content {
    margin-left: 20px;
}

.view-article .inline-toggle-image img {
    height: 200px;
    object-fit: cover;
    overflow: hidden;
    object-position: center top;
}


/*end content accordion */

.polipop_position_center .polipop__notifications {
    top: 100px;
}

/* mailform */
.sp-cf-footer-newsletter-form .sp-input-wrap.active span {
    top: -14;
}

/*PORT FROM BETA1 */
html {
    scroll-padding-top: 140px;
}

.fade-img > img,
img.fade-img {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.fade-img > img:hover,
img.fade-img:hover {
    opacity: 0.5;
}

.sp-circadian img.circadian-logo {
    height: 62px;
}

.burger-icon > span {
    background-color: #fff;
}

#sp-circ-mobile .mobile-icon {
    color: #fff !important;
    position: absolute;
    right: 0px;
    top: 10px;
    padding-right: 50px;
}

#sp-circ-mobile .mobile-icon:hover,
#sp-circ-mobile .mobile-icon a:hover {
    opacity: .7;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    cursor: pointer;
}

.context-menu ul li,
.landingpages .context-menu ul li {
    display: inline-block;
    font-family: oswald;
    color: #fff;
    padding: 30px 15px;
    font-weight: 500;
}

.page-industries .context-menu ul li {
    display: inline-block;
    font-family: oswald;
    color: #fff;
    padding: 30px 15px;
    font-weight: 500;
    font-size: 16px;
}

.context-menu-tight ul li,
.landingpages .context-menu-tight ul li {
    display: inline-block;
    font-family: francois one;
    color: #fff;
    padding: 30px 6px;
    font-size: .9em;
}

.context-menu ul li a,
.context-menu-tight ul li a {
    color: #fff !important;
}

.context-menu ul li.current-active a {
    color: #eeb240 !important;
}

.ss-contextmenu .item-2447::after {
    content: ">";
    padding-left: 6px;
}

.topmenu-contact-link li a {
    color: #eeb240 !important;
}

.context-menu ul li a:hover,
.context-menu-tight ul li a:hover {
    color: #dab600 !important;
}

.context-menu ul.menu,
.context-menu-tight ul.menu {
    padding-left: 0;
}

.article-header-info-wrap .article-social-share {
    margin: -10px 0 40px 10px !important;
    /* adj blog page */
}

.view-article .article-details .article-full-image {
    text-align: center;
    margin-bottom: 0;
    padding-right: 95px;
    margin-left: -390px;
}

.view-article .article-details .article-full-image img {
    display: inline-block;
    border-radius: 0;
    height: 300px;
    width: 40vw;
    height: 280px;
    object-fit: cover;
    /*position: relative;
    top: 30px;*/
    filter: brightness(.95) saturate(1.1);
    background-color: #000;
    margin-top: 75px;
    /* adjust blog */
}

.blogpage .article-full-image img {
    display: inline-block;
    border-radius: 0;
    width: 30vw;
    height: 250px;
    object-fit: cover;
    filter: brightness(.95) saturate(1.1);
    background-color: #000;
    top: 200px !important;
    margin-left: 15% !important;
}

/*.blogpage .article-body-content {
    position: relative;
    top: 640px;
    margin-bottom: 640px;
}

.blogpage .article-body-right .sppb-sidebar {
    position: relative;
    top: 364px;
}*/


.layout-blog .sppb-sidebar .sp-module-title h2 {
    font-size: 32px;
    font-family: anton;
    font-weight: 700;
}

.sp-scroll-up {
    color: #000 !important;
    background: #F0A400 !important;
}

/* CHALLENGE GRID */
.tab-image-layout .sppb-image-layout-title {
    max-width: 100% !important;
}

#fp-challenges-tabrow .sppb-nav-lines {
    border-bottom: 2px solid #e5e5e5;
    height: 60px;
}

#fp-challenges-tabrow .sppb-addon-tab .sppb-nav > li.active > a {
    color: #00368b !important;
    position: relative;
    top: -5px;
    border-bottom: 6px solid #000;
    border-bottom-color: rgb(0, 0, 0);
}

/* OSDOWNLOADS PRO */

.osdownloads-modal h2.title {
    line-height: 1em;
    font-size: 42px;
}

.osdownloads-custom-fields-container span.star {
    display: none !important;
}

.osdownloads-custom-fields-container {
    padding-top: 16px;
}

.osdownloadsaction .btn_download {
    margin-top: 50px !important;
}

/* OTHER FEATURES */

ul.jwts_tabbernav {
    font-family: Oswald;
    background: transparent !important;
}

.jwts_tabberlive .jwts_tabbertab {
    background: transparent !important;
}

ul.jwts_tabbernav li a {
    font-size: 14px;
    line-height: 17px;
    margin: 0;
    padding: 10px 15px 10px 0;
}

.article-details .link-edit-article {
    position: absolute;
    right: 50px !important;
    top: 70px !important;
    z-index: 9010 !important;
}

/* RELATED ITEMS */
#sp-helpergrid .sp-module-title h3 {
    text-align: center !important;
}

.mnwall_more_results a {
    border: 1px solid #eeb240 !important;
    display: inline-block;
    padding: 12px 14px;
    text-decoration: none;
    line-height: 26px;
    min-width: 100px;
    background: #eeb240;
    color: black;
    font-family: cabin;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 5px;
}

.mnwall_more_results a.more-results:hover,
.mnwall_more_results a.mnwall-reset-btn:hover {
    border: 1px solid #548fde !important;
    background: #548fde;
}

.whitepapers .mnwall-item-img:hover {
    opacity: .7;
}

/*BEGIN RELATED BG's */
#sp-helpergrid {
    background-image: url('/images/bgimg/v2x-334384-Peterbilt-Kenworth.jpg');
    background-position: left bottom;
    background-size: cover;
    padding: 100px 0;
}

.view-article .page-aviation #sp-helpergrid {
    background-image: url('/images/bgimg/piqsels.com-id-zqspe-32x18k.jpg') !important;
    background-position: center center;
    background-size: cover;
    padding: 100px 0;
}

/* Pseudo element experimental
#sp-helpergrid::after {
    background-image: url('/images/bgimg/piqsels.com-id-zqspe-32x18k.jpg') !important;
    background-position: center center;
    background-size: cover;
    padding: 100px 0;
    z-index: -1;
}

/* END */
.view-login .login .form-control,
.circ-onpage-login #modlgn-username,
.circ-onpage-login #modlgn-passwd {
    height: 50px;
    border: 1px solid #777 !important;
}

.circ-onpage-login .form-check-input[type="checkbox"] {
    width: 18px;
}

#sp-pagesubtitle {
    position: relative;
    top: 80px;
}

/************************* 
***********J2Store *******
**************************/
.view-checkout input {
    background-color: #fff !important;
    height: 40px;
}

.view-checkout #sp-component,
.view-carts #sp-main-body,
.view-myprofile #sp-main-body {
    margin-top: 30px;
}

#j2storeOrderLoginForm .sp-input-wrap {
    display: block;
    width: 100%;
    position: relative;
    margin-right: 500px !important;
    padding-left: 10px;

}

#j2storeOrderLoginForm .j2storeUserName,
#j2storeOrderLoginForm .j2storePassword {
    width: 100% !important;
}

#j2storeOrderLoginForm .j2storeUserName input,
#j2storeOrderLoginForm .j2storePassword input,
#j2storeOrderGuestForm .j2store_register_fields input,
#j2storeOrderGuestForm .j2store_register_fields input {
    height: 50px;
    border: 1px solid #777;
    border-radius: 4px;
    background-color: #fff;
}

.j2store-myprofile h3 {
    display: none;
}

.view-myprofile .page-header {
    margin: 80px 0 30px;
    top: 80px;
}

.j2store-single-product-view .page-header h1 {
    color: #fff;
    font-size: 60px;
    margin-bottom: 40px;
}

.j2store-single-product-view #sp-right .sp-module:first-child {
    margin-top: 100px !important;
}

.j2store-single-product-view .price-sku-brand-container {
    border: none;
    margin: 0;
    padding-bottom: 0;
}

.storegrid .product-grid .j2store-thumbnail-image {
    border: 1px solid #777;
    height: 200px !important;
    width: auto;
}

.product-price-container .sale-price::before {
    content: "$ ";
}

.onpage-store-grid .j2store-product-module h4.product-title {
    font-size: 1.2rem;
    font-family: 'oswald', 'cabin condensed';
    text-align: center;
}

.onpage-store-grid .j2store-product-module .product-title {
    height: 100px;
}

.onpage-store-grid .j2store-product-module .j2store-product-image {
    padding-bottom: 10px;
    height: 275px;
}

.onpage-store-grid .j2store-product-module .product-cart-section {
    margin-top: 30px;
    margin-left: 0;
}

.onpage-store-grid .j2store-product-module .j2store-img-responsive {
    margin: 0 auto;
}

.onpage-store-grid .j2store-product-module .product-cart-left-block {
    text-align: center;
}

.onpage-store-grid .j2store-product-module .j2store-cart-button {
    margin: 20px auto !important;
}

.onpage-store-grid .j2store-product-module a.j2store-product-quickview-modal.btn.btn-default {
    background: none;
    padding: 0;
    margin: -10px 0 40px auto;
    border: none;
    box-shadow: none;
}

/* j2store product display adjustments */
.downloadable-product > div:nth-child(1) > div:nth-child(1) {
    display: none;
    /* removes left column*/
}

.downloadable-product > div:nth-child(1) > div:nth-child(2) {
    width: 100%;
}

.downloadable-product .product-title {
    font-size: 54px !important;
    line-height: 56px;
}

.downloadable-product .j2store-add-to-cart {
    margin-left: 0;
}

.easy-checkout-row {
    background: transparent !important;
}

.easy-checkout.easy-checkout-checkout-form input[type="text"],
.easy-checkout.easy-checkout-checkout-form input[type="password"],
.easy-checkout.easy-checkout-checkout-form input[type="datetime"],
.easy-checkout.easy-checkout-checkout-form input[type="datetime-local"],
.easy-checkout.easy-checkout-checkout-form input[type="date"],
.easy-checkout.easy-checkout-checkout-form input[type="month"],
.easy-checkout.easy-checkout-checkout-form input[type="time"],
.easy-checkout.easy-checkout-checkout-form input[type="week"],
.easy-checkout.easy-checkout-checkout-form input[type="number"],
.easy-checkout.easy-checkout-checkout-form input[type="email"],
.easy-checkout.easy-checkout-checkout-form input[type="url"],
.easy-checkout.easy-checkout-checkout-form input[type="search"],
.easy-checkout.easy-checkout-checkout-form input[type="tel"],
.easy-checkout.easy-checkout-checkout-form input[type="color"],
.easy-checkout.easy-checkout-checkout-form .uneditable-input {
    width: 300px;
    height: 36px;
    display: block;
    border-color: #444;
    background: azure;
}

/* ^ end j2store product display adjustments ^ */

#detailJ2StoreCart th,
#detailJ2StoreCart tbody {
    font-size: 16px;
}

/*remove auto placed carts use manual placement */
.j2store-product .j2store-product-11 .product-11 .downloadable {
    display: none;
}

.whitepapers .mnwall_iso_buttons ul li {
    padding-left: 0 !important;
    font-family: Fira Sans Extra Condensed;
    font-weight: bold;
}

.whitepapers .mnwall-list .mnwall-cover {
    max-width: 33%;
}

.customko_header {
    display: none;
}

/* END J2store */

.storegrid .mtk-whitepapergrid .mnwall-cover {
    max-width: 240px !important;
}

.storegrid h3.mnwall-title {
    height: 80px;
    line-height: 10px;
}

/* J4 edit */
.whitepapers #mwall_items_5 .mwall-detail-box h3.mwall-title a,
.whitepapers #mwall_items_5 .mwall-detail-box h3.mwall-title span {
    color: rgba(0, 0, 0, 0.9);
    height: 80px;
    line-height: 1.1em;
    font-size: 22px;
    font-weight: normal;
    text-transform: uppercase;
    display: block;
}

.storegrid .mnwall-columns .mnwall-photo-link img {
    object-fit: cover;
    min-width: 90%;
    min-height: 80%;
    width: 95%;
    height: auto;
}

.storegrid .mtk-whitepapergrid .mnwall-item {
    border-bottom: 1px solid #777;
}

.storegrid .mnwall-hover-box-content h3.mnwall-title {
    display: none;
}

.storegrid .mtk-whitepapergrid .button-group ul li,
.storegridonly .mtk-whitepapergrid .button-group ul li {
    font-size: 16px;
    font-family: open sans condensed;
}

html.error-page .error-code {
    font-size: 400px !important;
    -webkit-text-stroke: 4px #fff !important;
    margin-bottom: -90px !important;
}

html.error-page .error-message {
    color: #fff !important;
}

html.error-page .sppb-btn-primary {
    padding: 14px !important;
    color: #fff !important;
    font-size: 20px !important;
}

img.leaflet-marker-icon:nth-child(1) {
    display: none;
}

img.leaflet-marker-shadow:nth-child(1) {
    display: none;
}

#sppb-addon-35f57261-07c8-4166-acc0-80d8fad72c50 .sppb-carousel-extended {
    padding-left: 5% !important;
}

/* whitepaper popup */
.contentpane h1 {
    font-size: 22px;
}

/* ACYMAILING UNSUBSCRIBE OVERRIDES DEPRECATED */

#acym_wrapper.frontusers_unsubscribepage fieldset {
    text-align: center;
}

.acym_front_page__unsubscribe__title {
    display: none;
}

#acym_wrapper > form > fieldset > fieldset > div.margin-top-1 {
    display: none;
}

#acym_wrapper .margin-top-2 {
    margin-top: 6rem !important;
}

#acym_wrapper.frontusers_unsubscribepage fieldset {
    background: transparent;
}

#acym_wrapper.frontusers_unsubscribepage .button {
    font-size: 18px;
    font-weight: 600;
    z-index: 400;
    position: relative;
}

/*** END ACYM ***/

@keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@-webkit-keyframes blink-animation {
    to {
        visibility: hidden;
    }
}

@media screen and (min-device-width: 1200px) and (max-device-width: 1400px) and (-webkit-min-device-pixel-ratio: 1) {

    .context-menu-tight ul li,
    .landingpages .context-menu-tight ul li {
        padding: 34px 6px;
        font-size: .84em;
    }
}

/*********** 
ALWAYS LAST 
++++++******/
.no-header #sp-header {
    background: transparent !important;
}

.challengespage #sp-header {
    background: #00368b !important;
    margin-top: 0;
}

.no-header #sp-page-builder {
    position: relative;
    top: -30px;
}

.no-header #sp-header.header-sticky {
    background-color: #00368b !important;
    top: -10px !important;
}

#sp-header .toplink {
    display: none;
}

.toplink:after {
    content: "\f077";
    font-family: FontAwesome;
    padding-left: 6px;
}

#sp-header.header-sticky .toplink {
    display: block;
}

.challengespage #sp-header #sp-contextmenu,
.solutionspage #sp-header #sp-contextmenu {
    display: none;
}

.challengespage #sp-header.header-sticky #sp-contextmenu,
.solutionspage #sp-header.header-sticky #sp-contextmenu {
    display: block;
}

.error-debug {
    background: #fff !important;
    opacity: .85;
}

.phone-link::after {
    /*    content: "\f095"; 
	font-family: FontAwesome;*/
    content: url('/images/grfx/phone-link-icon.png');
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    position: relative;
    top: 3px;
    padding-left: 8px
        /*--adjust as necessary--*/
        color: #1586ca;
    font-size: 18px;
}

span.phone-link {
    background: #fff;
    padding: 1px 12px;
    border: 1px solid #222;
}

.phone-link a {
    display: inline-block;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 700;
    font-family: cabin;
    padding-right: 8px;
}

.searchresultspage .search-module {
    max-width: 400px;
}

/* module styled for dropdown */
#mod-finder-searchword363 {
    height: 60px;
    margin-top: 20px;
}

.searchresultspage #q {
    height: 60px;
    margin-top: 20px;
    width: 600px;
}

/* END LAST */



/* about header image */
#about-header {
    background-position: 50% 50% !important;
}

/* case study page simplification */
.no-sidebar .no-top-header .article-header-wrap {
    background-size: inherit;
    background-position: -1000% !important;
    padding-top: 30px;
    margin-bottom: 0;
}

.no-sidebar .no-top-header .article-details-heading h1,
.no-sidebar .no-top-header .article-details-heading h2 {
    color: #000;
    text-shadow: none;
}

.no-sidebar .no-top-header .article-full-image,
.no-sidebar .no-top-header .col-md-4 {
    display: none;
}

/**** downloads page ****/
.downloads-list li {
    display: inline-block;
}

.downloads-page .sp-page-title {
    padding: 30px 0 30px !important;
}

.downloads-page #sp-main-body {
    padding: 40px 0;
}

.dl-email {
    width: 240px;
}

.dl-name {
    width: 190px;
}

.dl-date {
    font-family: open sans condensed;
    font-weight: 300;
    color: #888;
}

.dl-company {
    width: 220px;
}

.acf-url a {
    color: #c9ffa4 !important;
}

/* BEGIN RESPONSIVE */

@media (max-height: 767px) and (orientation: portrait) {

    .view-article .col-sm-8,
    .view-article .col-sm-4 {
        width: 100%;
    }

    .view-article .col-sm-8 {
        width: 100%;
        margin-top: 60px;
    }

    .article-header-wrap {
        height: 250px !important;
    }

    .article-details .header-info-wrap {
        padding: 15px 0;
        display: none;
    }

    .wfpopup img {
        width: 300px;
        margin-bottom: 18px;
    }

}

@media only screen (max-width:767px) and (orientation:portrait) {

    .sp-page-builder .page-content #about-header {
        padding-top: 200px !important;
    }

    #sp-menu-right {
        width: 100%;
    }

    .article-header-wrap {
        height: 250px !important;
    }

    .article-details .header-info-wrap {
        padding: 15px 0;
        display: none;
    }

}

@media (max-device-width:812px) and (orientation:portrait) {

    .sppb-whitepapers h1.sp-page-title-heading,
    .sppb-whitepapers h2.sp-page-title-heading,
    .storegrid h1.sp-page-title-heading,
    .storegrid h2.sp-page-title-heading {
        font-size: 30px !important;
        margin-top: 20px;
        margin-left: 0 !important;
        margin-bottom: 30;
    }

    .contactpage h1.sp-page-title-heading {
        font-size: 45px !important;
    }

    .contactpage #ce-cf-container-12 {
        margin-left: 0 !important;
        width: 40% !important;
        margin-right: 10% !important;
    }

    #cta-head p {
        line-height: 1.1em;
    }
}


@media (min-device-width: 600px) and (max-device-width:812px) and (orientation:portrait) {



    .view-article .article-details .article-full-image img {
        width: auto;
        height: 240px !important;
        position: absolute;
        top: 180px;
        margin-left: 0px;
    }

    .article-body-content {
        position: relative;
        top: 110px;

    }

    .view-article .animheader .article-details .article-details-heading .article-full-image img {
        width: 400px;
        height: 150px !important;
        margin-left: 30px;
        margin-top: 40px !important;
    }

    .view-article .animheader .article-details-thumb-wrap {
        position: relative;
        top: -220px;
    }

    .view-article .article-details .article-details-heading h1,
    .view-article .animheader .article-details .article-details-heading h1 {
        margin-top: 10px;
        font-size: 50px !important;
    }

    .view-article .animheader .col-sm-8 {
        width: 100%;
        margin-top: 140px;
    }

    .cta-panel {
        max-width: 400px;
        margin: 0 auto;
    }

    .cta-panel .std-yelo-btn {
        text-align: center;
        color: #000;
        width: 250px;
        margin: 30px auto !important;
    }

    .mod-bganimation > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ss3-force-full-width:nth-child(1) {
        width: 1400px !important;
    }

    #articleCarouselSlide::before {
        content: url("/images/grfx/blogtitle.png");
    }

    .storegrid .sp-page-title .sp-page-title-heading {
        font-size: 56px;
        line-height: 1.1;
        margin-top: 10px;
        margin-bottom: -20px;
    }
}


@media (min-device-width: 764px) and (max-device-width:1024px) and (orientation:portrait) {


    .article-body-content {
        position: relative;
        top: 110px;

    }
}

@media (min-device-width: 809px) and (max-device-width:1080px) and (orientation:portrait) {


    .article-body-content {
        position: relative;
        top: 210px;

    }
}

@media screen and (min-device-width: 1200px) {

    .view-article .article-details .article-full-image {
        margin-left: -280px;
    }

    .phone-link {
        display: none;
    }
}

@media screen and (min-device-width: 1400px) {
    view-article .article-details .article-full-image {
        width: 30vw;
    }
}

@media screen and (min-device-width: 1800px) {

    .view-article .article-details .article-full-image {
        margin-left: -120px;
    }

    .view-article .article-details .article-full-image img {
        width: 30vw !important;
        height: auto;
        max-height: 300px;
        object-fit: cover;
    }

    .page-aviation .article-details .article-full-image img,
    .top-image-trim .article-details .article-full-image img {
        margin-top: 45px !important;
    }
}

@media screen and (min-device-width: 2400px) {
    .article-body-content {
        margin-top: 230px !important;
    }
}

@media screen and (min-device-width: 1080px),
@media screen and (min-device-aspect-ratio: 16/9) {

    .view-article .col-sm-8 {
        width: 66.66%;
        margin-top: 120px;
    }

    #no-fulltext-image {
        margin-top: -120px !important;
    }

    .no-top-padding .article-body-content {
        margin-top: 0 !important;
    }

    .page-hsform .view-article .col-sm-8 {
        width: 66.66%;
        margin-top: 0px !important;
    }

    .flush-no-top-image .view-article {
        margin-top: 0 !important;
    }


    .searchresultspage .article-body-content {
        margin-top: 0px;
    }

    #is_ajaxsearch_result {
        margin-left: 50%;
        top: -320px !important;
    }

    .view-article .no-sidebar .col-sm-8 {
        width: 66.66;
        margin-top: 50px;
    }

    .short-top-image .view-article .no-sidebar .col-sm-8 {
        margin-top: 0 !important;
    }

    .fullwidthpage .col-sm-8 {
        width: 90% !important;
        padding: 0 5% !important;
    }

    .view-article .article-details .article-full-image {
        margin-left: -120px;
    }

    .view-article .col-sm-4 {
        width: 33.333333%
    }
}


@media only screen and (min-device-width: 320px) and (max-device-width: 767px) {

    .mod-circadian-logo img {
        max-width: 80%;
        float: left;
    }

    .phone-link {
        display: inline;
    }

    .cta-panel {
        height: 230px !important;
    }

    #abt-about .sppb-row-container {
        width: 80%;
    }

    .wfpopup img {
        width: 100%;
        margin-bottom: 18px !important;
    }

    .view-article .article-details .article-full-image {
        text-align: center;
        margin-bottom: 0;
        padding-right: 0;
        margin-left: -10px;
        height: 200px;
        position: relative;
        top: -70px;
    }

    .view-article .animheader .article-header-wrap {
        background: transparent !important;
        margin-top: -250px !important;
    }

    .mod-bganimation > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > ss3-force-full-width:nth-child(1) {
        width: 1200px !important;
    }

    /* hmmm let's try this  */
    .view-article .animheader .article-header-wrap h1 {
        position: relative;
        margin-bottom: -68px;
        z-index: 100;
        top: 0px !important;
        font-size: 48px !important;
        line-height: 1em;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, .8);
        transform: scale(.8);
    }

    .view-article .article-details .article-header-wrap {
        height: 300px !important;
    }

    .view-article .col-sm-4 .article-body-right {
        width: 100%;
        margin-top: 20px;
    }

    .view-article .col-sm-8 .article-body-right {
        width: 100%;
        margin-top: 100px;
    }

    .view-article .article-details .article-full-image img {
        width: 360px;
        height: 180px;
        margin-top: 50px;
    }


    .view-article #sp-header {
        padding-top: 10px;
    }

    #sp-footer1,
    #sp-footer2 {
        font-size: .8em !important;
    }

    #sp-footer2 {
        text-align: center;
        padding: 0 5px;
    }


}

@media only screen and (max-device-width: 767px) and (orientation:portrait) {

    .view-article .article-details .article-details-heading h1,
    .view-article .article-details .article-details-heading h2 {
        font-size: 30px !important;
        margin-top: 60px;
    }

    .mtk-blog-grid .body-wrapper {
        max-height: 820px;
    }

    #bloghead h1 {
        font-size: 40px;
    }

    .blogpage .sp-page-title .sp-page-title-heading,
    .com-minitekwall .sp-page-title .sp-page-title-heading {
        font-size: 40px !important;
    }

    .blogpage #mwall_container_14 {
        margin-top: 90px;
    }

    .handoutspage #sp-header,
    .whitepaperspage #sp-header,
    .blogpage {
        position: fixed !important;
    }

    #sp-header .mod-circadian-logo {
        margin-top: -10px !important;
    }

    #mod-custom245 {
        display: none;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {

    .view-article .article-details .article-details-heading h1,
    .view-article .article-details .article-details-heading h2 {
        font-size: 40px !important;
        margin-top: 80px;
        position: relative;
        top: -30px;
    }

    .mtk-blog-grid .body-wrapper {
        max-height: 820px;
    }

    #bloghead h1 {
        font-size: 40px;
    }
}

@media only screen and (min-device-width: 810px) and (max-device-width: 1080px) and (orientation:portrait) {

    .mtk-blog-grid .body-wrapper {
        max-height: 1100px;

    }

    .mtk-blog-grid .body-wrapper #sp-component {
        margin-top: 200px;
    }

    #bloghead h1 {
        font-size: 40px;
    }
}

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

    .page-industries #sp-contextmenu {
        display: none !important;
    }

    #sp-header .mod-circadian-logo {
        padding-top: 5px !important;
    }

    #circ-home-menu {
        position: relative;
        top: -5px;
    }

    .optimization-no-context-menu .article-body-wrap .article-body-content.col-sm-8 {
        margin-top: 0px !important;
    }

}

@media screen and (max-device-width: 1199px) {

    #sp-contextmenu {
        display: none !important;
    }

    .context-menu ul li,
    .landingpages .context-menu ul li {
        font-size: 16px;
    }
}

@media screen and (max-device-width: 1280px) {

    #sp-contextmenu {
        display: none !important;
    }
}

@media screen and (min-device-aspect-ratio: 16/9) {

    .optimization-no-context-menu .article-body-wrap .article-body-content.col-sm-8 {
        margin-top: 0px !important;
    }
}

@media screen and (max-device-width: 1440px) and (orientation: landscape) {

    .context-menu ul li,
    .landingpages .context-menu ul li {
        font-size: 16px;
    }

    #sp-header.header-sticky .toplink {
        display: none;
    }

    .article-body-content {
        max-width: 80%;
    }
}


/* blog page adjustments smartphone */

@media only screen and (max-device-width: 844px) and (orientation:portrait) {


    .blogpage .carousel-item .article-intro-image {
        max-width: 66%;
        height: 175px;
        object-fit: cover;
        margin-top: -70px;
    }

    .blogpage .carousel-item-inner .article-carousel-pro-text {
        margin-top: -50px;
    }

    .blogpage .items-leading {
        min-height: 770px;
    }

    .blogpage #articleCarouselSlide::before {
        content: url("/images/grfx/blogtitle330w.png");
        color: #fff;
        font-size: 70px;
        font-family: 'Anton', 'Francois One', 'Arial';
        position: relative;
        text-align: left !important;
        letter-spacing: -1px;
        top: 220px;
    }

    .blogpage .article-list {
        margin-top: 40px;
    }

    .blogpage .article-details .article-header-wrap {
        background-color: #3b393f;
        padding-top: 130px;
        margin-bottom: 0;
        height: 350px;
        margin-top: 150px;
    }

    .layout-blog .article-details .article-full-image {
        top: -235px !important;
        left: -50px;
    }

    .layout-blog .article-body-content {
        margin-top: 145px !important;
    }

    .article-header-info-wrap .article-social-share {
        display: none;
    }

    #mwall_container_13 h3.mwall-title a {
        font-size: 24px !important;
        line-height: 1em;
    }

    #bloghead h1 {
        color: white;
        font-size: 30px;
        margin-bottom: 30px;
    }

    #sp-main-body {
        margin-top: -40px;
    }
}

@media only screen and (max-device-width: 767px) and (orientation:portrait) {

    .layout-blog .article-details .article-full-image {
        top: -100px !important;
        left: -50px;
    }

    .layout-blog .article-body-content {
        margin-top: 45px !important;
    }

    body p {
        font-size: 17px;
    }

    .download-no-btn {
        display: none;
    }

    .view-article #sp-main-body .article-body-wrap {
        margin-top: 140px !important;
    }

}

/* adjust iphone 14 pixel ratio 3 */

@media only screen and (width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

    .view-article .article-details .article-header-wrap {
        height: 400px !important;
    }

    .no-top-image .view-article .article-details .article-header-wrap {
        height: 340px !important;
        margin-bottom: -60px !important;
    }

    .short-top-image .article-header-wrap {
        max-height: 200px !important;
    }

    .view-article #sp-main-body .article-body-wrap {
        margin-top: 140px !important;
    }

    .short-top-image #sp-main-body .article-body-wrap {
        margin-top: 20px !important;
    }

    .download-no-btn {
        display: none;
    }

    #mod-custom147 {
        /* search + hambuger */
        transform: scale(.8);
        margin-top: -24px;
    }

}

@media only screen and (width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

    .view-article .article-details .article-header-wrap {
        height: 400px !important;
    }

    .download-no-btn {
        display: none;
    }

    .view-article #sp-main-body .article-body-wrap {
        margin-top: 140px !important;
    }

    #mod-custom147 {
        /* search + hambuger */
        transform: scale(.8);
        margin-top: -24px;
    }
}

@media only screen and (max-device-width: 400px) and (orientation: portrait) {
    .view-article .article-details .article-details-heading h1 {
        font-size: 24px !important;
    }

    .sp-page-title .sp-page-title-heading {
        font-size: 45px !important;
    }
}

@media only screen and (width: 414px) and (device-height: 896px) and (orientation: portrait) {
    .article-body-content {
        margin-top: 60px !important;
    }

    .sp-page-title .sp-page-title-heading {
        font-size: 45px !important;
    }
}

@media only screen and (width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

    .view-article .article-details .article-header-wrap {
        height: 400px !important;
    }

    .sp-page-title .sp-page-title-heading {
        font-size: 45px !important;
    }

    .download-no-btn {
        display: none;
    }

    .view-article #sp-main-body .article-body-wrap {
        margin-top: 140px !important;
    }

    #mod-custom147 {
        /* search + hambuger */
        transform: scale(.8);
        margin-top: -24px;
    }
}

@media only screen and (width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {

    .view-article .article-details .article-header-wrap {
        height: 400px !important;
    }

    .download-no-btn {
        display: none;
    }

    .view-article #sp-main-body .article-body-wrap {
        margin-top: 140px !important;
    }

    #mod-custom147 {
        /* search + hambuger */
        transform: scale(.8);
        margin-top: -24px;
    }

    .sp-page-title .sp-page-title-heading {
        font-size: 45px !important;
    }


}

@media only screen and (width: 375px) and (orientation: portrait) {
    .article-body-content {
        margin-top: 80px;
    }

    .sp-page-title .sp-page-title-heading {
        font-size: 45px !important;
    }
}


/* adjust older iphone */
@supports (-webkit-touch-callout: none) and (max-device-width: 736px) and (orientation:portrait) {

    .layout-blog .article-details .article-full-image {
        top: -260px !important;
    }
}

.blink .fas {
    animation: blink-animation 2s steps(10, start) infinite;
    -webkit-animation: blink-animation 2s steps(10, start) infinite;
}
