@charset "utf-8";h1,h2,h3,h4 {     font-weight: 400 }  h2,h3,h4,h5,h6 {     color: #415c6c }  table td,table th {     text-align: left;     padding: 7px 7px 7px 15px }  a,a:hover {     color: #ff3a1a }  p,ul li {     color: #2d2218 }  h1,h2,h3,h4,h5,h6 {     padding-bottom: .6em }  h1 {     font-size: 29px;     color: #1d3750 }  h2 {     font-size: 23px }  h3 {     font-size: 20px }  h4 {     font-size: 17px }  h5 {     font-size: 13px }  h6 {     font-size: 12px }  ol,ul {     padding-left: 20px;     padding-bottom: 1em }  ul li {     padding: 10px 0 0 10px;     font: 14px arial;     list-style: none }  ol li {     list-style-type: decimal;     padding: 10px 0 0 }  table {     border: 1px solid #dadcdc;     margin: 20px 0 }  table th {     font-size: 13px;     background: #e9f3f6 }  table td {     font-size: 12px;     border: 1px dotted #e9f3f6 }  a {     text-decoration: underline } .menu {     display: flex;     justify-content: space-around;     gap: 20px;     flex-wrap: wrap;   } #footer .f-menu ul li a:hover,#header .menu-top ul li a:hover,a:hover {     text-decoration: none }  p {     padding: 0 0 15px;     line-height: 1.2em;     font: 14px arial }  .clear {     clear: both }  .clearfix:after {     content: "\0020";     display: block;     height: 0;     clear: both;     visibility: hidden;     overflow: hidden }  .clearfix {     display: inline-block }  html[xmlns] .clearfix {     display: block }  * html .clearfix {     height: 1% }  .hidden {     display: none }  body {     font-size: 14px;     color: #fff;     font-family: Tahoma,"Lucida Grande",sans-serif;     background: url(/shared/3681/bg.webp) center top no-repeat #000;     margin: 0;     padding: 0; }  #container {     background-color: black top center no-repeat }  .all-wraper {     width: 1065px;     margin: 0 auto }  #header .logo-box {     text-align: center;     padding: 20px 0 }  #header .download {     position: relative;     margin: 220px 0 0 363px; }  #header .download .support {     position: absolute;     z-index: 10;     width: 154px;     height: 81px;     top: -110px;     right: 135px }  #header .download .support a {     display: block }  #header .download .play {     position: absolute;     top: 94px;     left: 62px;     width: 180px;     height: 85px }  #header .download .play a {     display: block;     width: 180px;     height: 85px }  #header .menu-top {     padding: 0 0 50px }  #header .menu-top ul {     padding: 0;     width: 400px;     margin: 0 auto }  #header .menu-top ul li {     float: left }  #header .menu-top ul li a {     font-size: 16px;     text-align: center;     color: #fff }  #header .text-box {     margin: 430px 0 50px;     background: url(/shared/3681/1px.png);     border-radius: 15px;     -moz-border-radius: 15px;     -webkit-border-radius: 15px }  #header .text-box .text-inner p {     font-size: 14px;     text-align: center;     font-weight: 700;     padding: 15px 30px;     color: #fff }  #header .text-box .text-inner a {     color: #fff }  #header .text-box .text-inner a:hover {     box-shadow: 0 0 5px #fff }  #content {     background: url(/shared/3681/c-bg.webp) repeat-y;     padding: 0 0 50px;     position: relative; } #content .t-bg {     background: url(/shared/3681/t-bg.webp) no-repeat;     width: 1060px }  #content .t-bg .content-inner {     padding: 40px 105px 0;     color: #000;     line-height: 1.2;     position: relative;     z-index: 10; } #content .breadcrumbs-box {     font: 12px arial;     color: #666;     margin: 0 0 12px;     position: relative;     z-index: 11; } #content .breadcrumbs-box ol {     list-style: none;     padding: 0;     margin: 0; } #content .breadcrumbs-list__item {     display: inline;     list-style-type: none; } #content .breadcrumbs-box a {     color: #2d2218;     text-decoration: none; } #content .breadcrumbs-box a:hover {     text-decoration: underline; } #content .breadcrumbs-list__separator {     margin: 0 6px;     color: #888; } #content .breadcrumbs-list__item strong {     color: #555; } #content .t-bg .content-inner:before {     content: '';     position: absolute;     top: 0;     left: 50%;     transform: translateX(-50%);     width: 930px;     height: 100%;     background-color: rgba(255,255,255,0.5);     border-radius: 10px;     z-index: 9; } .post-12 {     position: relative;     z-index: 11; } #footer {     background: url(/shared/3681/f-bg.webp) no-repeat;     height: 346px;     position: relative;     z-index: 8 }  #footer .alla,#footer .boris {     position: absolute;     top: -300px;     height: 657px;     z-index: 10 }  #footer .f-menu {     width: 860px;     margin: 0 auto }  #footer .f-menu ul li {     font-size: 12px }  #footer .f-menu ul li a {     color: #000 }  #footer .pay-system-box {       text-align: center;     width: 805px;     margin: 0 auto; } #footer .pay-system-box img {       max-width: 700px;     height: auto;     margin: 0 auto;   margin-top: -50px; } #footer .alla {     left: -50px;     background: url(/shared/3681/lady.webp) no-repeat;     width: 166px }  #footer .boris {     right: -50px;     background: url(/shared/3681/man.webp) no-repeat;     width: 178px }  .map a {     font-size: 11px;     color: #168FAE }  .to-top {     position: fixed;     right: 24px;     bottom: 24px;     width: 44px;     height: 44px;     line-height: 44px;     text-align: center;     background: #ff3a1a;     color: #fff;     text-decoration: none;     border-radius: 50%;     font-size: 20px;     box-shadow: 0 4px 10px rgba(0,0,0,0.4);     z-index: 9999; }  .to-top:hover {     background: #ff5a3a; }  @media screen and (max-width: 1200px) {     body,html {         width:100%;         display: block     }      #footer .boris {         right: 0     }      #footer .alla {         left: 0     } }  @media screen and (max-width: 1024px) {     #footer .alla,#footer .boris,#header .download {         display:none     }      iframe,img,video {         max-width: 100%     }      #footer,img {         height: auto     }      body,html {         overflow-x: hidden     }      body {         padding-top: 170px;         position: relative     }      #content .t-bg,#footer .pay-system-box,.all-wraper {         width: auto;         background: 0 0     }      #header .text-box {         margin: 30px 0     }      #content,#footer {         background-size: 190%;         background-position: center     }      #content .t-bg .content-inner {         padding: 40px 20px 0     }      #footer {         padding: 0 0 125px;         background-position: top center     }      #footer .f-menu ul {         padding: 0;         display: flex;         width: 100%;         align-items: center;         justify-content: center;         flex-wrap: wrap     }      #footer .f-menu {         width: auto;         margin: 0 auto     }      #footer .pay-system-box a {         display: block;         width: 100%;         text-align: center     }      #footer .pay-system-box a img {         max-width: 100%;         object-fit: contain     }      #content img {         float: none!important;         margin: 7px!important     } }  @media screen and (max-width: 768px) {     body {         background:#000     }      body:before {         content: '';         position: absolute;         top: 0;         left: 0;         width: 100%;         height: 170px;         background: url(/shared/3681/bg-mob.webp) 45% 100% no-repeat;         background-size: cover;         z-index: 9999     }      #footer {         padding: 0 0 25px;         background: url(/shared/3681/c-bg.webp) center repeat-y;         background-size: 150%     }     #footer .f-menu ul {         gap: 15px;         flex-direction: column;     }      body.sitemap-body {         height: auto     }      body.sitemap-body #header .text-box {         margin: 0     } }  @media screen and (max-width: 480px) {     h1 {         font-size:24px     }      h2 {         font-size: 21px     }      h3 {         font-size: 18px     }      #footer .f-menu ul li {         padding: 5px     } } #content .entry-content {     line-height: 1.45; } #content .entry-content ul, #content .entry-content ol {     padding-left: 20px;     margin: 0 0 15px; } #content .entry-content ul li, #content .entry-content ol li {     padding: 6px 0;     font: 14px arial;     list-style-position: outside; } #content .entry-content ul li {     list-style: disc; } #content .entry-content ol li {     list-style: decimal; } #content .entry-content table {     width: 100%;     border-collapse: collapse;     margin: 15px 0; } #content .entry-content table th, #content .entry-content table td {     text-align: left;     padding: 8px 10px;     border: 1px solid #dadcdc; } #content .entry-content table th {     background: #e9f3f6;     font-size: 13px; } #content .entry-content table td {     font-size: 12px; }