:root {
    --base-radius: 26px;
    --section-radius: 10px;
    --color-1E2132: #1E2132;
	--sidebar-width: 420px;
	--input-radius: 15px;
	--burger-menu-background: linear-gradient(180deg, #771AEE 37.5%, #AA1AEE 148.12%);

	--tips-top-padding: 50px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    padding: 0; border: 0; font-size: 100%; vertical-align: baseline;
}
main, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
html, body {
    margin: 0; min-height: 100%;
}
body {
    position: relative; font-size: 24px; color: #000; font-family: 'Circe';
    -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; line-height: 1.1;
    /*background: #fffaea url(../img/body-bg.png) 50% 0 repeat-x;*/
	margin: 12px 0;
}
* {
    outline: none; box-sizing: border-box;
}
img {
    border: none; vertical-align: top;
}
.responsive-image {
    max-width: 100%;
}
form {
    margin: 0; padding: 0;
}
input, textarea, select, button {
    margin: 0; padding: 0; border: none; resize: none; display: block; width: 100%; font-family: 'Circe';
}
input[type="text"] {
    background: #fff; display: flex; -ms-align-items: center; align-items: center;
}
button[type="submit"] {
    cursor: pointer;
}
::-moz-placeholder {
    opacity: 1;
}
label {
    cursor: pointer;
}
H1, H2, H3, H4, H5 {
    margin: 0; padding: 0;
}
H1, H2 {
    font-weight: 400; color: #fa8005; font-size: 40px; line-height: 1.3;
}
H3 {
    font-size: 30px; font-weight: 400;
}
.hidden {
    display: none;
}
.viewport-wrapper {
    position: relative; min-width: 300px; overflow: hidden; margin: 0 12px 0 12px;
}
.container {
    margin: 0 auto; min-width: 300px; max-width: 1170px; padding: 0 15px; font-size: 18px;

}
.flex-row {
    display: flex; flex-wrap: wrap; justify-content: center;
}
.justify-space {
    justify-content: space-between;
}
.justify-center {
    justify-content: center;
}
.justify-end {
    justify-content: flex-end;
}
.align-start {
    align-items: flex-start;
}
.align-center {
    align-items: center;
}
.align-end {
    align-items: flex-end;
}
ul, ul li {
    margin: 0; padding: 0; list-style: none;
}
a {
    color: #fa8005; text-decoration: none; transition: all 300ms ease;
}
p {
    margin: 28px 0 0; line-height: 1.2;
}

.bt {
    display: flex; justify-content: center; -ms-align-items: center; align-items: center; text-align: center;
    transition: all 300ms ease; background:linear-gradient(180deg, #B0F821 0%, #67D61D 33.33%, #0F8D19 100%);
 	height: 39px; font-size: 25px; color: #FFF;font-weight: 600; line-height: 95%; letter-spacing: -0.5px;
	font-family: 'SFProDisplay-Semibold', sans-serif; border-radius: var(--input-radius);
}
.bt:hover {
    background: linear-gradient(#f6ee61, #f6c84c);
}

.burger {
	width: 34px;
	height: 30px;
	background: transparent;
	display: block;
	cursor: pointer;
	outline: none;
}
.bt-menu {
    position: relative; z-index: 20; top: -1px; width: 24px; height: 3px; background: var(--burger-menu-background);
}
.bt-menu:before {
    content: ''; display: block; height: 3px; width: 100%; position: absolute; top: -8px; left: 0;
    background: var(--burger-menu-background); transition: all .25s ease-in-out;
}
.bt-menu:after {
    content: ''; display: block; height: 3px; width: 100%; position: absolute; bottom: -8px; left: 0;
    background: var(--burger-menu-background); transition: all .25s ease-in-out;
}
.bt-menu.close {
    border-top: 0;
	background: transparent;
}
.bt-menu.close:before {
    transform: translate(1px,7px) rotate(45deg);
}
.bt-menu.close:after {
    transform: translate(1px,-9px) rotate(-45deg);
}
.theme-light.page_52 .header-lg,
.theme-light.page_52 .header-sm,
.theme-light.page_3 .header-lg,
.theme-light.page_3 .header-sm {
	box-shadow: 0 33px 80px rgba(40,51,82,.07);
}
.header-sm {
	position: relative;
}
.header-lg,
.header-sm {
	background-color: white;
	border-radius: 25px;
}

.theme-dark .header-lg,
.theme-dark .header-sm {
	border: 1px solid #084D6A;
	background: #070F1A;
}


.header-lg .container {
	max-width: initial;
	margin: 0;
	padding: 0;
}

.header-sm .container {
	min-width: initial;
}

.header-lg .flex-row {
	/*padding: 20px 30px;
	height: 80px;*/
}
.header-sm {
    display: none;
}
.header-sm .apps a {
    display: none;
}
.header-sm__bar .logo {
    margin-right: auto;
}
.header-sm__bar .logo img {
	width: 250px
}
.header-sm__bar .apps {
    margin-right: 12px;
}
.header-sm__bar .apps a img {
    width: 150px;
}

.menu-opened .header-sm__dropdown {
	display: block;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0); 
}
.header-sm__dropdown {
    position: absolute; z-index: 10; left: 0; top: 100%; right: 0; width: 100%; background: #fff;
    padding: 0 15px 25px 45px; display: none;
	margin-top: -35px;
    padding-top: 45px;
	z-index: -1;
	border-radius: 0 0 10px 10px;
}
.header-sm__dropdown .top {
    padding: 12px 15px 12px 0;
}
.header-sm__dropdown .theme-switcher {
    margin: 0 20px 0 0;
}
.header-sm__dropdown .social {
    margin-left: auto;
}
.header-sm__dropdown .social a {
	background: black;
}
.header-sm__dropdown .lang {
    margin: 26px 0 0; font-size: 24px;
}
.header-sm__dropdown .lang-drop {
    background: #fdd231;
}
.header-sm__dropdown .lang-drop .item {
    font-size: 22px;
}
.header-sm__dropdown .lang .flag {
    margin-right: 18px;
}
.header-sm__dropdown .lang .flag img {
    width: 24px; height: 24px;
}
.mobile-nav li:first-child {
	border-top: none;
}
.mobile-nav li {
	border-top: 1px solid #e6e6e8;
	padding-top: 10px;
	padding-bottom: 10px;
}
.mobile-nav li a {
    font-size: 24px; color: #000;
}
.header-sm__dropdown .logo {
    margin-right: 10px;
}
.header-sm__dropdown .logo img {
    width: 26px;
}
.header-sm__dropdown .copy {
    font-size: 12px;
}
.header-sm__dropdown .apps {
    padding-bottom: 40px; margin: 16px 0 45px; border-bottom: solid 1px #e5be2e;
}




/* header
------------------------------------------------ */
.header {
    position: relative; z-index: 10; padding-top: 10px; -webkit-transform: translate3d(0,0,0);
}
.header-main {
    position: absolute; left: 0; top: 0; right: 0;
}
.logo a:hover {
    opacity: .75;
}
.theme-switcher {
    margin-left: auto; display: flex; font-size: 15px; -ms-align-items: center; margin-right: 30px;
    align-items: center; cursor: pointer; position: relative; width: 146px; justify-content: space-between; column-gap: 10px;
}
.button__switcher {
    position: relative; background: #3dd8ff; width: 45px; height: 21px; border-radius: 30px;
}
.button__switcher:before {
    content: ''; display: block; position: absolute; background: #ffe749; border-radius: 50%; left: 4px; top: 3px;
    width: 15px; height: 15px; transition: .3s;
}
.theme-night .button__switcher {
    left: calc(100% - 4px);
}
.button__switcher::after {
    content: '';
    display: block;
    position: absolute;
    background: #47255f;
    border-radius: 50%;
    left: 21px;
    top: 3px;
    width: 15px;
    height: 15px;
    transition: .3s;
    opacity: 0;
}
.text__switcher {
    cursor: pointer; position: relative; z-index: 2;
}
.theme-dark .button__switcher:before {
    left: 26px;
}
.link-tips {
    font-size: 15px; color: #000;
}
.link-tips:hover {
    color: #fa8005;
}
.lang {
    position: relative; margin-left: 45px; font-size: 18px; min-width: 120px; display: inline-flex; margin-right: 8px;
}
.lang-current {
    position: relative; display: flex; -ms-align-items: center; align-items: center; cursor: pointer; z-index: 2;
}
.lang .flag {
    margin-right: 8px; display: block;
}
.lang .flag img {
    border: solid 1px #92bdff; border-radius: 50%; width: 17px; height: 17px; border-radius: 50%;
}
.lang-current .title {
    display: flex; -ms-align-items: center; align-items: center;
}
.lang-current .title:after {
    content: ''; display: block; border-bottom: solid 2px #000; border-right: solid 2px #000; width: 5px; height: 5px;
    transform: rotate(45deg); margin-left: 10px;
}
.lang-drop {
    position: absolute; left: 0; top: 100%; right: 0; padding-top: 5px; display: none; padding-bottom: 10px;
}
.lang-drop .item {
    display: flex; -ms-align-items: center; align-items: center; cursor: pointer; color: #000; margin-top: 12px;
    font-size: 16px;
}
.lang-drop .item:hover {
    color: #fa8005;
}
.header-lg .lang-drop {
    background: rgba(255,255,255,.8); border-radius: var(--section-radius); padding-top: 30px; top: -10px; left: -10px;
    padding-left: 10px;
}
.lang {
	display: none;
}
.social {
    display: flex; -ms-align-items: center; align-items: center; margin-left: 30px;
}
.social a {
    margin-left: 20px; display: flex; -ms-align-items: center; align-items: center; justify-content: center;
    width: 42px; height: 42px; border-radius: 50%; font-size: 14px;
    color: #fff;
}
.social a:first-child {
    margin-left: 0;
}
.social a:hover {
    opacity: .75;
}
.social a img {
    width: 25px; height: 25px; border-radius: 50%; object-fit: cover;
}
/* end header */


.b-block {
    text-align: center; margin-top: 32px;
}
.b-block a {
    display: inline-block;
}
.b-block img {
    max-width: 100%;
}
.with-lines {
    padding: 5px 0;
}

.step-1, .step-2, .step-2--top, .step-3, .step-4, .site-footer {
    margin: 15px 0;
    border-radius: var(--section-radius);
}

.step-2--top {
    border-top-left-radius: var(--section-radius);
    border-top-right-radius: var(--section-radius);
}

.step-2--bottom {
    border-radius: var(--section-radius);
}

.step-1 .wrapper {
    display: flex; flex-direction: column; padding: 100px 0 40px;
}
.center-content {
    display: flex; position: relative;
}
.center-content .side-b {
    width: 262px; margin-left: 30px; margin-top: 0;
}

footer .apps-row,
.step-1 .apps-row {
    margin-top: auto;
}
.step-1 .top-b {
    display: none;
}
.theme-dark .shadow-wrapper {
	z-index: 1;
	background: url(https://magicpuzzles.net/wp-content/uploads/2023/09/game-shadow-dark.png) center center no-repeat;
}
.dark-highlight,
.ellipse {
	display: none;
}
.theme-dark .dark-highlight {
	display: block;
	border-radius: 1722px;
	background: rgba(52, 228, 239, 0.30);
	filter: blur(50px);
	height: 82px;
}
.theme-dark .ellipse {
	display: block;
	border-radius: 857px;
    background: #00C2FF center center no-repeat;
    filter: blur(90px);
    position: absolute;
    width: 857px;
	height: 645px;
    z-index: 1;
	transform: translateZ(0.1px);
	bottom: 0;
}
.dark-puzzles,
.puzzles {
	display: flex;
	justify-content: space-between;
    align-items: baseline;
	margin-top: -220px;
	margin-left: -100px;
	margin-right: -140px;
}
.dark-puzzles {
	display: none;
}
.theme-dark .dark-puzzles {
	display: flex;
	margin-top: -290px;
}
.theme-dark .puzzles {
	display: none;
}
.shadow-wrapper {
	background: url(https://magicpuzzles.net/wp-content/uploads/2023/09/game-shadow-light.png) center center no-repeat;
    background-size: contain;
    height: 78px;
}
canvas#unity-canvas{
	width: 1152px;
	height: 720px;
}
.iframe-border {
	background: url(https://spades-game.com/wp-content/uploads/2024/11/gold_frame.png) no-repeat center center;
    width: 1152px;
    height: 720px;
	z-index: 1;
}
.widget-game {
    display: flex; width: 100%; justify-content: center; position: relative;
}
.widget-game > img {
    height: 100%; width: 100%; object-fit: cover;
}
.mobile-game {
    display: none; position: relative; height: calc(100vh - 220px); justify-content: center; width: 100%;
    margin: 0 auto;
    overflow-y: auto;
    -webkit-overflow-scrolling:touch !important;
    height: 100%;
}
.mobile-game > img {
    height: 100%; width: 100%; object-fit: cover;
}
iframe {
    height: 100%;
    width: 100%;
}
.mobile-game.ios {
    overflow-y: auto;
    -webkit-overflow-scrolling:touch !important;
    height: 100%;
}
.mobile-game iframe {
    height: 100%;
    min-width: 100%;
    width: 100px;
    *width: 100%;
}


.apps-row__line {
    width: 75%;
    margin-left: auto;
    margin-right: auto;
}

.apps-row {
    display: flex; -ms-align-items: center; align-items: center; flex-wrap: wrap; justify-content: space-between;
    position: relative; z-index: 2;
}
.apps-row .head {
    background: linear-gradient(#fbef28, #fac433); font-size: 18px; font-weight: 700; box-shadow: 0 18px 35px rgba(0,0,0,.5);
    max-width: 160px; height: 49px; display: flex; -ms-align-items: center; align-items: center; padding-left: 28px;
    clip-path: polygon(84% 0, 100% 50%, 84% 100%, 0% 100%, 0 50%, 0% 0%); line-height: 1; color: #000; width: 16%;
    box-shadow: 0 18px 35px rgba(0,0,0,.66);
}
.apps-row a {
    border-radius: 6px; overflow: hidden; max-width: 169px; width: initial; box-shadow: none; text-align: center;
}
.apps-row a:hover {
    opacity: .8;
}
.apps-row a img {
    width: 100%; height: auto;
}



.article {
    display: flex; margin-top: 20px;
    font-size: 18px;
}
.article .text {
    width: 52%;
}
.article .image {
    width: 48%; text-align: center; margin-top: 90px;
}
.article:nth-child(1) > div.image{
    margin-top: 30px;
}

.article H2 {
    white-space: nowrap;
}
.article .image img {
    max-width: 70%;
}
.article:nth-child(2n) .text {
    order: 2;
}


.step-3 H2 {
    text-align: center;
}


.item-about {
    max-width: 350px; width: 32%; margin-top: 35px;
}
.item-about .head {
    display: flex; -ms-align-items: center; align-items: center; height: 80px; font-size: 24px;
}
.item-about .head .icon {
    width: 75px; text-align: center; margin-right: 20px;
}
.item-about p {
    font-size: 18px;
}
.link-more {
    position: relative; display: inline-flex; font-size: 18px; color: #fa8005; -ms-align-items: center;
    align-items: center; margin-top: 20px;
}
.link-more:after {
    content: ''; display: block; background: url(../img/arrow.png); width: 9px; height: 9px; background-size: 100% 100%;
    margin-left: 12px;
}
.link-more:hover {
    text-decoration: underline;
}


.seo-block {
    padding: 35px 0 65px;
}

.main-body {
    padding-bottom: 50px;
	border-radius: var(--section-radius);
}
.theme-dark .main-body h1 {
	color: #FFF;
}
.main-body H1 {
	font-family: 'SFUIText-Heavy', sans-serif;
	margin-bottom: 80px;
	text-align: center;
	color: var(--base-color);
	font-size: 55px;
	font-weight: 800;
	line-height: 115%;
	letter-spacing: -2.75px;
}
.title-line__head {
	margin-bottom: 0!important;
}
.main-body .title-line {
	position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
	flex-wrap: wrap;
}
.main-body .title-line img {
	position: absolute;
    left: -23px;;
}
.main-content {
    width: calc(100% - var(--sidebar-width)); padding: 30px 30px 0 0; overflow: hidden;
}
.main-sidebar {
    width: var(--sidebar-width); padding-top: var(--tips-top-padding);
}
.main-sidebar .sidebar-box {
    border-radius: var(--base-radius);
}
.main-sidebar .no-margin {
	margin-top: 0;
}
.side-line {
	width: 100%;
}
.main-sidebar .side-image {
	margin-left: auto;
    display: block;
	margin-top: 165px;
	margin-right: -23px;
}
.blog {
    text-align: center; margin-top: 30px;
    font-size: 18px; overflow: hidden;
}
.blog {
	background: #fff;
	border: solid 1px #faf5e5;
	border-radius: var(--base-radius);
	box-shadow: 0px 33px 80px 0px rgba(40, 51, 82, 0.05);
	padding: 24px 24px 27px 26px;
}
.blog:first-child {
    margin-top: 0;
}
.blog H3 {
    margin-top: 20px; color: var(--color-1E2132); text-align: left; font-family: 'SFUIText-Heavy', sans-serif;
	font-size: 40px; font-weight: 800; line-height: 115%; /* 46px */ letter-spacing: -2px;
}
.blog .date {
    margin-top: 24px;
}
.blog .image img {
    width: 100%; object-fit: cover; height: 400px;
	transition: opacity .4s;
}
.blog ul,
.blog ol,
.blog p {
    text-align: left; font-family: 'SFProDisplay-Medium', sans-serif; font-size: 25px;
	font-weight: 500; line-height: 135%; /* 33.75px */letter-spacing: 0.75px; color: #000;
}
.blog H4 {
    text-align: left; font-size: 18px; line-height: 1.4; font-weight: 700; margin-top: 28px;
}
.blog .bt {
    max-width: 165px; margin: 20px 0 0 auto; height: 70px
}
.blog img {
	width: 100%;
	object-fit: cover;
	border-radius: var(--input-radius);
}
.share {
    display: flex; justify-content: center; margin-top: 20px;
}
.share a {
    display: flex; justify-content: center; -ms-align-items: center; width: 24px; height: 24px; color: #7b7b7b;
    align-items: center; background: #eeeeee; border-radius: 3px; margin: 0 3px; font-size: 13px;
}
.share a:hover {
    color: #fa8005;
}


.comments-block {
    margin-top: 60px;
}
.item-comment {
    margin-top: 34px; padding-top: 45px; border-top: solid 1px #faf5e5; font-size: 16px;
}
.item-comment .head {
    display: flex; -ms-align-items: flex-end; align-items: flex-end;
}
.item-comment .autor {
    display: flex; -ms-align-items: center; align-items: center;
}
.item-comment .autor .photo {
    width: 64px; height: 64px; border-radius: 50%; overflow: hidden; margin-right: 20px;
}
.item-comment .autor .photo img {
    width: 64px; height: 64px; object-fit: cover;
}
.item-comment .autor .name {
    color: #fa8005;
}
.item-comment .autor .date {
    font-size: 14px; margin-top: 6px;
}
.item-comment .link-reply {
    color: #fa8005; font-size: 14px; display: inline-flex; -ms-align-items: center;
    align-items: center; margin: 0 0 12px 28px;
}
.item-comment .link-reply:before {
    content: ''; display: inline-block; background: url(../img/reply.png); width: 14px; height: 12px; background-size: 100% 100%;
    margin-right: 8px;
}
.item-comment .link-reply:hover {
    text-decoration: underline;
}
.item-comment p {
    line-height: 1.5; margin-top: 30px;
}
.item-comment.answer {
    padding-left: 80px;
}



.pagination {
    display: flex; justify-content: center; padding-top: 20px; font-size: 14px;
}
.pagination a {
    display: flex; justify-content: center; -ms-align-items: center; padding-top: 2px;
    align-items: center; color: #656565; width: 24px; height: 24px; margin: 0 3px;
}
.pagination .current {
    background: linear-gradient(#fbef28, #fac433); color: #000; font-weight: 700;
    align-items: center; color: #656565; width: 24px; height: 24px; margin: 0 3px;
    justify-content: center;
}
.pagination span {
    display: flex; -ms-align-items: center; align-items: center; margin: 0 3px;
}



.search {
    padding: 35px 0;
}
.search form {
    position: relative;
}
.search form input[type="text"] {
    border: 1px solid #E0E0E0; border-radius: var(--input-radius); padding: 0 10px 0 60px; height: 70px; line-height: 23.452px;
    font-size: 25px; color: #AEAEAE; font-weight: 500;
}
.search .bt-search {
    background: transparent; width: 35px; height: 35px; 
    position: absolute; left: 25px; top: 0; bottom: 0; margin-top: auto; margin-bottom: auto;
}
.sidebar-box {
    background: #fff; margin-top: 20px; padding: 0 23px; font-size: 16px;
}
.sidebar-box .head {
    text-align: center; font-size: 26px; border-bottom: solid 1px #E6E6E8; padding: 0 0 22px; font-weight: 800; line-height: 130%; letter-spacing: -0.52px; color: var(--color-1E2132);
	font-family: 'SFProDisplay-Heavy', sans-serif;
}
.sidebar-box .head-position {
	padding-top: 19px;
}
.sidebar-box .category {
	text-align: center;
	color: var(--color-1E2132);
	font-family: 'SFUIText-Bold', sans-serif;
	font-size: 20px;
	font-weight: 700;
	line-height: 115%; /* 23px */
	letter-spacing: -1px;
}
.item-article {
    position: relative; margin-top: 30px; padding: 0 0 32px 90px; border-bottom: solid 1px #E6E6E8;
}
.item-article .preview {
	overflow: hidden;
  	display: -webkit-box;
	  -webkit-box-orient: vertical;
	  -webkit-line-clamp: 4;
}
.item-article:last-child {
    border-bottom: 0;
}
.item-article .full-link {
    position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 2;
}
.item-article .image {
    position: absolute; left: 0; top: 0; transition: .3s;
}
.item-article .image img {
	border-radius: 8px;
}
.item-article .title, .item-article p {
		margin-left: 10px;
}
.item-article .title {
	font-family: 'SFUIText-Bold', sans-serif;
    color: var(--color-1E2132);
	font-size: 20px;
	font-weight: 700;
	line-height: 115%; /* 23px */
	letter-spacing: -1px;
}
.item-article p {
    margin-top: 1px; line-height: 135%; transition: .3s; letter-spacing: 0.48px; font-weight: 400; font-size: 16px;
	font-family: 'SFProDisplay-Regular', sans-serif; color: #000; 
}
.item-article:hover .title {
    text-decoration: underline;
}
.item-article:hover .image {
    opacity: .75;
}
.theme-dark__image {
    display: none;
}
.preview-comment {
    position: relative; padding: 20px 10px 22px; border-bottom: solid 1px #faf5e5;
}
.preview-comment .text {
    display: inline-block; margin-top: 10px; color: #fa8005;
}
.preview-comment .text:hover {
    text-decoration: underline;
}
.preview-comment:last-child {
    border-bottom: 0;
}
.item-link {
    position: relative; padding: 20px 10px 22px; border-bottom: solid 1px #faf5e5; display: block; color: #000;
}
.item-link:hover {
    color: #fa8005;
}
li:last-child .item-link {
    border-bottom: 0;
}


/* footer
------------------------------------------------ */
.site-footer {
	margin-bottom: 0;
    padding-top: 4vw;
    padding-bottom: 1vw;
    background: #fbfbfd;
}
.site-footer .logo {
    margin-right: 30px;
}
.site-footer__bottom-section {
    display: flex;
    flex-direction: column;
}
.site-footer__links {
    justify-content: space-between;
}
.site-footer .copy {
    color: var(--color-1E2132);
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
	font-family: 'SFProDisplay-Regular', sans-serif;
}
.useful-links {
    margin-left: auto; font-size: 15px;
}
.useful-links li {
    color: var(--color-1E2132);
    font-size: 25px;
    font-weight: 600;
    line-height: 130%;
    margin-left: 44px;

}
.useful-links li a {
    color: #000;
	font-family: 'SFProDisplay-Bold', sans-serif;
}
.useful-links li a:hover {
    color: #fa8005;
}
.site-footer .apps-row {
    padding-top: 40px;
    padding-bottom: 100px;
	margin-left: auto;
	margin-right: auto;
}
.site-footer .subhead {
    text-align: center;
    color: var(--color-1E2132);
    font-size: 30px;
    font-weight: 800;
    line-height: 115%; /* 34.5px */
    letter-spacing: -1.5px;
	font-family: 'SFUIText-Heavy', sans-serif;
}
.site-footer .apps-row a {
    box-shadow: none;
}
/* end footer */

.theme-dark a {
    color: #e5b62e;
}
.theme-dark .link-tips {
    color: #9a9a9a;
}
.theme-dark .link-tips:hover {
    color: #e5b62e;
}
.theme-dark .site-header {
    color: #fff;
}
.theme-dark .social a {
    background: linear-gradient(#fbef28, #fac433); color: #000;
}
.theme-dark .button__day {
    color: #292e2e;
}
.theme-dark .button__switcher {
    background: #47255f;
}
.theme-dark .button__switcher::after {
    opacity: 1;
}
.theme-dark .lang-current .title {
    color: #fff;
}
.theme-dark .lang-current .title::after {
    border-color: #fff;
}
.theme-dark .lang-drop .item {
    color: #fff;
}
.theme-dark .lang-drop .item:hover {
    color: #fac832;
}
.theme-dark .header-lg .lang-drop {
    background: rgba(28,32,32,.8);
}
.theme-dark .step-1 {
    /*background: url(../img/bg1-dark.png) 50% 100% no-repeat;*/
    box-shadow: 25px 6px 76px rgba(0,0,0,1);
}
.theme-dark .step-1:before {
    content: ''; display: block; background: #000; opacity: .5; position: absolute;
    left: 0; top: 0; right: 0; bottom: 0;
}
.theme-dark .theme-light__image {
    display: none;
}
.theme-dark .theme-dark__image {
    display: block;
}
.theme-dark .step-3 {
    background: 0;
}
.theme-dark .item-about .head {
    color: #fac832;
}
.theme-dark .link-more {
    color: #fbc832;
}
.theme-dark .link-more:after {
    background: url(../img/arrow2.png); background-size: 100% 100%;
}
.theme-dark .seo-block {
    padding-top: 40px;
}
.theme-dark .site-footer {
    background: linear-gradient(188deg, #081E3D 9.21%, #000 87.14%);
}
.theme-dark .useful-links li a,
.theme-dark .site-footer .copy,
.theme-dark .site-footer .subhead,
.theme-dark .item-article p, .theme-dark .head{
    color: #FFF;
}
.theme-dark .with-lines {
    border-color: transparent;
}
.theme-dark .blog,
.theme-dark .sidebar-box{
    border: 1px solid #08687D;
    background: #151F2F;
    box-shadow: 0px 33px 80px 0px rgba(40, 51, 82, 0.05);
}
.theme-dark .blog H3, .theme-dark .blog p, .blog .bt, .theme-dark .blog ol,
.theme-dark .blog h2, .blog,
.theme-dark .item-article .title,
.theme-dark .preview-comment .text, .theme-dark ul > li  {
    color: #fff;
}
.theme-dark .back-posts svg circle,
.theme-dark .back-posts svg path,
.theme-dark .next-post svg circle,
.theme-dark .next-post svg path {
	stroke: white;
}
.theme-dark .back-posts a, 
.theme-dark .next-post a {
	color: white;
}
.theme-dark .share a {
    background: #171919; color: #2c3030;
}
.theme-dark .share a:hover {
    color: #fac832;
}
.theme-dark .search form input[type="text"] {
    border: 1px solid #08687D;
    background: #0B1320;
}
.theme-dark .sidebar-box .head,
.theme-dark .item-article,
.theme-dark .item-link {
    border-color: #1b1d1d;
}
.theme-dark .item-link {
    color: #fff;
}
.theme-dark .item-link:hover {
    color: #fac832;
}
.theme-dark .item-comment {
    border-color: #1b1d1d;
}
.theme-dark .item-comment .autor .name {
    color: #e5b62e;
}
.theme-dark .item-comment .link-reply {
    color: #e5b62e;
}
.theme-dark .item-comment .link-reply::before {
    background: url(../img/reply2.png); background-size: 100% 100%;
}
.theme-dark .header-sm__dropdown .top,
.theme-dark .header-sm__dropdown .apps {
    border-color: #171919;
}
.theme-dark .header-sm__dropdown,
.theme-dark .header-sm__dropdown .lang-drop {
    background: #090a0a;
}
.theme-dark .bt-menu {
    border-top-color: #fac832;
}
.theme-dark .bt-menu:before,
.theme-dark .bt-menu:after {
    background: #fac832;
}
.theme-dark .header-sm__dropdown .lang,
.theme-dark .mobile-nav li a {
    color: #fff;
}

.comment-form label{
    text-align: center;
    font-size: 20px;
    padding: 35px 0 32px;
}
.comment-form textarea, .comment-form input:not([type=submit]){
    border: solid 1px #faf5e5;
    height: auto;
    padding: 10px;
    font-size: 18px;
    color: #000;
    margin-top: 10px;
}
.comment-form-cookies-consent{
    display: none;
}
.comment-form input[type=submit], .comment-form button[type=submit]{
    padding: 10px;
    font-size: 20px;
    color: #fff;
    background-color: #fa8005;
    cursor: pointer;
}
#reply-title{
    display: none;
}