.ds-switch-icon a {
    position: relative;
    display: inline-block;
}

.ds-switch-icon a img {
    transition: opacity 0.3s ease;
    position: absolute;
    top: 7px;
    left: 7px;
    width: 20px;
}

.ds-switch-icon a img:first-child {
    opacity: 1;
}

.ds-switch-icon a img:last-child {
    opacity: 0;
}

.ds-switch-icon a:hover img:first-child {
    opacity: 0;
}

.ds-switch-icon a:hover img:last-child {
    opacity: 1;
}

@media (min-width:320px) and (max-width:720px) {	
	.ds-switch-icon a img:first-child {
        top: 6px;
        left: 6px;
        width: 17px;
    }

	.ds-switch-icon a:hover img:last-child {
        top: 6px;
        left: 6px;
        width: 17px;
    }
}

.ds-switch-icon-index a {
    position: relative;
    display: inline-block;
}

.ds-switch-icon-index a img {
    transition: opacity 0.3s ease;
    position: absolute;
    top: 6px;
    left: 6px;
    width: 17px;
}

.ds-switch-icon-index a img:first-child {
    opacity: 1;
}

.ds-switch-icon-index a img:last-child {
    opacity: 0;
}

.ds-switch-icon-index a:hover img:first-child {
    opacity: 0;
}

.ds-switch-icon-index a:hover img:last-child {
    opacity: 1;
}

@media (min-width:320px) and (max-width:720px) {	
	.ds-switch-icon-index a img:first-child {
        top: 6px;
        left: 6px;
        width: 17px;
    }

	.ds-switch-icon-index a:hover img:last-child {
        top: 6px;
        left: 6px;
        width: 17px;
    }
}
/*--------------------------*/

.sponsored-tab {float: right;margin-top: -17px;font-size: 10px!important;color: #FFF!important;}
.sponsored-tab a {background-color: #949494;padding: 4px 6px!important;border-radius: 4px;color: #FFF!important;font-size: 10px!important;}
.sponsored-tab a:hover, .sponsored-tab a:active, .sponsored-tab a:focus {background-color: #3f4873;padding: 4px 6px!important;border-radius: 4px!important;color: #FFF!important;font-size: 10px!important;}


.fingerprint {
	background-color: #f5f5f5;
	color: #717171;
	width: fit-content;
	padding: 8px 10px;
	border-radius: 8px;
	font-size: 19px
}

@media (min-width:320px) and (max-width:375px) {
	.fingerprint {
		font-size: 11.6px;
		padding: 8px 8px;
		width: 100%
	}
}

@media (min-width:376px) and (max-width:414px) {
	.fingerprint {
		font-size: 12.8px;
		padding: 8px 8px;
		width: 100%
	}
}

@media (min-width:376px) and (max-width:720px) {
	.footer-social {
		float: right;
		margin-top: -33px
	}
}

pre.pgp-keyblock {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 12.3px;
    line-height: 1.42857143;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #fcfcfc;
    border: 1px solid #ececec;
    border-radius: 4px;
    font-size: 12px;
    height: 272px !important;
    margin-top: 49px;
    margin-bottom: -12px;
}

@media (min-width:300px) and (max-width:375px) {
	pre.pgp-keyblock {
		font-size: .56rem!important
	}
}

@media (min-width:375px) and (max-width:414px) {
	pre.pgp-keyblock {
		font-size: .67rem!important
	}
}

@media (min-width:414px) and (max-width:680px) {
	pre.pgp-keyblock {
		font-size: .76rem!important
	}
}

@media (min-width:680px) and (max-width:1200px) {
	pre.pgp-keyblock {
		font-size: .69rem!important
	}
}

.pgp-keyblock {
	height: 196px;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px
}

.pgp-text p {
	color: #717171;
	font-weight: 300;
	line-height: 28px;
	font-size: 19px;
	margin-bottom: 20px;
	text-align: justify
}

.pgp-text span {
	margin-bottom: 10px
}

.project-text {
	padding: 10px
}

.project-text p {
	font-size: 19px
}

@media (min-width:376px) and (max-width:720px) {
	.project-text {
		padding: 0
	}
}

.project-text h3 {
	margin-bottom: 0;
	text-transform: none;
	margin: 0;
	padding-top: 3px;
	font-size: 28px;
	line-height: 1.4;
	font-weight: 700;
	position: relative;
	z-index: 0
}

.ds a {
	color: #d62028!important;
	font-size: 1.5em!important;
}
.ds a:active,
.ds a:focus,
.ds a:hover {
	padding-bottom: 1px!important;
	color: #d62028!important;
}

.sa a {
	color: #25b250!important;
	font-size: 1.5em!important;
}
.sa a:active,
.sa a:focus,
.sa a:hover {
	padding-bottom: 1px!important;
	color: #25b250!important;
}

.cyse a {
	color: #4f6c98 !important;
	font-size: 1.5em!important;
}
.cyse a:active,
.cyse a:focus,
.cyse a:hover {
	padding-bottom: 1px!important;
	color: #4f6c98 !important;
}

.fob a {
	color: #2865b0!important;
	font-size: 1.5em!important;
}
.fob a:active,
.fob a:focus,
.fob a:hover {
	padding-bottom: 1px!important;
	color: #2865b0!important;
}


.subsquat a {
	color: #E86900!important;
	font-size: 1.5em!important;
}
.subsquat a:active,
.subsquat a:focus,
.subsquat a:hover {
	padding-bottom: 1px!important;
	color: #E86900!important;
}

.copy-text { position: relative; }

.copy-text .copy-btn {
	position: absolute;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(0, 0, 0, 0.12);
    border-radius: 6px;
    cursor: pointer;
    user-select: none;
    color: #515151;
}

.copy-text .contact-btn {
    top: 8px;
    right: 20px;
    width: 40px;
    height: 40px;
}

.copy-text .wallet-btn {
	top: 23px;
	width: 34px;
	height: 34px;
	border-radius: 6px;
}

.copy-text .contact-btn::before {
    content: "Copied public key to clipboard";
    position: absolute;
    top: -41px;
    right: 0;
    font-size: 12px;
    white-space: nowrap;
    background: #f3f4ff;
    border: solid 1px #3f4873;
    border-left: solid 10px #3f4873;
    border-radius: 5px;
    padding: 14px;
    color: #3f4873;
    transform: translateY(6px);
}

.copy-text .wallet-btn::before {
	content: "Copied wallet to clipboard";
    position: absolute;
    top: -39px;
    right: 0;
    font-size: 12px;
    white-space: nowrap;
    background: #f3f4ff;
    border: solid 1px #3f4873;
    border-left: solid 10px #3f4873;
    border-radius: 5px;
    padding: 13px;
    color: #3f4873;
    transform: translateY(6px);
}

.copy-text .copy-btn  .wallet-btn {
	position: absolute;
	top: 23px;
	width: 34px;
	height: 34px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border: 1px solid rgba(0, 0, 0, 0.12);
	border-radius: 10px;
	cursor: pointer;
	user-select: none;
	color: #515151;
}

.copy-text .copy-btn:active { transform: translateY(1px); }

.copy-text .copy-btn::before,
.copy-text .copy-btn::after {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 180ms ease, transform 180ms ease, visibility 0s linear 180ms;
}

.copy-text.active .copy-btn::before,
.copy-text.active .copy-btn::after {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  transition: opacity 180ms ease, transform 180ms ease, visibility 0s;
}

.copy-text.error .copy-btn::before {
  content: "Copy failed";
}

.copy-text .contact-btn i {
	font-size: 1em;
	color: #FFF !important;
}

.copy-text .wallet-btn i {
	font-size: 12px;
	color: #FFF !important;
}

@media (min-width:376px) and (max-width:720px) {
	.copy-text .wallet-btn {
		width: 30px;
		height: 30px;
	}
	
	.copy-text .wallet-btn i {
		font-size: 10px;
		color: #FFF !important;
	}
	
}


.clipboard-button {
	color: #fff;
	border: 1px solid #6f6f6f;
	width: auto;
	font-size: 12px;
	padding: 8px;
	line-height: 3px;
	margin-bottom: 30px;
	border-radius: 4px;
	outline: 0;
	background-color: #6f6f6f
}

.clipboard-button:hover {
	background-color: #444;
	border: 1px solid #444;
	text-decoration: none;
    cursor: pointer;
	color: #FFF;
}

.clipboard-button:active {
	background-color: #444;
	border: 1px solid #444
}

.clipboard-button:focus {
	background-color: #444;
	border: 1px solid #444
}

.footer-social {
	top: -50px
}

@media (min-width:325px) and (max-width:375px) {
	.footer-social {
		top: -50px;
		margin-top: -39px;
		float: right
	}
}

.copyright {
	float: right;
	margin-top: 0;
	font-size: 1.115rem
}

@media (min-width:376px) and (max-width:720px) {
	.copyright {
		margin-top: 0;
		padding-top: 0;
		text-align: center;
		width: 100%;
		padding-bottom: 10px
	}
}

@media (min-width:315px) and (max-width:375px) {
	.copyright {
		margin-top: 0;
		padding-top: 0;
		text-align: center;
		width: 100%;
		padding-bottom: 10px
	}
}

.quote {
	margin-bottom: 0;
	font-size: 1.4em;
	line-height: 1.4;
	text-align: center;
	background-color: #f8f8f8;
	padding: 15px;
	border-radius: 12px;
	width: 80%;
	margin: 0 auto
}

@media (min-width:325px) and (max-width:720px) {
	.quote {
		margin-bottom: 0;
		font-size: 1.1em;
		line-height: 1.4;
		text-align: center;
		width: 100%
	}
}

.quote h4 {
	font-weight: 500;
	line-height: 1.2em;
	font-size: 22px
}

@media (min-width:320px) and (max-width:720px) {
	.quote h4 {
		font-weight: 500;
		line-height: 1.2em;
		font-size: 15px
	}
}

::-moz-selection {
	background-color: #b3b3b3;
	color: #fff
}

::selection {
	background-color: #b3b3b3;
	color: #fff
}

.t-image-overlay__deco-line-deadswitch {
	color: #d62028;
	background: #d62028;
	width: 80px;
	height: 5px;
	margin-top: 5px
}

.t-image-overlay__deco-line-subjectaccess {
	color: #25b250;
	background: #25b250;
	width: 80px;
	height: 5px;
	margin-top: 5px
}

.t-image-overlay__deco-line-fobber {
    color: #2865b0;
	background: #2865b0;
	width: 80px;
	height: 5px;
	margin-top: 5px
}

.t-image-overlay__deco-line-cyse {
    color: #4f6c98;
    background: #4f6c98;
	width: 80px;
	height: 5px;
	margin-top: 5px
}
	
.t-image-overlay__deco-line-subsquat {
    color: #E86900;
	background: #E86900;
	width: 80px;
	height: 5px;
	margin-top: 5px
}

.t-image-overlay__deco-line-fwifi {
    color: #435280;
	background: #435280;
	width: 80px;
	height: 5px;
	margin-top: 5px
}

.t-image-overlay__deco-line-bustabyte {
    color: #6b52af;
	background: #6b52af;
	width: 80px;
	height: 5px;
	margin-top: 5px
}

.t-image-overlay__deco-line-anotherweb {
    color: #7497ef;
	background: #7497ef;
	width: 80px;
	height: 5px;
	margin-top: 5px
}

.anotherweb a {
	color: #7497ef !important;
	font-size: 1.5em !important;
}
.anotherweb a:active,
.anotherweb a:focus,
.anotherweb a:hover {
	padding-bottom: 1px !important;
	color: #7497ef !important;
}

@media (min-width:320px) and (max-width:720px) {
	.pgp-temp {
		display: none
	}
	.project-text {
		text-align: center !important;
	}
	.project-text p {
		text-align: justify !important;
	}
	.project-text hr {
		margin-left: auto !important;
		margin-right: auto !important;
	}
	.c-image-overlay {
		display: flex !important;
		justify-content: center !important;
	}
	.c-image-overlay img[src*="anotherweb-logo"] {
		margin-right: -8px !important;
	}
}


.footer-links a {
	margin: 10px auto;
	color: #717171;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 85%;
	padding-top: 5px;
	font-size: 1.115rem
}

.footer-links {
	font-size: 1.115em
}

.footer-links a {
	color: #717171;
	margin-left: auto
}

.footer-links a:hover,
a:active,
a:focus {
	color: #4e5fae;
}

@media (min-width:375px) and (max-width:720px) {
	.footer-links {
		float: left;
		width: 100%;
		margin-top: 8px!important;
		width: 100%;
		text-align: center
	}
	.footer-links a {
		margin-left: 0!important
	}
}

@media (min-width:315px) and (max-width:375px) {
	.footer-links {
		float: left;
		width: 100%;
		width: 100%;
		text-align: center
	}
}

.footer-links-index a {
	margin: 10px auto;
	color: #717171;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 85%;
	padding-top: 5px;
	font-size: 1.115rem
}

.footer-links-index {
	font-size: 1.115em
}

.footer-links-index a {
	color: #717171;
	margin-left: auto
}

.footer-links-index a:hover,
a:active,
a:focus {
	color: #4e5fae;
}

@media (min-width:375px) and (max-width:720px) {
	.footer-links-index {
		float: left;
		width: 100%;
		margin-top: 8px!important;
		width: 100%;
		text-align: center
	}
	.footer-links-index a {
		margin-left: 0!important
	}
}

@media (min-width:315px) and (max-width:375px) {
	.footer-links-index {
		float: left;
		width: 100%;
		margin-top: -81px!important;
		width: 100%;
		text-align: center
	}
}

@media (min-width:320px) and (max-width:780px) {
	.c-brand__sizer-main-logo img {
		width: 53%;
		margin-top: 8%;
		margin-bottom: -24px;
		margin-left: -19px;
	}
}

@media (min-width:320px) and (max-width:720px) {
	.c-brand__sizer-index img {
		width: 115px!important;
		margin-left: -4px;
		margin-top: 54px;
		float: left
	}
}

.back-button {
	background: #b3b3b3;
	border: 0;
	border-radius: 5px;
	color: #fff!important;
	cursor: pointer;
	font-size: 1em;
	padding: 10px 15px;
	transition: background .3s
}

.back-button:hover {
	background-color: #6f6f6f
}

.back-button:active {
	background-color: #6f6f6f
}

.back-button:focus {
	background-color: #6f6f6f
}

@media (min-width:320px) and (max-width:720px) {
	.remove-mobile {
		display: none;
	}
}

.free-assange {
	background-color: #bf2526;
	color: #fff;
	padding: 4px 10px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	font-size: 12px;
	right: 0;
	top: 0;
	margin-right: 25px;
	position: absolute;
	transition: background .3s;
}

.free-assange:active,
.free-assange:focus,
.free-assange:hover {
	background-color: #920d0e;
}

.free-assange img {
	text-align: center;
	margin: auto;
}

.free-assange p {
	margin-bottom: 0;
}

@media (min-width:320px) and (max-width:720px) {
	.mobile-remove {
		display: none;
	}
	.mobile-footer-index {
		margin-top: -100px;
	}
	.mobile-social-footer-index {
		display: none;
	}
	.mobile-brand-footer-index {
		display: none;
	}
}

@media (min-width:320px) and (max-width:993px){
	.tablet-remove {
		display: none;
	}
}

@media (min-width:720px) {
	.desktop-remove {
		display: none;
	}
}



.jr-avatar {
	margin-left: -7px;
}

.scrolltotop {
	position: fixed;
	display: none;
	bottom: 30px;
	right: 30px;
	width: 34px;
	height: 34px;
	line-height: 32px;
	background-color: rgba(0, 0, 0, .5);
	text-align: center;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	z-index: 9999;
	opacity: .7;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.wallet {
	font-size: 14px!important;
	background-color: #fff;
	border-radius: 4px;
	width: fit-content;
	padding: 4px 12px;
	margin-top: 9px;
	border: none;
	float: left;
	position: relative;
	z-index: 1;
	border: 1px solid #ccc;
}

@media (min-width:720px) and (max-width:1200px) {
	.wallet {
		font-size: 11px!important;
		padding: 2px 6px;
	}
}

@media (min-width:320px) and (max-width:720px) {
	.wallet {
		font-size: 11px!important;
	}
}

.copy-icon {
	margin-bottom: 0;
	float: left;
	margin-top: 10px;
	margin-left: 6px;
	padding: 9px;
}

@media (min-width:720px) and (max-width:1200px) {
	.copy-icon {
		padding: 6px;
		font-size: 10px
	}
}

.crypto-icon {
	height: 32px;
	float: left;
	margin-right: 12px;
	margin-top: 4px;
	position: relative;
	z-index: 1
}

.crypto-iconbg {
	height: 153px;
	opacity: .08;
	position: absolute;
	z-index: 0;
	margin-left: -10px;
	margin-top: -34px
}

@media (min-width:320px) and (max-width:720px) {
	.mobi-push {
		margin-top: 6%
	}
}

.qr-code {
	height: 135px;
	float: right;
	margin-top: 13px;
	border: 1px solid #ededed;
	border-radius: 4px
}

.qr-title {
	float: right;
	margin-right: 41px;
	margin-top: 22px
}

@media (min-width:320px) and (max-width:720px) {
	.c-work__logo img {
		height: 80px;
		margin-bottom: 16px;
		margin-top: -31px!important
	}
}

@media (min-width:720px) {
	.c-work__logo img {
		position: absolute;
		margin-left: -15px;
		margin-top: -15px
	}
}

.logo-faded {
	position: absolute;
	opacity: .06;
	height: 180px;
	margin-top: -21px;
	right: 0
}

.c-subtimeline {
	border-left-width: 2px;
	border-left-style: solid;
	height: 100%;
	float: left;
	margin-left: 57px;
	margin-top: -35px
}

@media (min-width:280px) and (max-width:720px) {
	.c-subtimeline {
		display: none
	}
}

@media (min-width:720px) and (max-width:1200px) {
	.c-subtimeline {
		border-left-width: 2px;
		border-left-style: solid;
		height: 97%;
		float: left;
		margin-left: 44px;
		margin-top: -44px
	}
}

.c-subtimeline2 {
	border-left-width: 2px;
	border-left-style: solid;
	height: 87%;
	float: left;
	margin-left: 57px;
	margin-top: -35px
}

@media (min-width:280px) and (max-width:720px) {
	.c-subtimeline2 {
		display: none
	}
}

@media (min-width:720px) and (max-width:1200px) {
	.c-subtimeline2 {
		border-left-width: 2px;
		border-left-style: solid;
		height: 82%;
		float: left;
		margin-left: 44px;
		margin-top: -68px
	}
}

.t-timeline__subpoint1 {
	height: 6px;
	width: 6px;
	position: absolute;
	left: 55px;
	top: 100px;
	border-radius: 50%;
	background: #949494;
	margin-top: -30px;
	box-shadow: 0 0 0 6px #fff
}

@media (min-width:280px) and (max-width:720px) {
	.t-timeline__subpoint1 {
		display: none
	}
}

@media (min-width:720px) and (max-width:1200px) {
	.t-timeline__subpoint1 {
		left: 42px;
		top: 128px
	}
}

.t-timeline__subpoint2 {
	height: 6px;
	width: 6px;
	position: absolute;
	left: 55px;
	top: 65px;
	border-radius: 50%;
	background: #949494;
	margin-top: -30px;
	box-shadow: 0 0 0 6px #fff
}

@media (min-width:280px) and (max-width:720px) {
	.t-timeline__subpoint2 {
		display: none
	}
}

@media (min-width:720px) and (max-width:1200px) {
	.t-timeline__subpoint2 {
		left: 42px
	}
}

.t-primary-bg,
.t-primary-color-line {
	background: #949494
}

.warning-disclaimer {
	background-color: #f7f7f7;
	border-radius: 4px;
	padding: 15px;
	font-weight: 400;
	line-height: 1.4em;
	margin-top: -19px;
	font-size: 11.7px;
	width: 100%;
	margin: auto 0;
	border: solid 1px #c5c5c5;
	border-left: solid 10px #c5c5c5;
	border-radius: 5px;
	color: #727272
}

.remove-margin {
	margin-bottom: 0!important
}

@media (min-width:280px) and (max-width:720px) {
	.bullet-points li {
		margin-left: -32px
	}
}

@media (min-width:720px) {
	.index-left {
		margin-left: -9px!important
	}
}

.custom-footer-mod-1 {
    padding: 4.375rem 0 1rem 0;
    width: 100%;
    margin-bottom: -35px;
}

@media (min-width:280px) and (max-width:320px) {
	.custom-footer-mod-1 {
		padding: 0;
		width: 100%;
		padding-top: 0!important
	}
}

@media (min-width:320px) and (max-width:375px) {
	.custom-footer-mod-1 {
		margin-top: -10px;
		padding-top: 4rem
	}
}

@media (min-width:375px) and (max-width:410px) {
	.custom-footer-mod-1 {
		margin-top: -10px;
		padding: 0
	}
}

@media (min-width:410px) and (max-width:720px) {
	.custom-footer-mod-1 {
		width: 100%;
		margin-bottom: -35px;
		margin-top: -10px;
		padding: 0
	}
}

.custom-footer-mod-2 {
	padding-bottom: 0
}

@media (max-width:375px) and (max-width:410px) {
	.custom-footer-mod-2 {
		margin-top: 105px
	}
}

h3.sitemap-link a {
	color: #727272
}

a:active,
a:focus,
h3.sitemap-link a:hover {
	color: #4e5fae;
	text-decoration: none
}

.sitemap-col {
	margin-bottom: 17px!important
}

.first-ulblock {
	display: inline-flex;
	padding-right: 0
}

ul.first-ulcol {
	font-size: 1rem;
	list-style: none;
	padding: 0 8px 0 0;
	margin-left: 0
}

ul.second-ulcol {
	font-size: 1rem;
	list-style: none;
	padding: 0 0 0 8px;
	margin-left: 0
}

.index-quote {
    border-right: solid 4px #949494;
    position: absolute;
    right: 31%;
    width: 209px;
    top: 20%;
    z-index: 1;
    padding: 8px 0;
    -webkit-animation: fadein 2s;
    -moz-animation: fadein 2s;
    -ms-animation: fadein 2s;
    -o-animation: fadein 2s;
    animation: fadein 2s;
}

.index-quote p {
	font-size: 1.1em;
	line-height: 1.4em;
	color: #727272;
	text-align: justify;
	font-weight: 600;
	padding-right: 20px;
	margin-bottom: 0;
	text-align-last: right;
	-moz-text-align-last: right;
}

.index-quote strong {
	color: #a3a3a3;
	font-size: 0.90em;
}

.index-quote img {
	position: absolute;
	z-index: -9999;
	height: 73px;
	opacity: 0.6;
	top: -39px;
	left: -54px;
}

@keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-moz-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-webkit-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-ms-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@-o-keyframes fadein {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@media (min-width:320px) and (max-width:375px) {
	.s-icons-d {
		transform: scale(1.3);
		margin: 11px;
		margin-top: 5px;
	}
}

@media (min-width:375px) and (max-width:720px) {
	.s-icons-d {
		transform: scale(1.3);
		margin: 11px;
		margin-top: -8px;
	}
}

.blog-featured {
	position: relative;
    right: 0;
    width: 400px;
    left: 7px;
	z-index: 99980;
	top: -12px;
}
							
.blog-featured img {
	width: 100%;
    margin: auto;
    display: block;
	border: solid 1px #a4a6a7;
	border-radius: 8px!important;
}

.blog-featured p {
    font-size: 24px;
    line-height: 1.3em;
    color: #727272;
    font-weight: 600;
    padding: 7px 4px 0px 4px;
    margin-bottom: 0;
    letter-spacing: 0.5px;
}

.blog-featured h2 {text-transform: none;font-size: 1.3em;padding-right: 20px;border-right: 2px solid #949494;transition: all .15s linear;}
.blog-featured h2:hover, h2:active, h2:focus {color: #444444;}
.blog-new {
    padding: 2px 14px;
    font-size: 1em;
    color: #FFF;
    border-radius: 4px;
    margin-top: -8px;
    font-weight: bold;
    float: left;
    position: absolute;
    left: -15px;
    top: -33px;
    border-radius: 0px;
}
.blog-sponsor	{background-color: #246890;padding: 0px 4px;font-size: 0.7em;color: #FFF;border-radius: 4px;margin-top: -8px;font-weight: bold;float: left;position: absolute;left: -64px;top: 11px;}
.blog-heading {
	width: 151px;
    height: 194px;
    background-color: #3f4873;
    clip-path: polygon(88% 0%, 0% 0%, 100% 80%, 220% 100%);
    position: absolute;
    right: 0px;
    top: 0px;
    opacity: 1;
    z-index: 0;
	transition: all .3s ease-in-out;
}

.blog-heading img {
    position: absolute;
    top: 62px;
    right: 14px;
    width: 45px;
    border: none;
}

.blog-heading-text {
	position: absolute;
    top: 19%;
    left: 64%;
    transform: translate(-50%, -50%);
    color: #FFF;
    font-size: 1.4em;
    font-weight: 700;
    line-height: 1.1;
    text-align: center;
}
.blog-author {}
.blog-post {height: 59px; margin-bottom:6px;}
.blog-title {padding:0px;}
.blog-meta {padding:0px;padding-top: 4px;display:none!important;}
.blog-meta ul {padding-left: 8px;}

.blog-meta .list-inline li:not(:last-child)::after {content: " | "; padding: 0 5px;}

.blog-cat a {color: #FFF;background-color: #6F6F6F;padding: 4px 8px;border-radius: 4px;font-size: 11px;font-weight: 600;}
.blog-cat a:hover, .blog-cat a:focus, .blog-cat a:active {text-decoration: none;color: #ffffff !important;background-color: #444444;}
@media print {.pjBlHeader, .header-md{display:none;}#footer{display:none!important;}.c-footer__contact{display:none!important;}.pgp-text p, .lead{font-size:16px!important;line-height:24px!important;}#section-2{margin-top:-130px;}.c-image-overlay img{width:150px!important;}.c-image-overlay[href]:after{content: none !important;} .project-text a[href]:after{content: none !important;}}

.redacted-text-lrg {background-color: #717171;width: fit-content;color: #717171;font-size:20px;opacity: 1;}
.redacted-text-med {background-color: #717171;width: fit-content;color: #717171;font-size:16px;opacity: 1;}
.redacted-text-sml strong{background-color: #717171;width: fit-content;color: #717171;font-size:12px;opacity: 1;display: inline-block;}

.blurred span {filter: blur(6px);font-weight:bold;color: #545454;}

.blurred img{filter: blur(14px);-webkit-filter: blur(14px);}

@media (min-width:320px) and (max-width:364px) {.redacted-q{margin-right: 5% !important;margin-top: -61px !important;font-size: 0.7em;}}
@media (min-width:364px) and (max-width:374px) {.redacted-q{margin-right: 20% !important;margin-top: -61px !important;font-size: 0.7em;}}
@media (min-width:375px) and (max-width:400px) {.redacted-q{margin-right: 24% !important;margin-top: -64px !important;font-size: 0.7em;}}
@media (min-width:401px) and (max-width:421px) {.redacted-q{margin-right: 29% !important;margin-top: -62px !important;font-size: 0.8em !important;}}
@media (min-width:422px) and (max-width:680px) {.redacted-q{ margin-right: 32% !important;margin-top: -62px !important;font-size: 0.8em !important;}}
.redacted-q {font-weight: bold;font-size: 0.8em;color: #3f4873;float: right;margin-right: -15%;}
.redacted-q:hover {color: #3f4873!important;text-decoration: underline;} 
.redacted-q:focus, .redacted-q:active {color: #3f4873!important;}
.redacted-i {height: 16px;width: 16px;filter: blur(0px) !important;-webkit-filter: blur(0px)!important;margin-right: 4px;margin-top: -3px;}

.home-subscriber-box {
margin-left:6px;
margin-top: 100px;
position: absolute;
z-index: 9;
width: 500px;
padding: 30px 20px 24px 20px !important;
background-color: #f8f8f8;
border-radius: 8px;
text-align: center;
border: 1px solid #dbdbdb;
-webkit-animation: fadein 2s;
-moz-animation: fadein 2s;
-ms-animation: fadein 2s;
-o-animation: fadein 2s;
animation: fadein 2s;
}

.home-subscriber-box h3 {
position: absolute;
display: block;
width: 100%;
background: #2c2f3d;
color: #FFF;
padding: 12px 8px 10px 8px;
left: 0px;
top: 0px;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
outline: 1px solid #2c2f3d;
}

.home-subscriber-box h4 {
font-size: 14px;
margin-top: 24px;
font-weight: normal;
padding-bottom: 6px;
}

.ml-form-formContent button[type=submit]:hover {
background: #444444;
}

.blog-btn-default {
background: #ededed;
color: #ffffff;
font-size: 13px;
background-color: #6F6F6F;
outline: 0;
margin-top: 13px;
margin-bottom: -15px;
width: 101px;
right: 8px;
position: relative;
padding: 8px 14px;
border-radius: 4px;
border: none;
}

.blog-btn-default:hover, .btn-default:active, .btn-default:focus {
background: #444;
color: #FFF;
transition: background .3s;
}	

.disclaimer {
margin-top: 18px;
margin-bottom: 0px;
position: relative;
left: -4px;
}

.disclaimer label {
cursor: pointer;
position: absolute;
left: 5%!important;
top: 5%!important;
bottom: 5%!important;
right: 5%!important;
width: 90%!important;
height: 90%!important;
margin: 0!important;
padding: 0!important;
font-size: 100% !important;
font-family: arial !important;
}

.disclaimer-checkbox label:hover::after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
filter: alpha(opacity=30);
opacity: 0.3;
}					

.disclaimer-checkbox label::after {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
width: 100%;
height: 100%;
position: absolute;
border-radius: 100px;
font-weight: 900;
font-size: 90% !important;
line-height: inherit;
text-align: center;
left: 0px;
color: #333333;
    content: '\f00c';
    font-family: 'Font Awesome 6 Pro';
    opacity: 0;
}					

.disclaimer-checkbox {
width: 1.5em;
height: 1.5em;
margin-right: 0.5em;
position: relative;
border-radius: 0px;
box-sizing: border-box;
display: inline-block;
background: #FFFFFF !important;
background-color: #FFFFFF !important;
border: 1px solid #cccccc !important;
vertical-align: bottom;
border-radius: 4px;
line-height: 1.475;
top: -3px;
}

.disclaimer-checkbox input[type=checkbox] {
visibility: hidden !important;
display: none !important;
height: 0 !important;
}

.disclaimer-checkbox input[type=checkbox]:checked + label::after {
    color: #fff;
    opacity: 1;
    background: #2c2f3d;
    padding: 0px;
    border-radius: 1px;
    outline: 2px solid #2c2f3d;
    left: 0px;
}

.email-address-bar {
border: solid 1px #ccc;
padding: 6px 9px!important;
border-radius: 5px;
transition: all .3s ease-in-out!important;
width: 83%;
font-size: 1.15em!important;
font-weight: 300!important;
line-height: 24px!important;
font-size: 16px!important;
outline: 0;
}

a.terms:hover {
color: #4e5fae;
text-decoration: underline;
transition: all .15s linear;
}

#error-message {
text-align: left;
background: #fff3f3;
border: solid 1px #ac2222;
border-left: solid 10px #ac2222;
border-radius: 5px;
color: #ac2222;
display: block;
opacity: 0;
visibility: hidden;
position: absolute;
top: 100px;
left: 0;
right: 0;
transition: all 0.5s ease-in-out;
width: 90%;
left: 5%;
padding: 14px 20px;
}

#success-message {
text-align: left;
background: #f3f4ff;
border: solid 1px #3f4873;
border-left: solid 10px #3f4873;
border-radius: 5px;
color: #3f4873;
display: block;
opacity: 0;
visibility: hidden;
position: absolute;
top: 100px;
left: 0;
right: 0;
transition: all 0.5s ease-in-out;
width: 90%;
left: 5%;
padding: 14px 20px;
}

#error-message ul {
margin: -4px -20px -4px -20px;
margin-left:20px;
}

@media (min-width: 662px) and (max-height: 810px) {
	.home-subscriber-box {
		margin-left: 6px;
		margin-top: 18px;
	}
}						

@media (min-width: 1620px) and (max-width: 1750px) {
	.home-subscriber-box {
		margin-left: 6px!important;
		margin-top: 100px!important;
	}
}	


@media (min-width: 1920px) and (max-width: 2048px) {
	.home-subscriber-box {
		margin-left: 6px;
		margin-top: 18px;
	}
}		

@media (min-width: 1024px) and (max-width: 1620px) and (max-height: 900px) {
	.home-subscriber-box {
		margin-left: 6px;
		margin-top: 18px;
	}
	
	.c-avatar__img {   
		width: 31rem !important;
		max-width: 31rem;
	}
	
	.blog-featured {top:-12px!important;width: 330px!important;}
	.blog-featured p {font-size: 19px!important;}
	.c-header__content {height: 98vh!important;}
}

@media (min-width: 1024px){
	.c-header__content {
		height: 99vh!important;
	}
}

@media (min-width: 1200px) and (max-width: 1920px){
	.c-avatar__img {margin-top: -159px!important;}
}

@media (min-width: 1200px){
	.c-avatar__img {
		margin-top: -140px;
		margin-right: -40px;
		width: 29rem !important;
		max-width: 33rem;
	}
	
	.index-quote {
		right: 33%;
		top: 22%;
	}
	.blog-featured {top: -7px!important;}
}

@media (min-width: 1200px) and (max-height: 895px){
	.blog-featured { top: -44px!important;width:350px;}
}

@media (min-height: 600px){
	.c-brand {
		margin-top:-37px!important;
		margin-bottom:44px!important;
	}
}

@media screen and (max-width: 750px) and (min-width: 740px) and (max-height: 660px) and (min-resolution: 2.5dppx) {
	body {
		background:#FFFFFF!important;
	}
	.c-avatar__img {
        width: 22rem;
        max-width: 22rem;
        margin-top: -310px;
	}
    .c-brand__sizer-main-logo img {
        width: 38%;
        margin-top: 4%;
        margin-bottom: 62px;
        margin-left: -10px;
    }
	.c-header__avatar {
		text-align: right;
		margin-right: -22px;
	}

	.blog-featured {
		width: 287px;
        left: 5px;
        top: -93px;
	}	
	.blog-featured p {
	    font-size: 19px;
	    line-height: 1.1em;
	    letter-spacing: 0.5px;
	}
    .t-sub-title {
        margin-left: 13px !important;
        margin-top: -55px;
        margin-bottom: 115px;
    }	
	.index-quote {
		width: 162px;
        right: 34%;
	}
	.index-quote p {
		font-size: 0.9em;
        line-height: 1.15em;
        right: 3% !important;
        width: 166px;
        position: relative;
	}
	.index-quote img {
		top: -35px;
    	left: -30px;
	}	
	.t-title-footer {
	    margin-top: -75px;
	    width: 152px !important;
	    margin-left: -8px !important;
	}
	.footer-social {
		margin-top: -40px !important;
	}
	.ds-switch-icon a img {
	    top: 4px;
	    left: 5px;
	}

	.c-header__contact-divider {
		margin-bottom: 1.4rem;
	}
	.portfolio-section {
		margin-top: -65px;
	}
	.pjBlMain {
		margin-top: 25px;
	}
	.o-grid__col-sm-9 {width: calc(99.999999% * 0.66);}
	.jr-head-desktop {    
		position: relative;
    	right: 10px;
    	top: 75px;
    	width: calc(99.999999% * 0.33);
    }
    .c-work__logo img {
    	height: 25px;
        margin-top: 1px;
        margin-left: -29px;
	}
	.t-timeline__subpoint1, .c-subtimeline, .c-subtimeline2, .t-timeline__subpoint2 {display: none;}
	.redacted-q {margin-right: 54%;}
	p.blurred {margin-top: 10px;}
	br.mobile-remove {display: none;}
	br.desktop-remove {display:block;}
	#thm-badge {width: 332px;}
	.footer-logo-image {margin-left: 22px;margin-top: 22px;}
	.footer-links {
		text-align: left;
        position: absolute;
        margin-left: 10px;
    }
    #footer .copyright {margin-right: 27px;}
}

/* On short-ish desktop screens, scale avatars with viewport height */
@media (min-height: 700px) and (max-height: 810px) and (min-width: 992px) {

    /* Main big avatar */
    .c-avatar__img {
        max-height: 62vh !important;
        width: auto !important;
        max-width: 32rem !important;
        margin-top: -127px !important;
    }

    /* Header avatar/logo – handle both the container and img */
    .jr-avatar,
    .jr-avatar img {
        max-height: 20vh !important;
        height: auto !important;
        width: auto !important;
    }
}


/* =========================================================
   Preloader: keep header + footer visible, white background
   ========================================================= */

/* Set these to match your real header/footer heights */
:root{
  --header-h: 72px;
  --footer-h: 120px; /* adjust if your footer is taller/shorter */
}

/* Make the overlay white (your current #f8f8f8 is why it looks grey) */
.js-enabled .c-preloader{
  background: #fff !important;
}

/* Ensure overlay only covers the "content area" (not header/footer) */
.js-enabled .c-preloader{
  position: fixed !important;
  top: var(--header-h) !important;
  left: 0 !important;
  right: 0 !important;
  bottom: var(--footer-h) !important;
  height: auto !important;
  z-index: 998 !important;
}

/* Keep header/footer above overlay */
#header-wrap,
#footer{
  position: relative;
  z-index: 999 !important;
}

/* Lock scroll while loading */
html.is-loading,
body.is-loading{
  height: 100%;
  overflow: hidden !important;
  overscroll-behavior: none;
}

/* Hide ONLY the main content while loading (not header/footer) */
html.is-loading #page-main{
  visibility: hidden;
}

/* Pin the footer so it stays visible even though scroll is locked */
html.is-loading #footer{
  position: fixed !important;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
}

/* Optional: also force the page behind to be white while loading */
html.is-loading body{
  background: #fff !important;
}

.js-enabled .c-preloader{
  background: #fff !important;
  z-index: 998 !important;
}
#header-wrap, #footer{
  z-index: 999 !important;
}

/* Hide ONLY the main content while loading (not header/footer) */
html.is-loading #page-main{
  visibility: hidden;
}

/* Fallback for pages like projects.php that don't have #page-main */
html.is-loading #body-content > *:not(#header-wrap):not(#footer) {
  visibility: hidden;
}

/* INDEX ONLY: overlay */
html.is-loading body.page-index .c-preloader{
  display: block !important;
  background: #f8f8f8 !important;
  pointer-events: all;
}

/* INDEX ONLY: hide content while loading */
html.is-loading body.page-index .js-main-container{
  display: none !important;
}

/* INDEX ONLY: use a pseudo-element for the rotating ring */
body.page-index .c-preloader__spinner{
  width: 70px;
  height: 70px;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%); /* centering stays here */
}

body.page-index .c-preloader__spinner::before{
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border: 6px solid rgba(0,0,0,0.15);
  border-top-color: #272e52;
  border-radius: 50%;
  animation: index-spinner-rotate .8s linear infinite;
}

@keyframes index-spinner-rotate{
  to { transform: rotate(360deg); }
}