body,html {
    padding:0;
    margin:0;
    font-family: 'Golos Medium';
    overflow-x: hidden;
    width:500px;
    font-family: 'Golos Regular';
    color: #161a1e;
    touch-action: manipulation;
}

@media (orientation: landscape){
  body{display:none;}
  html{ background:url('../img/orientation.png');background-size: 100px;background-position: center center;opacity: 0.8;background-repeat: no-repeat;}
}
.news-carousel::-webkit-scrollbar, .planet-carousel::-webkit-scrollbar ,.iss-carousel::-webkit-scrollbar ,.launch-carousel::-webkit-scrollbar {
    display: none !important;
    -webkit-appearance: none;
   
}
em {
    font-style: normal !important;
}
a, i, div, span {
    -webkit-tap-highlight-color: transparent;
}
body {
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
textarea, input, label, span, button checkbox,button, a{
    outline: none!important;
}
i,a {
    font-style: normal;
    text-decoration:none;
}
@font-face {
    font-family: 'Unbounded Regular';
    src: url('../fonts/Unbounded-Regular.woff2') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Unbounded Bold';
    src: url('../fonts/Unbounded-Bold.woff2') format('woff');
    font-weight: 600;
    font-style: bold;
}
@font-face {
    font-family: 'Golos Regular';
    src: url('../fonts/GolosText-Regular.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Golos Medium';
    src: url('../fonts/GolosText-Medium.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Golos SemiBold';
    src: url('../fonts/GolosText-SemiBold.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Golos Bold';
    src: url('../fonts/GolosText-Bold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}
@font-face {
    font-family: 'Golos ExtraBold';
    src: url('../fonts/GolosText-ExtraBold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Golos Black';
    src: url('../fonts/GolosText-Black.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

.container {
    width: 450px;
    margin: 0 auto;
}
.header {
    width: 100%;
    height: 100px;
    background: rgb(22 26 30 / 95%);
    z-index: 4;
    display: block;
    position: fixed;
    top:-1px;
    backdrop-filter: blur(5px);
    box-shadow: 0 0 20px #1e23289e;
}
.top-logo {
    width: 110px;
    position: relative;
    top: 43px;
    opacity: 0.3;
}
.main-menu {
    position: relative;
    display: block;
    width: 450px;
    top: 7px;
    text-align: right;
}
.main-menu .link  {
    color: #dfd7a9;
    font-family: 'Unbounded Regular';
    font-size: 12px;
    margin: 0 30px 0 0;
    border:1px solid transparent;
}
.telegram {
    width: 20px;
    position: relative;
    display: block;
    float: right;
    top:10px;
}
.main-menu .link {
  display: inline-block;
  padding-bottom:2px;
  background-image: linear-gradient(#dfd7a9 0 0);
  background-position: 0 100%; /*OR bottom left*/
  background-size: 0% 1px;
  background-repeat: no-repeat;
  transition:
    background-size 0.2s,
    background-position 0s 0.2s; /*change after the size immediately*/
}

.main-menu .link:hover {
  background-position: 100% 100%; /*OR bottom right*/
  background-size: 100% 1px;
}
.sub-header {
    box-shadow: 0 0 40px #eaebf5;
    width: 100%;
    height: 80px;
    position: relative;
    top: 99px;
    margin-bottom: 100px;
    background:#fff;
}
.location-label {
    font-family: 'Unbounded Regular';
    font-size: 15px;
    color: #ffffff;
    top: 13px;
    position: relative;
    z-index: 2;
}
.fa-solid.fa-location-dot {
    font-size: 22px;
    margin: 0 10px 0 0px;
}
.location-label > i {
    display: inline-block;
    vertical-align: middle;
    z-index: 1;
    position: relative;
}
.weather-icon {
    filter: invert(1);
}
.weather-icon img {
    width: 25px;
    position: absolute;
    top: -12px;
    left: -25px;
}
.weather-celsius {
    margin: 0px 10px 0 10px;
    border-right: 1px solid #bbb;
    padding: 0 10px 0 0;
}

#change-location-container {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100vh;
    display:none;
    background:#ffffff;
    z-index:3;
}
.location-search-container {
    width: 100%;
    height: 80px;
    top: 100px;
    position: relative;
    background: #fff;
    z-index: 1;
    box-shadow: 0 0 40px #caccdd;
}
input#inp {
    border: 5px;
    padding: 20px 20px 20px 0px !important;
    height: 80px;
    font-size: 20px;
    color: rgb(38 40 44);
    background: none;
    font-family: 'Golos Medium';
    font-weight: 300;
    z-index: 9;
    transition: .5s;
    width: 410px;
    border-radius: 0;
    position: relative;
    left: 0;
    margin-bottom: -60px;
}
#result {
    overflow: hidden;
    overflow-y: visible;
    background: rgb(250 250 250 / 85%);
    position: relative;
    border-radius: 0;
    top: 49px;
    width: 505px;
    left: -30px;
    backdrop-filter: blur(3px);
    box-shadow: 0 0 20px rgb(250 250 250 / 80%);
}
p.city_line {
    font-size: 20px;
    margin: 5px 15px 0 0px;
    font-weight: 300;
    padding: 27px 16px 35px 30px;
    color: #161a1e !important;
    font-family: 'Golos Regular';
    cursor: pointer;
    line-height: 23px;
    z-index: 5;
    display: block;
    position: relative;
}
.sug-flag {
    position: relative;
    top: 3px;
    height: auto;
    margin: 0 15px 0 0;
    border-radius: 2px;
    filter: drop-shadow(0px 0px 15px #ddd);
    width: 35px;
    float: left;
    padding: 0 0 50px;
}
#result::-webkit-scrollbar {
  overflow-y: scroll !important;
  display: -webkit-inline-box !important;
  width: 10px;
  background-color: #fafafa;
  border-radius:5px;
}

#result::-webkit-scrollbar-thumb {
  overflow-y: scroll !important;
  border-radius: 5px;
  background-color: #161a1e;
  display: -webkit-inline-box !important;
}

#result::-webkit-scrollbar-track {
  overflow-y: scroll !important;
  border-radius: 5px;
  display: -webkit-inline-box !important;
  background-color: #fafafa;
}
.city-time {
    display: block;
    position: relative;
    top: 0px;
    color: #89939d;
    font-size: 15px;
    margin: 5px 0 -15px;
    width: 250px;
}
.daynight {
    width: 150px;
    opacity: 0.2;
    position: absolute;
    top: -49px;
    left: 25px;
    margin: -10px;
    z-index: -1;
    display:none;
}
.daynightmoon {
    width: 82px;
    opacity: 0.2;
    position: absolute;
    top: -23px;
    left: 48px;
    z-index: -1;
    display:none;
}
.fa-solid.fa-xmark {
    position: relative;
    float: right;
    top: 25px;
    font-size: 30px;
    cursor: pointer;
    transition: .2s;
    color: #161a1e;
    padding: 25px;
    margin: -25px;
}

.moon {
    width: 150px;
    border-radius: 50%;
    overflow: hidden;
    margin: 10px 0 0 0;
    border: 5px solid #ffffff;
}
#phase {
    width: 150px;
    height: 150px;
}
#phase {
    width: 150px;
    height: 150px;
}
#moon-container {
    position: absolute;
    display: block;
    z-index: 3;
    background: #ffffff00;
    padding: 0px 10px 10px 20px;
    margin: 0px 0 0 -25px;
    border-radius: 5px;
    display:none;
}
.sun-moon-container {
    display: table;
    width: 100px;
    margin: 0 0 0 0px;
    padding: 10px 5px 0 5px;
    font-family:'Golos Regular';
    font-size:12px;
    display:none;
}
.sunrise-icon, .sunset-icon, .moonrise-icon, .moonset-icon {
    width: 45px;
    margin: 0 0 0 -10px;
    display: inline-block;
}
.label {
    color: #161a1e;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    top: -18px;
}
.sunrise-icon {
    position:relative;
    top:-2px;
}
.ya-m {
    position: absolute;
    width: 20px;
    top: -3px;
    margin: 0 25px 0 10px;
}
.middle-menu {
    font-family: 'Unbounded Regular';
}
.starmap-inspace {
    color: #161a1e;
}
.starmap-inspace {
    font-size: 15px;
    position: relative;
    top: 32px;
}

.sunrise-container, .sunset-container, .moonrise-container, .moonset-container {
    height:48px;
}
.top-news-container {
    width: 960;
    height: 300px;
    left: 200px;
    position: relative;
    top: 30px;
    display: block;
    margin: 0 0 60px 0;
}
.top-news {
    width: 435px;
    height: 300px;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    margin: 0 25 0 0;
    box-shadow: 0 0 40px #eaebf5;
    transition: .3s;
}

.post-img {
    width: 450px;
    height: 200px;
    background-position: center center !important;
    background-size: cover !important;
}
.post-img:hover {
    filter: brightness(1.2);
    transition: .3s;
}
.top-news p, .middle-news p {
    font-family: 'Golos Regular';
    font-size: 20px;
    color: #1d2630;
    padding: 0 25px;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    height: 140px;
}
.post-title {
    height: 100px;
    vertical-align: middle;
}
.middle-news {
    width: 430px;
    height: 360px;
    border-radius: 5px;
    display: block;
    margin: 40px 20px 40px 0;
    box-shadow: 0 0 40px #eaebf5;
    transition: .3s;
    background:#fff;
}
.middle-news .post-img {
    width: 430px;
    height: 220px;
    background-position: center center !important;
    background-size: cover !important;
    border-radius: 5px 5px 0 0;
}
h2 {
    font-family: 'Unbounded Bold';
    color: #161a1e;
    margin: 80 0 60 0;
    font-size: 30px;
}

#starmapper {
    background: #161a1e;
    width: 100%;
    height: 70vh;
    position:relative;
}
#starmapper_inner {
    cursor: default !important;
}
.gray-block {
    width: 100%;
    height: 60px;
    background: #1e2328;
    box-shadow: 0 0 40px #1e23289e;
    position: relative;
    z-index: 0;
    margin:-1px 0;
}
.planet-icon {
    width: 23px;
    filter: invert(67%) sepia(21%) saturate(4692%) hue-rotate(193deg) brightness(107%) contrast(88%);
    transition: .2s;
}
#sun.planet-icon, #moon.planet-icon {
    filter: invert(98%) sepia(17%) saturate(3171%) hue-rotate(306deg) brightness(109%) contrast(90%);
}
.planet-container {
    display: inline-block;
    margin: 0 26px 15px 0;
}
.planet-icon-opacity {
    filter: invert(37%) sepia(6%) saturate(300%) hue-rotate(169deg) brightness(93%) contrast(86%)!important;
}
.planet {
    display: block;
    padding: 19px 0 0;
}
.info-text {
    font-size: 14px;
    color: #5c5f62;
    position: relative;
    top: -7px;
    margin: 0px 60px 0 0;
    line-height: 0;
}
#planet-block {
    display: inline-block;
    opacity: 0;
    width:500px;
}

.switch-material.switch-light input:checked ~ span a {
    right: 0;
    background: #f1d292!important;
}
.switch-light.switch-material a {
    background: #5c5f62!important;
}
.switch-material.switch-light input:checked ~ span {
    background: #dfd7a945!important;
}
.switch-light.switch-material a {
    cursor:pointer;
}
.switch-material.switch-light > span {
    background: #3f4346 !important;
}
.switch-material.switch-light {
    display:inline-block;
    position: relative;
    top: -12px;
    cursor: pointer;
}
.keyboard-container {
    position: relative;
    top: 28px;
}
.switch-light input {
    cursor: pointer;
}
.key-container {
    display: inline-block;
}
.switch-light.switch-material a {
    top: -2px!important;
}
.key-block {
    display: inline-block;
    position: relative;
    top: -17px;
    margin: 0 0 0 30px;
}
.key-container {
    color:#5c5f62;
    font-size: 14px;
    font-family: 'Golos Medium';
    
}
.key-container i {
    font-size: 20px;
    margin: 0px 10px 0 20px;
    position: relative;
    top: 3px;
    color: #f1d292;
    cursor:pointer;
    transition: .1s;
}
.key-container i:hover {
    color: #5c5f62;
    transition: .1s;
}
#keyblock {
    display: none;
}
.switch-light.switch-material > span:before, .switch-light.switch-material > span:after, .switch-toggle.switch-material label:after {
    background: #f1d292!important;
}

.neos-line > i {
    display: inline-block;
    font-size: 20px;
    margin: 30px 0 0 25px;
    font-family: 'Golos Regular';
    color: #161a1e;
}

.neos-time {
    width: 200px;
}
.neos-distance {
    width: 125px;
    text-align: right;
    margin: 0 !important;
}
.neos-size {
    text-align: right;
    width: 80px;
    margin: 0 !important;
}

.neos-line {
    width: 100%;
    height: 105px;
    margin: 0 30px 20px 0px;
    display: block;
    border-radius: 5px;
    color: #161a1e;
    border-left: 10px solid #cfd8dc;
    background: #fafafa;
}

#neos {
    width: 440px
}
.neos-line.past {
  opacity:0.5;
}

.neos-line.ph {
    border-left: 10px solid #f1d08b;
}

.neos-line.ph-moon {
    border-left: 10px solid #a53f3f;
}

.subh2 {
    font-size: 20px;
    margin: -40 0 30 0;
    width: 450px;
    color: #161a1e;
    font-family: 'Golos Regular';
}
.neos-name {
    font-family: 'Golos SemiBold' !important;
    margin: 20 0 0 20;
    display: block!important;
    width: 100%;
    font-size: 27px!important;
    position: relative;
    top: 20px;
    text-decoration: underline;
}

.block-planet {
    width: 430px;
    height: 280px;
    border-radius: 5px;
    margin: 0 60px 0 0;
    box-shadow: 0 0 40px #eaebf5;
    background: #1e2328;
    
}

.planet-bg {
    overflow: hidden;
    width: 430px;
    background-size: cover !important;
    background-position: 220px -240px !important;
    background-repeat: no-repeat !important;
    border-radius: 0px 5px 0 0;
}
.planet-title {
    font-family: 'Golos SemiBold';
    font-size: 27px;
    margin: 25px 0 25px 25px;
    color: #c2b776;
    text-decoration: underline;
}
.distance-from-sun-label {
    color: #fff;
    font-size: 20px;
    font-family: 'Golos Regular';
    margin: 60px 0 0 25px;
}
.distance-from-sun {
    color: #cfd8dc;
    font-size: 20px;
    font-family: 'Golos Regular';
    margin: 10px 0 0 25;
}
.distance-from-earth-label {
    color: #fff;
    font-size: 20px;
    font-family: 'Golos Regular';
    margin: 20px 0 0 25px;
}
.distance-from-earth {
    color: #cfd8dc;
    font-size: 20px;
    font-family: 'Golos Regular';
    margin: 10px 0 0 25;
}
.drawf-planet {
    color: #c2b776;
    font-size: 15px;
    font-family: 'Unbounded Regular';
    margin: -15px 0 -19px 20px;
}

.planet-chart {
    width: 435px;
    height: 263px;
    margin: -10px 35px 0;
    z-index: -1;
    position: relative;
    display:none;
}
.highcharts-grid-line {
    
}
.planet-charts-container {
    height: 280px;
    margin: 0 40px -17px -35px;
}

.owl-item {
    display: inline-block;
}
.fas.fa-long-arrow-alt-up {
    margin: 0 10px 0 0;
    color: #c2b776;
    transform: rotateZ(45deg);
}
.fas.fa-long-arrow-alt-down {
    margin: 0 10px 0 0;
    color: #c2b776;
    transform: rotateZ(45deg);
}
.highcharts-plot-line-label {
    font-family: 'Golos Medium';
    font-size:15px;
    display: none;
}
.highcharts-xaxis-labels text {
    font-size: 15px !important;
    font-family: 'Golos Regular';
    fill: #161a1e !important;
}
.highcharts-axis.highcharts-xaxis {
    display: none;
}
.highcharts-grid.highcharts-yaxis-grid .highcharts-grid-line {
    stroke: #f1f4f5 !important;
}
.planet-big-block {
    display:block;
    margin: -50px 0 -50px 0;
}
.item-block-planet {
    width: 430px;
    margin: 0 20px 0 0;
    padding: 50px 0 50px 0;
}
.planet-constellation-label {
    font-size: 20px;
    font-family: 'Golos Regular';
    color: #7fa9f0;
    position: relative;
    top: -4px;
}
.planet-constellation-icon {
    width: 16px !important;
    display: inline-block !important;
    margin: 0 10px 0 0;
    position: relative;
    top: -2px;
}
.planet-constellation {
    display: block;
    float: right;
    margin: -20px 25px 0px 0;
}
.sun-big-block {
    width: 100%;
    background: #161a1e;
    padding: 20px 0 45px;
    min-height:1270px;
}
#flare .highcharts-background, #kpindex .highcharts-background {
    fill: none !important;
}
#flare .highcharts-grid.highcharts-yaxis-grid, #kpindex .highcharts-grid.highcharts-yaxis-grid  {
    display: none;
}
#flare .highcharts-xaxis-labels text, #kpindex .highcharts-xaxis-labels text {
    fill: #cfd8dc !important;
}
#kpindex .highcharts-point {
    stroke-width: 1px;
    stroke: #161a1e;
}
#kpindex {
    width:450px;
    height:300px;
}
.sun-big-block h2 {
    font-size: 23px;
    color: #c2b776;
    margin: 0px 0 30px 0;
}
#flare {
    width:450px;
    height:300px;
}
.flare-pos {
    height: 300px;
    margin:40px 0 80px 0;
}
.sun-big-block .subh2 {
    color: #cfd8dc;
    margin: 20px 0 0 0;
}
.fa-solid.fa-chart-simple {
    margin: 0 20px 0 0;
}
i.fa-solid.fa-info {
    margin: 0 20px 0 0;
}
.fa-solid.fa-chart-simple.blue {
    color: #75a2f0;
}
.fa-solid.fa-chart-simple.gold {
    color: #f1d08b;
}
.fa-solid.fa-chart-simple.red {
    color: #a53b3b;
}
#kpindex .highcharts-label text {
    font-family: 'Golos Medium' !important;
    font-size: 15px !important;
}
.fa-solid.fa-square.gold {
    margin: 0 20px 0 0;
    color: #f1d08b;
}
.fa-solid.fa-square.red {
    margin: 0 20px 0 0;
    color: #a53f3f;
}
#flare-block {
    min-height: 250px;
    display:block;
    
}
#kpindex-block {
    min-height: 250px;
    display:block;
    margin:60px 0;
}
.sun-container .info-text {
    top: 18px;
    margin: 20px 0 0 0;
    color: #5c5f62;
}
#flux-current, #flux-max-day, #flux-max-week, #kpindex-max-week, #kpindex-current, #kpindex-max-future {
    position: relative;
    margin: 0 15px 0 0px;
    color: #161a1e;
    font-family: 'Golos Regular';
    font-size: 20px;
    background: #f1d08b;
    padding: 5px 7px 6px 7px;
    border-radius: 5px;
    float: left;
    width: 85px;
    text-align: center;
    top:-5px;
}
.crew-title {
    font-size: 27px;
    font-family: 'Golos SemiBold';
    color: #161a1e;
    margin: 0 0 20px;
    text-transform:uppercase;
}
.crew-item {
    width: 890px;
}
.member {
    width: 180px;
    height: 360px;
    display: inline-block;
    box-shadow: 0 0 40px #eaebf5;
    margin: 0 20px 30px 0;
    border-radius: 5px;
    overflow: hidden;
    background: #fff;
}
.member-img {
    width: 100%;
    height: 280px;
    background-position: center center !important;
    background-size: cover !important;
}
.member-name > p {
    padding: 0 20px;
    text-align: center;
    vertical-align: middle;
    width: 160px;
    height: 80px;
    display: table-cell;
    font-size: 20px;
    color: #1d2630;
    font-family: 'Golos Regular';
}
.crew-orbit {
    font-size: 20px;
    margin: -15px 0 30px 0px;
    font-family: 'Golos Regular';
    color: #161a1e;
}
.iss-carousel {
    display: flex;
    overflow: auto;
    padding: 0 25px;
    margin: -30px 0 -40px;
}
.iss-carousel .owl-nav {
    width: 1100px;
}
#iss-pass {
    width: 450px;
    min-height:840px;
}
#iss-pass.min {
    width: 450px;
    min-height:400px;
}
.pass-container {
    width: 450px;
    display:block;
    margin: 0 30px 20px 0;
    background: #ffffff;
    box-shadow: 0 0 40px #eaebf5;
    border-radius: 5px;
    overflow: hidden;
    vertical-align: top;
}
.pass-time {
    box-shadow: 0 0 40px #1e23289e;
    position: relative;
    background: #1e2328;
    height: 60px;
}
.pass-day {
    font-size: 15px;
    color: #cfd8dc;
    font-family: 'Unbounded Regular';
    height: 60px;
    vertical-align: middle;
    display: table-cell;
    padding: 0 25px;
    line-height: 63px;
}
.fa-circle {
    display: inline-block;
    color: #cfd8dc;
    margin: 0 10px 0 0;
    font-size: 15px;
    position: relative;
    top: 1px;
}
.time-pass {
    font-size: 20px;
    font-weight: 500;
    margin: 0px 25px 0px 25px;
    display: block;
    text-align: left;
    font-family: 'Golos Regular';
}
span.time-pass.border {
    border-top: 1px solid #efefef;
    border-radius: 0;
}
.time-iss {
    font-family: 'Golos Regular';
    display: inline-block;
    margin: 30px 115px 30px 0;
    text-align: left;
    font-size: 20px;
    color: #161a1e;
    transition: .3s;
    border-bottom: 1px dashed;
}
.no-pass {
   display: inline-block;
    width: 300px;
    padding: 0 0 20px;
    margin: 30px 0 10px 25px;
    text-align: left;
    font-size: 20px;
    color: #161a1e;
}
.mag {
    width: 120px;
    display: inline-block;
    font-size:20px;
}
.pass-az {
    text-align: right;
    width: 100px;
    display: inline-block;
    font-size:20px;
}
#world-map {
    width: 100%;
    height: 280px;
    background: #fff;
    padding: 0;
    margin: -40px 0 140px;
    z-index: -1;
    position: relative;
}
.iss-onorbit {
    font-size: 27px;
    font-family: 'Golos SemiBold';
    color: #161a1e;
    position: relative;
    top: 75px;
    right:0px;
    height: 70px;
    display: block;
    float:right;
    text-align:right;
}
#iss-onorbit > i {
    font-size: 20px;
    font-family: 'Golos Regular';
    position: relative;
    left: 0px;
    color: #161a1e;
}
super {
    vertical-align: super;
    font-size: 12px;
}
#go-top .fa-circle-up {
    font-size: 40px;
    color: #1e2328;
    cursor: pointer;
    transition: .3s;
}
#go-top .fa-circle-up:hover {
    transform: translateY(-3px);
    color: #c2b776;
}
#go-top {
    position: fixed;
    top: 30px;
    left: calc((100vw - 1100px) / 2 - 80px);
    z-index:0;
}
.time-iss:hover {
    color: #c2b776;
    transition: .3s;
    cursor: pointer;
}
.pswp img {
    max-width: none;
    cursor: default !important;
}
.pswp__img {
    border-radius: 0px;
}
.pswp__button--close {
    margin-right: 6px;
    position: fixed !important;
    bottom: 20px !important;
}
.pswp__bg {
    opacity:1!important;
}
.start-datetime {
    box-shadow: 0 0 40px #1e23289e;
    position: relative;
    background: #1e2328;
    height: 60px;
    border-radius: 5px 5px 0 0;
}
.start {
    min-width: 430px;
    width: 430px;
    margin: 60px 40px 60px -20px;
    background: #ffffff;
    box-shadow: 0 0 40px #eaebf5;
    border-radius: 5px;
    vertical-align: top;
    height: 360px;
}
.start-date {
    font-size: 15px;
    color: #cfd8dc;
    font-family: 'Unbounded Regular';
    height: 60px;
    vertical-align: middle;
    display: table-cell;
    padding: 0 25px;
}
.start-mission, .rocket, .location-start {
    padding: 20px 25px;
    text-align: left;
    font-size: 20px;
    color: #161a1e;
    display: block;
}
.rocket {
    border-top: 1px solid #efefef;
    margin: 0px 25px;
    padding: 30px 0 0;
}
#launch {
   margin:-63px 0 20px 0;
}
.start-mission-agency {
    font-size: 20px;
    display: block;
    margin: -15px 0 30px 25px;
    color: #7fa9f0;
}

.start-rocket-agency, .location-country {
    font-size: 12px;
    display: block;
    margin: 10px 0 0;
    color: #161a1e;
}
#overflow-pass {
    display: none;
    width: 100%;
    height: 100vh;
    background: #000000ee;
    position: fixed;
    top: 0;
    left:0px;
    z-index: 5;
}
.location-country .sug-flag {
    width: 35px !important;
    border-radius: 2px;
    float: right;
    position: relative;
    top: -53px;
    filter: drop-shadow(0px 0px 15px #000);
    right: 10px;
}
.fa-shuttle-space {
    transform: rotate(-90deg);
    margin: 0 9px 0 -3px;
}
.start-mission {
    padding: 35px 25px 20px 25px;
}
.footer {
    width: 100%;
    background: #161a1e;
    padding:60px 0;
    margin:0;
}
.copyright {
    font-size: 20px;
    color: #cfd8dc;
    font-family: 'Golos Regular';
    width:450px;
}
.success {
    color:#7fc182;
    margin: 0 20px 0 0;
}
.partialfailure {
    color:#c2b776;
    margin: 0 20px 0 0;
}
.failure {
    color:#a53f3f;
    margin: 0 20px 0 0;
}
.launch-legend .subh2 {
    margin: 0 0 15px;
}
.pred {
    color:#cfd8dc;
    margin: 0 20px 0 0;
}
.launch-legend {
    padding: 115px 0 0 0;
    box-shadow: none;
    width:355px;
    margin:0 0 0 0px;
    background:none;
}
.location-cosmodrome {
    display: inline-block;
    width: 340px;
    vertical-align: top;
    margin: 0px 0 0 5px;
}
.map-container {
    width: 100%
    }
#map {
    height: 100vh;
}
.news-carousel {
    display: flex;
    overflow: auto;
    padding: 0 25px;
    margin: 0 0 -40px;
}
.planet-carousel {
    display: flex;
    overflow: auto;
    padding: 0 25px;
    margin: 0 0 -40px;
}
.owl-dots {
    display: none;
}
.highcharts-xaxis-labels {
    transform: translate(3.5px, 0px);
}
.member-scroll {
    display: flex;
    margin: 0 20px 0 0;
}
.pass-day .fa-circle {
    position: relative;
    top: 0px;
}
.pswp__icn {
    position: absolute;
    top: 14px;
    left: 9px;
    width: 40px!important;
    height: 40px!important;
    overflow: hidden;
    pointer-events: none;
}
.live {
    color:#7fa9f0;
    -webkit-animation: pulsate-legend 2s cubic-bezier(0, 1.27, 0.57, 1) infinite;
    animation: pulsate-legend 2s cubic-bezier(0, 1.27, 0.57, 1) infinite;
    margin: 0 20px 0 0;
}
@keyframes pulsate-legend{
    50%{color:#ffffff;}
}
.owl-dots {
    display: none;
}
.launch-carousel {
    display: flex;
    overflow: auto;
    padding: 0 25px;
}
.start-date .fa-circle {
    position: relative;
    top: 0px;
}
h1 {
    font-family: 'Unbounded Bold';
    font-size: 35px;
    color: #161a1e;
    margin: 160px 0 10px 0;
    word-break: break-word;
}
.page-title {
    margin: 60px 0 30px;
}
.subh1 {
    font-family: 'Golos Regular';
    font-size: 22px;
    line-height: 33px;
    color: #161a1e;
    width:450px;
}
.incnews {
    margin: 40px 0 80px;
}
#skytimerange {
    width: 370px;
    margin: 12px 15px 12px 40px;
    touch-action: none;
    position: relative;
    top: 7px;
    background: #1e2328;
}
i.fa-solid.fa-rotate-left {
    font-size: 25px;
    position: absolute;
    margin: 18px 0px;
    color: #c2b776;
}
input[type=range] {
  height: 25px;
  -webkit-appearance: none;
  margin: 10px -10px;
  width: 100%;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background:#c2b776;
  border-radius:10px;
  margin:0 -1px;
  
}
input[type=range]::-webkit-slider-thumb {
  box-shadow: 0px 0px 5px #00000055;
  border: 5px solid #1e2328;
  height: 30px;
  width: 30px;
  border-radius: 30px;
  background: #c2b776;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -13px;
}
i.fa-regular.fa-clock {
    font-size: 25px;
    position: absolute;
    margin: 18px 0px;
    color: #c2b776;
}
#rise-set {
    margin: 0 0 25px;
}
button.click-button {
    position: relative;
    min-width: 130px;
    padding: 20px 45px 17px;
    border: 2px solid #171b1e;
    color: #171b1e;
    font-size: 12px;
    cursor: pointer;
    transition: .3s;
    font-family: 'Unbounded Bold';
    margin: 35px 0 65px 0;
    background: transparent;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    border-radius:5px;
}
#constellationbg {
    position: fixed;
    top: 0px;
    right: -150px;
    z-index: -1;
    opacity: 0.15;
    width:500px;
    right: -150px;
    transition: opacity 0.5s ease;
}
.vir {
    transform: rotate(60deg);
    top: 275px !important;
    
}
.moon-container-big {
    width: 100%;
    height: 1170px;
    min-height: 1170px;
    max-height: 1170px;
    background: #161a1e;
    overflow: hidden;
    display: block;
}
#moon-angle {
    min-height: 450px;
    width: 450px;
    height: 450px;
    padding: 40px 0;
    display: none;
    filter: sepia(0.4) drop-shadow(0px 0px 0px #dfd7a930) !important;
}
.moon-img {
    width:450px;
}
.info-text-white {
    color: #cfd8dc;
    margin: 20px 0 0 0;
    font-size:20px;
}
#distance-solar, #moon-phase, #moon-age, #distance-earth, #distance-solarart {
    font-family: 'Golos Medium';
    font-size: 60px;
    color: rgb(241, 210, 146);
    margin: 15px 0 25px;
    height: 70px;
}
.moon-info-live #moonearth {
    height: 160px;
    margin: -10px 0 45px;
    width: 450px;
}
.highcharts-background {
    fill: none;
}
.highcharts-axis.highcharts-xaxis {
    display: none;
}
.moon-info-live .highcharts-grid.highcharts-yaxis-grid {
    display: none;
}
.planet-info-container .highcharts-grid.highcharts-yaxis-grid {
    display: none;
}
.days-week {
    position: absolute;
    margin: 89px 0px;
    z-index: 1;
    font-size: 12px;
    font-family: 'Unbounded Bold';
    text-shadow: 0 0 2px #f6f7fd, 0 0 2px #f6f7fd, 0 0 2px #f6f7fd;
    color: #161a1f;
}
.week-phase-cell-main {
    display: inline-block;
}
#phase-cal {
    width: 450px;
}
#moonphase {
    margin: -10px 0;
    display: block;
}
.week-phase-cell {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    overflow: hidden;
    margin: 20px 8px 0px 0;
    border: 5px solid transparent;
    display: inline-block;
    box-shadow: none;
}
.oph {
    transform: rotate(-20deg);
    top: 105px !important;
}
.planet-container-big {
    width: 100%;
    background: #161a1e;
}
#distsunchart {
    height: 160px;
    margin: -10px 0 45px;
    width: 450px;
}
#distearthchart {
    height: 160px;
    margin: -10px 0 45px;
    width: 450px;
}
.planet-orbit {
    width: 450px;
    margin: 40px 0;
}
.light-speed-container {
    display: block;
    width: 100%;
    height: 150px;
}
.earth-img-foton {
    width: 50px;
    border: 10px solid #171b1e;
    position: relative;
    top: 42px;
    left:-10px;
}
.venus-img-foton {
    width: 50px;
    border: 10px solid #171b1e;
    float: right;
    position: relative;
    top: -42px;
}
.mercury-img-foton {
    width: 50px;
    border: 10px solid #171b1e;
    float: right;
    position: relative;
    top: -42px;
}
.mars-img-foton {
    width: 50px;
    border: 10px solid #171b1e;
    float: right;
    position: relative;
    top: -42px;
}
.jupiter-img-foton {
    width: 50px;
    border: 10px solid #171b1e;
    float: right;
    position: relative;
    top: -42px;
}
.saturn-img-foton {
    width: 50px;
    border: 10px solid #171b1e;
    float: right;
    position: relative;
    top: -42px;
    background: #171b1e;
}
.uranus-img-foton {
    width: 50px;
    border: 10px solid #171b1e;
    float: right;
    position: relative;
    top: -42px;
    background: #171b1e;
}
.neptune-img-foton {
    width: 50px;
    border: 10px solid #171b1e;
    float: right;
    position: relative;
    top: -42px;
    background: #171b1e;
}

.light-speed-container {
    display: block;
    width: 100%;
    height: 150px;
}
.foton-vector {
    border-style: solid;
    color: #f1d2921a;
    border-width: 1px;
}
#earthfoton {
    position: relative;
    top: -21px;
    color: #f1d292;
    display: inline-block;
    left: 50px;
    border: 5px solid #171b1e;
    border-radius:50%;
    
}
light {
    color: #dfd7a9;
}
.planet-container-big .subh2 {
    color: #cfd8dc;
    margin: 20px 0 0 0;
}
.planet-online-info {
    padding: 20px 0 45px;
}
sup {
    line-height: 0;
}
.aqr {
    transform: rotate(-50deg);
    right: -270px !important;
    top:150px !important
}
.planetgold {
    position: relative;
    margin: 0 30px 0 0;
    color: #161a1e;
    font-family: 'Golos Medium';
    font-size: 18px;
    background: #f1d08b;
    padding: 5px 7px 6px 7px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    float: left;
    top: -5px;
    width: 130px;
}
#distance-earth {
    color: #7fa9f0;
}
#planetelyear {
    width: 460px;
    height: 230px;
    margin: 30px 0 0 -25px;
    background: #fafafa;
    padding: 20px;
}
#planetelyear .highcharts-area {
    fill: #1e2328;
}
#planetelyear path.highcharts-graph {
    display: none;
}
#planetelyear .highcharts-plot-line-label {
    font-family: 'Golos Regular';
    font-size: 15px;
    display: block;
}
.info-sunonline #distance-solar {
    color: #161a1e;
}
.info-text-dark {
    font-size: 18px;
}
.sunonlinechart .highcharts-grid-line {
    display: none;
}
.earthafperi .subh2 {
    margin: 20 0 0 0;
}
i.fa-solid.fa-circle-info {
    margin: 0 5px 0 1px;
    font-size: 20px;
    position: relative;
    top: 1px;
}
.sun-photo-img {
    display: block;
    width: 430px;
    height: 430px;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 40px #eaebf5;
    cursor: pointer;
    background-size: cover !important;
}
.sun-photo-img-title {
    height: 10px;
    width: 380px;
    display: block;
    background: #1e2328;
    border-radius: 5px 5px 0 0;
    color: #f1d08b;
    font-family: 'Unbounded Regular';
    font-size: 15px;
    position: relative;
    padding: 22px 25px 28px 25px;
}
.sun-photo-img-info {
    height: 40px;
    width: 430px;
    display: block;
    background: #1e2328;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 0 40px #eaebf5;
    color: #cfd8dc;
    font-family: 'Golos Medium';
    font-size: 15px;
    padding: 15px 25px;
}

wave {
    margin: 0 25px 0 0;
    color: #5c5f62;
}
.sun-photo-carousel {
   display: flex;
    overflow: auto;
    padding: 0 25px;
    margin: -40px 0 -40px;
}
.middle-sun-photo {
    margin: 40px 20px 40px 0;
}
#aurora-map {
    width: 100%;
    height: 60vh;
    background: #1e2328;
}
#aurora-map .ol-viewport {
    filter:none;
}
#aurora-map .maplayer {
    filter: invert(1) grayscale(1);
    opacity:0.7;
}
.aurora-big {
    width: 120%;
    height: 62vh;
    margin: -60px -10%;
    overflow: hidden;
}
.auroralayer {
    filter: hue-rotate(20deg);
}
.bar {
    margin: 8px 15px 9px -45px;
    width: 378px;
    display: inline-block;
    background: linear-gradient(90deg, #1e2328,#363639, #7fc182, #f1d292, #a53f3f);
    height: 5px;
    border-radius: 5px 5px 5px 5px;
}
.aurora-info {
    padding: 20px 0;
    width:1150px;
}
#locaurora {
    width: 15px;
    height: 15px;
    display: block;
    background: #ebcb88;
    border-radius: 100%;
    border: 5px solid #2d2e31;
    margin: -12.5px;
}
#overlay {
    width: 15px;
    height: 15px;
    display: block;
    background: #ebcb88;
    border-radius: 100%;
    border: 5px solid #2d2e31;
    margin: -12.5px;
}
#sunelyear .highcharts-area {
    fill: #1e2328;
}
#sunelyear path.highcharts-graph {
    display:none;
}
#sunelyear {
    height: 160px;
    min-height: 160px;
}

#sunelyear .highcharts-plot-line-label {
    display: block;
}
.sunonlinedatachart path {
    fill: #ebcb88 !important;
}
.sunonlinedatachart, .sunonlinedatachartnight {
    opacity: 1 !important;
}
.comet-line > i {
    display: inline-block;
    font-size: 20px;
    margin: 30px 0 0px 25px;
    font-family: 'Golos Regular';
    color: #161a1e;
}

.comet-time {
    width: 80px;
}
.comet-distance {
    width: 165px;
    text-align: left;
}
.comet-peri {
    text-align: left;
    width: 120px;
    
}

.comet-line.past {
    opacity:0.5;
}

.comet-line {
    width: 100%;
    height: 105px;
    margin: 0 30px 20px 0px;
    display: block;
    border-radius: 5px;
    color: #161a1e;
    border-left: 10px solid #cfd8dc;
    background: #fafafa;
}



#comet {
    width: 1188px;
    min-height:550px
}

.comet-name {
    font-family: 'Golos SemiBold' !important;
    margin: 20px 0 0 20px;
    display: block !important;
    width: 100%;
    font-size: 27px !important;
    position: relative;
    top: 20px;
    text-decoration: underline;
}
i.fa-regular.fa-calendar-days {
    position: relative;
    top: -1px;
    font-size: 20px;
    display:none;
}

.comet-line.mid {
    border-left:10px solid #f1d08b
}

.comet-line.bright {
    border-left:10px solid #a53f3f
}
#orbit-viewer-main {
    width: 720px;
    height: 720px;
    background: #161a1e;
    position: relative;
    margin: 0 0 60px 0;
    background-size: cover !important;
    background-position: center center !important;
    overflow:hidden
}
.cens {
    width:40px;
}
.save_orbit {
    cursor: pointer;
    position: absolute;
    margin: 30px 0px 0 -40px;
    color: #dfd7a9;
    font-size: 25px;
    z-index:3;
}
.save_mag {
    cursor: pointer;
    position: absolute;
    margin: 30px 0px 0 -40px;
    color: #a53f3f;
    font-size: 25px;
    z-index:3;
}
#obj_magnitude {
    width: 460px;
    height: 460px;
    margin: 30px 0 0 -65px;
    background: #fafafa;
    padding: 20px;
}
#obj_magnitude .highcharts-yaxis-labels text {
    font-family: 'Golos Regular';
    font-size: 15px !important;
    color: #151b1f !important;
    fill: #151b1f !important;
}
.cobs_mag {
    float: right;
    margin: -20px 0px 0 0;
    font-size: 15px;
    background: #cfd8dc;
    color: #fff;
    padding: 2px 5px 5px;
    border-radius: 0 0px 0 5px;
    font-family: 'Golos Regular';
    width: 40px;
    text-align: center;
}
.cobs_mag_peri {
    float: right;
    margin: -20px 20px 0 0;
    font-size: 15px;
    background: #dfd7a9;
    color: #fff;
    padding: 2px 5px 5px;
    border-radius: 0 5px 0 0px;
    font-family: 'Golos Regular';
    width: 40px;
    text-align: center;
}

.cobs_mag_title {
    float: right;
    font-size: 15px;
    background: #cfd8dc;
    color: #fff;
    padding: 6px 5px 7px;
    border-radius: 0 0px 0 5px;
    font-family: 'Golos Regular';
    width: 150px;
    text-align: center;
    
}
.cobs_mag_peri_title {
    float: right;
    font-size: 15px;
    background: #dfd7a9;
    color: #fff;
    padding: 6px 5px 7px;
    border-radius: 0 5px 0 0px;
    font-family: 'Golos Regular';
    width: 150px;
    text-align: center;
    margin: 0px 60px 0px 0px
}
.ca_planet_comet {
    width: 92px;
    display: inline-block;
    margin: 0 0 0 5px;
}
.ca_dist_comet {
    display: inline-block;
    text-align: right;
    width: 135px;
}
it {
    font-style: italic;
    color: #a53f3f;
}
#obj_magnitude g.highcharts-axis.highcharts-yaxis {
    display: none;
}
#orbitchart {
    width:500;
    height:500;
    cursor: move;
    margin:0;
    background: #161a1e;
    margin: 0 0 0 -65px;
}
.subh1-container {
    background: #e0d7a9;
    padding: 20px 0;
}
.post-description {
    display: inline-block;
    width: 450px;
    color: #151b1f;
    font-family: 'Golos Regular';
    font-size: 22px;
    line-height: 33px;
}
h5 {
    font-family: 'Unbounded Bold';
    color: #161a1e;
    margin: 60px 0 20px 0;
    font-size: 30px;
}
.content-news p {
    font-family: 'Golos Regular';
    font-size: 22px;
    line-height: 33px;
    color: #161a1e;
}
#skychart {
    width:500px;
}
.psgal {
    margin: 0 0 30px 0;
}
figcaption {
    font-family: 'Golos Regular';
    font-size: 18px;
    line-height: 25px;
    margin: 15px 25px 10px -40px;
    padding:0 0 10px;
    width: 450px;
    border-bottom: 1px dashed #89939d;
    
}
.ca_line.past {
    width: 500px;
    height: 45px;
    background: #fafafa;
    padding: 20px 0px 0 25px;
    margin: 0 0 5px;
}
.ca_line.now {
    width: 500px;
    height: 45px;
    background:#7fc18244;
    padding: 20px 0px 0 25px;
    margin: 0 0 5px;
}
.ca_line.ph {
    width: 500px;
    height: 45px;
    background: #a53f3f44;
    padding: 20px 0px 0 25px;
    margin: 0 0 5px;
}
.ca_line {
    width: 500px;
    height: 45px;
    background: #e0d7a944;
    padding: 20px 0px 0 25px;
    margin: 0 0 5px;
    font-size: 20px;
}
.ca_date {
    width: 220px;
    display: inline-block;
}
.ca_dist {
    display: inline-block;
    text-align: right;
    width: 240px;
}
.content-news img {
    width: 500px;
    margin: 15px 0 0 -65px;
}
.subh1.post-date {
    font-family: 'Golos Regular';
    font-size: 15px;
    text-align: right;
}
.content-news {
    margin: 60px 0;
}
cr {
    display: block;
    margin: 5px 0 0;
    color:#89939d;
}
#location {
    border-bottom: 1px dashed;
}
a {
    color: #7fa9f0;
}
inf {
    font-size: 30px;
    position: absolute;
    margin: -7px 0 0 7px;
}
.obj_pass {
    margin: 0 0 0 -65px;
}
mag_comet {
    margin: 0 10px 0 0;
    font-size: 20px;
    font-family: 'Golos Bold';
}
el_comet_east {
    margin: 0 10px 0 0;
    font-size: 20px;
    color: #c2b776;
    font-family: 'Golos Bold';
}
el_comet_west {
    margin: 0 10px 0 0;
    font-size: 20px;
    color: #7fa9f0;
    font-family: 'Golos Bold';
}
sub {
    line-height: 1;
}
.planet_page_model {
    margin: 0px 0 0 -230px;
    cursor: pointer;
    zoom: 0.7;
    max-height: 833.33333333px;
}
.planet-orbit-container {
    max-height: 550px;
}
.planet-orbit-container #loader {
    margin: 415px;
}
#planetoverflow {
    position: absolute;
    margin: 73px 221px;
    width: 657px;
    opacity: 0.6;
}

delta {
    display:none;
}
button.click-button.nav {
    min-width: 45px;
    max-width: 60px;
    height: 45px;
    padding: 0;
    margin: 0 10px 0 0;
    text-align: center;
}
span.page-numbers {
    margin: 0 19px 0 10px;
}
span.page-numbers.current {
    position: relative;
    border: 2px solid #171b1e;
    color: #171b1e;
    font-size: 12px;
    cursor: pointer;
    transition: .3s;
    font-family: 'Unbounded Bold';
    text-transform: uppercase;
    letter-spacing: 0.05rem;
    min-width: 41px !important;
    padding: 13.25px 0 !important;
    max-width: 60px;
    margin: 0 10px 0 0;
    text-align: center;
    display: inline-block;
    top: 0px;
    background: #f1d08b;
    border-radius: 5px;
}
a.page-numbers {
    background-size: 0% !important;
}
.pagintation-container {
    margin: 0 0 60px;
    width: 470px;
}
.news-item {
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    margin: 0 0 60px 0;
    box-shadow: 0 0 40px #eaebf5;
    transition: .3s;
}
.news-img {
    width: 100%;
    height: 250px;
    background-size: cover !important;
    background-position: center center !important;
}
.new-date {
    font-family: 'Golos Regular';
    font-size: 20px;
    display: block;
    margin: 25px 25px 25px 25px;
}
.news-title {
    font-family: 'Unbounded Bold';
    font-size: 27px;
    margin: 25px;
    display: block;
    color: #1d2630;
}
.news-description {
    font-size: 20px;
    font-family: 'Golos Regular';
    margin: 25px;
}
.news-categories {
    margin: 25px;
}
.news-cat {
    position: relative;
    margin: 0 30px 0 0;
    color: #161a1e;
    font-family: 'Golos Medium';
    font-size: 18px;
    background: #f1d08b;
    padding: 5px 7px 6px 7px;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    margin:15px 15px 0px 0px;
}
iframe.arve-inner {
    width: 500px;
    height: calc(500px / 1.78);
    padding: 0px 0px 0px 0px;
    margin: 0 0 30px -25px;
    box-shadow: 0 0 40px #e0e1e6;
    border-radius: 0px;
}
.arve-wrapper {
    height: calc(500px / 1.78);
    margin: 35px 0;
}
.mlabel {
    font-size: 30px;
    font-family: 'Unbounded Bold';
    color: #161a1e;
    margin: 80 0 20 0;
}
.nea-table {
    margin: -60px 0 80px;
}
.comet-table {
    margin: 0 0 80px;
}
.preset-carousel {
    display: flex;
    overflow: auto;
    padding: 30px 35px 50px;
    margin: -20px 0 -25px -5px;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.preset-container {
    width: 100%;
    height: 510px;
    min-height: 510px;
}
.preset-img {
    width: 300px;
    border-radius: 20px;
}
.preset-block {
    margin: 0 25px 0 0;
    position:relative;
    transition:0.3s;
}
.preset-block.min {
    margin: 0 30px;
}
.starmap-location-container input#inp {
    border-bottom: 2px solid #1e2328;
    left: 0;
    padding: 0px 0 0px 20 !important;
    background: #f6f7f9;
    width: 100%;
    transition: .3s;
   
}
starmap-location-container #result {
    max-height: 310px;
    background: #f6f7f9;
    width: 100%;
    left: 0;
    z-index: 4;
}
#location-confirm {
    display: none;
}
.stramap-overflow {
    width: 100%;
    height: 2560px;
    position: absolute;
    background: linear-gradient(180deg, hsl(0deg 0% 94% / 95%), hsl(0deg 0% 100% / 100%));
    z-index: 3;
}
.person-big-container {
    width: 500px;
    margin: 130px 0 0 0;
}
.person-container {
    width: 100%;
    display: block;
}
.starmap-big-container {
    width: 100%;
    display: block;
    margin: 0 0 60px;
}
.starmap-preset-contaier {
    width: 450px;
    height: 636.42857143px;
    background: transparent;
    background-size: cover;
    border-radius: 5px;
}
.top-starmap-container {
    background: linear-gradient(0deg, #171a1fa6, #323d47);
    padding: 20px 0 0;
}
.top-starmap-container h1 {
    color: #ead7c0;
}
.top-starmap-container .subh1 {
    font-family: 'Golos Regular';
    font-size: 18px;
    line-height: 25px;
    width: 450px;
    color: #ead7c0;
    margin: 30px 0 0;
}
.top-starmap-container h2 {
    font-family: 'Unbounded Regular';
    color: #ffffff;
    margin: 80 0 60 0;
    font-size: 18px;
}
.starmap-location-big-container {
  
}
 .starmap-location-big-container h2, .person-big-container h2 {
    font-family: 'Unbounded Regular';
    color: #161a1e;
    margin: 80 0 60 0;
    font-size: 18px;
 }
 
.starmap-location-container input#inp {
    border: 0px;
    padding: 20px 20px 20px 25px !important;
    width: 100%;
    height: 60px;
    font-size: 16px;
    color: rgb(38 44 58);
    background: rgb(255 255 255);
    font-family: 'Unbounded Regular';
    font-weight: 500;
    box-shadow: 0 0 50px #efefef;
    z-index: 9;
    position: relative;
    transition: .5s;
    width: 500px;
    border-radius: 0;
}
.starmap-location-container #result {
    overflow-y: hidden;
    z-index: 5;
    margin: 0 0 0 25px;
    top: 60px;
    background: rgb(224 220 212 / 85%);
}
.starmap-location-container .sug-flag {
    top: -1px;
    padding: 0 0 25px;
}
#location-confirm {
    margin: 90px 25px 0px;
}
.datepicker-inline .datepicker {
    border-color: #fff0;
    box-shadow: none;
    position: static;
    left: auto;
    right: auto;
    opacity: 1;
    transform: none;
    background: #fff0;
    width:470px;
    font-family: 'Unbounded Regular' !important;
    font-size: 16px;
}
.datepicker--cell.-selected-, .datepicker--cell.-selected-.-current- {
    color: #161a1e;
    background: #ead7c0 !important;
}
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
    color: rgba(5, 19, 33, 0.2);
}
.datepicker--nav, .datepicker--time {
    border: 0px;
}

.datepicker--nav {
    padding: 15px 15px 10px;
}

.datepicker--day-name {
    display:none;
}
.datepicker--cell.-current- {
    font-family: 'Unbounded regular';
    border: 1px solid #060f16;
}
.datepicker--cell.-current- {
    font-family: 'Unbounded regular';
    border: 0px;
}
.datepicker--cell.-focus- {
    background: none;
}
.datepicker--cell {
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    z-index: 1;
}
.datepicker--content {
    box-sizing: content-box;
    padding: 4px;
    min-height: 315px;
}
.datepicker--time .fa-regular.fa-clock {
    font-size: 18px;
    position: absolute;
    margin: 18px 18px;
    color: #161a1e;
}
.datepicker--time-current {
    margin: 0 0 0 40px;
}
span.datepicker--time-current-hours, span.datepicker--time-current-minutes {
    font-family: 'Unbounded Regular';
    font-size: 16px;
}
.datepicker--time-sliders {
    margin-right: 10px;
    max-width: 290px;
    -webkit-flex: 0 1 153px;
    -ms-flex: 0 1 290px;
    flex: 0 1 290px;
    max-width: 290px;
}
.datepicker--time-current-hours.-focus-, .datepicker--time-current-minutes.-focus- {
background: #ead7c0;
    color: #306089;
    
}

.datepicker--time-current-hours:after, .datepicker--time-current-minutes:after {
    background: #ead7c0;
    color: #306089;
}
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
      -webkit-appearance: none; }
    .datepicker--time-row input[type='range']::-ms-tooltip {
      display: none; }
    .datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
      border-color: #ead7c0 ; box-shadow: none !important;}
    .datepicker--time-row input[type='range']:hover::-moz-range-thumb {
      border-color: #ead7c0 ; }
    .datepicker--time-row input[type='range']:hover::-ms-thumb {
      border-color: #ead7c0 ; }
    .datepicker--time-row input[type='range']:focus {
      outline: none; }
      .datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
        background: #ead7c0 ;
        border-color: #ead7c0 ; box-shadow: none !important;}
      .datepicker--time-row input[type='range']:focus::-moz-range-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
      .datepicker--time-row input[type='range']:focus::-ms-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      box-sizing: border-box;
      height: 26px;
      width: 26px;
      border-radius: 26px;
      box-shadow: none !important;
      border: 0px solid #dedede;
      background: #ead7c0 ;
      cursor: pointer;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-moz-range-thumb {
      box-sizing: border-box;
     height: 20px;
      width: 20px;
      border-radius: 20px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-ms-thumb {
      box-sizing: border-box;
      height: 20px;
      width: 20px;
      border-radius: 20px;
      border: 0px solid #dedede;
      background: #fff;
      cursor: pointer;
      transition: background .2s; }
    .datepicker--time-row input[type='range']::-webkit-slider-thumb {
      margin-top: -13px; }
    .datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-moz-range-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-fill-lower {
      background: transparent; }
    .datepicker--time-row input[type='range']::-ms-fill-upper {
      background: transparent; }
  .datepicker--time-row span {
    padding: 0 12px; }
    
.click-button.starmap-lang {
    min-width: 50px !important;
    padding: 10px;
    margin: 50px 10px 50px 0;
    border: none;
    background: #fafafa;
    font-family: 'Unbounded Regular';
    font-size:16px;
}
.click-button.starmap-lang.select {
    background: #ead7c0;
    
}
label.switch-light.switch-material {
    font-family: 'Unbounded Regular';
    display: inline-block;
    width: 47%;
    margin: 20px 0;
    font-size:16px;
}
.switch-material.switch-light > span {
    margin: 20px 0 0;
}
.datepicker-here {
    margin: 0 0 0 -17px;
}
.person-setting .switch-material.switch-light input:checked ~ span a {
    right: 0;
    background: #ead7c0!important;
}
.person-setting .switch-light.switch-material a {
    top: -3px !important;
}
.switch-light.switch-material a {
    top: -0.1875em;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #fafafa;
    box-shadow: 0 0.125em 0.125em 0 rgba(0, 0, 0, 0.14), 0 0.1875em 0.125em -0.125em rgba(0, 0, 0, 0.2), 0 0.125em 0.25em 0 rgba(0, 0, 0, 0.12);
    transition: right 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.person-setting .switch-light.switch-material a {
    top: -2.5px !important;
}
.person-setting .switch-material.switch-light > span {
    background: #0000001a !important;
}
.person-setting .switch-light.switch-material a {
    background: #ffffff !important;
}
.person-setting .switch-material.switch-light input:checked ~ span{
    background: #0000001a !important;
}
.person-text {
    font-family: 'Unbounded Regular';
}
textarea#person-text {
    resize: none;
    padding: 10px 10px 12px 10px !important;
    width: 450px;
    font-size: 12px;
    background: rgba(255, 255, 255, 0.5);
    margin: 15px 0 30px;
    height: 110px;
    border: 1px solid #ead7c0;
    font-size: 18px;
    font-weight: 200;
    color: #051321;
    font-style: normal;
    font-family: 'Golos Regular';
    border-radius: 5px;
}
.person-location-text {
    font-family: 'Unbounded Regular';
}
textarea#starmaplocation-input {
    resize: none;
    padding: 10px 10px 12px 10px !important;
    width: 450px;
    background: rgba(255, 255, 255, 0.5);
    margin: 15px 0 30px;
    height: 68px;
    border: 1px solid #ead7c0;
    font-size: 18px;
    font-weight: 200;
    color: #051321;
    font-style: normal;
    font-family: 'Golos Regular';
    border-radius: 5px;
}
#starmap {
    position: absolute;
    z-index: 1;
    border-radius: 100%;
    overflow: hidden;
}
#watercolour-title {
    width: 500px;
    text-align: center;
    word-wrap: break-word;
    white-space: break-spaces;
    display: table-cell;
    vertical-align: middle;
    font-size: 16.05px;
    line-height: 1.2em;
    height: 80px;
    font-family: 'Kyiv';
}
.watercolour-title-block {
    position: absolute;
    top: 440px;
    width: 321px;
    height: 80px;
    left: 64.5px;
    overflow: hidden;
}
.watercolour-location-block {
    width: 321px;
    height: 50px;
    position: absolute;
    top: 560px;
    left: 64.5;
    text-align: center;
}
#watercolour-location {
    font-size: 7.7px;
    text-transform: uppercase;
    font-family: 'Kyiv';
    line-height: 2em;
}
#watercolour-date {
    font-size: 7.7px;
    text-transform: uppercase;
    font-family: 'Kyiv';
}
.story-title-block {
    position: absolute;
    top: 440px;
    width: 321px;
    height: 60px;
    left: 64.5;
    overflow: hidden;
}
#story-title {
    font-family: 'Montserrat Regular';
    font-size: 8.64;
    letter-spacing: 0.96px;
    line-height: 12.8px;
    text-transform: uppercase;
    max-height: 80px;
    height: 60px;
    word-wrap: break-word;
    white-space: break-spaces;
    display: table-cell;
    width: 321px;
    vertical-align: middle;
    text-align: center;
}
.story-location-block {
    width: 321px;
    position: absolute;
    top: 555px;
    left: 64.5px;
    line-height: 0.768em;
    text-align: center;
}
#story-date {
    font-family: 'Montserrat Regular';
    font-size: 8.64px;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    text-align: center;
    width: 321px;
    line-height: 1.2em;
}
#story-location {
    font-family: 'Montserrat Regular';
    font-size: 8.64px;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    text-align: center;
    width: 321px;
    line-height: 1.2em;
}
#story-latlng {
    font-family: 'Montserrat Regular';
    font-size: 8.64px;
    letter-spacing: 0.96px;
    text-transform: uppercase;
    text-align: center;
    width: 321px;
    line-height: 1.2em;
}
.classic-title-block {
    position: absolute;
    top: 435px;
    width: 321px;
    height: 80px;
    left: 64.5;
    overflow: hidden;
}
#classic-title {
    width: 321px;
    text-align: center;
    font-family: 'Phenomena Regular';
    word-wrap: break-word;
    white-space: break-spaces;
    display: table-cell;
    vertical-align: middle;
    font-size: 16px;
    line-height: 1.2em;
    height: 80px;
}
.classic-location-block {
    width: 321px;
    height: 50px;
    position: absolute;
    top: 575px;
    left: 64.5;
    line-height: 0.77em;
    text-align: center;
}
#classic-date {
    font-size: 7.7px;
    text-transform: uppercase;
    font-family: 'Phenomena Regular';
}
#classic-location {
    font-size: 7.7px;
    text-transform: uppercase;
    font-family: 'Phenomena Regular';
}
#compas-title {
    width: 321px;
    text-align: center;
    font-family: 'Montserrat SemiBold';
    text-transform: uppercase;
    word-wrap: break-word;
    white-space: break-spaces;
    display: table-cell;
    vertical-align: middle;
    height: 50px;
    max-height: 50px;
    font-size:9.6px;
    line-height: 1.35em;
}
.compas-title-block {
    position: absolute;
    top: 40px;
    width: 321px;
    height: 50px;
    left: 64.5px;
    overflow: hidden;
    z-index:2;
}
.compas-location-block {
    width: 321px;
    height: 50px;
    position: absolute;
    top: 565px;
    left: 64.5px;
    text-align: center;
    z-index:2;
}
#compas-location {
    font-size: 6.5;
    text-transform: uppercase;
    font-family: 'Montserrat SemiBold';
    line-height:12.8px;
}
#compas-date {
    font-size: 6.5;
    text-transform: uppercase;
    font-family: 'Montserrat SemiBold';
}
#redheart {
    position: absolute;
    top: 535px;
    left: 217.5px;
    width: 15px;
    display:none;
    z-index:2;
}
#whiteheart {
    position: absolute;
    top: 535px;
    left: 217.5px;
    width: 25px;
    display:none;
    z-index:2;
}
#retroheart {
    position: absolute;
    top: 535px;
    left: 217.5px;
    width: 15px;
    display:none;
}
#retroheartblue {
    position: absolute;
    top: 535px;
    left: 217.5px;
    width: 25px;
    display:none;
}
i.fa-solid.fa-heart {
    font-size: 20px;
    position: relative;
    top: 2px;
    font-weight: 500;
}
#heartcheck {
    width: 100%;
}
.starmap-preset-contaier-overflow {
    width: 450px;
    height: 637px;
    position: absolute;
    display: block;
    z-index: 5;
    
}
.preview-container {
    background: linear-gradient(0deg, #443c32, #15212c);
    padding: 60px 0 60px;
    margin: 30px 0 0;
}
.preview-container h2 {
    color: #ead7c0;
    margin: 0 0 45px;
}
#save-starmap {
    width: 450px;
    margin: -30px 0 20px;
    background: #ead7c0;
    border: navajowhite;
}
.save-starmap-info {
    color: #fff;
    font-size: 15px;
    font-family: 'Golos Regular';
    line-height: 1.35em;
    opacity: 0.5;
    text-align: center;
    display: block;
}
.preset-block.select {
  
    border-radius: 500px;
    transform: scale(0.95);
    transition: 0.3s;
    box-shadow: 0 0 30px #dc3e7e;
    
}
smid {
    display: inline-block;
    color: #dfd7a9;
    transition: .3s;
}
.subh1.starmap-info {
    color: #fff;
    margin: 30px 0;
}
.sky-preview {
    min-width: 1400px;
    right: calc((100% - 970px) / 2);
    position: absolute;
    width: 100%;
}
.sky-preview-container {
    width: 500px;
    overflow: hidden;
    display: block;
    height: 740px;
    position: relative;
}
a#pay {
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    font-weight: 400;
    font-family: 'Unbounded Regular';
    background: linear-gradient(163deg, #4ccba1, #39c3d1);
    border-radius: 100px;
    width: 450px;
    text-align: center;
    padding: 25px 0 0 0;
    box-shadow: 0px 5px 50px #0bfaff2b;
    height: 65px;
    display: inline-block;
    position: relative;
    border: 1px solid #04eceeb0;
}
.cell {
    margin: 50px 0;
}
.inform {
    margin: 40px 0 0;
    font-family: 'Golos Regular';
    font-size: 20px;
    width:450px;
}
.order-bg-middle {
    position: absolute;
    right: 10px;
    width: 300px;
    opacity: 0.2;
    transform: rotate(120deg);
    display:none;
}
h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-family: 'Unbounded Bold';
    margin: 60px 0 20px;
}
.starmap-info-cell {
    display: inline-block;
    width: 100%;
    vertical-align: top;
}
infoline {
    display: list-item;
    font-size: 20px;
    font-family: 'Golos Medium';
    margin: 0 0 5px 20px;
    list-style: square;
}
.starmap-info-cell .subh2 {
    margin: 30px 0 15px;
}
.starmap-info-big-container {
    margin: -60px 0 60px;
}
.spice-info {
    color: #cfd8dc;
    padding: 60px 0;
    display: block;
    font-size: 20px;
    line-height: 30px;
}
.spice-info strong {
    background: #dfd7a9;
    color: #000;
    padding: 0px 7px 2px;
    border-radius: 5px;
    display: inline;
}
.accordion-container {
    max-width: 100%;
    margin: 0 auto;
    }

.accordion-item {
    box-shadow: 0 0 40px #eaebf5;
    border-radius: 5px;
    overflow: hidden;
    vertical-align: top;
    margin: 0 0 25px;
}

input[type="radio"] {
    display: none;
}

.accordion-label {
    display: block;
    color: #cfd8dc;
    cursor: pointer;
    font-family: 'Golos Regular';
    font-size: 20px;
    position: relative;
    background: #1e2328;
    padding: 23px 20px 23px;
}

.accordion-label:hover {
    background: linear-gradient(45deg, #202329, #2c323f);
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    background: white;
    border-radius: 0 0 6px 6px;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    padding: 0 18px;
    line-height:26px;
    font-family: 'Golos Regular';
}

input[type="radio"]:checked + .accordion-label + .accordion-content {
    opacity: 1;
    padding: 25px 18px 25px;
    display: table;
    width: 415px;
    font-size: 20px;
}
.subh2-starmap {
    font-size: 20px;
    margin: -30px 0 60px;
}
.starmap-download.yes {
    background: linear-gradient(163deg, #63c7ca, #aa8fbc);
    border: 1px solid #04beeea6;
    box-shadow: inset 0 0 10px #6b9491f0;
}
.starmap-download {
    color: #ffffff;
    font-size: 20px;
    cursor: pointer;
    font-weight: 400;
    font-family: 'Golos Regular';
    background: linear-gradient(163deg, #4ccba1, #39c3d1);
    border-radius: 100px;
    text-align: center;
    padding: 17px 0 0 0;
    box-shadow: 0px 5px 50px #0bfaff2b;
    display: inline-block;
    position: relative;
    border: 1px solid #04eceeb0;
    display: inline-block;
    width: 212px !important;
    margin: 0 17px 20px 0px;
    height: 41px !important;
    transition: .5s;
}
.cell-download {
    width: 500px;
    margin: 40px 0;
}
span.starmap-download.info-button {
    width: 450px !important;
}
.starmap-download.disabled {
    background: linear-gradient(163deg, #90aed78c, #75838a78);
    backdrop-filter: blur(5px);
    border: 1px solid #ffffff85;
    box-shadow: inset 0 0 10px #6b9491f0;
    cursor: progress;
}
.starmap-promo-link a {
    font-family: 'Unbounded Regular';
    padding: 20px 40px;
    border-radius: 5px;
    color: #ffffff !important;
    display: inline-block;
    margin: 120px 35px;
    box-shadow: -0px 10px 10px #0000002b;
    background: linear-gradient(90deg, #f44900a6, #e9159a 100%);
}
.starmap-promo {
    border-radius: 5px;
    margin: 60px 0;
    background-size: contain !important;
    box-shadow: 0 0 40px #c0c1c6;
}
video {
    width: 500px;
    height: calc(500px / 1.78);
    margin: 10px 0 10px -25px;
}
.mobile-menu {
    position: fixed;
    bottom: 33px;
    right: 25px;
    z-index: 5;
    background: #1e2329b0;
    height: 80px;
    width: 80px;
    border-radius: 100%;
    box-shadow: 0 0 20px #1e23289e;
    backdrop-filter: blur(5px);
    transition: .3s;
}
.mobile-menu .fa-solid.fa-bars {
    font-size: 30px;
    color: #efefefad;
    cursor: pointer;
    display: inline-block;
    margin: 10px;
    background: #efefef40;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    text-align: center;
    line-height: 60px;
    transition: .3s;
}
.mobile-menu .fa-solid.fa-xmark {
    font-size: 30px;
    color: #efefefad;
    cursor: pointer;
    display: inline-block;
    margin: 10px;
    background: #efefef40;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    text-align: center;
    line-height: 60px;
    transition: .3s;
    padding: 0;
    top: 0;
    float: none;
}
#menu {
    position: fixed;
    width: 100%;
    height: 100vh;
    z-index: 10;
    background: #16191de6;
    backdrop-filter: blur(20px);
    padding: 50px;
    z-index: 4;
    top: 0px;
}
#menu .link {
    font-size: 16px;
    display: block;
    margin: 0 0 10px;
    color:#fbd18d;
    font-family: Unbounded Regular;
}
#planet-link, #moon-link, #cad-link {
    color: #fff!important;
    margin: 20px 0 25px 0 !important;
}
#planet-menu, #moon-menu, #cad-menu {
    margin: 10px 30px;
}

.inform i {
    font-size: 25px;
    display: inline-block;
    line-height: 20px;
}
i.fa-brands.fa-google {
    font-size: 19px;
}
brand {
    font-family: 'Golos Medium';
}
i.fa-solid.fa-arrow-up-from-bracket {
    font-size: 19px;
    position: relative;
    top: 1px;
}
moonline {
    width: 260px;
    display: inline-flex;
    vertical-align: top;
}
.week-phase {
    position: absolute;
    z-index: 2;
    margin: 60px 0px;
    opacity: 0.4;
    display: block;
    width: 105px;
    text-align: center;
}
.eclipse-line {
    width: 100%;
    height: 105px;
    margin: 0 30px 30px 0;
    display: inline-block;
    border-radius: 5px;
    color: #89939d;
    background: #fafafa;
    border-left: 10px solid #cfd8dc;
    transition: .3s;
}
.eclipse-name {
    font-family: 'Golos SemiBold' !important;
    display: block !important;
    width: 100%;
    font-size: 27px !important;
    position: relative;
    top: 8px;
    text-decoration: underline;
}
.eclipse-line > i {
    display: inline-block;
    font-size: 20px;
    margin: 13px 0 10 25;
    font-family: 'Golos Regular';
    color: #161a1e;
}
.eclipse-time {
    width: 220px;
    display:none!important;
}
.eclipse-duration {
    width: 160px;
    margin: 7px 0 10 25 !important;
}
.eclipse-time .fa-solid.fa-circle {
    margin: 0px 5px 0 0;
    color: rgb(241, 210, 146);
}
.eclipse-time .fa-solid.fa-moon {
    margin: 0px 5px 0 0;
    color: rgb(241, 210, 146);
    position: relative;
    top: 2px;
    font-size: 17px;
}
.eclipse-time .fa-solid.fa-binoculars {
    margin: 0 5px 0 0;
    color: rgb(206 216 220);
}
.eclipse-line .fa-solid.fa-clock {
    margin: 0 5px 0 0;
    color: #ced8dc;
    font-size: 16px;
    top: -1px;
    position: relative;
}
.eclipse-line.ph {
    border-left: 10px solid #f1d291;
}
.eclipse-line:hover {
    transform: translateY(-3px);
    transition: .3s;
}
.eclipse-line.past {
    opacity: 0.5;
}
.eclipse-line .fa-solid.fa-clock.totality {
    color: #a53f3f;
    font-size: 16px;
    top: -1px;
    position: relative;
}

.eclipse-cell {
    display: inline-block;
    width: 20%;
    text-align: left;
    line-height: 24px;
    font-size: 15px;
    color: #cfd8dc;
    font-family: 'Unbounded Regular';
    vertical-align: middle;
    padding: 18px 20px;
}
.eclipse-table-line {
    font-size: 15px;
    font-weight: 500;
    display: block;
    text-align: left;
    margin:0 20px;
}
.eclipse-table-info {
    display: inline-block;
    padding: 0 0 0px;
    margin: 30px 20px 30px 0px;
    text-align: left;
    font-size: 20px;
    color: #161a1e;
    transition: .3s;
    width: 240px;
}
.eclipse-table {
    display: inline-block;
    margin: 0 30px 0px 0;
    vertical-align: top;
    width: 100%;
    min-height: 533px;
}
.eclipse-table-header {
    width: 100%;
    box-shadow: 0 0 40px #1e23289e;
    position: relative;
    background: #1e2328;
    height: 60px;
}
.eclipse-table-line.border {
    border-top: 1px dashed #efefef;
    border-radius: 0;
}
.partial-moon-img {
    width: 50px;
    position: absolute;
    margin: 17px 0 0 370px;
    border-radius: 100%;
}
.full-moon-img {
    width: 50px;
    position: absolute;
    margin: 17px 0 0 370px;
    border-radius: 100%;
}
.eclipse-table .event {
    width: 320px;
}
.eclipse-table .az {
    width: 155px;
}
.eclipse-table .alt {
    width: 230px;
}
.eclipse-table-info.event {
    width: 340px;
}
.eclipse-table-info.az {
    width: 175px;
}
.eclipse-table-info.alt {
    width: 230px;
    text-align: right;
    margin: 0;
}

#eclipse-map {
    width: 100%;
    height: 85vh;
    background: #1e2328;
}
#eclipse-map .ol-viewport {
    filter:none;
}
#eclipse-map .maplayer {
    filter: invert(1) grayscale(1);
    opacity:0.7;
}
.eclipse-big-container {
    width: 120%;
    height: 80vh;
    margin: -60px -10%;
    overflow: hidden;
}
.eclipselayer {
    filter: hue-rotate(20deg);
}

.eclipse-info-map {
    padding: 20px 0;
    width:1150px;
}
#loceclipse {
    width: 15px;
    height: 15px;
    display: block;
    background: #ebcb88;
    border-radius: 100%;
    border: 5px solid #2d2e31;
    margin: -12.5px;
}
.eclipse-big-map {
    width: 120%;
    height: 80vh;
    margin: -60px -10%;
    overflow: hidden;
}
.eclipse-bar {
    margin: 8px 15px 9px -45px;
    width: 378px;
    display: inline-block;
     background: linear-gradient(90deg, #1e2328,#363639,#66CDAA, #FA8072,#FA8072);
    height: 5px;
    border-radius: 5px 5px 5px 5px;

}
eclipseaz {
    width: 310px;
    display: inline-block;
}
eclipsealt {
    width: 82px;
    display: inline-block;
    text-align: right;
}
.eclipse-table .fa-solid.fa-eye-slash {
    color: #f1d08b;
    margin: 0 5px 0 0;
}
.eclipse-table .fa-solid.fa-eye {
    color: #7fc182;
    margin: 0 5px 0 0;
}
.eclipse-table .fa-solid.fa-arrow-right {
    margin: 0 10px;
}
.eclipse-table-list {
    margin: 0 0 80px;
}
.eclipse-table-list .mlabel {
    margin: 50px 0 30px 0;
}
.phase-eclipse {
    font-family: 'Golos Regular';
    display: inline-block;
    margin: 30px 0px 30px 0;
    text-align: left;
    font-size: 20px;
    color: #161a1e;
    transition: .3s;
}
.eclipse-table .fa-solid.fa-compass {
    font-size: 18px;
    margin: 0 10px 0 0;
}
.eclipse-table .fa-solid.fa-ellipsis-vertical {
    margin: -17px 32px 0px;
}
#menu .link.red {
    color: #fff;
    background: #bc523c;
    display: inline;
    padding: 2px 10px 4px;
    border-radius: 5px;
    margin: 0 0 0 -9px;
}#moon-eclipse {
    margin: 0 0 -20px 0;
}
.swap-overlow {
    display: block;
    position: absolute;
    height: 1px;
    width: 480px;
    z-index: 1;
    left:-5px;
}
.swipe-starmap {
    width: 81.5px;
    opacity: 0.5;
    margin: calc(70vh / 2 - 40px) 210px;
}
#overlay {
  will-change: transform;
  transform: translateZ(0);
}
.ol-viewport {
  will-change: transform;
  transform: translateZ(0);
}
i.fa-brands.fa-safari {
    font-size: 19px;
}
button.click-button.dayforward {
    width: 201px;
    padding: 20px 25px 17px;
    margin: 30px 0 0 0;
}
button.click-button.dayback {
    width: 213px;
    margin: 30px 30px 0 0;
    padding: 20px 25px 17px;
}
button.click-button.dayforward:active {
    background: #1e2427;
    color: #fff;;
}
button.click-button.dayback:active {
    background: #1e2427;
    color: #fff;;
}
title-planet-img img {
    width: 60px;
    height: 60px;
    position: relative;
    top: 18px;
    margin: 0 15px 0 0;
}
.rise-set-table {
    display: inline-block;
    margin: 0 30px 0px 0;
    background: #ffffff;
    box-shadow: 0 0 40px #eaebf5;
    border-radius: 5px;
    overflow: hidden;
    vertical-align: top;
    width: 100%;
}
i.fa-solid.fa-caret-up {
    font-size: 25px;
    margin: 0 10px 0 0;
    color: #7fc182;
    position: relative;
    top: 4px;
}
i.fa-solid.fa-caret-down {
    font-size: 25px;
    margin: 0 10px 0 0;
    color: #a53f3f;
    position: relative;
    top: 1px;
}
.rise-set-table .daynight {
    position: relative !important;
    margin: -20px 0 0 0px !important;
    top: 14px !important;
}
.rise-set-table .daynightmoon {
    position: relative !important;
    margin: -20px 0 0 0px !important;
    top: 14px !important;
}
riseset-time {
    width: 40px;
    display: inline-block;
}
.rise-set-table .daynightmoon {
    position: relative !important;
    margin: -20px 0 0 7px !important;
    top: 5px !important;
}
.rise-set-table .fa-solid.fa-up-long.set {
    margin: 0 10px 0 0;
    color: #a53f3f;
}
.rise-set-table .fa-solid.fa-up-long.rise {
    margin: 0 10px 0 0;
    color: #7fc182;
}
.rise-set-table .eclipse-table-info.time {
    width: 130px;
}
.rise-set-table .eclipse-cell.time {
    width: 110px;
}
.rise-set-table .eclipse-table-info.event {
    width: 118px;
}
.rise-set-table .eclipse-cell.event {
    width: 80px;
}
.rise-set-table .eclipse-table-info.az {
    width: 75px;
    text-align:right;
}
.rise-set-table .eclipse-cell.az {
    width: 130px;
}
.rise-set-table .eclipse-table-info.alt{
    text-align: left;
    width:195px;
}
.rise-set-table .eclipse-cell.alt {
    width: 155px;
}
.rise-set-table .eclipse-cell.mag {
    width:105px;
}
.rise-set-table .eclipse-table-info.mag{
    width: 60px;
    position: relative;
    top: 38px;
    background: #fff;
    padding: 0 20px;
    left: -15px;
    text-align: center;
}
.rise-set-table .eclipse-table-info.el {
    width: 60px;
    position: relative;
    top: 38px;
    left: 15px;
    text-align: center;
    background: #fff;
    padding: 0 25px;
}
.rise-set-table .eclipse-cell.el {
    width: 90px;
}
.planet-charts-container.planet-online {
    margin: 30px 0 0px -25px;
    width: 500px;
    border-radius: 0;
    box-shadow: 0 0 40px #eaebf5;
}
#all-planets-and-moon .planet-label {
    text-align: left !important;
    font-size: 20px;
    font-family: Golos Regular;
    color:#cfd8dc;
    width:90px;
}
#all-planets-and-moon .planet-bar {
    margin: 20px 0 20px 30px;
    height: 40px !important;
    border: none !important;
    background: #1e2427 !important;
    border-radius: 5px;
    box-shadow: inset 0 0 50px #00000014;
}
#all-planets-and-moon .planet-start-label {
    transform: translateX(-50%) !important;
    font-family: 'Golos Regular';
    font-size: 15px;
    color:#cfd8dc ;
}
.planet-start-label {
    top:-22px;
}
#all-planets-and-moon .planet-end-label {
    transform: translateX(-50%) !important;
    margin: 60px 0 0 0;
    font-family: 'Golos Regular';
    font-size: 15px;
    color:#cfd8dc ;
}
#all-planets-and-moon {
    min-height: 630px;
    opacity:0;
    margin-top:-20px;
}
.planet-segment.now-visible {
    background-color: #7fc182 !important;
}
.planet-segment {
    border-radius: 5px;
}

.gallery .fa-solid.fa-square.gray {
    margin: 0 10px 0 0;
    color: #efefef;
}
.gallery .fa-solid.fa-square.green {
    margin: 0 10px 0 0;
    color: #7fc182;
}
.gallery .fa-solid.fa-square.gold {
    margin: 0 10px 0 0;
    color: #f1d08b;
}
.gallery .fa-solid.fa-square.dark {
    margin: 0 10px 0 0;
    color: #959697;
}
.gallery .fa-solid.fa-square.blue {
    margin: 0 10px 0 0;
    color: #e1eafb;
}

.planet-online-container .gallery {
    border-bottom: none;
    margin: 15px 0 30px 5px;
   
}
.gallery.planet-online {
    border: none;
    width:100%;
}

.gallery.planet-online figcaption {
    width:100%;
    margin:30px 0 0 0;
    font-size:20px;
    border:none;
}
.planet-online-phase {
    font-size: 20px;
    font-family: 'Golos Regular';
    margin: -15px 0 30px 0px;
    display: block;
}
.planet-online-container figcaption {
    margin: 15px 0 0 0;
}
.all-planets-big-container {
    width: 100%;
    background: #161a1e;
    padding: 40px 0 45px;
    min-height: 1103px;
}
i.fa-solid.fa-square.deep-dark {
    margin: 0 10px 0 0;
    color: #1d2226;
}
.all-planets-big-container figcaption {
    color: #cfd8dc;
}
figcaption.photoswipe-gallery-caption.table-info .fa-solid {
    margin: 20px 20px 0 0 !important;
}
.planet-online-phase .fa-solid.fa-arrow-right {
    font-size: 15px;
    margin: 0 10px;
    line-height: 0px;
}
.planet-online-phase .planetgold {
    width:170px;
}
planetline {
    width: 210px;
    vertical-align: top;
    position: relative;
    top: 1px;
}
.planet-online-container figcaption.photoswipe-gallery-caption.table-info .fa-solid {
    margin: 0px 10px 0 0 !important;
}
.rise-set-table .daynight {
    position: relative !important;
    margin: -20px 0 0 5px !important;
    top: 14px !important;
    width: 42px;
    display: inline-block;
    opacity: 0.5;
    left: 0px;
    z-index: 1;
}
.rise-set-table .daynightmoon {
    position: relative !important;
    top: 5px !important;
    width: 25px;
    display: inline-block;
    z-index: 1;
    opacity: 0.5;
    margin: -20px 0 0 -34px !important;
}
#all-planets-update {
    min-height: 13430.5;
}
#all-planets-update-min {
    min-height: 1306px;
    background: #151a1f;
}
a#payrobo {
    color: #ffffff;
    font-size: 16px;
    cursor: pointer;
    font-weight: 400;
    font-family: 'Unbounded Regular';
    background: linear-gradient(163deg, #4c8fcb, #1aa4e7);
    border-radius: 100px;
    width: 450px;
    text-align: center;
    padding: 25px 0 0 0;
    box-shadow: 0px 5px 50px #0bfaff2b;
    height: 65px;
    display: inline-block;
    position: relative;
    border: 1px solid #04eceeb0;
}
.foreign-prices {
    margin: 20px 40px;
    color: #87959d;
    line-height: 22px;
}
.quake-line {
    width: 100%;
    margin: 0 30px 30px 0;
    display: block;
    border-radius: 5px;
    color: #89939d;
    background: #fafafa;
    border-left: 10px solid #cfd8dc;
    transition: .3s;
    vertical-align: top;
    padding:0 0 15px;
}
.quake-name {
    font-family: 'Golos SemiBold' !important;
    margin: 20px 0 0 20px;
    display: block !important;
    width: 400px;
    font-size: 27px !important;
    position: relative;
    top: 20px;
    text-decoration: underline;
    
}
.quake-line > i {
    display: inline-block;
    font-size: 20px;
    margin: 30px 0 0px 25px;
    font-family: 'Golos Regular';
    color: #161a1e;
}
.quake-time {
    display: inline-block;
    font-size: 20px;
    margin: 30px 0 0px 25px;
    font-family: 'Golos Regular';
    color: #161a1e;
}
.quake-line.red {
    border-color: #a53f3f;
}
.quake-line.yellow {
    border-color: #f1d08b;
}
.quake-line.orange {
    border-color: #e1800f;
}
.quake-line.green {
    border-color: #7fc182;
}

.quake-name.group {
    margin: 13px 0 10px 25px;
    text-decoration: none;
}
.quake-time {
    width:230px;
}
.quake-mag {
    display: inline-block;
    font-size: 20px;
    margin: 30px 0 0px 25px;
    font-family: 'Golos Regular';
    color: #161a1e;
    width:70px;
}
.quake-epic {
    display: inline-block !important;
    font-size: 15px;
    margin: 0px 0 20 20 !important;
    font-family: 'Golos Medium';
    color: #161a1e;
}
.quake-container {
    width: 100%;
    margin:0 0 80px;
}
.fa-solid.fa-bolt {
    font-size: 17px;
    margin: 0px 4px 0 0;
    position: relative;
    top: 0px;
}
img.fa-solid.fa-house-flood-water {
    width: 22px;
    position: relative;
    top: 31px;
    float: right;
    right: 30px;
}
i.quake-epic .fa-location-dot {
    font-size: 15px;
    margin: 0 4px 0 0;
}
i.fa-solid.fa-square.orange {
    margin: 0 20px 0 0;
    color: #e1800e;
}
i.fa-solid.fa-square.green {
    margin: 0 20px 0 0;
    color: #7fc182;
}


.quake-text {
    float: right;
    width: 19px;
    position: absolute;
    margin: -21px 117px;
}
.quake-line-table {
    width: 500px;
    height: 45px;
    padding: 20px 0px 0 25px;
    margin: 0 0 5px;
    background: #fafafa;
    font-size: 20px;
}
.quake-date {
    width: 280px;
    display: inline-block;
    margin: 0 0 0 25px;
}
.quake-mag-table {
    width: 75px;
    display: inline-block;
    margin: 0 0 0 50px;
}
.quake-direction {
    display: inline-block;
    text-align: right;
    width: 350px;
}
.quake-line-table.alert-red {
    background: #a53f3f20;
}
.quake-line-table.alert-orange {
    background: #e1800e20;
}
.quake-line-table.alert-yellow {
    background: #f1d08b20;
}
.quake-line-table.alert-green {
    background: #7fc18220;
}
i.fa-solid.fa-circle-dot {
    font-weight: 400;
    font-size: 14px;
    margin: 0 3px 0 -1px;
}
.quake-group-line {
    margin: 0 0 -10px 0;
}
.quake-line.group {
    padding: 0 0 25px 0;
}
.quake-group-line .quake-time {
    text-decoration: underline;
}
#quake-live-map {
    width: 100%;
    height: 85vh;
    background: #1e2328;
}
#quake-live-map .maplayerquake {
    filter: invert(1) grayscale(1);
    opacity: 0.5;
}
.quake-map-big {
    width: 100%;
    height: 70vh;
    
    overflow: hidden;
}
 .ol-tooltip {
    position: absolute;
    font-family: 'Golos Regular';
    font-size: 16px;
    border: none;
    display: none;
    border-radius: 5px;
    padding: 10px 15px;
    background: #161a1e80;
    color: #ffffff;
    backdrop-filter: blur(5px);
    line-height:18px;
    pointer-events: none;
    white-space: nowrap;
    transform: translateY(-100%) translateX(-50%);
    z-index: 10000;
  }
  
 #payrobo {
  position: relative;
  display: inline-block;
  padding: 14px 32px;
  font-size: 17px;
  font-weight: 600;
  color: white;
  background: linear-gradient(90deg, #007aff, #00c6ff);
  border: none;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 122, 255, 0.3);
  transition: transform 1.5s ease;
}

/* Анимация перелива */
#payrobo::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: payrobo-shine 5s ease-in-out infinite;
}

/* Ключевые кадры: блик пробегает один раз за цикл */
@keyframes payrobo-shine {
  0% { left: -75%; }
  30% { left: 125%; } /* Блик движется дольше */
  100% { left: 125%; }
}

 #pay {
  position: relative;
  display: inline-block;
  padding: 14px 32px;
  font-size: 17px;
  font-weight: 600;
  color: white;
  background: linear-gradient(90deg, #007aff, #00c6ff);
  border: none;
  border-radius: 12px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 0 4px 12px rgba(0, 122, 255, 0.3);
  transition: transform 1.5s ease;
}

/* Анимация перелива */
#pay::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.2) 50%,
    rgba(255, 255, 255, 0) 100%
  );
  animation: pay-shine 5s ease-in-out infinite;
}

/* Ключевые кадры: блик пробегает один раз за цикл */
@keyframes pay-shine {
  0% { left: -75%; }
  30% { left: 125%; } /* Блик движется дольше */
  100% { left: 125%; }
}
tg {
    display: block;
    text-decoration: underline;
    color: #0088CC !important;
}
tg a {
     color: #0088CC !important;
}
#heart_white {
    width: 450px;
    height: 637px;
    position: absolute;
    top: 0px;
    z-index: 1;
    background-size: contain !important;
    display:none;
}
#heart_black {
    width: 450px;
    height: 637px;
    position: absolute;
    top: 0px;
    z-index: 1;
    background-size: contain !important;
    display:none;
}

marker {
    background: linear-gradient(45deg, #a86bcb, #dc3e7e);
    color: #fff;
    padding: 6px 10px 8px 10px;
    z-index: 2;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 15px;
}
i.fa-solid.fa-fire-flame-curved {
    margin: 0 10px 0 0;
}

.sale {
    color: #ffffff !important;
    background: linear-gradient(45deg, #fff088 0%, #19ce58 30%, #1a9daa 80%) !important;
    transition: transform 0.2s, box-shadow 0.2s !important;
    border: 1px solid #f0f0f0 !important;
    opacity: 0.85;
    width: 448px !important;
    box-shadow: 0 0 20px hsl(0deg 0% 0% / 10%) !important;
    text-shadow: 0px 0px 3px hsl(0deg 0% 0% / 10%);
}
sale {
    text-decoration: line-through;
    margin: 0 5px 0 0;
    opacity: 0.5;
}
newsale {
    font-family: 'Unbounded Bold';
}
markersale {
    background: linear-gradient(45deg, rgb(26 175 220), rgb(56 168 87));
    color: #fff;
    padding: 6px 10px 8px 10px;
    z-index: 2;
    position: absolute;
    top: 50px;
    left: 10px;
    border-radius: 15px;
}
span.hot i.fa-solid.fa-heart {
    font-weight: 600;
    font-size: 16px;
    overflow: revert;
    top: 1px;
    right: 2px;
    margin: 0 6px 0 0px;
}
.share-link {
    display: block;
    margin: -33px 0 60px -1px;
    color: #81aaf0;
    text-decoration: underline dotted;
}