/* basic scrollbar styling */
/* vertical scrollbar */
.mCSB_container{
width:auto;
margin-right:24px;
overflow:hidden;
}
.mCSB_container.mCS_no_scrollbar{
margin-right:0;
}
.mCS_disabled>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCustomScrollBox>.mCSB_container.mCS_no_scrollbar{
margin-right:30px;
}
.mCustomScrollBox>.mCSB_scrollTools{
width:16px;
height:100%;
top:0;
right:0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
position:absolute;
top:0;
left:0;
bottom:0;
height:auto;
width:100%;
}
.mCSB_scrollTools a+.mCSB_draggerContainer{
margin:4px 0;
}
.mCSB_scrollTools .mCSB_draggerRail{
width:2px;
height:100%;
margin:0 auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.mCSB_scrollTools .mCSB_dragger{
cursor:pointer;
width:100%;
background: none repeat scroll 0 0 rgba(200, 200, 200, 0.8);
cursor: pointer;
height: 5px;
left: 0;
top: 0;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
/*width:4px;*/
height:100%;
margin:0 auto;
text-align:center;
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown{
display:block;
position:relative;
height:4px;
width:12px;
overflow:hidden;
margin:0 auto;
cursor:pointer;
}
.mCSB_scrollTools .mCSB_buttonDown{
top:100%;
margin-top:-9px;
}
/* horizontal scrollbar */
.mCSB_horizontal>.mCSB_container{
height:auto;
margin-right:0;
margin-bottom:30px;
overflow:hidden;
}
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
margin-bottom:0;
}
.mCS_disabled>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar,
.mCS_destroyed>.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar{
margin-right:0;
margin-bottom:30px;
}
.mCSB_horizontal.mCustomScrollBox>.mCSB_scrollTools{
width:100%;
height:16px;
top:auto;
right:auto;
bottom:0;
left:0;
overflow:hidden;
}
.mCSB_horizontal>.mCSB_scrollTools a+.mCSB_draggerContainer{
margin:0 20px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:2px;
margin:7px 0;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger{
width:30px;
height:100%;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
display:block;
position:relative;
width:20px;
height:100%;
overflow:hidden;
margin:0 auto;
cursor:pointer;
float:left;
}
.mCSB_horizontal>.mCSB_scrollTools .mCSB_buttonRight{
margin-left:-40px;
float:right;
}
.mCustomScrollBox{
-ms-touch-action:none; /*MSPointer events - direct all pointer events to js*/
}
/* default scrollbar colors and backgrounds (default theme) */
.mCustomScrollBox>.mCSB_scrollTools{
opacity:0.75;
filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCustomScrollBox:hover>.mCSB_scrollTools{
opacity:1;
filter:"alpha(opacity=100)"; -ms-filter:"alpha(opacity=100)"; /* old ie */
}
.mCSB_scrollTools .mCSB_draggerRail{
background:#000; /* rgba fallback */
background:rgba(0,0,0,0.4);
filter:"alpha(opacity=40)"; -ms-filter:"alpha(opacity=40)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:#fff; /* rgba fallback */
background:rgba(255,255,255,0.75);
filter:"alpha(opacity=75)"; -ms-filter:"alpha(opacity=75)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.85);
filter:"alpha(opacity=85)"; -ms-filter:"alpha(opacity=85)"; /* old ie */
}
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.9);
filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight{
background-color: rgba(0, 0, 0, 0.15);
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
}
.mCSB_scrollTools .mCSB_buttonUp{
/*background-position:0 0;*/
/*
sprites locations are 0 0/-16px 0/-32px 0/-48px 0 (light) and -80px 0/-96px 0/-112px 0/-128px 0 (dark)
*/
}
.mCSB_scrollTools .mCSB_buttonDown{
background-position:0 -20px;
/*
sprites locations are 0 -20px/-16px -20px/-32px -20px/-48px -20px (light) and -80px -20px/-96px -20px/-112px -20px/-128px -20px (dark)
*/
}
.mCSB_scrollTools .mCSB_buttonLeft{
background-position:0 -40px;
/*
sprites locations are 0 -40px/-20px -40px/-40px -40px/-60px -40px (light) and -80px -40px/-100px -40px/-120px -40px/-140px -40px (dark)
*/
}
.mCSB_scrollTools .mCSB_buttonRight{
background-position:0 -56px;
/*
sprites locations are 0 -56px/-20px -56px/-40px -56px/-60px -56px (light) and -80px -56px/-100px -56px/-120px -56px/-140px -56px (dark)
*/
}
.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover{
}
.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active{
opacity:0.9;
filter:"alpha(opacity=90)"; -ms-filter:"alpha(opacity=90)"; /* old ie */
}
/*scrollbar themes*/
/*dark (dark colored scrollbar)*/
.mCS-dark>.mCSB_scrollTools .mCSB_draggerRail{
background:#000; /* rgba fallback */
background:rgba(0,0,0,0.15);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
background:#fff;
background:rgba(255,255,255,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:#fff; /* rgba fallback */
background:rgba(255,255,255,0.75);
}
.mCS-dark>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9);
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonUp{
/*background-position:-80px 0;*/
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonDown{
/*background-position:-80px -20px;*/
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonLeft{
/*background-position:-80px -40px;*/
}
.mCS-dark>.mCSB_scrollTools .mCSB_buttonRight{
/*background-position:-80px -56px;*/
}
/*light-2*/
.mCS-light-2>.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#fff; /* rgba fallback */
background:rgba(255,255,255,0.1);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
background:#fff; /* rgba fallback */
background:rgba(255,255,255,0.75);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-light-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.85);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.9);
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonUp{
/*background-position:-32px 0;*/
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonDown{
/*background-position:-32px -20px;*/
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonLeft{
/*background-position:-40px -40px;*/
}
.mCS-light-2>.mCSB_scrollTools .mCSB_buttonRight{
/*background-position:-40px -56px;*/
}
/*dark-2*/
.mCS-dark-2>.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#000; /* rgba fallback */
background:rgba(0,0,0,0.1);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:4px;
background:#000; /* rgba fallback */
background:rgba(0,0,0,0.75);
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:1px;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-dark-2.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:4px;
margin:6px auto;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9);
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-112px 0;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-112px -20px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-120px -40px;
}
.mCS-dark-2>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-120px -56px;
}
/*light-thick*/
.mCS-light-thick>.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#fff; /* rgba fallback */
background:rgba(255,255,255,0.1);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:6px;
background:#fff; /* rgba fallback */
background:rgba(255,255,255,0.75);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-light-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:6px;
margin:5px auto;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(255,255,255,0.85);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(255,255,255,0.9);
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-16px 0;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-16px -20px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-20px -40px;
}
.mCS-light-thick>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-20px -56px;
}
/*dark-thick*/
.mCS-dark-thick>.mCSB_scrollTools .mCSB_draggerRail{
width:4px;
background:#000; /* rgba fallback */
background:rgba(0,0,0,0.1);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:6px;
background:#000; /* rgba fallback */
background:rgba(0,0,0,0.75);
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
height:4px;
margin:6px 0;
}
.mCS-dark-thick.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:6px;
margin:5px auto;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9);
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-96px 0;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-96px -20px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-100px -40px;
}
.mCS-dark-thick>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-100px -56px;
}
/*light-thin*/
.mCS-light-thin>.mCSB_scrollTools .mCSB_draggerRail{
background:#fff; /* rgba fallback */
background:rgba(255,255,255,0.1);
}
.mCS-light-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:2px;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
}
.mCS-light-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:2px;
margin:7px auto;
}
/*dark-thin*/
.mCS-dark-thin>.mCSB_scrollTools .mCSB_draggerRail{
background:#000; /* rgba fallback */
background:rgba(0,0,0,0.15);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:2px;
background:#000; /* rgba fallback */
background:rgba(0,0,0,0.75);
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_draggerRail{
width:100%;
}
.mCS-dark-thin.mCSB_horizontal>.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width:100%;
height:2px;
margin:7px auto;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
background:rgba(0,0,0,0.85);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin>.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
background:rgba(0,0,0,0.9);
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonUp{
background-position:-80px 0;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonDown{
background-position:-80px -20px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonLeft{
background-position:-80px -40px;
}
.mCS-dark-thin>.mCSB_scrollTools .mCSB_buttonRight{
background-position:-80px -56px;
}
/* Профиль
-----------------------------------------------------------------*/
.profile-link {
color: #fff;
font-size: 14px;
left: 10px;
position: absolute;
top: 5px;
z-index: 9999;
}
.profile-link a {
/*color: #fff;*/
font-size: 14px;
margin: 0 5px;
padding: 0;
}
.profile-link a:hover {
text-decoration: none;
}
#loginza_auth_form {
background-image: none !important;
}
/* Окна
-----------------------------------------------------------------*/
.left-blocks {
position: absolute;
top: 15%;
left: 0;
font-family: 'Play';
color: #fff;
}
.open-block {
z-index: 1002 !important;
}
#block-blue {
z-index: 1000;
}
#block-orange {
top: 170px;
z-index: 1001;
}
#block-blue .content {
background: rgb(72 0 53 / 58%);
/*#1 height: 470px;*/
}
#block-blue .button {
background: rgb(255 57 158 / 77%);
right: -64px;
top: 59px;
width:109px;
text-align:center;
}
#block-orange .button {
background: rgba(101, 22, 142, 0.72);
right: -95px;
top: 90px;
width:171px;
text-align:center;
}
#block-orange .content{
/*#1 height: 266px;*/
background: rgba(101, 77, 195, 0.5490196078431373);
}
#block-blue .title {
border-bottom: 1px solid #ffffff73;
background: rgb(219 0 129 / 63%);
}
#block-orange .title {
border-bottom: 1px solid #310071;
background: rgba(171, 95, 255, 0.34901960784313724);
}
#block-blue .title,
#block-orange .title {
text-transform: uppercase;
font: 15px/15px 'Play';
color: #fff;
padding: 8px;
margin-bottom: 5px;
}
.pre_space{padding-bottom:14px;}
.left-blocks .field {
padding: 5px;
margin: 0px 10px 0px;
}
.left-blocks .btn-send {
display: block;
float: left;
}
.left-blocks form {
padding-bottom: 20px;
}
/* Общие */
#block-blue,
#block-orange {
position: absolute;
left: -325px;
width: 350px;
}
#block-blue .button,
#block-orange .button {
color: #fff;
position: absolute;
padding: 4px 20px;
text-decoration: none;
font: 14px/20px 'Play';
}
#block-blue .button,
#block-orange .button {
-moz-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
/* writing-mode: tb-rl;*/
}
#block-blue .content,
#block-orange .content {
width: 325px;
}
.btn-send {
position: relative;
overflow: visible;
display: inline-block;
padding: 0.3em 2em;
margin: 0;
text-decoration: none;
font: 800 14px/normal 'Play';
cursor: pointer;
zoom: 1;
min-width: 80px;
color: #f9fcfd;
-webkit-border-image: -webkit-linear-gradient(45deg,#ff62f3,#2700c3) 10 stretch;
-moz-border-image: -moz-linear-gradient(45deg,#ff62f3,#2700c3) 10 stretch;
-o-border-image: -o-linear-gradient(45deg,#ff62f3,#2700c3) 10 stretch;
border-image: -webkit-linear-gradient(45deg,#ff62f3,#2700c3) 10 stretch;
background: none;
}
.btn-send:hover {
background-image: -webkit-linear-gradient(left,color-stop(#5b1c6a 0%),color-stop(#000000 100%));
background-image: linear-gradient(to right,#5b1c6a 0%,#000000 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b1c6a', endColorstr='#000000', GradientType=1);
}
input[type=text], input[type=password]{
background: rgba(255,255,255,0.2);
/* border: solid #6e6e6e; */
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid #6e6e6e;
padding: 5px;
outline: none;
color: #fff;
width: 315px;
}
input[type=text]#authLogin , input[type=password]#authPwd{
width: 165px;
}
input[type=text].star-cord, input[type=password].star-cord {
background: rgba(255,255,255,0.2);
/* border: solid #6e6e6e; */
border-top: 0px;
border-left: 0px;
border-right: 0px;
border-bottom: 1px solid #6e6e6e;
padding: 5px;
outline: none;
color: #fff;
width: 75px;
}
.GoogleBTN {
display: inline-block;
background: url(https://developers-dot-devsite-v2-prod.appspot.com/identity/sign-in/g-normal.png) #fff 5px 50% no-repeat;
color: #444!important;
width: 137px;
border: 1px solid #888;
box-shadow: 1px 1px 1px grey;
white-space: nowrap;
padding: 11px 0px;
padding-left: 37px;
margin: 15px;
}
.left-blocks input[type=text] {
margin: 15px 0;
}
.star-cord {
width: 77px;
margin-right: 5px!important;
text-align: center;
}
.placeholder {
color: #999 !important;
}
.social-link-field .placeholder{
font-style: italic;
}
.processing-request {
background: transparent url(/img/processing-request.gif) no-repeat;
float: left;
height: 13px;
margin: 6px 20px;
width: 62px;
visibility: hidden;
}
.clear:after{
content: ' ';
display: block;
height: 0;
clear: both;
}
.clr {
clear: both;
}
.message-error {
font: 800 16px/16px 'Play';
text-transform: uppercase;
color: #FF0000;
text-align: center;
padding: 15px;
}
#blockStar {
-webkit-box-shadow: 0 0 10px rgb(0 0 0 / 79%);
background: rgb(0 0 0 / 72%);
color: #fff;
border: #484848 solid 1px;
display: none;
height: 126px;
margin-left: 175px;
margin-top: -95px;
padding: 15px;
position: absolute;
width: 330px;
z-index: 99999999;
}
#blockStar .close-block-star, .sn-rmv-cont .close-block-star {
cursor: pointer;
font-size: 20px;
font-weight: 600;
position: absolute;
right: 10px;
top: 5px;
display: block;
width:14px;
height:14px;
background: url(/img/close.png) no-repeat 0 -20px scroll;
}
#blockStar .close-block-star:hover{
background-position:-18px -20px;
}
.sn-rmv-cont .close-block-star {
background-position:-18px -20px;
right: 6px;
top: 7px;
}
.sn-rmv-cont{
padding: 5px;
color: #cccccc;
font: 400 12px/16px 'Play';
text-align: left;
margin-top: 7px;
border: 1px solid #6d6d6d;
position: relative;
}
.sn-rmv-cont .snIco {
width: 16px;
height: 16px;
margin: 0 6px 0 0;
display: block;
float: left;
}
.sn-rmv-cont .snIco.fb {
background: transparent url(/img/socialnet_16.png) no-repeat 0 0;
}
.sn-rmv-cont .snIco.vk {
background: transparent url(/img/socialnet_16.png) no-repeat -16px 0;
}
.sn-rmv-cont .snIco.tw {
background: transparent url(/img/socialnet_16.png) no-repeat -32px 0;
}
.sn-rmv-cont .snIco.gp {
background: transparent url(/img/socialnet_16.png) no-repeat -48px 0;
}
.sn-rmv-cont .snIco.ig {
background: transparent url(/img/socialnet_16.png) no-repeat -64px 0;
}
.sn-rmv-cont .close-block-star {
}
.data-star {
margin-left: 135px;
overflow: hidden;
}
.star-image {
width: 117px;
/*height: 117px;*/
float: left;
}
.profile-block .star-image {
border: 2px solid #6d6d6d;
}
.star-image-wrap {
width: 118px;
max-height: 112px;
overflow: hidden;
float: left;
border: 1px solid #90b2bd;
}
.star-image.free {
background: url(/templates/site/images/bg-new-star.jpg) no-repeat; height: 113px;
}
.star-block .name_star {
color: #00dcff;
font-weight: 800;
font-size: 16px;
}
.star-block .name-free,
.star-block .name-star {
font: 800 17px/20px 'Play';
}
.star-block .name-free {
color: #c6ffbc;
}
.orangeH{
color: #39ffc8;
font-size: 18px;
line-height: 18px;
margin-bottom: -2px;
}
.star-block .name-star {
color: #28c3bc;
}
.star-block .star-list li {
}
.star-block .star-list {
list-style: none;
margin: 0;
padding: 0;
font: 13px/15px 'Play';
color: #d5a5ff;
}
.star-block .star-list.free, .star-block .star-list.registered {
margin-top: 12px;
}
.star-block .price {
font: 800 15px/25px 'Play';
}
.star-block .price .suma {
color: #c6ffbc;
}
.star-block .price .suma-comment {
color: #e5f5ff;
cursor: pointer;
text-decoration: underline;
font-size: 9px;
}
.star-block .price .suma-comment:hover{
text-decoration: none;
}
.star-block li.btn-star {
height: 30px;
padding: 12px 0;
}
.star-block .btn-grey {
padding: 3px 30px;
text-decoration: none;
color: #f9fcfd;
-webkit-border-image: -webkit-linear-gradient(45deg, #ff62f3, #2700c3) 10 stretch;
-moz-border-image: -moz-linear-gradient(45deg, #ff62f3, #2700c3) 10 stretch;
-o-border-image: -o-linear-gradient(45deg, #ff62f3, #2700c3) 10 stretch;
border-image: -webkit-linear-gradient(45deg, #ff62f3, #2700c3) 10 stretch;
position: relative;
border-width: 2px;
border-style: solid;
}
.star-block .btn-grey:hover {
background-image: -webkit-linear-gradient(left,color-stop(#5b1c6a 0%),color-stop(#000000 100%));
background-image: linear-gradient(to right,#5b1c6a 0%,#000000 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b1c6a', endColorstr='#000000', GradientType=1);
}
.container-modal .title {
border-bottom: 1px solid #9a9a9a;
color: #F9FCFD;
font: normal 19px/1em 'Play';
padding-bottom: 8px;
position: relative;
text-transform: uppercase;
top: -4px;
margin: 0px;
width: 495px;
}
.container-modal .stars-block {
background: transparent url(/templates/site/images/line.png) repeat-x bottom left;
padding: 10px 0;
}
.container-modal .stars-block.last-child {
background: none;
}
.container-modal .stars-block .name-star {
color: #00c4ff;
font:800 17px/20px 'Play';
}
.container-modal .stars-list {
list-style: none;
margin: 0;
padding: 0;
font: 13px/15px 'Play';
color: #fff;
}
.container-modal .stars-list .name_star {
color: #00dcff;
cursor: pointer;
font-weight: 800;
margin-top:15px;
font-size: 16px;
}
.sn_links_2{
padding-top: 10px;
}
a.openFullStarList{
float: right;
font-size: 16px;
background: none !important;
color:#00dcff;
text-decoration: underline;
}
a.openFullStarList:hover{
text-decoration: none;
}
.container-modal .scroll {
height: 430px;
overflow: hidden;
}
.profile-data {
margin: 20px 0 0 145px;width:350px;
}
.line-bottom {
border-bottom: 1px solid #6a7383;
margin-bottom: 8px!important;
}
.line-top {
border-top: 1px solid #6a7383;
}
.user-list {
margin: 0;
padding: 12px 0;
list-style: none;
font: 17px/1.5em 'Play';
color: #9eb4cc;
margin-bottom: 40px;
}
.user-list.last {
padding-bottom:0;
}
.user-list li {
line-height: 26px;
position: relative;
}
.for-bigAva {
color: #47ffd5;
font-weight: normal;
text-decoration: none;
border-bottom: 2px dotted #47ffd5;
}
.for-bigAva:hover {
border-bottom: none;
}
.btn-blue.right {
position: absolute;
right: 0;
top: -3px;
padding: 0 4px !important;
font-size:13px
}
.btn-blue#saveStarDesire {
border: 2px solid #fff;
width: 127px;
margin-top: 4px;
padding: 4px 5px;
color: #fff;
font-size: 14px;
/* float: right; */
display: inline-block;
text-decoration: none;
cursor: pointer;
zoom: 1;
-webkit-border-image: -webkit-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
-moz-border-image: -moz-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
-o-border-image: -o-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
border-image: -webkit-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
background: none;}
.btn-blue {
border: 1px solid #fff;
margin-top:4px;
padding:0 5px;
color: #fff;
font-size: 14px;
/*float: right;*/
display: inline-block;
text-decoration: none;
cursor: pointer;
zoom: 1;
-webkit-border-image: -webkit-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
-moz-border-image: -moz-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
-o-border-image: -o-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
border-image: -webkit-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
background: none;
}
.btn-blue:hover {
background-image: -webkit-linear-gradient(left,color-stop(#14a5d3 0%),color-stop(#20baa0 100%));
background-image: linear-gradient(to right,#14a5d3 0%,#20baa0 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff14a5d3', endColorstr='#ff20baa0', GradientType=1);
}
.btn-green {
position: relative;
overflow: visible;
display: inline-block;
padding: 0.3em 2em;
cursor: pointer;
zoom: 1;
color: #f9fcfd;
-webkit-border-image: -webkit-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
-moz-border-image: -moz-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
-o-border-image: -o-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
border-image: -webkit-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
background: none;
}
.btn-green:hover {
background-image: -webkit-linear-gradient(left,color-stop(#14a5d3 0%),color-stop(#20baa0 100%));
background-image: linear-gradient(to right,#14a5d3 0%,#20baa0 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff14a5d3', endColorstr='#ff20baa0', GradientType=1);
}
.btn-orange
{
border: 3px solid #fff;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
padding: 6px 10px;
text-decoration: none;
font-size: 16px;
text-align: center;
float: right;
background: none!important;
cursor: pointer;
outline: none;
font-weight: bold;
margin-top: 50px;
color: #f9fcfd;
-webkit-border-image: -webkit-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
-moz-border-image: -moz-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
-o-border-image: -o-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
border-image: -webkit-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
}
.btn-orange:hover
{
background-image: -webkit-linear-gradient(left,color-stop(#14a5d3 0%),color-stop(#20baa0 100%));
background-image: linear-gradient(to right,#14a5d3 0%,#20baa0 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff14a5d3', endColorstr='#ff20baa0', GradientType=1);
}
.btn-2 {
position: absolute;
left: 40px;top:0;margin-top:10px;
padding: 6px 45px;
font-size: 16px;font-weight: bold;
}
.tl2
{
margin-top : 40px !important;
margin-bottom : 10px !important;
}
.snHead
{
margin-top : 20px !important;
margin-bottom : 10px !important;
}
.social-link-edit input {
width: 440px;
color: #ececec;
border-radius: 5px;
margin: 5px 0;
background: rgba(62, 56, 140, 0.53);
border: 1px solid #4973a7;
padding: 5px;
outline: none;
border-radius: 0;
}
.social-link-field {
margin: 0;
padding: 0;
list-style: none;
}
.social-link-field li {
padding-left: 42px;
position: relative;
height: 42px;
}
.social-link-field li.vk-icon {
background: transparent url(/templates/site/images/vk-icon.png) no-repeat left center;
}
.social-link-field li.fb-icon {
background: transparent url(/templates/site/images/fb-icon.png) no-repeat left center;
}
.social-link-field li.tw-icon {
background: transparent url(/templates/site/images/tw-icon.png) no-repeat left center;
}
.social-link-field li.tt-icon {
background: transparent url(/templates/site/images/tt-icon.png) no-repeat left center;
}
.social-link-field li.gp-icon {
background: transparent url(/templates/site/images/gp-icon.png) no-repeat left center;
}
.social-link-field li.ft-icon {
background: transparent url(/templates/site/images/ft-icon.png) no-repeat left center;
}
.social-link-field li.ig-icon {
background: transparent url(/templates/site/images/ig-icon.png) no-repeat left center;
}
.social-user {
position: absolute;
top: -5px;
right: 33px;
}
/*.social-user a {*/
/*width: 26px;*/
/*height: 26px;*/
/*margin: 0 2px;*/
/*display: block;*/
/*float: left;*/
/*}*/
/*.social-user a.vk-icon {*/
/*background: transparent url(/templates/site/images/vk-icon2.png) no-repeat left center;*/
/*}*/
/*.social-user a.fb-icon {*/
/*background: transparent url(/templates/site/images/fb-icon2.png) no-repeat left center;*/
/*}*/
/*.social-user a.tw-icon {*/
/*background: transparent url(/templates/site/images/tw-icon2.png) no-repeat left center;*/
/*}*/
/*.social-user a.gp-icon {*/
/*background: transparent url(/templates/site/images/gp-icon2.png) no-repeat left center;*/
/*}*/
/*.social-user a.ft-icon {*/
/*background: transparent url(/templates/site/images/ft-icon2.png) no-repeat left center;*/
/*}*/
.tooltip{
position:absolute;
z-index:999999999;
left:-9999px;
}
.user-name{
color:#c6ffbc;
font-size: 18px;
line-height:18px;
margin:0;
background: url("/templates/site/images/line.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
padding-bottom: 13px;
}
.user-name.beforeCity{
padding-bottom:5px;
font-size: 16px;
background:none;
}
.cityName{
color:#fff;
font-size: 16px;
font-weight: normal;
line-height:18px;
margin:0;
background: url("/templates/site/images/line.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
padding-bottom: 5px;
padding-left: 10px;
}
.cityNameLittle{
font-size: 13px;
line-height:13px;
margin:0;
background: none;
padding-bottom:0px;
}
#simplemodal-overlay {display: none;}
#simplemodal-container {}
.reveal-modal{
background: none repeat scroll 0 0 rgb(0 0 0 / 68%);
padding: 15px;
position: relative;
width: 520px;
}
.reveal-modal .close-reveal-modal{
color: #FFFFFF;
cursor: pointer;
font-size: 22px;
font-weight: bold;
line-height: 0.5;
position: absolute;
right: 11px;
top: 12px;
background: url(/img/close.png) no-repeat scroll 0 0;
display: block;
width:20px;
height:20px;
}
.reveal-modal .close-reveal-modal:hover{
background-position:-18px 0;
}
@media (max-width: 767.98px) {
.reveal-modal {
width: 300px!important;
display: block!important;
margin: 0 auto!important;
border: 1px solid #5b7b90!important;
}
#blockStar {
margin: 0 auto!important;
}
.boxmodalconr {
width: 310px!important;
}
input[type=text], input[type=password] {
width: 250px!important;
margin-top: 10px!important;
}
.social-link-edit input {
width: 250px!important;
}
.btn-orange {font-size:12px;}
.profile-link a:last-child {
width: 239px!important;
margin-top: 5px;
display: block;
}
#modalError {
width: 300px;
height: 200px;
position: relative!important;
}
}
.authLinks{
margin: 11px 25px;
width: 230px;
}
.authLinks a
{
background: url(/img/auth-bg.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
display: block;
float: left;
height: 33px;
margin-right: 12px;
text-decoration: none;
width: 33px;
margin-bottom: 5px;
}
.authFormPayment .authLinks a
{
margin-right : 6px;
}
.authLinks .tw
{
background-position :-3px -2px;
}
.authLinks .gp
{
background-position : -45px -2px;
}
.authLinks .fb
{
background-position : -86px -2px;
}
.authLinks .vk
{
background-position : -127px -2px;
}
.authLinks .ig{ background-position :-168px -2px;}
.authLinks .mr{ background-position :-378px -5px;}
.txt{color:#d4d4d4;}
#saveSnlMsg{
position: absolute;width:250px;height:32px;bottom:2px;right: 10px;color:rgb(64,138,24);font-size:18px;
}
#modalError{width:435px;height:177px;background: url(/img/error.png);position: absolute;padding: 0;}
#modalError .headerE{
position: absolute;left:0;top:53px;
width:100%;height:28px; overflow:hidden;
text-align:center;font:400 20px/28px 'Play';color:#FFF; letter-spacing: 1.2px;
text-transform: uppercase;}
#modalError .contentE{
position: absolute;left:0px;bottom:32px;
width:100%;height:24px; overflow:hidden;
text-align:center;font:400 20px/24px 'Play';color:#FFF;}
#modalError .close-reveal-modal{
right: 17px !important;
}
.simplemodal-overlay{background-color:#000;opacity:0.4; }
#expandLnk{
bottom: 0;
display: block;
left:0.8%;
margin-bottom: 13px;
position: absolute;
z-index: 1100;
}
#expandLnk a{
display: block;
width:21px;
height:23px;
text-decoration: none;
background:url(/img/expand.png) no-repeat 1px 1px scroll;
}
#expandLnk a.selected{
background:url(/img/collapse.png) no-repeat 0 0 scroll;
}
.promo_cod{float: right;display.none}
.promo_cod2{display: none;}
.promo_cod a{
border-bottom: 1px dotted #38b2ff;
color: #00dcff;
display: inline-block;
font: 400 14px/16px 'Play';
letter-spacing: 1.1px;
text-decoration: none;
text-transform: none;
}
.promo_cod a:hover{border-bottom:none;}
.promo_cod input{
width:85px;height:14px;padding:3px 5px;line-height:14px;margin-right:7px;text-align: center;
border-radius: 3px;
-webkit-border-radius : 3px;
-moz-border-radius : 3px;
-khtml-border-radius : 3px;
}
.star_name{
/*float: right;*/
}
.star_name2{display: none;}
.star_name a{
border-bottom: 1px dotted #51dfff;
color: #51dfff;
display: inline-block;
font: 400 14px/16px 'Play';
letter-spacing: 1.1px;
text-decoration: none;
text-transform: none;
}
.star_name a:hover{border-bottom:none;}
.star_name input{
width:220px;height:16px;padding:3px 5px;line-height:14px;margin-right:7px;text-align:left;
}
.star_name input.halfWidth{
width:100px;
}
.addFotoWrap{text-align: center;width:100%;}
.addFotoWrap a{color: #4ac8dc;font-weight: normal!important;font-size: 14px;margin-bottom: 33px!important;display: block;}
.paymentStarAva
{
background:url("/templates/site/images/bg-new-star.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
/*платежные системы*/
.p_logo a{
background: url(/img/logos_partners.jpg);
display: block;
width: 160px;
height: 100px;
float: left;
margin-right: 5px;
margin-bottom: 5px;
}
.p_logo a#visa
{
background-position : 160px -0px;
}
.p_logo a#visa:hover
{
background-position : 0 -0px !important;
}
.p_logo a#Mastercard
{
background-position : 160px -100px;
}
.p_logo a#Mastercard:hover
{
background-position : 0 -100px !important;
}
.p_logo a#ukrprotsess
{
background-position : 160px -3600px;
}
.p_logo a#ukrprotsess:hover
{
background-position : 0 -3600px !important;
}
.p_logo a#qiwi_koshelek
{
background-position : 160px -200px;
}
.p_logo a#qiwi_koshelek:hover
{
background-position : 0 -200px !important;
}
.p_logo a#yandexmoney
{
background-position : 160px -400px;
}
.p_logo a#yandexmoney:hover
{
background-position : 0 -400px !important;
}
.p_logo a#webmoney
{
background-position : 160px -300px;
}
.p_logo a#webmoney:hover
{
background-position : 0 -300px !important;
}
.p_logo a#paypal
{
background-position : 160px -500px;
}
.p_logo a#paypal:hover
{
background-position : 0 -500px !important;
}
.p_logo a#moneymail
{
background-position : 160px -2400px;
}
.p_logo a#moneymail:hover
{
background-position : 0 -2400px !important;
}
.p_logo a#liqpay
{
background-position : 160px -2500px;
}
.p_logo a#liqpay:hover
{
background-position : 0 -2500px !important;
}
.p_logo a#test
{
background-position : 160px -900px;
}
.p_logo a#test:hover
{
background-position : 0 -900px !important;
}
.p_logo a#sber
{
background-position : 160px -1200px;
}
.p_logo a#sber:hover
{
background-position : 0 -1200px !important;
}
.p_logo a#rapida
{
background-position : 160px -800px;
}
.p_logo a#rapida:hover
{
background-position : 0 -800px !important;
}
.p_logo a#svyaznoy
{
background-position : 160px -1800px;
}
.p_logo a#svyaznoy:hover
{
background-position : 0 -1800px !important;
}
.p_logo a#contact
{
background-position : 160px -1400px;
}
.p_logo a#contact:hover
{
background-position : 0 -1400px !important;
}
.p_logo a#alfa
{
background-position : 160px -1900px;
}
.p_logo a#alfa:hover
{
background-position : 0 -1900px !important;
}
.p_logo a#boleto
{
background-position : 160px -3200px;
}
.p_logo a#boleto:hover
{
background-position : 0 -3200px !important;
}
.p_logo a#rps
{
background-position : 160px -4600px;
}
.p_logo a#rps:hover
{
background-position : 0 -4600px !important;
}
.p_logo a#mts
{
background-position : 160px -2100px;
}
.p_logo a#mts:hover
{
background-position : 0 -2100px !important;
}
.p_logo a#beeline
{
background-position : 160px -2200px;
}
.p_logo a#beeline:hover
{
background-position : 0 -2200px !important;
}
.p_logo a#megafon
{
background-position : 160px -2300px;
}
.p_logo a#megafon:hover
{
background-position : 0 -2300px !important;
}
.p_logo a#ipay
{
background-position : 160px -3300px;
}
.p_logo a#ipay:hover
{
background-position : 0 -3300px !important;
}
.p_logo a#plasticmedia
{
background-position : 160px -3800px;
}
.p_logo a#plasticmedia:hover
{
background-position : 0 -3800px !important;
}
.p_logo a#ecocard
{
background-position : 160px -3500px;
}
.p_logo a#ecocard:hover
{
background-position : 0 -3500px !important;
}
.p_logo a#easypay
{
background-position : 160px -1300px;
}
.p_logo a#easypay:hover
{
background-position : 0 -1300px !important;
}
.p_logo a#filspay
{
background-position : 160px -4200px;
}
.p_logo a#filspay:hover
{
background-position : 0 -4200px !important;
}
.p_logo a#monexy
{
background-position : 160px -2600px;
}
.p_logo a#monexy:hover
{
background-position : 0 -2600px !important;
}
.p_logo a#idram
{
background-position : 160px -4400px;
}
.p_logo a#idram:hover
{
background-position : 0 -4400px !important;
}
.pay_1 {
float: left;
margin-right: 15px;
}
.pay_1 input[type="submit"] {
background: url(/img/pay_2.png) no-repeat #ffffff;
background-size: contain;
border: 1px solid #5d5d5d;
display: block;
width: 130px;
height: 60px;
cursor: pointer;
text-indent: -9999px;
}
.pay_2 {
float: left;
margin-right: 15px;
}
.pay_2 input[type="submit"],
.pay_3 input[type="submit"]{
background: url(/img/pay_1.png) no-repeat #ffffff;
background-size: contain;
border: 1px solid #5d5d5d;
display: block;
width: 130px;
height: 60px;
cursor: pointer;
text-indent: -9999px;
}
.pay_3 input[type="submit"] {
background: url(/img/pay_3.png?2) no-repeat #ffffff;
background-size: contain;
margin-top:15px;
}
.paymentSystems
{
}
.paymentSystems h2
{
color : #0B3470;
font-size : 18px;
line-height : 18px;
margin : 0;
padding-bottom : 13px;
margin-top: 10px;
}
.paymentSystems .psGroup
{
background : url("/templates/site/images/line.png") repeat-x scroll left bottom rgba(0, 0, 0, 0);
padding-bottom : 13px;
}
.opnTerms{color:#b3e76d;}
.paymentBtn
{
border : 3px solid #fff;
border-radius : 8px;
-webkit-border-radius : 8px;
-moz-border-radius : 8px;
-khtml-border-radius : 8px;
padding : 10px 55px;
text-decoration : none;
color : #fff;
font-size : 20px;
font-weight : 600;
text-align : center;
display : inline-block;
cursor : pointer;
}
.paymentBtn:hover
{
text-decoration : none;
}
.paymentBtn.disabled, .paymentBtn.disabled:hover{
position: relative;
overflow: visible;
display: inline-block;
text-decoration: none;
font: 800 14px/normal 'Play';
cursor: default;
zoom: 1;
color: #f9fcfd;
-webkit-border-image: -webkit-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
-moz-border-image: -moz-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
-o-border-image: -o-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
border-image: -webkit-linear-gradient(45deg,#9a9a9a,#37615a) 10 stretch;
background: none;
}
.paymentBtnOrange
{
position: relative;
overflow: visible;
display: inline-block;
margin: 0;
text-decoration: none;
font: 800 14px/normal 'Play';
cursor: pointer;
zoom: 1;
color: #f9fcfd;
-webkit-border-image: -webkit-linear-gradient(45deg,#ff62f3,#2700c3) 10 stretch;
-moz-border-image: -moz-linear-gradient(45deg,#ff62f3,#2700c3) 10 stretch;
-o-border-image: -o-linear-gradient(45deg,#ff62f3,#2700c3) 10 stretch;
border-image: -webkit-linear-gradient(45deg,#ff62f3,#2700c3) 10 stretch;
background: none;
}
.paymentBtnOrange:hover
{
background-image: -webkit-linear-gradient(left,color-stop(#5b1c6a 0%),color-stop(#000000 100%));
background-image: linear-gradient(to right,#5b1c6a 0%,#000000 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5b1c6a', endColorstr='#000000', GradientType=1);
}
.paymentBtnGreen
{
color: #f9fcfd;
-webkit-border-image: -webkit-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
-moz-border-image: -moz-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
-o-border-image: -o-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
border-image: -webkit-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
background: none;
margin-top:15px;
}
.paymentBtnGreen:hover
{
color: #f9fcfd;
-webkit-border-image: -webkit-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
-moz-border-image: -moz-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
-o-border-image: -o-linear-gradient(45deg,#14a5d3,#20baa0) 10 stretch;
border-image: -webkit-linear-gradient(45deg,#9a9a9a,#37615a) 10 stretch;
background: none;
}
.checkTermChb:checked:before {
content: "\2713";
text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
font-size: 15px;
color: #0B3470;
text-align: center;
line-height: 15px;
}
.checkTermChb{
display: none;
}
label.checkTerm {
cursor: pointer;
display: inline-block;
padding-left: 22px;
position: relative;
}
label.checkTerm:before {
content: "";
display: inline-block;
width: 16px;
height: 16px;
margin-right: 10px;
position: absolute;
left: 0;
bottom: 4px;
background-color: #FFF;
/*box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);*/
}
.checkTermChb label {
margin-bottom: 10px;
}
.checkTermChb label:before {
border-radius: 3px;
}
.checkTermChb:checked + label.checkTerm:before {
content: "\2713";
/*text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);*/
font-size: 13px;
font-weight:bold;
color: #0B3470;
text-align: center;
line-height: 18px;
}
.starNameInp.purchName{
height: 22px;
line-height: 18px;
margin-top: 10px;
}
.shareHelpWrap{
width:167px;
height:55px;
background: url(/img/share-help.png) no-repeat;
position:absolute;
bottom:20px;
right:0;
}
.shareHelp{
margin:6px 10px 20px 10px;
color:rgb(11,52,112);
text-align: center;
font-size:14px;
font-weight:normal;
line-height: 17px;
}
.editFieldIco{
display: inline-block;
width:15px;
height:17px;
background: url(/img/edit.png) no-repeat;
}
.myStars{
margin:55px 0 0 0;font-size:20px;padding-bottom: 5px;position: relative;
}
.giftStar{
display: inline-block;position: absolute;right:5px;bottom:-20px;border: 0;padding-left:34px;z-index:22;
line-height:30px;color:#86ffd8;font-size:14px;font-weight:bold;text-decoration: none; background: url(/img/gift.png) no-repeat;
}
.myDesireStar{
display: inline-block;position: absolute;right:5px;bottom:5px;border: 0;padding:0;z-index:22;
line-height:30px;color:#86ffd8;font-size:14px;font-weight:bold;text-decoration: none;
}
.giftStar:hover, .myDesireStar:hover{
text-decoration: underline;
}
.prizeStar { bottom:-95px}
.provoGift{
top: 30%;
left: 15px;
position: absolute;
background: rgba(45, 74, 123, 0.78);
box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
padding: 10px;
width: 500px;
z-index: 33;
}
.provoGift h1{color:#fff;font-weight: normal;font-size: 22px;line-height: 28px;border-bottom:1px solid #bcbcbc;width:100%;margin:0px 0 10px 0;}
.provoGift .forInputField{padding-left:105px;padding-top:5px;background: url(/img/giftArrow.png) no-repeat 33px -4px;}
.provoGift .forInputField .red{color:#95ffff;}
.provoGift .forInputField input{line-height:24px;font-size:16px;font-weight:bold;text-align:center;color:#fff;padding:10px 15px;width:200px !important;
background-color:rgba(13, 66, 97, 0.788235294117647);border:none !important;box-shadow: 0 0 10px rgba(0,0,0,0.5) inset;
}
.provoGift .forInputField textarea {
line-height: 24px;
font-size: 16px;
font-weight: normal;
color: #fff;
padding: 10px 15px;
width: 367px !important;
height: 100px;
background-color: rgba(13, 66, 97, 0.788235294117647);
border: none !important;
box-shadow: 0 0 10px rgba(128, 128, 128, 0.5) inset;
outline:none;
resize:none;
}
.provoGift .forInputField textarea:disabled{background-color: rgb(104 37 123 / 44%);}
.provoGift .copyLnk{display: inline-block;padding:10px 0 10px 42px;line-height:24px;font-size:16px;font-weight:bold;background: url(/img/giftCopy.png) no-repeat 0 -3px;
text-decoration: none;margin-left:10px;color:#005412;
}
.provoGift .comments{color:#e4e4e4;font-size: 14px;line-height: 18px;margin-top:20px;}
.provoGift .comments ul{margin:0;padding-left: 20px;}
.provoGift .comments li{list-style-type: disc;}
/*********************
- 9. Particle -
*********************/
#particles-js {
height:79%;
width: -webkit-calc(100% - 30px);
width: calc(100% - 0px);
position: absolute;
z-index: 1;
margin-top: -200px;
}
.relative { position:relative}
.provoGift .forInputField input[type='checkbox'] { width:auto!important}
.checket-box {display: flex;
flex-wrap: wrap;}
.provoGift .forInputField .checket-box { position:absolute;
left:0;
top:45px;
width:100px;
font-size:13px;
color:#47ffd5;
text-align:center}
.checket-box input[type='checkbox'] {height: 40px!important;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 40px}
.checket-box *:before,
.checket-box *:after {
content: "";
position: absolute;
}
.checket-box .toggle {
position: relative;
display: inline-block;
width:95px
}
.checket-box label.toggle-item {
width: 4em;
background: #2e394d;
height: 2em;
display: inline-block;
border-radius: 22px;
margin: 10px 0 0;
position: relative;
transition: all 0.3s ease;
transform-origin: 20% center;
cursor: pointer;
}
.checket-box label.toggle-item:before {
display: block;
transition: all 0.2s ease;
width: 1.5em;
height: 1.5em;
top: 0.25em;
left: 0.25em;
border-radius: 2em;
border: 2px solid #88cf8f;
transition: 0.3s ease;
}
.checket-box .normal label {
background: #af4c4c;
border: 0.5px solid rgba(117, 117, 117, 0.31);
box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, 0.2), 0 -3px 4px rgba(0, 0, 0, 0.15);
}
.checket-box .normal label:before {
border: none;
width: 1.5em;
height: 1.5em;
box-shadow: inset 0.5px -1px 1px rgba(0, 0, 0, 0.35);
background: #fff;
transform: rotate(-25deg);
}
.checket-box .normal label:after {
background: transparent;
height: calc(100% + 8px);
border-radius: 30px;
top: -5px;
width: calc(100% + 8px);
left: -4px;
z-index: 0;
box-shadow: inset 0px 2px 4px -2px rgba(0, 0, 0, 0.2), 0px 1px 2px 0px rgba(151, 151, 151, 0.2);
}
.checket-box #desireShow:checked + label {
background: #4caf50;
}
.checket-box #desireShow:checked + label:before {
left: 30px;
}
.f-left { float:left}
#blockStar .star-desire { position:relative;}
#blockStar .star-desire a { color:#00dcff; font-size:11px; font-weight:bold; text-decoration:none}
#blockStar .star-desire a:hover { text-decoration:underline}
#blockStar .col-1 { width:118px}
#blockStar #data-star-desire { height:0px; overflow:hidden; width:100%; clear:both}
#data-star-desire .star-d-content { padding:10px 0 0; font-weight:normal; color:#28c3bc; font-size:13px}
.sstarnumber { display:none}
/*
Document : main
Created on : 13.12.2024, 13:23:15
Author : LGD
Description:
Основные стили
*/
body {
color:lightgrey;
background: url("/img/bg.jpg") ;/*no-repeat center top;*/
background-position: 0px 0px;
background-color: black;
/* transition: background-position 0.2s ease;*/
transition: background-position 1.5s ease-in-out;
transition: background-position 1.5s ease;
/*outline: 4px groove gold;*/
overflow: hidden; /* Убрали скроллеры */
font-family:'Play', sans-serif;
}
.botlinkcontainer{
display:block;
bottom :0%;
right:6%;
position:absolute;
z-index: 1100;
margin-bottom:10px;
}
.grecaptcha-badge {
height: 48px!important;
z-index: 9999!important;
}
.toplinkcontainer{
display:block;
top :0%;
right:1%;
position:absolute;
z-index: 1100;
margin-top:5px;
}
.mainlink{
position:relative;
color:darkgray;
font-size:13px;
padding-right:10px;
}
.mainlink:hover{
color:#FFF;text-decoration: none;
}
/* Контейнер соцсетей */
.sn_links{
display:block;
bottom :0%;
left:3%;
position:absolute;
z-index: 1100;
margin-bottom:10px;
opacity:0.4;
}
/* Контейнер соцсетей с наведенной мышью*/
.sn_links:hover{
opacity:1;
}
/* Квадратики соцсетей без картинок */
.sn_links_2 a.sn{
background: url("/img/socialnet_24.png") no-repeat;
position: relative;
width: 24px;
height:24px;
padding: 0px;
margin-left:3px;
margin-top:0px;
/*display:inline-block;*/
cursor:pointer;
float:left;
}
.sn_fb{
background-position: 0px 0px !important;
}
.sn_vk{
background-position: -24px 0px !important;
}
.sn_tv{
background-position: -48px 0px !important;
}
.sn_g1{
background-position: -72px 0px !important;
}
.sn_ig{
background-position: -96px 0px !important;
}
.sn_ft{
background: url(/templates/site/images/ft-icon3.png) no-repeat 0 0 scroll !important;width: 26px !important;
}
.vbuttoncontainer{
position:absolute;
left:0%;
top:10%;
display:block;
z-index: 1100;
opacity:0.4;
-moz-transform: matrix(0, 1, -1, 0,-170, 170); /* Firefox 3.5+ */
-webkit-transform: matrix(0, 1, -1, 0, -170, 170); /* Safari 3.1+ и Chrome 2.0+ */
-o-transform: matrix(0, 1, -1, 0,-170, 170); /* Opera 10.5+ */
-ms-transform: matrix(0, 1, -1, 0, -170, 170); /* IE 9.0 */
transform: matrix(0, 1, -1, 0, -170, 170);
}
.vbuttoncontainer:hover{
opacity:1;
}
.vb{
color:white;
float:left;
border: 2px solid green;
margin:5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}
.vb a{
color:white;
padding:2px 25px;
margin: 0.1em;
margin-bottom: 0.5em;
font-size: 14px;
/*font-stretch: expanded;*/
text-shadow: 2px -1px 2px #111;
cursor: pointer;
display:block;
}
.vb a:hover{
color:yellow;
text-decoration: underline;
text-shadow: 0px 0px 15px black;
}
/*Первая кнопка*/
.mainbutton1{
background-color: rgb(12,55,106);
border-color: rgb(18,88,170) rgb(19,93,173) transparent rgb(9,62,130);
}
/* вторая кнопка*/
.mainbutton2{
background-color: rgb(157,83,27);
border-color: rgb(195,99,29) rgb(204,101,26) transparent rgb(147,76,25);
}
#PreLoader
{
position: absolute;
z-index: 20000;
background: #000;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
}
.blackWindow{
position:absolute;top:50%;left:50%;margin:-150px auto auto -290px;color:white; font: bold 19px;
width:572px;height:298px;background: 0 0 scroll transparent;
}
.blackWindow .loadImg{
float:left; margin: -5px 15px 0 0;
}
.blackWindow .loadingRoll{
position: relative;left:35%;top:45%;
}
.forBrowserSelect{}
.forBrowserDownload{}
.forBrowserSelect .innerWrap, .forBrowserDownload .innerWrap{margin:55px 55px 0 55px;}
.forBrowserSelect .txt, .forBrowserDownload .txt{font:400 20px/28px;text-transform: uppercase;color:#ffffff;text-align: center;;margin-bottom:20px;}
.forBrowserSelect .chromeTxt, .forBrowserDownload .chromeTxt{font:700 20px/38px;text-transform: uppercase;color:#f6c383;text-shadow:0px 0 20px #F6C383;text-align: center;margin-bottom: 30px;}
.blackWindow .chromeTxt .chromeIcon{padding-left:45px;background: url(/img/chrome.png) no-repeat 0 4px scroll transparent;display: inline-block;height:38px;}
.forBrowserSelect .blue-chrome-button{float:left;}
.forBrowserSelect .grey-chrome-button{float:right;}
.forBrowserSelect .about-project, .forBrowserDownload .about-project{font:400 13px/16px;color:#eaebec;position:absolute;bottom:10px;left:15px;text-decoration: underline;}
.forBrowserSelect .about-project:hover, .forBrowserDownload .about-project:hover{text-decoration:none;}
.forBrowserDownload .buttonWrap{margin:0 96px;font-size:14px;line-height:26px;font-weight: normal;}
.forBrowserDownload .txt{margin-bottom:0;letter-spacing: 2px;}
.forBrowserDownload .chromeTxt{letter-spacing: 2px;font-weight: normal;}
.blue-chrome-button{
background: #3498db;
background-image: -webkit-linear-gradient(top, #3498db, #0183f6);
background-image: -moz-linear-gradient(top, #3498db, #0183f6);
background-image: -ms-linear-gradient(top, #3498db, #0183f6);
background-image: -o-linear-gradient(top, #3498db, #0183f6);
background-image: linear-gradient(to bottom, #3498db, #0183f6);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
text-shadow: 1px 1px 0px #015bae;
font-weight:bold;
color: #efffff;
font-size: 16px;
padding:5px 25px;
text-decoration: none;
}
.blue-chrome-button:hover {
background: #3cb0fd;
background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
text-decoration: none;
}
.grey-chrome-button
{
background: #e7e7e7;
background-image: -webkit-linear-gradient(top, #e7e7e7, #c4c4c4);
background-image: -moz-linear-gradient(top, #e7e7e7, #c4c4c4);
background-image: -ms-linear-gradient(top, #e7e7e7, #c4c4c4);
background-image: -o-linear-gradient(top, #e7e7e7, #c4c4c4);
background-image: linear-gradient(to bottom, #e7e7e7, #c4c4c4);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
/*text-shadow: 1px 1px 0px #015bae;*/
/*font-weight:bold;*/
color: #565656;
font-size: 16px;
font-weight: 400;
padding: 5px 10px;
text-decoration: none;
}
.grey-chrome-button:hover
{
background: #f7f7f7;
background-image: -webkit-linear-gradient(top, #f7f7f7, #eeeeee);
background-image: -moz-linear-gradient(top, #f7f7f7, #eeeeee);
background-image: -ms-linear-gradient(top, #f7f7f7, #eeeeee);
background-image: -o-linear-gradient(top, #f7f7f7, #eeeeee);
background-image: linear-gradient(to bottom, #f7f7f7, #eeeeee);
text-decoration: none;
}
.currentLang{color:#FFF;text-decoration: none;}
.pluso-box{z-index:21474835839 !important;}
.authOR{padding: 6px 0px;margin-left: -4px;font-size: 12px;width: 100%;color: #fff;}
.locAuthForm{text-align: center;font-weight: bold;padding: 10px 0;font-size:22px;}
.locAuthForm .btn-green{float:none;}
.locAuthForm a{color:#19adc0;font-size:13px; text-decoration: underline;}
.locAuthForm a:hover{text-decoration: none;}
.locAuthForm .links{padding: 0 25px;text-align: left;}
.locAuthForm .captchaWrap img{display:inline-block;margin-top:5px;margin-bottom:-8px;}
.regForm{}
.regForm .form-group{width:100%;margin-bottom:10px;min-height: 27px;}
.regForm .form-group.btn{text-align: center;}
.regForm .form-group.btn .btn-reg{float:none;}
.regForm .form-group label{display: inline-block;width: 168px;color: #ffebeb;}
.boxmodalconp {
margin-bottom: 11px;
font-size: 20px;}
.boxmodalcon {
font-size: 18px;
margin-bottom: 16px;
margin-top: 10px;
float: left;
}
.boxmodalcon p {
color:#fff;
}
.boxmodalconl {
float: left;
margin-right: 20px;
}
.boxmodalconl.ic1{
background: url(/img/icon_1.png) no-repeat;
width: 50px;
height: 50px;
background-size: contain;
}
.boxmodalconl.ic2{
background: url(/img/icon2.png?2) no-repeat;
width: 50px;
height: 50px;
background-size: contain;
opacity: 0.6;
}
.boxmodalconl.ic3{
background: url(/img/icon3.png) no-repeat;
width: 50px;
height: 50px;
background-size: contain;
opacity: 0.7;
}
.boxmodalconl.ic4{
background: url(/img/icon4.png) no-repeat;
width: 50px;
height: 50px;
background-size: contain;
opacity: 0.9;
}
.boxmodalconl.ic5{
background: url(/img/icon5.png) no-repeat;
width: 50px;
height: 50px;
background-size: contain;
opacity: 0.8;
}
.boxmodalconr {
float: right;
width: 410px;
}
.middleeep {
transform: translate(0%, 14%);
/* position: relative; */
float: inherit;
}
.textttp {
color: #fff;
/* text-transform: uppercase; */
font-size: 25px;
text-align: center;
letter-spacing: 2px;
}
.textttp::before,
.textttp::after {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.textttp::before {
color: #ff00c1;
animation: glitch-effect 3s infinite;
}
.textttp::after {
color: #3498db;
animation: glitch-effect 2s infinite;
}
.middleee {
transform: translate(0%, 14%);
/* position: relative; */
float: inherit;
}
.texttt {
color: #fff;
/* text-transform: uppercase; */
font-size: 15px;
/* text-align: center; */
letter-spacing: 2px;
}
.texttt::before,
.texttt::after {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.texttt::before {
color: #ff00c1;
animation: glitch-effect 3s infinite;
}
.texttt::after {
color: #3498db;
animation: glitch-effect 2s infinite;
}
.middlee {
transform: translate(0%, -15%);
}
.textt {
color: #fff;
text-transform: uppercase;
font-size: 18px;
text-align: center;
letter-spacing: 2px;
}
.textt::before,
.textt::after {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.textt::before {
color: #ff00c1;
animation: glitch-effect 3s infinite;
}
.textt::after {
color: #3498db;
animation: glitch-effect 2s infinite;
}
.middlee {
transform: translate(0%, -15%);
}
.textno {
color: #fff;
text-transform: uppercase;
font-size: 18px;
letter-spacing: 2px;
}
.textno::before,
.textno::after {
content: attr(data-text);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.textno::before {
color: #ff00c1;
animation: glitch-effect 3s infinite;
}
.textno::after {
color: #3498db;
animation: glitch-effect 2s infinite;
}
@keyframes glitch-effect {
0% {
left: -2px;
top: -2px;
}
25% {
left: 2px;
top: 0px;
}
50% {
left: -1px;
top: 2px;
}
75% {
left: 1px;
top: -1px;
}
100% {
left: 0px;
top: -2px;
}
}
span#playAudio {
display: block;
/* float: left; */
margin-left: -4px;
margin-top: -60px;
position: absolute;
cursor: pointer;
}
.dftpl {
background: url(/img/pause.png?2) no-repeat;
background-size: contain;
width:30px;
height:30px;
display:block;
text-indent:-9999px;
}
.dftplay {
background: url(/img/play.png?2) no-repeat;
width: 30px;
height: 30px;
background-size: contain;
display:block;
}
.dftplaus {
background: url(/img/pause.png?2) no-repeat;
width: 30px;
height: 30px;
background-size: contain;
display:block;
}
.star-w-prize { border-color:#0f0f90!important;}
.overflow-h { overflow:hidden}
select.curency {
border: none;
margin-right: 10px;
font-size: 11px;
color: #ffffff;
vertical-align: middle;
background: transparent;
}
select.curency option {
background-color: #000;
}
select.curency option:hover {
background: olive linear-gradient(olive, olive);
color: blue;
}
p.akctxt {
text-align: center;
font-size: 20px;
color: #cef6ff;
}
h2.akc2txt {
text-align: center;
font-size: 28px;
color: #d8e379;
}
.akcicon {
display: block;
width: 480px;
height: 220px;
clear: both;
}
.akciconleft {
display: block;
float: left;
width: 300px;
}
.akciconright {
display: block;
float: right;
width: 100px;
}
.akciconleftk {
display: block;
float: left;
width: 220px;
}
.akciconleftk2 {
display: block;
float: left;
width: 310px;
height:230px;
}
.akciconrightt {
display: block;
float: right;
width: 260px;
padding-top: 83px;
font-weight: bold;
color: #fff;
font-size: 21px;
text-align: left;
}
.akciconrightt2 {
float: right;
font-weight: bold;
color: #fff;
padding-top: 110px;
font-size: 21px;
width: 155px;
text-align: center;
}
.akciconrightk {
display: block;
float: right;
width: 200px;
}
.akciconleftt {
display: block;
float: left;
width: 255px;
padding-top: 83px;
margin-left: 20px;
font-weight: bold;
color: #fff;
font-size: 21px;
text-align: left;
}
.akciconrightk2 {
float: right;
width: 300px;
display: block;
height: 230px;
}
.akciconleftt2 {
display: block;
float: left;
width: 155px;
font-weight: bold;
color: #fff;
padding-top: 110px;
font-size: 21px;
margin-left: 20px;
text-align: center;
}/*
Document : mframe
Created on : 30.06.2022, 23:56:56
Author : LGS
Description:
Стили для основного фрейма
*/
.invis{display:none;} /* Невидимое */
/* Окно, через которое смотрим на SC */
.showbox {
position: absolute;
left:0;
top:0;
/* left: 300px !important; */
/* top: 250px !important; */
overflow: hidden;
/*border:1px solid white;*/
/*display: block;*/
/*outline: darkgray solid 1px;*/
}
/* Затенение краев MF */
.shadow{
position: absolute;
z-index:1000;
box-shadow: 0 0 556px 80px rgba(0,0,0,0.5);
/*box-shadow: 0 0 25px 20px rgba(0,0,0,0.85);*/
overflow: hidden;
}
/* фишки перед фоном, используются для иллюзии объема при перемещении */
.bgstars{
overflow: hidden;
position: absolute;
left: 0px;
top: 0px;
width:100%;
height:100%;
background: url("/img/stars_bg.png") ;/*no-repeat center top;*/
/* transition: background-position 0.2s ease;*/
/* transition: background-position 1.5s ease-in-out;*/
transition: background-position 1.5s ease;
/*background-position: 0px 0px;*/
/*background-color: transparent;*/
/*border:1px solid darkred;*/
/*opacity:0.5;*/
}
/* SC Секторa без анимации */
.sectorsNA{
position:absolute;
transition: none !important;
/* outline: 1px solid cyan;*/
/*background-color: rgba(10,10,10,0.25);*/
}
/* SC Сектор с анимацией для ZOOm и Move (стоит по умолчанию) */
.sectors{
position:absolute;
/* transition: all 1.5s ease-in-out;*/
transition: all 1.5s ease;
/* outline: 1px solid red;*/
/*background-color: rgba(10,10,10,0.25);*/
}
/* Группирует фишки для показа*/
.sector{
position:relative;
height:33.32%;
width:33.32%;
float:left;
box-sizing: border-box;
/*outline: 1px solid yellow;*/
/*display: block;*/
/*background-color: rgba(10,10,10,0.25);*/
}
/* Звезда */
.star{
position:absolute;
padding:1px;
border:0px;
cursor:pointer;
/*cursor: url(/img/4.cur),pointer; */
}
/* Звезда под прицелом*/
.star:hover, .star.selected{
padding:1px;
/*border: 1px solid darkgray;*/
border: 0px;
/* -moz-transform: rotate(1440deg); /* Для Firefox */
/* -ms-transform: rotate(1440deg); /* Для IE */
/* -webkit-transform: rotate(1440deg); /* Для Safari, Chrome, iOS */
/* -o-transform: rotate(1440deg); /* Для Opera */
/* transform: rotate(1440deg);*/
/* transition: all 3s ease-in-out;*/
width:60px;
margin: -30px;
/*box-shadow: inset 0 0 35px rgba(231,231,121,0.15);*/
}
/* Если выделять фишку
.searchstar{
padding:0px;
border:1px solid white !important;
width:100px !important;
margin: -50px !important;
-moz-transform: rotate(1440deg);
-ms-transform: rotate(1440deg);
-webkit-transform: rotate(1440deg);
-o-transform: rotate(1440deg);
transform: rotate(1440deg);
transition: all 1.5s ease;
box-shadow: inset 0 0 35px rgba(231,231,121,0.15);
}
.searchstardown{
border:1px solid black;
box-shadow: inset 0 0 35px rgba(231,231,121,0.15);
transition: all 2.5s ease;
}
*/
/* MF - когда идет выбор напрвления перемещения */
.animLock{
/*cursor: url(/img/stargold.cur), move ;*/
cursor: move ;
}
/* MF - когда движется небо по заказу usera */
.animMove{
/*cursor: url(../img/stargoldlink.cur), crosshair;*/
cursor: progress;
}
/* фишки не должны менять курсор */
.animLock .star,
.animLock .star:hover{
/*cursor: url(../img/stargold.cur), move;
cursor: url(/img/2.cur), move ;*/
}
.animMove .star,
.animMove .star:hover{
/*cursor: url(/img/stargoldlink.cur), crosshair;
cursor: url(/img/3.cur), progress;*/
}
.instruction{
position:absolute;
margin: 20% 20%;
display:none;
z-index: 11000;
}
@media (max-width: 767.98px) {
.de-video-overlay {
height:500px;
overflow: hidden;
}
}
video { margin: -10px}
/*
.dbgcenter{
width:5px; height:5px;
position:fixed; z-index: 1000;
border:1px solid red;
top:50%; left:50%;
}
.dbgbox{
position:fixed; overflow: scroll;
top:0; left:75%; width:25%; height:100%;
background: #424242;
color:#f0f0f0; font-size:12px;
z-index:1000;
}
.dbgbox a{ color:yellow;}
.dbgbox .log{ color:yellowgreen;}
.dbgbox a.open{ color:white; font-weight:bold;}
.dbgbox a + div{ display:none; margin-left: 10px;}
.dbgbox a.open + div{ display:block; margin-left: 10px;}
.dbgpoint{
width:10px; height:10px;
position:fixed;
border:1px solid red;
top:400px; left:165px;
}
.dbgpoint.px2{left:400px;}
.dbgpoint.py2{top:500px;}
#SectorEmpty1,
#SectorEmpty2,
#SectorEmpty3,
#SectorEmpty4,
#SectorEmpty5,
#SectorEmpty6,
#SectorEmpty7,
#SectorEmpty8,
#SectorEmpty9{background-color: #333;}
{* html
*}
*//*
Document : zscroll
Created on : 30.06.2022, 12:55:43
Author : LGS
Description:
`Zoom Scroller Style.
*/
.vSlider {
position: relative;
height: 84%;
width: 2px;
background-color: rgba(200,200,200,0.4);
margin-top: 2%;
margin-right: 25px;
z-index:2000;
float: right;
}
.vTop{
/*border:3px solid darkgreen;*/
background-color: rgba(200,200,200,0.4);
width:14px;
height:4px;
position:absolute;
top:0px;
left:0px;
margin-left:-6px;
margin-top:-4px;
border-radius: 3px;
}
.vBot{
position:absolute;
width:14px;
height:4px;
top:100%;
margin-left:-6px;
background-color: rgba(200,200,200,0.4);
border-radius: 3px;
}
.vZoomer {
position: relative;
width: 24px;
height: 5px;
left: -11px;
top: 0px;
background: rgba(200,200,200,0.8);
cursor: pointer;
border-radius: 3px;
/*padding:4;*/
/*border-top-right-radius :10px 4px;*/
/*border-bottom-right-radius :10px 4px;*/
/*border: 2px solid cyan;*/
/*z-index: 2000;*/
}
.sL1{margin:-1.818182%;width:3.636364%;z-index:999;}
.Lv2 .sL1{display:none;}
.sL2{margin:-1.666667%;width:3.333333%;z-index:998;}
.Lv3 .sL1{display:none;}
.Lv3 .sL2{display:none;}
.sL3{margin:-1.538462%;width:3.076923%;z-index:997;}
.Lv4 .sL1{display:none;}
.Lv4 .sL2{display:none;}
.Lv4 .sL3{display:none;}
.sL4{margin:-1.428571%;width:2.857143%;z-index:996;}
.Lv5 .sL1{display:none;}
.Lv5 .sL2{display:none;}
.Lv5 .sL3{display:none;}
.Lv5 .sL4{display:none;}
.sL5{margin:-1.333333%;width:2.666667%;z-index:995;}
.Lv6 .sL1{display:none;}
.Lv6 .sL2{display:none;}
.Lv6 .sL3{display:none;}
.Lv6 .sL4{display:none;}
.Lv6 .sL5{display:none;}
.sL6{margin:-1.25%;width:2.5%;z-index:994;}
.Lv7 .sL1{display:none;}
.Lv7 .sL2{display:none;}
.Lv7 .sL3{display:none;}
.Lv7 .sL4{display:none;}
.Lv7 .sL5{display:none;}
.Lv7 .sL6{display:none;}
.sL7{margin:-1.176471%;width:2.352941%;z-index:993;}
.Lv8 .sL1{display:none;}
.Lv8 .sL2{display:none;}
.Lv8 .sL3{display:none;}
.Lv8 .sL4{display:none;}
.Lv8 .sL5{display:none;}
.Lv8 .sL6{display:none;}
.Lv8 .sL7{display:none;}
.sL8{margin:-1.111111%;width:2.222222%;z-index:992;}
.Lv9 .sL1{display:none;}
.Lv9 .sL2{display:none;}
.Lv9 .sL3{display:none;}
.Lv9 .sL4{display:none;}
.Lv9 .sL5{display:none;}
.Lv9 .sL6{display:none;}
.Lv9 .sL7{display:none;}
.Lv9 .sL8{display:none;}
.sL9{margin:-1.052632%;width:2.105263%;z-index:991;}
.Lv10 .sL1{display:none;}
.Lv10 .sL2{display:none;}
.Lv10 .sL3{display:none;}
.Lv10 .sL4{display:none;}
.Lv10 .sL5{display:none;}
.Lv10 .sL6{display:none;}
.Lv10 .sL7{display:none;}
.Lv10 .sL8{display:none;}
.Lv10 .sL9{display:none;}
.sL10{margin:-1%;width:2%;z-index:990;}
.Lv11 .sL1{display:none;}
.Lv11 .sL2{display:none;}
.Lv11 .sL3{display:none;}
.Lv11 .sL4{display:none;}
.Lv11 .sL5{display:none;}
.Lv11 .sL6{display:none;}
.Lv11 .sL7{display:none;}
.Lv11 .sL8{display:none;}
.Lv11 .sL9{display:none;}
.Lv11 .sL10{display:none;}
.sL11{margin:-.952381%;width:1.904762%;z-index:989;}
.Lv12 .sL1{display:none;}
.Lv12 .sL2{display:none;}
.Lv12 .sL3{display:none;}
.Lv12 .sL4{display:none;}
.Lv12 .sL5{display:none;}
.Lv12 .sL6{display:none;}
.Lv12 .sL7{display:none;}
.Lv12 .sL8{display:none;}
.Lv12 .sL9{display:none;}
.Lv12 .sL10{display:none;}
.Lv12 .sL11{display:none;}
.sL12{margin:-.909091%;width:1.818182%;z-index:988;}
.Lv13 .sL1{display:none;}
.Lv13 .sL2{display:none;}
.Lv13 .sL3{display:none;}
.Lv13 .sL4{display:none;}
.Lv13 .sL5{display:none;}
.Lv13 .sL6{display:none;}
.Lv13 .sL7{display:none;}
.Lv13 .sL8{display:none;}
.Lv13 .sL9{display:none;}
.Lv13 .sL10{display:none;}
.Lv13 .sL11{display:none;}
.Lv13 .sL12{display:none;}
.sL13{margin:-.869565%;width:1.73913%;z-index:987;}
.Lv14 .sL1{display:none;}
.Lv14 .sL2{display:none;}
.Lv14 .sL3{display:none;}
.Lv14 .sL4{display:none;}
.Lv14 .sL5{display:none;}
.Lv14 .sL6{display:none;}
.Lv14 .sL7{display:none;}
.Lv14 .sL8{display:none;}
.Lv14 .sL9{display:none;}
.Lv14 .sL10{display:none;}
.Lv14 .sL11{display:none;}
.Lv14 .sL12{display:none;}
.Lv14 .sL13{display:none;}
.sL14{margin:-.833333%;width:1.666667%;z-index:986;}
.Lv15 .sL1{display:none;}
.Lv15 .sL2{display:none;}
.Lv15 .sL3{display:none;}
.Lv15 .sL4{display:none;}
.Lv15 .sL5{display:none;}
.Lv15 .sL6{display:none;}
.Lv15 .sL7{display:none;}
.Lv15 .sL8{display:none;}
.Lv15 .sL9{display:none;}
.Lv15 .sL10{display:none;}
.Lv15 .sL11{display:none;}
.Lv15 .sL12{display:none;}
.Lv15 .sL13{display:none;}
.Lv15 .sL14{display:none;}
.sL15{margin:-.8%;width:1.6%;z-index:985;}
.Lv16 .sL1{display:none;}
.Lv16 .sL2{display:none;}
.Lv16 .sL3{display:none;}
.Lv16 .sL4{display:none;}
.Lv16 .sL5{display:none;}
.Lv16 .sL6{display:none;}
.Lv16 .sL7{display:none;}
.Lv16 .sL8{display:none;}
.Lv16 .sL9{display:none;}
.Lv16 .sL10{display:none;}
.Lv16 .sL11{display:none;}
.Lv16 .sL12{display:none;}
.Lv16 .sL13{display:none;}
.Lv16 .sL14{display:none;}
.Lv16 .sL15{display:none;}
.sL16{margin:-.769231%;width:1.538462%;z-index:984;}
.Lv17 .sL1{display:none;}
.Lv17 .sL2{display:none;}
.Lv17 .sL3{display:none;}
.Lv17 .sL4{display:none;}
.Lv17 .sL5{display:none;}
.Lv17 .sL6{display:none;}
.Lv17 .sL7{display:none;}
.Lv17 .sL8{display:none;}
.Lv17 .sL9{display:none;}
.Lv17 .sL10{display:none;}
.Lv17 .sL11{display:none;}
.Lv17 .sL12{display:none;}
.Lv17 .sL13{display:none;}
.Lv17 .sL14{display:none;}
.Lv17 .sL15{display:none;}
.Lv17 .sL16{display:none;}
.sL17{margin:-.740741%;width:1.481481%;z-index:983;}
.Lv18 .sL1{display:none;}
.Lv18 .sL2{display:none;}
.Lv18 .sL3{display:none;}
.Lv18 .sL4{display:none;}
.Lv18 .sL5{display:none;}
.Lv18 .sL6{display:none;}
.Lv18 .sL7{display:none;}
.Lv18 .sL8{display:none;}
.Lv18 .sL9{display:none;}
.Lv18 .sL10{display:none;}
.Lv18 .sL11{display:none;}
.Lv18 .sL12{display:none;}
.Lv18 .sL13{display:none;}
.Lv18 .sL14{display:none;}
.Lv18 .sL15{display:none;}
.Lv18 .sL16{display:none;}
.Lv18 .sL17{display:none;}
.sL18{margin:-.714286%;width:1.428571%;z-index:982;}
.Lv19 .sL1{display:none;}
.Lv19 .sL2{display:none;}
.Lv19 .sL3{display:none;}
.Lv19 .sL4{display:none;}
.Lv19 .sL5{display:none;}
.Lv19 .sL6{display:none;}
.Lv19 .sL7{display:none;}
.Lv19 .sL8{display:none;}
.Lv19 .sL9{display:none;}
.Lv19 .sL10{display:none;}
.Lv19 .sL11{display:none;}
.Lv19 .sL12{display:none;}
.Lv19 .sL13{display:none;}
.Lv19 .sL14{display:none;}
.Lv19 .sL15{display:none;}
.Lv19 .sL16{display:none;}
.Lv19 .sL17{display:none;}
.Lv19 .sL18{display:none;}
.sL19{margin:-.689655%;width:1.37931%;z-index:981;}
.Lv20 .sL1{display:none;}
.Lv20 .sL2{display:none;}
.Lv20 .sL3{display:none;}
.Lv20 .sL4{display:none;}
.Lv20 .sL5{display:none;}
.Lv20 .sL6{display:none;}
.Lv20 .sL7{display:none;}
.Lv20 .sL8{display:none;}
.Lv20 .sL9{display:none;}
.Lv20 .sL10{display:none;}
.Lv20 .sL11{display:none;}
.Lv20 .sL12{display:none;}
.Lv20 .sL13{display:none;}
.Lv20 .sL14{display:none;}
.Lv20 .sL15{display:none;}
.Lv20 .sL16{display:none;}
.Lv20 .sL17{display:none;}
.Lv20 .sL18{display:none;}
.Lv20 .sL19{display:none;}
.sL20{margin:-.666667%;width:1.333333%;z-index:980;}
.sL21{margin:-.645161%;width:1.290323%;z-index:979;}
.sL22{margin:-.625%;width:1.25%;z-index:978;}
.sL23{margin:-.606061%;width:1.212121%;z-index:977;}
.sL24{margin:-.588235%;width:1.176471%;z-index:976;}
.sL25{margin:-.571429%;width:1.142857%;z-index:975;}
.sL26{margin:-.555556%;width:1.111111%;z-index:974;}
.sL27{margin:-.540541%;width:1.081081%;z-index:973;}
.sL28{margin:-.526316%;width:1.052632%;z-index:972;}
.sL29{margin:-.512821%;width:1.025641%;z-index:971;}
.sL30{margin:-.5%;width:1%;z-index:970;}
.sL31{margin:-.487805%;width:.97561%;z-index:969;}
.sL32{margin:-.47619%;width:.952381%;z-index:968;}
.sL33{margin:-.465116%;width:.930233%;z-index:967;}
.sL34{margin:-.454545%;width:.909091%;z-index:966;}
.sL35{margin:-.444444%;width:.888889%;z-index:965;}
.sL36{margin:-.434783%;width:.869565%;z-index:964;}
.sL37{margin:-.425532%;width:.851064%;z-index:963;}
.sL38{margin:-.416667%;width:.833333%;z-index:962;}
.sL39{margin:-.408163%;width:.816327%;z-index:961;}
.sL40{margin:-.4%;width:.8%;z-index:960;}
.sL41{margin:-.392157%;width:.784314%;z-index:959;}
.sL42{margin:-.384615%;width:.769231%;z-index:958;}
.sL43{margin:-.377358%;width:.754717%;z-index:957;}
.sL44{margin:-.37037%;width:.740741%;z-index:956;}
.sL45{margin:-.363636%;width:.727273%;z-index:955;}
.sL46{margin:-.357143%;width:.714286%;z-index:954;}
.sL47{margin:-.350877%;width:.701754%;z-index:953;}
.sL48{margin:-.344828%;width:.689655%;z-index:952;}
.sL49{margin:-.338983%;width:.677966%;z-index:951;}
.sL50{margin:-.333333%;width:.666667%;z-index:950;}