Gecko [ unitednationsplay.com ]

Name	Size	Permission	Date
TimeCircles.css	1 KB	-rw-r--r--	2021-04-24 08:33
app.css	193.74 KB	-rw-r--r--	2021-02-09 19:47
bootstrap-grid.css	65.89 KB	-rw-r--r--	2021-02-10 14:57
bootstrap-grid.css.map	153.95 KB	-rw-r--r--	2021-02-10 14:57
bootstrap-grid.min.css	49.45 KB	-rw-r--r--	2021-02-10 14:57
bootstrap-grid.min.css.map	112.31 KB	-rw-r--r--	2021-02-10 14:57
bootstrap-reboot.css	4.69 KB	-rw-r--r--	2021-02-10 14:57
bootstrap-reboot.css.map	75.41 KB	-rw-r--r--	2021-02-10 14:57
bootstrap-reboot.min.css	3.84 KB	-rw-r--r--	2021-02-10 14:57
bootstrap-reboot.min.css.map	31.79 KB	-rw-r--r--	2021-02-10 14:57
bootstrap.css	193.59 KB	-rw-r--r--	2021-02-10 14:57
bootstrap.css.map	496.62 KB	-rw-r--r--	2021-02-10 14:57
bootstrap.min.css	156.63 KB	-rw-r--r--	2021-02-10 14:57
bootstrap.min.css.map	631.82 KB	-rw-r--r--	2021-02-10 14:58
fonts.css	2.86 KB	-rw-r--r--	2022-08-25 12:34
style.css	37.19 KB	-rw-r--r--	2023-04-29 04:11

Rename

.bd-placeholder-img {
  font-size: 1.125rem;
  text-anchor: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

body { background: #f4f7fc; }
.form-control { border: 1px solid #fff !important; background: rgb(244,247,252) !important; }
.container { width: 95%; max-width: 95%; margin: 0 auto; }
.row-logo { height: 6.8vw; }
.logo, .logo img { width: 24.54vw; }
.logo { padding: 2.35vw 0 0 0; }
.row-logo .col-3 { text-align: right; }
.search { padding: 2.25vw 0 0 0; }
.search .search-field { background: #fff; width: 21vw; height: 2.6vw; border: none; margin-left: -2.6vw; border-radius: 4px 0 0 4px;
  transition: border-color .2s;
  border: 1px solid #dcdee1;
  box-shadow: none; }
.search .search-field:hover { border-color: #929497; }
.search .search-field:active, .search .search-field:focus, .search .search-field:focus-visible { outline: none; border-color: #929497; }
.search .search-btn { background: url('/img/AboveNavPanel/SearchZoom.svg') no-repeat left top; background-size: 100%; position: relative; width: 2vw; height: 2vw; border: none; text-indent: -9999px; top: 0.5vw; }
.messenger_btn { width: 2.6vw; height: 2.6vw; background: url('/img/AboveNavPanel/MessengerNoLogin.svg') no-repeat left top; background-size: 100%; display: inline-block; margin: 2.2vw 2vw 0 0; }
.messenger_btn.user_authed { background: url('/img/AboveNavPanel/MessengerBtn.svg') no-repeat left top; background-size: 100%; }
.share_btn { width: 2.6vw; height: 2.6vw; background: url('/img/AboveNavPanel/ShareNoLogin.svg') no-repeat left top; background-size: 100%; display: inline-block; margin: 0vw 2vw 0 0; }
.share_btn.user_authed { background: url('/img/AboveNavPanel/ShareBtn.svg') no-repeat left top;  background-size: 100%; }
.acc_btn { width: 4vw; height: 4vw; background: url('/img/AboveNavPanel/Foto4Nologin.svg') no-repeat left top; background-size: 100%; display: inline-block; margin: 0vw 0 0 0; position: relative; top: 0.5vw; }
.acc_btn.user_authed { background: url('/img/AboveNavPanel/Foto4Nologin.svg') no-repeat left top; }
.acc_btn .unpip_flag-user_photo { width: 2.9vw; height: 2.9vw; top: -1.7vw; margin-top: 0; border: none; /*left: 0px;*/ }
.acc_btn .unpip_flag-user_photo img {
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.3);
}

.top-menu { background: #fff; width: 100%; height: 6.52vw; border-radius: 1.7vw; }
.top-menu ul { list-style: none; list-style-type: none; margin: 0px; padding: 1.37vw 0 1.37vw 3.05vw; }
.top-menu ul li { margin: 0px; padding: 0 7.5vw 0 0; display: inline-block; }
.top-menu ul li:last-child { padding: 0px; }
.top-menu img { height: 4vw; }

.unpip { background: url('/img/UNPIPpattern.svg') no-repeat left top; background-size: 100%; width: 100%; height: 11.3vw; margin-top: 2vw; clear: both; display: block; }
.unpip .unpip_flag { display: block; text-decoration:none;  width: 18.88vw; float: left; margin-top: 0.47vw; height: 9.5vw; }
.unpip_flag-user_flag { width: 13.7vw; height: 9.5vw; position: relative; left: 5.2vw; }
.unpip_flag-user_flag img { width: 100%; }
.unpip_flag-user_photo { width: 9.5vw; height: 9.5vw; position: relative; margin-top: -9.25vw; border: 2px solid #fff; left: 0.8vw; border-radius: 50%; }
.photo-recommender-wrap { width: 9.5vw; height: 9.5vw; position: absolute; border: 1.3vw solid yellow; margin-top: -9.33vw; left: -0.1vw; border-radius: 50%; }
.unpip_flag-user_photo img { width: 100%; border-radius: 50%; height: 100%; }
.recommender-share .photo-recommender-wrap { width: 2.8vw; height: 2.8vw; border: 0.5vw solid yellow; margin-top: -2.8vw; left: -0.05vw; }

.unpip_big { background: url('/img/UNPIPpattern.svg') no-repeat left top; background-size: 100%; width: 100%; height: 260px; clear: both; display: block; }
.unpip_big .unpip_flag { display: block; text-decoration:none;  width: 408px; float: left; margin-top: 20px; height: 234px; }
.unpip_big .unpip_flag-user_flag { width: 291px; height: 232px; position: relative; left: 120px; }
.unpip_big .unpip_flag-user_flag img { width: 100%; }
.unpip_big .unpip_flag-user_photo { width: 208px; height: 208px; position: relative; margin-top: -231px; border: 2px solid #fff; left: 22px; border-radius: 50%; }
.unpip_big .unpip_flag-user_photo img { width: 100%; border-radius: 50%; height: 100%;

}
.unpip_big .unpip_id { width: 220px; transform: rotate(-90deg); color: #cacddc; float: left; position: relative; left: -80px; top: 90px; font-size: 15px; font-family: "OswaldLight", Arial, Helvetica, sans-serif; letter-spacing: 7.45px;
  -webkit-text-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
  -moz-text-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
  text-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
  font-weight: bold;
}
.unpip_big .unpip_qrcode { width: 180px;
  height: 180px;
  float: left;
  position: relative;
  margin-top: 39px;
  left: -166px; }
.unpip_big .unpip_qrcode img { width: 100%; height: 100%; }
.unpip_big .unpip_fio { width: 800px; color: #fff; float: left; position: relative; left: -151px; top: 123px; overflow:hidden }
.unpip_big .unpip_fio .unpip_fio-fio { font-size: 78px; line-height: 100px; font-family: "OswaldLight", Arial, Helvetica, sans-serif; }
.unpip_big .unpip_clogo { float: right; position: relative; width: 218px; height: 218px; margin-top: 19px; right: 17px; }
.unpip_big .unpip_clogo img { width: 100%; height: 100%; }

.peoples-list_position { font-family: "PublicaSans-Bold", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 0.71vw; color: #959ab9; text-align: center; padding-top: 0.5vw; margin-right: 0px !important; width: 2vw; }
.avatar .unpip_flag-user_flag { width: 3.1vw; height: 2.3vw; left: 1.2vw; }
.avatar .unpip_flag-user_photo { width: 2.3vw; height: 2.3vw; margin-top: -2.3vw; left: 0vw; }
.peoples-list .avatar { width: 4vw; min-width: 4vw; height: auto; min-height: auto; }
.peoples-list_name { padding-top: 0.35vw; font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: normal; color: #959ab9; font-size: 1vw; line-height: 1.1vw; }
.peoples-list_unpip { font-family: "PublicaSans-Regular", Arial, Helvetica, sans-serif; font-size: 0.45vw; color: #cacddc; text-align: left; letter-spacing: 0.5vw; font-weight: normal; }
.peoples-list_link { margin-bottom: 0px !important; }
.peoples-list_link .card-body { padding: 0.35vw 0.7vw; }
.peoples-list .card { border: none; }
.avatar { background: none !important; }

.peoples-list_link .card-body .media-body:hover { color: #212529; }
.peoples-list_link .card-body .media-body:hover .peoples-list_name { color: #212529; }
.peoples-list_link .card-body .media-body:hover .peoples-list_unpip { color: #212529; }

.profile-photo { width: 9.3vw; height: 9.3vw; background: none; display: inline-block; position: relative; line-height: 0; }
.profile-photo>img {
  border-radius: 50%;
  width: 100%;
  height: 100%;
}

.unpip .unpip_id { width: 5.49vw; transform: rotate(-90deg); color: #cacddc; float: left; position: relative; left: -1.9vw; top: 5.4vw; font-size: 0.8vw; font-family: "OswaldLight", Arial, Helvetica, sans-serif; letter-spacing: 3px;
  -webkit-text-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
  -moz-text-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
  text-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}
.unpip .unpip_qrcode { width: 7.5vw;
height: 7.5vw;
float: left;
position: relative;
margin-top: 1.8vw;
left: -3.5vw; }
.unpip .unpip_qrcode img { width: 100%; height: 100%; }
.unpip .unpip_fio { width: 42vw; color: #fff; float: left; position: relative; left: -2.7vw; top: 4.2vw; overflow:hidden }
.unpip .unpip_fio .unpip_fio-fio { font-size: 4.2vw; line-height: 5.8vw; font-family: "OswaldLight", Arial, Helvetica, sans-serif; }
.unpip .unpip_clogo { float: right; position: relative; width: 9.5vw; height: 9.5vw; margin-top: -4.85vw; right: 0.5vw; }
.unpip .unpip_clogo img { width: 100%; height: 100%; }
.unpip_flag_photo-recommender-wrap { width: 9.5vw; height: 9.5vw; position: absolute; border: 1.5vw solid yellow; margin-top: -9.46vw; left: -0.1vw; border-radius: 50%; }

.coins-block { margin-top: 3.28vw; }
.card-wrap { text-align: center; }
.switch-block { color: #09f; font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1vw; line-height: 2vw; }
.switch-block_switch { float: right; }
.switch-block_switch label { color: #959ab9; font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 0.78vw; line-height: 1.7vw; }
.switch-block_text { color: #aab0b7;  width: 96%; }
.switch-block_text-blue { color: #09f;  width: 96%; }
.card-wrap { width: 100%; height: 34.42vw; background: #fff; border-radius: 8px; }
.peoples-list { padding-top: 1vw; overflow: auto; height: 31.42vw; }
.coins-block_card-footer { width: 100%; height: 3.11vw; position: relative; margin-top: -3.11vw; background: #09f; border-radius: 0.55vw; color: #fff; font-family: "PublicaSans-ExtraBold", Arial, Helvetica, sans-serif; font-weight: 800; font-size: 1.17vw; line-height: 3vw; text-align: center; }
.coins-block_card-footer span { font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 0.75vw; position: relative; top: -0.1vw; }
.happy-worlds-block {  }
.coins-block_icon { padding-top: 2.6vw; padding-bottom: 1vw; text-align: center; }
.coins-block_icon img { height: 5.2vw; }
.coins-block_number { font-family: "PublicaSans-ExtraBold", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 3.46vw; line-height: 3.46vw; color: #0081fe; }
.coins-block_short-text { color: #959ab9; font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 0.78vw; }
.coins-block_short-button { padding-top: 2.59vw; }
.coins-block_short-button a { display: inline-block; width: 11.68vw; height: 2.77vw; color: #fff; font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1vw; background: #0081fe; border-radius: 2vw; border: none; padding-top: 0.55vw; }
.coins-block_short-button a:hover { background: #0081fe66; }
.coins-block_short-button a.inactive { background: #0081fe66; }
.coins-block_number-blended { font-family: "PublicaSans-ExtraBold", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 2.6vw; color: #afd7ff; padding-top: 2vw; }

.moneys-block .coins-block_number { color: #33c735; }
.moneys-block .coins-block_number span { color: #b2ecb3; font-size: 1.49vw; line-height: 2.2vw; }
.moneys-block .coins-block_short-button a { background: #33c735; }
.moneys-block .coins-block_short-button a:hover { background: #33c73566; }
.moneys-block .coins-block_short-button a.inactive { background: #33c73566; }
.moneys-block .coins-block_number-blended { color: #b2ecb3; }

.impacts-block .coins-block_number { color: #ff493b; }
.coins-block_circle-number { font-family: "PublicaSans-ExtraBold", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 1.49vw; color: #ffb5af; }
.coins-block_circle-text { color: #959ab9; font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 0.78vw; }

.graph-block { padding-top: 6vw; }
.graph-block .block-head { text-align: center; line-height: 3vw; }
.block-head { color: #09f; font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1vw; line-height: 1.5vw;  }

.coins-block_circle {  }
.coins-block_circle-circle {  }
.coins-block_circle-text-wrap { background: url('/img/Dashboard/Of_Increase_Diagram/D_100.svg') no-repeat center top;  margin-top: 1vw; background-size: 100%; height: 15vw; padding-top: 3.5vw; }
.coins-block_circle-number {  }

.impactor-block { padding-top: 2.77vw; position: relative;  }
.impactor-block-back { height: 25vw; width: 100%; top: 2vw; position: absolute; z-index:10; background: url('/img/ImpactAnim.svg') no-repeat center top; background-size: 100%; opacity: 0; }
.impactor-block .block-head { text-align: center; line-height: 3vw; }
.impactor-wrap {  }
.hw-block { width: 18.67vw; float: left; margin-left: 8vw; }
.hw-block .coins-block_number, .hw-block .coins-block_short-text, .balance-block .coins-block_number, .balance-block .coins-block_short-text { text-align: center; }
.impactor-wrap .impact-block { background: url('/img/Impactor/ImpactorPanel.svg') no-repeat left top; background-size: 100%; width: 40.4vw; float: left; min-height: 18.17vw; }
.balance-block { width: 20vw; float: left; }
.impact-formula { font-family: "PublicaSans-Bold", Arial, Helvetica, sans-serif; font-weight: 900; font-size: 2.34vw; color: #33c735; text-align: center; padding-top: 1.5vw; }
.impact-formula img { height: 2.8vw; position: relative; top: -0.2vw; }
.impact-formula span { padding: 0 1vw; color: #768294; }
.impact-formula-text { font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 0.78vw; color: #959ab9; text-align: center; line-height: 2vw; }
.impact-buttons {  }
#increase { border: none; background: url('/img/Impactor/IncreaseBtn.svg') no-repeat left top; background-size: 100%; width: 13.66vw; height: 6.09vw; margin: 0.5vw 0 0 5vw; }
#reduce { border: none; background: url('/img/Impactor/ReduceBtn.svg') no-repeat left top; background-size: 100%; width: 13.66vw; height: 6.09vw; margin: 0 0 0 1vw; }
#increase.inactive { opacity: 0.6 }
#reduce.inactive { opacity: 0.6 }

.graph-block-wrap { width: 100%; height: 42vw; position: relative; }
.graph-block_range-wrap { width: 100%; position: absolute; background: #fff; }
.range-wrap_max-line {  width: 100%; position: absolute; background: url('/img/Indicator/GreyLineAvg.svg') repeat-x left top; height: 0.26vw; top: 0px; }
.range-wrap_min-line {  width: 100%; position: absolute; background: url('/img/Indicator/GreyLineAvg.svg') repeat-x left top; height: 0.26vw; bottom: 0px; }

.range-wrap_top-line { width: 100%; position: absolute; top: 0px; background: url('/img/Indicator/RedLine+-.svg') repeat-x left top; height: 0.26vw;  }
.line_text { font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 0.58vw; color: #ff493b; position: absolute; top: -0.78vw; }
.line_text_left { left: 0px; }
.line_text_right { right: 0px; text-align: right }
.line_text span { font-size: 0.45vw; }
.range-wrap_center-line { width: 100%; position: absolute; background: url('/img/Indicator/GreyLineAvg.svg') repeat-x left top; height: 0.26vw;  }
.range-wrap_bottom-line { width: 100%; position: absolute; bottom: 0px; background: url('/img/Indicator/RedLine+-.svg') repeat-x left top; height: 0.26vw; }
.graph-block_flags-wrap {  }
.graph-block_flags-wrap ul { list-style-type: none; list-style: none; padding: 0px; margin: 0px; }
.graph-block_flags-wrap ul li { list-style-type: none; list-style: none; padding: 0px; margin: 0px; display: inline-block; width: 5.04%; /*position: relative;*/ }
.graph-block_flags-wrap .range-wrap_flag-wrap { text-align: center; position: absolute; }
.graph-block_flags-wrap .range-wrap_flag-wrap .range-wrap_flag-pic { width: 5vw; margin: 0 auto; }
.graph-block_flags-wrap li .range-wrap_flag-wrap .range-wrap_flag-pic img { width: 100%; height: 100%; }
.graph-block_flags-wrap li:first-child .range-wrap_flag-wrap .range-wrap_flag-pic img { margin-left: -0.8vw; }
.graph-block_flags-wrap .range-wrap_flag-wrap .range-wrap_flag-number { font-family: "PublicaSans-Regular", Arial, Helvetica, sans-serif; font-weight: normal; font-size: 1vw; line-height: 0.5vw; color: #768294; }

.video-block .block-head { text-align: center; line-height: 3vw; }
.video-block img { width: 100%; height: 100%; }
.video-block iframe { width: 100%; height: 100%; }

.icons-block { margin-top: 40px; }
.icons-block .block-head { text-align: center; line-height: 3vw; }
.icons-block img { height: 3vw; }
.icons-block .block-icons { text-align: center }
.icons-block .block-icons a { display: inline-block; padding: 0 10px; }

.payeer_p {
  display: block; position: absolute; top: 2.65vw; left: 0.4vw;
}

#search-results {
  position: relative;
  background: #fff;
  z-index: 10000;
  display: none;
  border-radius: 4px 0 0 4px;
  transition: border-color .2s;
  border: 1px solid #929497;
  box-shadow: none;
  width: 21vw;
  left: 0.2vw;
}

.chat-back-button {  }
.unpip-info { font-size: 3vw; }

#chat-id-1-success { color: green; position: absolute; top: 0.5vw; font-size: 2vw; display: none; left: 1vw; z-index: 100; }
#chat-id-1-error { color: red; position: absolute; top: 0.5vw; font-size: 2vw; display: none; left: 1vw; z-index: 100; }

footer { width: 100%; margin: 6.44vw 0 3.44vw 0; }
footer .flags { width: 100%; margin: 0; }
footer .flags ul { list-style: none; list-style-type: none; padding: 0px; margin: 0 0 0 0vw; }
footer .flags ul li { display: inline-block; width: 4%; margin: 0 1vw 0 0; }
footer .flags ul li img { width: 100%; }
footer .flags ul li:last-child { margin: 0; }

.footer-blue_wrap { background: #09f; color: #fff; }
.footer-blue_wrap .footer-logo { width: 84vw; max-width: 84vw; margin: 0 auto; padding: 3.8vw 20px 0 20px; }
.footer-blue_wrap .footer-logo img { width: 10vw; }
.footer-blue_wrap .copyright { width: 84vw; max-width: 84vw; margin: 0 auto; padding: 1vw 20px 3.8vw 20px; }
.footer-blue_wrap .footer-links { width: 84vw; max-width: 84vw; margin: 0 auto; padding: 1vw 20px 0vw 20px; }
.footer-blue_wrap .footer-links a { color: #fff; text-decoration: underline; }

.chat-back { background: rgb(244,247,252); }

.custom-control { min-height: auto !important; }
.custom-control-input { width: 1vw; height: 1.3vw; }
.custom-switch .custom-control-label::before {
  left: -2.425vw;
  width: 1.925vw;
  /*left: -2.35rem;
  width: 2.5vw;*/
  pointer-events: all;
  border-radius: .55vw;
  position: absolute;
  top: .2vw;
  height: 1.1vw;
}
.custom-switch .custom-control-label::after {
  top: calc(.2vw + 2px);
  left: calc(-2.35vw + 2px);
  /*left: calc(-2.425rem + 2px);*/
  width: calc(1.1vw - 4px);
  height: calc(1.1vw - 4px);
  border-radius: .55vw;
}

/*.layout .container { overflow: auto; }*/
.layout-container-wrap { overflow: auto; margin: 2vw 1.4vw 0 1.4vw; height: 100%; }
.messages-container-wrap { overflow: auto; margin: 2vw 0vw 0 0vw; /*margin: 2vw 1.4vw 0 1.4vw;*/ height: 36vw; }

#chat-wrapper {
  /*
width: 25vw;
position: absolute;
top: 11vw;
right: 0px;

top: 1vw;
*/
  width: auto;
  position: fixed;
  top: 1vw;
  right: 1vw;
  left: 1vw;
  height: 96.5%;
  display: none;
  background: rgb(244,247,252);
  padding: 2vw 0;
  z-index: 10000;
}

#login-wrapper {
/*width: 25vw;
position: absolute;
top: 11vw;
right: 0px;*/
  width: auto;
  position: fixed;
  top: 1vw;
  right: 1vw;
  left: 1vw;
  height: 96.5%;
display: none;
background: rgb(244,247,252);
padding: 2vw 0;
  z-index: 10000;
}

#share-wrapper {
  width: auto;
  position: fixed;
  top: 1vw;
  right: 1vw;
  left: 1vw;
  height: 96.5%;
  display: none;
  background: rgb(244,247,252);
  padding: 2vw 0;
  z-index: 10000;
}
.main {
  background: rgb(244,247,252);
  height: 90vh;
}
.btn-basic { background: rgb(1,118,255); text-align: center; color: #fff; margin-bottom: 1vw; display: block !important; }
.btn-basic:hover { color: #fff; background-color: #005ecd; border-color: #005ecd; }
.btn-basic:active { color: #fff; background-color: #005ecd; border-color: #005ecd; }
.btn-primary:disabled { background-color: transparent; /*background-color: #7f808c;*/ border-color: #7f808c; }

.login-popup-close, .login-popup-close-clear, .popup_recommender-close {
width: 2vw;
height: 2vw;
display: block;
position: absolute;
top: 1vw;
right: 1vw;
z-index: 10000;
}
.login-popup-close img, .login-popup-close-clear img, .login-popup-close-search img, popup_recommender-close img { width: 100%; height: 100%; }

.login-popup-close-search {
  width: 2vw;
  height: 2vw;
  display: block;
  position: absolute;
  top: 0.5vw;
  right: 2vw;
  z-index: 10000;
}
.search-results-wrap {
  padding-top: 0vw;
}

.clearfix { clear: both; }
.overlay { width: 100%; height: 100%; background: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; right: 0; bottom: 0; display: none; z-index: 2; }
.textDiv_Days, .textDiv_Hours, .textDiv_Minutes, .textDiv_Seconds h4 { display: none; }
.textDiv_Seconds { position: static; }
.textDiv_Seconds span { color: #09f; }
.popup {
  width: 34vw;
  position: fixed;
  top: 1vw;
  right: 1vw;
  left: 1vw;
  height: 14vw;
  display: none;
  background: rgb(244,247,252);
  padding: 2vw 0;
  z-index: 10000;
  margin: 20vw auto 0 auto;
}

.custom-switch { padding-left: 0px !important; }

@media (min-width: 768px) {
.bd-placeholder-img-lg {
font-size: 3.5rem;
}
}

@media (max-width: 1003px) {
  .top-menu ul li {
    padding: 0 5vw 0 0;
  }
  .unpip .unpip_fio {
    left: -3.7vw;
    top: 4.1vw;
  }
  .unpip .unpip_id {
    left: -2.1vw;
    top: 6vw;
    font-size: 0.7vw;
    letter-spacing: 2.43px;
  }
  .unpip .unpip_qrcode {
    width: 7.9vw;
    height: 7.9vw;
    left: -4vw;
  }
  .unpip .unpip_clogo {
    margin-top: -5vw;
  }
  .acc_btn .unpip_flag-user_photo {
      top: -1.5vw;
      width: 2.5vw;
      height: 2.5vw;
  }

.custom-switch .custom-control-label::after {
        left: calc(-2.45vw + 2px);
    }
  .custom-switch .custom-control-input:checked~.custom-control-label::after {
    -webkit-transform: translateX(.825vw);
    transform: translateX(.825vw);
  }

.col-3 {
    padding-right: 5px;
    padding-left: 5px;
  }
  .impactor-wrap .impact-block { width: 40.4vw; }
  footer .flags ul li {
    width: 3.5%;
  }

.main {
        height: 100% !important;
    }
    .messages-container-wrap {
        height: 95% !important;
    }
    .chat-content {
        height: 68% !important;
    }
    .main .chat-header {
        padding-left: 20px;
        padding-right: 20px;
    }
    .main .chat-content {
        padding-left: 20px;
        padding-right: 20px;
    }
    #search-results {
      left: 1.5vw;
    }
}

@media (max-width: 640px) {

.top-menu ul {
    padding: 0vw 0 1vw 3.05vw;
  }
  .top-menu ul li {
    padding: 0 7vw 0 0;
  }
  .logo {
    padding: 2.5vw 0 0 0;
  }
  .search {
    padding: 2.6vw 0 0 0;
    position: relative;
  }
  .search .search-btn {
    width: 2vw;
    height: 2.2vw;
    margin-left: 0.5vw;
    background-size: 100%;
    top: 5vw;
    position: absolute;
  }
  .search .search-field {
    width: 21vw;
    height: 5.6vw;
    margin-left: 0px;
  }
  #search-results {
    left: 0.4vw;
    width: 21.4vw;
  }
    .chat-content {
        height: 88% !important;
    }
  .acc_btn {
      width: 6.5vw;
      height: 6.5vw;
      top: 0vw;
  }
    .acc_btn .unpip_flag-user_photo {
        top: -2.5vw;
        width: 6.5vw;
        height: 6.5vw;
    }

.row-logo { height: 12.8vw; }
    .row-logo-col-3 {  }
    .row-logo-col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; }
    .row-logo-col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; }

footer .flags ul li {
        width: 4.19%;
    }

.messenger_btn {
        margin: 2.5vw 4vw 0 0;
        width: 6.5vw;
        height: 6.5vw;
    }
    .share_btn {
        width: 6.5vw;
        height: 6.5vw;
        margin: 0vw 4vw 0 0;
    }

.unpip_flag-user_photo {
    width: 8.75vw;
    height: 8.75vw;
    margin-top: -9.25vw;
    left: 0.7vw;
  }
  .unpip_flag-user_flag {
    width: 12.5vw;
    left: 4.4vw;
  }
  .unpip .unpip_fio {
    left: -4.5vw;
    top: 5vw;
    width: 35vw;
    height: 4vw;
  }
  .unpip .unpip_fio .unpip_fio-fio {
    font-size: 3.5vw;
    line-height: 3.5vw;
  }
  .unpip .unpip_id {
    left: -3.6vw;
    top: 5.2vw;
    font-size: 0.35vw;
    letter-spacing: 1.7px;
  }
  .unpip .unpip_qrcode {
    width: 7.4vw;
    height: 7.4vw;
    left: -5.5vw;
    margin-top: 1.5vw;
  }
  .unpip .unpip_clogo {
    right: 0.3vw;
    width: 9.2vw;
    height: 9.2vw;
    margin-top: -3.5vw;
  }
  .peoples-list {
    padding-top: 0.5vw;
  }
  .peoples-list .avatar {
    width: 1vw;
    min-width: 1vw;
  }

.row {
    margin-right: -5px;
    margin-left: -5px;
  }
  .col-3, .col-6, .col-12, .py-4 {
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 0px !important;
  }

.coins-block_icon {
        padding-top: 1.5vw;
    }
    .coins-block_icon img {
        height: 4.5vw;
    }
    .coins-block_number {
        font-size: 5vw;
        line-height: 6vw;
    }
    .coins-block_short-text {
        font-size: 1vw;
    }
    .coins-block_short-button {
        padding-top: 1.5vw;
        line-height: 1.5vw;
    }
    .coins-block_number-blended {
        padding-top: 2vw;
        font-size: 4.5vw;
        line-height: 4.5vw;
    }
    /*
    .switch-block {
        line-height: 3.3vw;
    }
    .custom-switch {
        padding-top: 0.65vw;
    }*/
    .coins-block_circle-text-wrap {
        margin-top: 0.5vw;
        background-size: 97%;
    }
    .coins-block_card-footer span {
        top: 0vw;
    }
    .clock-item .text { font-size: 1.5vw; width: 76%; }
    .graph-block { padding-top: 4vw; }
    .graph-timer { padding-top: 1vw; height: 9vw !important; }
    .graph-block_flags-wrap .range-wrap_flag-wrap .range-wrap_flag-pic {
        width: 4vw;
    }

.graph-block_flags-wrap ul li {
    width: 4.165%;
  }
  .impactor-wrap .impact-block {
    width: 52vw;
    margin-top: 2vw;
      min-height: 19.17vw;
  }
    .impact-formula {
        font-size: 4vw;
    }
    .impact-formula img {
        height: 3vw;
    }
    .impact-formula-text {
        font-size: 1vw;
        line-height: 0.5vw;
    }

.container {
        padding-left: 0;
        padding-right: 0;
    }

#chat-wrapper .custom-switch .custom-control-label::before, #login-wrapper  .custom-switch .custom-control-label::before {
        width: 12vw;
        height: 6vw;
        left: -7vw;
        border-radius: 5vw;
        top: 0px;
    }
    #chat-wrapper .custom-switch .custom-control-label::after, #login-wrapper .custom-switch .custom-control-label::after {
        top: 0.55vw;
        left: -6vw;
        width: 5vw;
        height: 5vw;
        border-radius: 50%;
    }
    #chat-wrapper .custom-switch .custom-control-input:checked~.custom-control-label::after, #login-wrapper  .custom-switch .custom-control-input:checked~.custom-control-label::after {
        left: -4.5vw;
    }
    #login-wrapper .switch-block_switch label {
        font-size: 3vw;
        line-height: 4vw;
        padding-left: 8vw;
    }

.popup_recommender-change {
        width: 76vw;
        height: 54vw;
        top: 62vw;
    }
    .popup_recommender-close {
        right: 6vw;
    }
    .login-popup-close {
        width: 8vw;
        height: 8vw;
    }
    #share-unpip { display: none !important; }
    #share-wrapper .col-sm-12 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
    #share-wrapper a { word-break: break-all; }
    #share-wrapper h2 { text-align: center; }

#increase {
    width: 17vw;
    height: 8vw;
    top: 1vw;
      left: 1vw;
    position: relative;
  }
  #reduce {
    width: 17vw;
    height: 8vw;
    top: 1vw;
      left: 1vw;
    position: relative;
  }
    .hw-block {
        margin-left: 1vw;
        margin-top: 2vw;
    }
    .balance-block {
        margin-top: 2vw;
    }

footer .flags ul li {
    margin: 0 0vw 0 0;
  }
  .footer-blue_wrap {
    font-size: 2vw;
    height: 30vw;
  }
  .footer-blue_wrap .footer-logo {
    padding: 3vw 5px 2.5vw 5px;
  }
  .footer-blue_wrap .footer-logo img {
    width: 26vw;
  }
  .footer-blue_wrap .copyright {
    padding: 1vw 5px 3.8vw 5px;
  }

.footer-blue_wrap .footer-links {
        padding: 1vw 20px 0vw 5px;
    }

.custom-switch .custom-control-label::before {
    left: -2.85vw;
    width: 2.5vw;
  }
  .custom-switch .custom-control-label::after {
    left: calc(-2.725vw + 2px);
  }
  .custom-switch .custom-control-input:checked~.custom-control-label::after {
    -webkit-transform: translateX(.925vw);
    transform: translateX(.925vw);
  }
}

.blink {
  opacity: 0;
}
.countdown-container {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transform: translateY(-50%);

}

.clock-item .inner {
  height: 0px;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
}

.clock-canvas {
  background-color: rgba(255, 255, 255, .1);
  border-radius: 50%;
  height: 0px;
  padding-bottom: 100%;
}

.text {
  color: #09f;
  font-size: 2vw;
  font-weight: bold;
  position: absolute;
  top: 19%;
  text-align: center;
  width: 84%;
  font-family: "OswaldLight", Arial, Helvetica, sans-serif;
}

.text .type-time {
  font-size: 2vw;
}

@media (min-width: 768px) and (max-width: 991px) {
  .clock-item {
    margin-bottom: 30px;
  }
}

@media (max-width: 767px) {
  .clock-item {
    margin: 0px 30px 30px 30px;
  }
}

.graph-timer { height: 6vw; }
.kineticjs-content, .kineticjs-content canvas { width: 6vw !important; height: 6vw !important; }
.clock-seconds { flex: none !important; max-width: 7vw !important; margin: 0 auto; padding: 0px !important;  }

.st-custom-button[data-network] {
  background-color: #0adeff;
  display: inline-block;
  padding: 5px 10px;
  cursor: pointer;
  font-weight: bold;
  color: #fff;
}
.st-custom-button[data-network]:hover, .st-custom-button[data-network]:focus {
            text-decoration: underline;
            background-color: #00c7ff;
          }

#share-unpip {
                         font-family: "Helvetica Neue", Verdana, Helvetica, Arial, sans-serif;;
                         direction: ltr;
                         display: block;
                         opacity: 1;
                         text-align: center;
                         z-index: 94034;
                       }
#share-unpip.st-animated {
  -moz-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -ms-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -o-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; -webkit-transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in; transition: o 0.2s ease-in, p 0.2s ease-in, a 0.2s ease-in, c 0.2s ease-in, i 0.2s ease-in, t 0.2s ease-in, y 0.2s ease-in;
}
#share-unpip.st-hidden {
  opacity: 0;
}
#share-unpip.st-hide {
  display: none;
}
#share-unpip .st-btn {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transition: opacity 0.2s ease-in, top 0.2s ease-in; -ms-transition: opacity 0.2s ease-in, top 0.2s ease-in; -o-transition: opacity 0.2s ease-in, top 0.2s ease-in; -webkit-transition: opacity 0.2s ease-in, top 0.2s ease-in; transition: opacity 0.2s ease-in, top 0.2s ease-in;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  display: inline-block;
  font-size: 2vw;
  width: 4vw;
  height: 4vw;
  line-height: 4vw;
  margin-top: 3vw;
  margin-right: 3vw;
  padding: 0 10px;
  position: relative;
  text-align: center;
  top: 0;
  vertical-align: top;
  white-space: nowrap;
}
#share-unpip .st-btn:last-child {
  margin-right: 0;
}
#share-unpip .st-btn > svg {
  height: 100%;
  width: 100%;
  position: relative;
  top: 0px;
  vertical-align: top;
}
#share-unpip .st-btn > img {
  display: inline-block;
  height: 100%;
  width: 100%;
  position: relative;
  top: 0px;
  vertical-align: top;
}
#share-unpip .st-btn > span {
  -moz-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; transition: all 0.2s ease-in;
  color: #000;
  display: inline-block;
  opacity: 1;
  position: absolute;
  vertical-align: top;
  top: -3vw;
  left: -0.4vw;
  font-size: 1vw;
}
#share-unpip.st-has-labels .st-btn {
  min-width: 135px;
}
#share-unpip.st-has-labels .st-btn.st-remove-label {
  min-width: 50px;
}
#share-unpip.st-has-labels .st-btn.st-remove-label > span {
  display: none;
}
#share-unpip.st-has-labels .st-btn.st-hide-label > span {
  display: none;
}
#share-unpip .st-total {
  color: #555;
  display: inline-block;
  font-weight: 500;
  line-height: 15px;
  margin-right: 0;
  max-width: 80px;
  padding: 4px 8px;
  text-align: center;
}
#share-unpip .st-total.st-hidden {
  display: none;
}
#share-unpip .st-total > span {
  font-size: 20px;
  line-height: 22px;
  display: block;
  padding: 0;
}
#share-unpip .st-total > span.st-shares {
  font-size: 12px;
  line-height: 12px;
}
#share-unpip.st-justified {
  display: flex;
  text-align: center;
}
#share-unpip.st-justified .st-btn {
  -moz-flex: 1;
  -ms-flex: 1;
  -webkit-flex: 1;
  flex: 1;
}
#share-unpip .st-btn:hover {
   opacity: .8;
   top: -4px;
}
#share-unpip .st-btn[data-network='facebook'] {
    background-color: #4267B2;
}
#share-unpip .st-btn[data-network='facebook'] svg {
  fill: #fff;
}
#share-unpip .st-btn[data-network='twitter'] {
  background-color: #55acee;
}
#share-unpip .st-btn[data-network='twitter'] svg {
  fill: #fff;
}
#share-unpip .st-btn[data-network='linkedin'] {
  background-color: #0077b5;
}
#share-unpip .st-btn[data-network='linkedin'] svg {
  fill: #fff;
}
#share-unpip .st-btn[data-network='reddit'] {
  background-color: #ff4500;
}
#share-unpip .st-btn[data-network='reddit'] svg {
  fill: #fff;
}
#share-unpip .st-btn[data-network='messenger'] {
  background-color: #448AFF;
}
#share-unpip .st-btn[data-network='messenger'] svg {
  fill: #fff;
}
#share-unpip .st-btn[data-network='vk'] {
  background-color: #4c6c91;
}
#share-unpip .st-btn[data-network='vk'] svg {
  fill: #fff;
}
#share-unpip .st-btn[data-network='odnoklassniki'] {
  background-color: #d7772d;
}
#share-unpip .st-btn[data-network='odnoklassniki'] svg {
  fill: #fff;
}
#share-unpip .st-btn[data-network='renren'] {
  background-color: #005baa;
}
#share-unpip .st-btn[data-network='renren'] svg {
  fill: #fff;
}
#share-unpip .st-btn[data-network='telegram'] {
  background-color: #0088cc;
}
#share-unpip .st-btn[data-network='telegram'] svg {
  fill: #fff;
}
#share-unpip .st-btn[data-network='douban'] {
  background-color: #2E963D;
}
#share-unpip .st-btn[data-network='douban'] svg {
  fill: #fff;
}
#share-unpip .st-btn[data-network='wechat'] {
  background-color: #4EC034;
}
#share-unpip .st-btn[data-network='wechat'] svg {
  fill: #fff;
}
#share-unpip .st-btn[data-network='buffer'] {
  background-color: #323B43;
}
#share-unpip .st-btn[data-network='buffer'] svg {
  fill: #fff;
}
#share-unpip .st-btn[data-network='qzone'] {
  background-color: #F1C40F;
}
#share-unpip .st-btn[data-network='qzone'] svg {
  fill: #fff;
}
#share-unpip .st-btn[data-network='weibo'] {
  background-color: #ff9933;
}
#share-unpip .st-btn[data-network='weibo'] svg {
  fill: #fff;
}
#share-unpip .st-btn[data-network='whatsapp'] {
  background-color: #25d366;
}
#share-unpip .st-btn[data-network='whatsapp'] svg {
  fill: #fff;
}

.footer-links:hover { text-decoration: none; }

.toggle-password {
    position: absolute;
    right: 20px;
    cursor: pointer;
    margin-top: -34px;
}
.video-block { margin-top: 60px; }

.container-mobile { width: 100%; }
.container-mobile header { background: #fff; }
.is-candy .logo { text-align: center; margin: 0px auto; background: #fff; padding: 20px 0 10px 0; }
.is-candy .logo img {   }
.is-candy .slogan { color: rgb(166,166,166); font-size: 11px; line-height: 13px; text-align: center; text-transform: uppercase; padding-bottom: 20px; }
.candy-no-auth { color: rgb(17,130,255); font-size: 14px; background: rgb(245,247,252); text-transform: uppercase; padding: 16px 0; }
.candy-no-auth .form-text { font-family: "Acrom-Regular", Arial, Helvetica, sans-serif; line-height: 16px; padding-bottom: 16px;
}
.candy-no-auth input { border: 1px solid rgb(17,130,255) !important; margin: 0 0 0 60px; width: 69%; font-size: 18px; padding: 6px 10px; line-height: 14px; border-radius: 0px; height: auto !important; }
.candy-no-auth select { border: 1px solid rgb(17,130,255) !important; margin: 0 0 0 60px; width: 69%; font-size: 18px; padding: 6px 10px; line-height: 14px; border-radius: 0px; height: auto !important; margin-top: 20px; }
.candy-no-auth button { text-indent: -9999px; background: url('/img/Butgray.svg') no-repeat left top; margin: 0 0 0 28px; border: none; border-color: transparent !important; height: 112px; background-size: 100%; width: 87%; }
.candy-with-auth { color: rgb(0,222,48); font-size: 18px; background: rgb(255,255,255); text-transform: uppercase; padding: 16px 0; }
.candy-with-auth .form-text { font-family: "Acrom-Bold", Arial, Helvetica, sans-serif; line-height: 16px; padding-bottom: 16px;
}
.candy-with-auth input { border: 1px solid rgb(0,222,48) !important; margin: 0 0 0 60px; width: 69%; font-size: 12px; padding: 6px 10px; line-height: 14px; border-radius: 0px; height: auto !important; }
.candy-with-auth button { text-indent: -9999px; background: url('/img/Butgreen.svg') no-repeat left top; margin: 0 0 0 28px; border: none; border-color: transparent !important; height: 112px; background-size: 100%; width: 87%; }

.small-gray-text { color: rgb(166,166,166); font-size: 8px; }

.candy-world .block-head { font-family: "Acrom-Bold", Arial, Helvetica, sans-serif; color: rgb(17,130,255); font-size: 14px !important; line-height: 16px !important; text-transform: uppercase; }
.candy-world .video-block { margin-top: 20px !important; }
.candy-games .block-head { font-family: "Acrom-Bold", Arial, Helvetica, sans-serif; color: rgb(17,130,255); font-size: 14px !important; line-height: 16px !important; text-transform: uppercase; }
.candy-games .icons-block { margin-top: 20px !important; }
.candy-games .block-icons { padding-top: 20px; }
.candy-games .icons-block img { height: 60px !important; }

.container-mobile .links { color: rgb(166,166,166); font-size: 11px; line-height: 13px; }
.container-mobile .links a { color: rgb(166,166,166); }
.container-mobile .copyright { padding-top: 10px; color: rgb(166,166,166); font-size: 10px; line-height: 13px; }