/*персональная страница uCoz*/
.user-information-reputation{
padding:0px 130px 30px 130px;
}
.user-information-reputation-title {
color:#5F5F5F;
}
.user-information a,.user-information-podpis a{
color:#002377!important;
}
.personal-page-user-info-mat a{
color:#fff!important;
text-decoration: none!important;
}
.user-information a{
text-decoration: none!important;
}
.user-reputation a{
text-decoration:none!important;
}
input[name="ok"]{
margin-left:5px!important;
}
.profile-info .user-group{
color: #777;
margin: auto;
font-size:23px;
font-weight: normal;
text-transform:lowercase;
}
.user-information-podpis {
padding:0px 130px 30px 130px;
}
.user-information-podpis-inf {
width:100%;
border-bottom:2px solid #F3F4F5;
border-top:2px solid #F3F4F5;
padding-bottom:11px;
padding-top:11px;
}
.user-information-podpis-inf img {
max-width:100%;
}
.user-information-podpis-title {
display:table-cell;
vertical-align:top;
color:#5F5F5F;
padding-bottom:7px;
}
.user-information-profil-inf {
width:100%;
border-bottom:2px solid #F3F4F5;
padding-bottom:11px;
padding-top:11px;
}
.user-information-profil-inf-top {
border-top:2px solid #F3F4F5;
}
.user-information-ls {
padding:20px 130px 10px 130px;
}
.user-information-ls-ihf {
width:100%;
padding-bottom:9px;
padding-top:11px;
}
.user-information {
padding:0px 130px 50px 130px;
}
.user-information-profil-title {
display:table-cell;
vertical-align:top;
color:#5F5F5F;
padding-bottom:7px;
}
.user-information-profil-top {
border-top:2px solid #F3F4F5;
}
.user-information-profil {
width:100%;
border-bottom:2px solid #F3F4F5;
padding-bottom:11px;
padding-top:11px;
}
.user-information-question {
display:table-cell;
vertical-align:top;
color:#7E7E7E;
width:250px;
}
.user-information-answer {
display:table-cell;
vertical-align:top;
color:#5F5F5F;
}
.profil-personal-user-status {
margin-top:15px;
margin-bottom:5px;
font-size:14px;
font-weight: normal;
}
.profile-info .profil {
color: #777;
font-size:25px;
font-weight: normal;
}
.profil a,.profil a:hover{
color: #777;
text-decoration: none!important;
}
.user-reputation a,.user-reputation a:hover{
color: #006AFF!important;
}
.profile-info .status-info-person {
font-size:15px;
font-weight:normal;
float:right;
display:inline-block;
margin-top:9px;
}
.profile-info {
margin:-20px 5px 0px 145px;
}
.avatar-prof {
display: inline-block;
vertical-align: top;
position: absolute;
top: -60px;
}
.avatar-prof img {
background: #fff;
width: 120px;
height: 120px;
object-fit:cover;
border-radius: 999px;
border: 5px solid #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
}
.personal-page-user-info-mat-top{
width:100%;
padding-top:30px;
}
.personal-page-user-info-mat {
display:inline-block;
padding-right:50px;
}
.personal-page-user-info-mat span {
display:block;
}
.personal-page-user-mats {
text-align:center;
color:#fff;
height:55px;
width:55px;
border-radius:50px;
display: inline-block;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
}
.personal-page-user-mats:hover {
border-radius: 100px;
-webkit-transition:all 2s;
-moz-transition:all 2s;
-o-transition:all 2s;
transition:all 2s;
}
.personal-page-user-mats{
line-height: 55px;
font-size:23px;
}
.personal-page-user-info-mat .user-com {
background-color:#009AFF;
}
.personal-page-user-info-mat .user-otv {
background-color:#81C738;
}
.personal-page-user-info-mat .user-mat {
background-color:#9534CA;
}
.personal-page-user-info-mat .user-ur {
background-color:#FF6600;
}
.personal-page-user-info-mat .user-news {
background-color:#D1B800;
}
.personal-page-user-info-mat .user-sit {
background-color:#3300DD;
}
.personal-page-user-mats-text {
color: #777;
margin: auto;
font-size:17px;
}
.social-accounts a {
opacity:.3!important;
}
.social-accounts .is-connected {
opacity:1!important;
}
.social-accounts .wait i {
background:url(/.s/img/icon/ajsml.gif) no-repeat center center!important;
}
.social-accounts a.login-with i {
width:37px!important;
height:37px!important;
border-radius:50%!important;
}
#person-position{
position:relative;
}
.send-private-message {
display: inline-block;
background:#3080e8;
text-align:center;
border-radius: 99px;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.send-private-message:hover {
background:#196edd;
text-align:center;
border-radius:99px;
}
.send-private-message a,.send-private-message a:hover {
text-decoration:none!important;
display:block;
color:white;
padding:10px 19px;
font-size:15px;
}
.send-private-message a:active {
background:#1767ce;
border-radius:99px;
-webkit-transition: 0.25s;
-moz-transition: 0.25s;
-o-transition: 0.25s;
transition: 0.25s;
}
.disabled-person-info a{
pointer-events: none;
}
@media only screen and (max-width: 1160px) {
.user-information,.user-information-podpis,.user-information-reputation {
padding:50px 30px;
}
.user-information-ls {
padding:0px 50px;
}
.personal-page-user-info-mat {
width:150px;
display:inline-block;
padding-top:10px;
padding-bottom:10px;
padding-right:0px;
padding-left:0px;
}
#person-position{
position:inherit;
}
.avatar-prof {
display:block;
vertical-align: top;
position: inherit;
top:0px;
text-align: center;
}
.profile-info .status-info-person {
display:block;
float:none;
}
.profile-info {
margin:5px;
text-align: center;
}
}
@media only screen and (max-width: 960px) {
.user-information,.user-information-podpis,.user-information-reputation {
padding:30px 70px;
}
.user-information-ls {
padding:0px 70px;
}
}
@media only screen and (max-width: 640px) {
.user-information,.user-information-podpis,.user-information-reputation {
padding:30px 10px;
}
.user-information-ls {
padding:0px 10px;
}
.user-information-question {
width:250px;
}
.user-reputation{
display:block;
float:none;
padding: 0 10px;
}
.user-information-profil {
margin-bottom:21px;
}
}
@media only screen and (max-width: 530px) {
.send-private-message {
width:250px;
margin-top:15px;
}
.user-information-question {
width:100%;
display:block;
margin-bottom:19px;
text-align: center;
}
.user-information-answer{
width:100%;
display:block;
text-align: center;
}
}
/*end персональная страница uCoz*/

/*ajax окна*/
.xw-active {
-webkit-animation-duration: .6s;
animation-duration: .6s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.xw-active.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes xw-plain {0% 
{
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes xw-plain {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px);
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
.xw-plain {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
.myWinGrid {
background: rgba(71, 163, 218, 0.8) !important;
opacity: 0.35 !important;
}
.xw-mc ::-webkit-scrollbar {
width: 5px;
height: 5px;
} 
.xw-mc ::-webkit-scrollbar-thumb:vertical {
height: 3px;
background-color: rgba(72, 139, 250, 0.4);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
} 
.xw-mc ::-webkit-scrollbar-thumb:horizontal {
width: 3px;
background-color: rgba(72, 139, 250, 0.4);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
} 
.xw-mc ::-webkit-scrollbar {
width: 5px;
height: 5px;
} 
.xw-mc ::-webkit-scrollbar-track-piece {
display:none;
} 
.x-sh,.xw-bl {
display:none !important;
} 
.xw-ml,.xw-mr {
margin:0 !important;
padding:0 !important;
background:none !important;
}
.xw-mc {
color:#333;
font-weight: normal;
float: none;
margin: 0;
padding: 8px 8px !important;
background: #fff !important;
border: 1px solid #fff !important;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
} 
.xw-hdr img {
display:none;
} 
.xw-hdr,.xw-sps .xw-draggable {
background: #006AFF!important;
padding: 20px !important;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
}
.xw-tl,.xw-tr,.xw-tc,.xw-sps.xw-draggable {
background: transparent!important;
padding: 0px 0px 0px 0px !important;
}
.xw-mc:after {
content: '';
display: block;
margin-left: -9px;
margin-right: -9px;
margin-bottom: -10px;
margin-top: 15px;
background: #f3f3f3;
padding: 20px;
border-bottom-left-radius: 7px;
border-bottom-right-radius: 7px;
}
.xw-tc {
overflow: visible !important;
} 
.xt-close {
top: -3px;
margin: 0;
z-index: 10014 !important;
width: 18px !important;
height: 18px !important;
background: url(/w-u/ajax/img/close.png) no-repeat !important;
line-height: 20px;
} 
.xw-body {border: 0 !important;
padding: 0 !important;
} 
.xt-maxi {
display:none;
} 
.xt-mini {
display:none;
} 
.xt-rest {
display:none;
}
.xw-resize .xw-tr {
cursor: auto !important;
}
.myWinCont,.myWinCont td,.myWinCont dl,.myWinCont dt {
color: #000000;
font-size: 11pt;
font-family: Tahoma,Arial;
background: none;
}
.myWinCont fieldset {
border: 0px !important;
}
.myWinCont hr, .h_mtr_content hr, .material-section hr {
border:none!important;
height:2px!important;
background:#F3F4F5!important;
}
.myBtnCenter {
background-position: 2000px 2000px !important;
}
.myBtnCenter a, .myBtnCont a{
display: inline-block;
border: none;
cursor:pointer;
overflow:hidden;
background: #3498DB !important;
color:white !important;
padding:8px 12px;
font-size:14px;
text-align:center;
font-weight: bold;
border-radius:99px !important;
-webkit-border-radius: 99px !important;
-moz-border-radius: 99px !important;
transition:0.2s;
}
.myBtnCenter a:hover,.myBtnCont a:hover{
background:#4F9FD3!important;
color:white !important;
transition:0.2s;
border-radius:99px;
}
.myBtnCenter a:active,.myBtnCont a:active{
background:#2980B9 !important;
}
.myWinCont fieldset {
padding-top: 0px!important;
padding-bottom: 0px!important;
}
.myBtnCont {
padding: 10px 0px 0px 0px !important;
color:#FFF;
}
td#msg981 {
float: right;
}
.myWinCont textarea {
padding: 10px 8px !important;
border: 2px solid #eee !important;
border-radius: 5px;
background:none !important;
}
.myWinCont input[type='text'],.myWinCont input[type='password'] {
padding: 10px 8px !important;
border: 2px solid #eee !important;
background: none !important;
border-radius: 5px;
}
.myWinCont input[type='text']:focus,.myWinCont input[type='password']:focus,.myWinCont textarea:focus {
border:2px solid #6bb9e9 !important;
background:none !important;
}
.myWinCont label {
color: #717171;
font-size: 8pt;
}
.myWinCont a:link,.myWinCont a:visited {
text-decoration: none !important;
}
.xw-sps {
display: none !important;
}
.xw-hdr-text {color: #fff !important;font-size: 13px!important;}
.myWinCont ul {
list-style: none!important;
margin: 0 0 0 3px!important;
padding-left: 0px!important;
}
.myWinCont ul > li {
margin: 5px 0 10px 0!important;
padding: 0 0 0 20px!important;
background: url('/w-u/ajax/img/li.svg') no-repeat 0 2px !important;
}
.myWinLoad {
margin: 10px auto!important;
width: 60px!important;
height: 60px!important;
border-radius: 50px!important;
box-shadow: 0 8px 7px -7px rgba(0,0,0, 0.0)!important;
display: block;
width: 35px;
height: 35px;
margin: 80px 150px;
position: relative;
border: 2px solid #488BFA;
border-top-color: transparent;
border-radius: 100%;
-webkit-animation: preloader 1.5s infinite linear;
-moz-animation: preloader 1.5s infinite linear;
-ms-animation: preloader 1.5s infinite linear;
-o-animation: preloader 1.5s infinite linear;
animation: preloader 1.5s infinite linear;
background:none!important
}
.myWinLoad:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: 2px;
left: 3px;
border: 6px solid transparent;
border-bottom-color: #488BFA;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.myWinError{
margin-top:-3px!important;
}
#msg235 .myWinError{
font-size: 13px!important;
}
#msg235 .myWinLoadS {
margin-top:0px!important;
width:26px!important;
height:26px!important;
background:url('/w-u/ajax/img/loading.gif') no-repeat center center!important;
}
#msg235 .myWinLoadSD {
margin-top:0px!important;
width:26px!important;
height:26px!important;
background:url('/w-u/ajax/img/successfully.png') no-repeat center center!important;
}
#msg235 .myWinLoadSF {
margin-top:0px!important;
width:20px!important;
height:26px!important;
background:url('/w-u/ajax/img/error.png') no-repeat center center!important; cursor:help!important;
}
.myWinLoadS {
margin-top:10px!important;
width:26px!important;
height:26px!important;
background:url('/.s/img/wd/7/ajaxs.gif') no-repeat center center!important;
}
.myWinLoadS {
margin-top:10px!important;
width:26px!important;
height:26px!important;
background:url('/w-u/ajax/img/loading.gif') no-repeat center center!important;
}
.myWinLoadSD {
margin-top:10px!important;
width:26px!important; height:26px!important;
background:url('/w-u/ajax/img/successfully.png') no-repeat center center!important;
}
.myWinLoadSF {
margin-top:10px!important;
width:20px!important;
height:26px!important;
background:url('/w-u/ajax/img/error.png') no-repeat center center!important; cursor:help!important;
}
.myWinPollG {
margin-top:10px!important;
width:215px!important;
height:131px!important;
background:url('/w-u/ajax/img/table-polls.gif') no-repeat 0 0!important;
}
/*end ajax окна*/

/*вход через социальные сети*/
a.entrance-through-social-networks {
display:inline-block;
text-decoration:none;
position:relative;
width:auto;
margin:3px;
font-size:9pt;
outline:none;
user-select:none;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
-o-user-select:none;
}
a.entrance-through-social-networks:hover {
background:none;
text-decoration:none;
}
a.entrance-through-social-networks b {
font-weight:normal;
}
a.entrance-through-social-networks i {
display:inline-block;
cursor:pointer;
vertical-align:middle;
width:45px;
height:45px;
background-position: center center;
background-repeat: no-repeat;
background-size:70% 55%;
-webkit-transition: background-color .2s .01s ease-out, border-color .1s .01s ease-out;
transition: background-color .2s .01s ease-out, border-color .1s .01s ease-out;
border: none;
position: static;
opacity: 1;
border-radius: 50px;
}
a.fb i {
background-image: url(/.s/img/icon/social/fb-w.svg);
background-color:#3c599f;
border:2px solid #3c599f;
}
a.fb:hover i {
background-image: url(/.s/img/icon/social/fb.svg);
background-color:#fff;
border:2px solid #3c599f;
}
a.vk i {
background-image: url(/.s/img/icon/social/vk-w.svg);
background-color:#2f6caa;
border:2px solid #2f6caa;
}
a.vk:hover i {
background-image: url(/.s/img/icon/social/vk.svg);
background-color:#fff;
border:2px solid #2f6caa;
}
a.ya i {
background-image: url(/.s/img/icon/social/ya-w.svg);
background-color:#dc4c39;
border:2px solid #dc4c39;
}
a.ya:hover i {
background-image: url(/.s/img/icon/social/ya.svg);
background-color:#fff;
border:2px solid #dc4c39;
}
a.gp i {
background-image: url(/.s/img/icon/social/gp-w.svg);
background-color:#505050;
border:2px solid #505050;
}
a.gp:hover i {
background-image: url(/.s/img/icon/social/gp.svg);
background-color:#fff;
border:2px solid #505050;
}
a.tw i {
background-image: url(/.s/img/icon/social/tw-w.svg);
background-color:#00b3ec;
border:2px solid #00b3ec;
}
a.tw:hover i {
background-image: url(/.s/img/icon/social/tw.svg);
background-color:#fff;
border:2px solid #00b3ec;
}
a.okru i {
background-image: url(/.s/img/icon/social/ok-w.svg);
background-color:#ed812b;
border:2px solid #ed812b;
}
a.okru:hover i {
background-image: url(/.s/img/icon/social/ok.svg);
background-color:#fff;
border:2px solid #ed812b;
}
a.uidme i {
background-image: url(/.s/img/icon/social/u-w.svg);
background-color:#3498db;
border:2px solid #3498db;
}
a.uidme:hover i {
background-image: url(/.s/img/icon/social/u.svg);
background-color:#fff;
border:2px solid #3498db;
}
a.localpol i {
background-image: url(/.s/img/icon/social/l-w.svg);
background-color:#6c6c6c;
border:2px solid #6c6c6c;
}
a.localpol:hover i {
background-image: url(/.s/img/icon/social/l.svg);
background-color:#fff;
border:2px solid #6c6c6c;
}
@media only screen and (max-width: 640px) {
a.entrance-through-social-networks {
margin:3px;
}
a.entrance-through-social-networks i {
width:37px;
height:37px;
}
}
/*end вход через социальные сети*/

/*информационные собщения на форуме*/
.webmaster-ok_red {
background: #fff5f0;
border:1px solid #e89b88;
} 
.webmaster-ok_blue {
background: #f0f5ff;
border: 1px solid #9dbdff;
} 
.webmaster-ok_green {
background: #f0ffeb;
border: 1px solid #0c0;
} 
.webmaster-ok_yellow {
background: #fefbeb;
border:1px solid #eed31f;
} 
.webmaster-ok_gray {
background: #efefef;
border:1px solid #bdbdbd;
}
.image_table {
display:table-cell;
width:32px;
padding:11px;
} 
.webmaster-ok_text {
display:table-cell;
vertical-align:top;
padding:7px; width:100%;
} 
.webmaster-ok_name {
display:block;
width:100%;
font-size:13pt;
padding-bottom:7px;
font-weight:bold;
} 
/*end информационные собщения на форуме*/

/*стили для посетивших пользователей сайта*/
a[class^="group"]:link,a[class^="group"]:visited,.userBirthdayLink:link,.userBirthdayLink:visited{
font-size:13px;
padding:3px 4px;
line-height:22px;
border-radius:4px;
text-decoration:none!important;
} 
a[class^="group"]:hover,.userBirthdayLink:hover{
text-decoration:none!important;
box-shadow:0 1px 3px rgba(0,0,0,.3);
}
.forumOnlineBar a[class^="group"]:link,.forumOnlineBar a [class^="group"]:visited{
line-height:normal;
} 
a.groupUser:link,a.groupUser:visited {
color:#2a6f92!important;
} 
a.groupUser:hover{
color:#fff!important;
background:#2a6f92;
}
a.groupModer:link,a.groupModer:visited {
color:#D70000!important;
} 
a.groupModer:hover{
color:#fff!important;
background:#D70000;
}
a.groupVerify:link,a.groupVerify:visited {
color:#446EFF!important;
} 
a.groupVerify:hover {
color:#fff!important;
background:#446EFF;
}
a.groupAdmin:link,a.groupAdmin:visited {
color:#FF0000!important;
} 
a.groupAdmin:hover {
color:#fff!important;
background:#FF0000;
}
a.groupOther1:link,a.groupOther1:visited {color:#AA0000!important;
} 
a.groupOther1:hover {
color:#fff!important;background:#AA0000;
} 
a.groupOther2:link,a.groupOther2:visited {
color:#555555!important;
} 
a.groupOther2:hover {
color:#fff!important;
background:#555555;
}
a.groupOther3:link,a.groupOther3:visited {
color:#7D7D7D!important;
} 
a.groupOther3:hover {
color:#fff!important;
background:#7D7D7D;
} 
a.groupOther4:link,a.groupOther4:visited {
color:#AF27AF!important;
} 
a.groupOther4:hover {
color:#fff!important;
background:#AF27AF;
} 
a.groupOther5:link,a.groupOther5:visited {
color:#12AF00!important;
} 
a.groupOther5:hover {
color:#fff!important;
background:#12AF00;
}
a.groupFriends:link,a.groupFriends:visited {
color:#D19A00!important;
} 
a.groupFriends:hover {
color:#fff!important;
background:#D19A00;
} 
a.groupBanned:link,a.groupBanned:visited {
color:#000000!important;
} 
a.groupBanned:hover {
color:#fff!important;
background:#000000;
} 
/*end стили для посетивших пользователей сайта*/

/*полезное для web-мастеров*/
.t1,.t2,.t3,.t4,.t5,.t6,.t7 {
max-width: 100%;
width: 100%;
border-collapse: collapse;
border: 1px solid #8DBCFF;
margin-bottom: 40px;
}
.t1 th{
color:#8DBCFF;
text-align:center;
border-bottom:1px dashed #8DBCFF;
padding:10px 15px;
}
.t1 td{
padding:8px 15px;
font-size:90%;
}
.t1 td:first-child {
width:20%;
vertical-align:top;
}
.t3 th,.t2 th,.t4 th {
color: #ffffff;
font-size:110%;
text-align:left;
background:#8DBCFF;
border-right:1px solid #8DBCFF;
padding: 7px 15px;
}
.t3 th:last-child,.t2 th:last-child,.t4 th:last-child,.t5 th:last-child {
border-right:1px solid #8DBCFF;
}
.t3 td,.t2 td,.t4 td {
border: 1px solid #8DBCFF;
padding:5px 15px;
font-size:90%;
line-height:1.4;
}
.t4 td:first-child {
font-size: 180%;
font-weight: bold;
color: #8DBCFF;
}
.t5 th{
color: white;
font-size:90%;
background:#a0a1a2;
border-right:1px solid white;
padding: 7px 10px;
}
.t5 td{
border: 1px solid #a0a1a2;
text-align:center;
padding:7px 5px;
font-size:80%;
line-height:1.4;
}
.t6,.t7{
table-layout:fixed;
text-align:center;
}
.t6 th,.t7 th{
border: 1px solid #8DBCFF;
}
.t6 td,.t7 td{
border: 1px solid #8DBCFF;
}
.t7 td{
color:white;
}
.t7 th{
padding:10px 0;
}
.t7 td{
padding: 7px 0;
}
kbd {
background-color: rgba(0,0,0,0.05);
border: 1px solid rgba(0,0,0,0.07);
padding:0 3px;
font-size:0.875em;
font-family: 'Roboto Mono', monospace;
border-radius:3px;
}
@media screen and (max-width: 696px) {
.t5 th{f
ont-size:70%;
padding: 7px 5px;
}
.t5 td{
padding:7px 5px;
font-size:80%;
}
}
@media screen and (max-width: 600px) {
.t6 table{
float: none;
}
}
@media screen and (max-width: 480px) {
.t1 th,.t3 th,.t2 th,.t4 th,.t5 th {
padding:3px;
}
.t1 td,.t3 td,.t2 td,.t4 td,.t5 td {
padding:3px;
line-height:1.2;
}
.t6 table{
float: none;
}
}
/*end полезное для web-мастеров*/

/*информационные таблички о работе серверов в сиcтеме uCoz*/
.alert-server-performance {
position: relative;
margin-bottom: 45px;
padding: 15px 15px 15px 45px;
border: 1px solid rgba(0, 0, 0, 0);
border-radius: 4px;
}
.alert-server-performance:before {
position: absolute;
top: 50%;
left: 13px;
display: block;
margin-top: -8px;
width: 16px;
height: 16px;
background: url('/w-u/img/images/alert-server-performance.png') no-repeat 0 0;
content: '';
}
.alert-success-server-performance {
border-color: #d6e9c6;
background-color: #dff0d8;
color: #3c763d;
}
.alert-info-server-performance {
border-color: #bce8f1;
background-color: #d9edf7;
color: #31708f;
}
.alert-info-server-performance:before {
background-position: 0 -16px;
}
.alert-warning-server-performance {
border-color: #faebcc;
background-color: #fcf8e3;
color: #8a6d3b;
}
.alert-warning-server-performance:before {
background-position: 0 -32px;
}
.alert-danger-server-performance {
border-color: #ebccd1;
background-color: #f2dede;
color: #a94442;
}
.alert-danger-server-performance:before {
background-position: 0 -48px;
}
.alert-server-performance-info {
position: relative;
margin-bottom: 0px;
padding: 15px 15px 15px 45px;
}
.alert-server-performance-info:before {
position: absolute;
top: 50%;
left: 13px;
display: block;
margin-top: -8px;
width: 16px;
height: 16px;
background: url('/w-u/img/images/alert-server-performance.png') no-repeat 0 0;
content: '';
}
.alert-success-server-performance-info {
color: #3c763d;
}
.alert-info-server-performance-info {
color: #31708f;
}
.alert-info-server-performance-info:before {
background-position: 0 -16px;
}
.alert-danger-server-performance-info {
color: #a94442;
}
.alert-danger-server-performance-info:before {
background-position: 0 -48px;
}
.alert-warning-server-performance-info {
color: #8a6d3b;
}
.alert-warning-server-performance-info:before {
background-position: 0 -32px;
}
.alert-warning-server-performance-info a:link{
color: #8a6d3b;
text-decoration: none;
font-weight: 600;
cursor: help;
}
.information-about-server-performance-broadcast {
border: 1px solid #9DBDFF;
background-color: #E1EBFF;
padding: 8px 11px;
font-size: 10pt;
margin: 0px;
color:#000;
border-radius: 5px;
}
/*end информационные таблички о работе серверов в сиcтеме uCoz*/

/*окна*/
@font-face{
font-family:Roboto;
src:local("Roboto"),url(/w-u/mini-news/fonts/Roboto-Regular.woff)
}
@font-face{
font-family:Roboto;
font-weight:bold;
src:local("Roboto"),url(/w-u/mini-news/fonts/Roboto-Bold.woff)
}
@font-face{
font-family:Bitter;
font-weight:bold;
src:local("Bitter"),url(/w-u/mini-news/fonts/Bitter-Bold.woff)
}
.pop-window{
position:absolute;
visibility:hidden;
top:0;
left:0;
width:100%;
height:100%;
text-align:center;
}
.pop-window:before{
content:"";
display:inline-block;
height:100%;
vertical-align:middle;
}
.pop-window.show{
visibility:visible;
}
.pop-window .pop-all-content{
margin:5% 0;
width:500px;
min-height:100px;
display:inline-block;
vertical-align:middle;
position:relative;
text-align:left;
background:#fff;
border-radius:7px;
box-shadow:0 0 10px 1px rgba(0,0,0,0.1);
font-family:Roboto, Arial, Helvetica, sans-serif;
}
.pop-window .pop-all-content.animate-fade_scale{
-webkit-transform:scale(0.7);
-moz-transform:scale(0.7);
-ms-transform:scale(0.7);
-o-transform:scale(0.7);
transform:scale(0.7);
opacity:0;
transition:all .3s linear;
}
.pop-window .pop-all-content.animate-fade_scale.show{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:1;
}
.pop-window .pop-all-content.animate-fade_right{
-webkit-transform:translateX(20%);
-moz-transform:translateX(20%);
-ms-transform:translateX(20%);
-o-transform:translateX(20%);
transform:translateX(20%);
opacity:0;transition:all .3s;
}
.pop-window .pop-all-content.animate-fade_right.show{
-webkit-transform:translateX(0);
-moz-transform:translateX(0);
-ms-transform:translateX(0);
-o-transform:translateX(0);
transform:translateX(0);
opacity:1;
}
.pop-window .pop-all-content.animate-fade_bottom{
-webkit-transform:translateY(20%);
-moz-transform:translateY(20%);
-ms-transform:translateY(20%);
-o-transform:translateY(20%);
transform:translateY(20%);
opacity:0;transition:all .3s;
}
.pop-window .pop-all-content.animate-fade_bottom.show{
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-ms-transform:translateY(0);
-o-transform:translateY(0);
transform:translateY(0);
opacity:1;
}
.pop-window .pop-all-content.animate-fall{
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8);
opacity:0;
transition:all .3s;
background:transparent;
box-shadow:none;
}
.pop-window .pop-all-content.animate-fall.show{
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform:scale(1);
opacity:1;
}
.pop-window .pop-header{
position:relative;
overflow:hidden;
min-height:32px;
border-radius:7px 7px 0 0;
}
.pop-window .pop-header a.pop-close{
cursor:pointer;
position:absolute;
right:11px;
top:11px;
z-index:11000;
width:21px;
height:21px;
background: url("/w-u/mini-news/svg/close.svg") no-repeat;
background-size:100%;
opacity:0.31;
}
.pop-window .pop-header a.pop-close:hover{
opacity:1;
}
.pop-window .pop-header.pop-noimage .pop-title{
font-weight:700;
font-size:14px;
text-align:left;
color:#000;
word-wrap:break-word;
box-sizing:border-box;
padding-top:14px;
padding-left:16px;
}
.pop-window .pop-header.pop-image{
background-repeat:no-repeat;
background-position:0 0;
background-size:100%;
height:140px;
}
.pop-window .pop-header.pop-image .pop-title{
font-weight:700;
font-size:24px;
text-shadow:0 0 20px #000;
color:#fff;
word-wrap:break-word;
text-align:center;
position:absolute;
height:100%;
display:flex;
align-items:center;
justify-content:center;
width:100%;
box-sizing:border-box;
padding:0 60px;
background-color:rgba(0,0,0,0.2);
}
.pop-window .pop-content{
padding:16px;
font-size:13px;
font-family:inherit;
}
.pop-window .pop-content h2,.pop-window .pop-content p{
margin-bottom:16px;
}
.pop-window .pop-content *:last-child{
margin-bottom:0;
}
.pop-window .pop-content h2{
font-size:18px;
font-weight:bold;
text-align:center;
font-family:Bitter;
}
.pop-window .pop-content h1{
font-size:24px;
font-weight:bold;
text-align:center;
font-family:Bitter;
}
.pop-window .pop-content p{
font-size:13px;
line-height:22px;
font-family:Roboto;
}
.pop-window .pop-footer{
padding:16px;
background:#f7f7f7;
border-radius:0 0 7px 7px;
font-family:inherit;
}
.pop-window .pop-button{
position:relative;
overflow:hidden;
background:#2785FF;
color:#fff;
text-decoration:none;
height:30px;
display:inline-block;
line-height:30px;
padding:0 30px;
border-radius:15px;
font-size:12px;
font-weight:700;
font-family:inherit;
}
.pop-window .pop-button:hover{
background:#529DFF;
}
.pop-window input[type="text"],.pop-window input[type="email"],.pop-window input[type="password"],.pop-window textarea,.pop-window select{
width: 100%;
}
.pop-window input[type="text"],.pop-window input[type="email"],.pop-window input[type="password"],.pop-window select{
height:35px;
}
.pop-window textarea{
height:135px;
}
.pop-window input[type="text"],.pop-window input[type="email"],.pop-window input[type="password"],.pop-window textarea,.pop-window select {
border: 1px solid #cfd9db;
background-color: #ffffff;
border-radius: .25em;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.pop-window input[type="text"]:focus,.pop-window input[type="email"]:focus,.pop-window input[type="password"]:focus,.pop-window textarea:focus,.pop-window select:focus{
outline: none;
border-color: #2c97de;
box-shadow: 0 0 15px rgba(44, 151, 222, 0.3);
}
.pop-window .pop-center{
text-align:center;
}
.pop-window .pop-line{
margin-bottom:16px;
}
@media screen and (max-width: 500px){
.pop-window .pop-all-content{
width:90%;
}
.pop-window .pop-header{
background-position:50% 0% !important;
background-size:cover !important;
}
}
.pop-background{
width:100%;
height:100%;
overflow:auto;
position:fixed;
top:0;
left:0;
background:rgba(0,0,0,0.4);
opacity:0;
transition:opacity .3s;
}
.pop-background.show{
opacity:1;
}.pop-background.show.animate-fall{
background:#fff !important;
opacity:0.995;
}
.pop-all-content ::-webkit-scrollbar {
width: 5px; height: 5px;
}       
.pop-all-content ::-webkit-scrollbar-thumb:vertical {
height: 5px;
background-color: rgba(0, 0, 0, 0.5);
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}       
.pop-all-content ::-webkit-scrollbar-thumb:horizontal {
width: 5px;
background-color: rgba(0, 0, 0, 0.5);
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}       
.pop-all-content ::-webkit-scrollbar {
width: 5px;
height: 5px;
}       
.pop-all-content ::-webkit-scrollbar-track-piece {
display:none;
}
/*end окна*/

/*убираем не нужные элементы*/
#bc1,#bc2,#bc3,#bc4,#bc5,#bc6,#bc7,#bc8,#bc9,#bc10,#bc11,#bc12,#bc13,#bc14,#bc15,#bc16,#bc17,#bc18,#bc34,#bc38,#bc19,.sml1,table[style="border:1px inset;"],
.edtTypeMenu,#format_message,label[for="format_message"],#html_message,label[for="html_message"],#format_brief,label[for="format_brief"],#html_brief,label[for="html_brief"]{
display:none;
}
/*end убираем не нужные элементы*/

/*репутация пользователя*/
.rep-do-list-limit{
float:right;
}
.rep-do-list .answer {
opacity: 0;
zoom: 0;
display: none;
}
.rep-do-list .rep-do-xml {
display: none;
}
.rep-do-list .user-indents-reputation{
margin-top:25px;
margin-bottom:25px;
}
.rep-do-list .avatar-b {
width: 110px;
margin-right: 25px;
float: left;
position:relative;
border-radius: 100%;
}
.rep-do-list .avatar-b img{
border-radius: 100%;
border: 1px solid #fff;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}
.rep-do-add {
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
text-decoration: none !important;
text-transform: uppercase;
border-radius: 50px;
padding: 9px 20px 8px;
font: 700 16px / 20px 'PT Sans', sans-serif;
letter-spacing: .08em;
-webkit-transition: all .15s ease-out;
transition: all .15s ease-out;
color: #fff;
background-color: #1BBB6B;
border: none;
cursor:pointer;
}
.rep-do-add:hover {
border-color: #1BBB6B;
background-color: #1BBB6B;
color: #fff;
}
.rep-do-reason {
padding: 7px 10px;
border: 2px solid #D8DCDE;
border-radius: 8px;
-webkit-transition: border-color .15s ease-out;
transition: border-color .15s ease-out;
background-color: #fff;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-width: 100%;
font-size: 15px;
margin-bottom: 15px;
}
.rating-val-plus {
display: inline-block;
vertical-align: top;
position: absolute;
top: -5px;left:50px;
}
.rating-val {
background-color: #1AAF5D;
text-align:center;
color:#fff;
height:35px;
width:35px;
border-radius:50px;
display: inline-block;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-o-transition:all 1s;
transition:all 1s;
font-weight: 700;
}
.rating-val:hover {
border-radius: 100px;
-webkit-transition:all 2s;
-moz-transition:all 2s;
-o-transition:all 2s;
transition:all 2s;
}
.rating-val{
line-height:35px;
font-size:16px;
}
.user-disabled-reputation {
font-size:21px;
color:#9C9C9C;
font-weight:500;
}
.rep-do-list .prj-date {
padding-left: 17px;
background: url(/w-u/person/img/data.png) no-repeat 0;
white-space: nowrap;
display: inline-block;
}
.rep-do-list hr, .user-information-reputation hr { 
border-bottom: none;
border-left: none;
border-right: none;
border-top: 2px solid #F3F4F5;
clear: both;
height: 0;
}
.rep-do-list .user-name { 
margin-right: 10px;
}
.rep-do-list .user-name a { 
color: #383E47;
font-size: 16px;
font-weight: 700;
text-transform: none;
}
.rep-do-list .user-name + .prj-date { 
margin-left: 0px;
}
.rep-do-list .u-mpanel {
float: right;
}
.rep-do-list .avatar-b {
margin:0;
width:100px;
}
.rep-do-list .avatar-b img{
width: 80px;
height: 80px;
margin-top:0px
padding-bottom:25px;
}
.rep-do-list p.text{
white-space: pre-wrap;
overflow: hidden;
}
[data-tooltip] {
position: relative;
z-index: 2;
cursor: pointer;
}
[data-tooltip]:before,[data-tooltip]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
}
[data-tooltip]:before {
position: absolute;
bottom: 100%;
left: 50%;
margin-bottom: 5px;
margin-left: -80px;
padding: 9px;
width: 160px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 14px;
line-height: 1.2;
}
[data-tooltip]:after {
position: absolute;
bottom: 100%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
}
[data-tooltip]:hover:before,[data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
#growls {
z-index:50000;
position:fixed;
}
#growls.tl {
top:10px;
left:10px;
}
#growls.bl {
bottom:10px;
left:10px;
}
#growls.br {
bottom:10px;
right:10px;
}
#growls.tc {
top:10px;
right:10px;
left:10px;
}
#growls.bc {
bottom:10px;
right:10px;
left:10px;
}
#growls.tc .growl,#growls.bc .growl {
margin-left:auto;
margin-right:auto;
}
.growl {
position:relative;
border-radius:4px;
-webkit-transition:all .4s ease-in-out;
-moz-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
}
.growl.growl-small {
width:200px;
margin:5px;
padding:5px;
}
.growl.growl-medium {
width:250px;
margin:10px;
padding:10px;
}
.growl.growl-large {
width:300px;
margin:15px;
padding:15px;
}
.growl.growl-default {
color:#FFF;
background:#7f8c8d;
}
.growl.growl-error {
color:#FFF;
background:#C0392B;
}
.growl.growl-notice {
color:#FFF;
background:#2ECC71;
}
.growl.growl-warning {
color:#FFF;
background:#F39C12;
}
.growl .growl-close {
cursor:pointer;
float:right;
font-size:14px;
line-height:18px;
font-weight:400;
font-family:helvetica, verdana, sans-serif;
}
.growl .growl-title {
font-size:18px;
line-height:24px;
}
.growl .growl-message {
font-size:14px;
line-height:18px;
}
#growls.default,#growls.tr {
top:10px;
right:10px;
}
.growl.growl-incoming,.growl.growl-outgoing {
opacity:0;
filter:alpha(opacity=0);
}
.selection-user-reputation input[type="radio"] {
vertical-align: top;
width: 17px;
height: 17px;
margin: 0 3px 0 0;
}
.selection-user-reputation input[type="radio"] + label {
cursor: pointer;
}
.selection-user-reputation input[type="radio"]:not(checked) {
position: absolute;
opacity: 0;
}
.selection-user-reputation input[type="radio"]:not(checked) + label {
position: relative;
padding: 0 0 0 35px;
}
.selection-user-reputation input[type="radio"]:not(checked) + label:before {
content: '';
position: absolute;
top: -3px;
left: 0;
width: 22px;
height: 22px;
border: 1px solid #CDD1DA;
border-radius: 50%;
background: #FFF;
}
.selection-user-reputation input[type="radio"]:not(checked) + label:after {
content: '';
position: absolute;
top: 1px;
left: 4px;
width: 16px;
height: 16px;
border-radius: 50%;
background: #9FD468;
box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
opacity: 0;
transition: all .2s;
}
.selection-user-reputation input[type="radio"]:checked + label:after {
opacity: 1;
}
.selection-user-reputation label {
margin-right:15px;
}
.loading-user-reputation {
margin: 10px auto!important;
width: 60px!important;
height: 60px!important;
border-radius: 50px!important;
box-shadow: 0 8px 7px -7px rgba(0,0,0, 0.0)!important;
display: block;
width: 35px;
height: 35px;
margin: 80px 150px;
position: relative;
border: 2px solid #D7D7D7;
border-top-color: transparent;
border-radius: 100%;
-webkit-animation: preloader 1.5s infinite linear;
-moz-animation: preloader 1.5s infinite linear;
-ms-animation: preloader 1.5s infinite linear;
-o-animation: preloader 1.5s infinite linear;
animation: preloader 1.5s infinite linear;
background:none!important
}
.loading-user-reputation:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
top: 2px;
left: 3px;
border: 6px solid transparent;
border-bottom-color: #D7D7D7;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
/*end репутация пользователя*/

/*каталог платных шаблонов от utemplate.pro*/
.costs-template {
display: inline-block;
margin-left: 12px;
padding: 0 15px;
height: 33px;
background-color: #DC8D22;
color: #fff;
vertical-align: middle;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: .1em;
font-size: 15px;
line-height: 33px;
position: absolute;
right:-19px;
top:-19px;
border-radius: 30px;
}
.buy-the-template {
background: #ffffff;
color: #DC8D22;
border: 2px solid;
border-color: #DC8D22;
text-transform: uppercase;
text-decoration: none;
line-height: 16px;
padding: 20px 40px;
display: inline-block;
border-radius: 30px;
outline: none;
font-size: 19px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
letter-spacing: 0.5px;
transition: background .2s ease, color .2s ease, border .2s ease, box-shadow .3s ease;
-webkit-transition: background .2s ease, color .2s ease, border .2s ease, box-shadow .3s ease;
text-decoration: none;
}
.buy-the-template:hover {
background: #E7B067;
border-color: #E7B067;
color: #ffffff;
text-decoration: none;
box-shadow: 0px 5px 20px 0px rgba(231, 176, 103, 0.5);
}
.buy-the-template:active {
background: #DC8D22;
border-color: #DC8D22;
color: #ffffff;
text-decoration: none;
box-shadow: 0px 5px 20px 0px rgba(220, 141, 34, 0.7);
}
.buy-the-template-b{
font-size: 25px;
}
.buy-the-template {
margin-top:15px;
margin-bottom:15px;
}
/*end каталог платных шаблонов от utemplate.pro*/

/*каталог платных скриптов от uscript.pro*/
.script-costs {
display: inline-block;
margin-left: 12px;
padding: 0 15px;
height: 33px;
background-color: #0058FF;
color: #fff;
vertical-align: middle;
text-transform: uppercase;
white-space: nowrap;
letter-spacing: .1em;
font-size: 15px;
line-height: 33px;
position: absolute;
right:-19px;
top:-19px;
border-radius: 30px;
}
.buy-the-script {
background: #ffffff;
color: #0058FF;
border: 2px solid;
border-color: #0058FF;
text-transform: uppercase;
text-decoration: none;
line-height: 16px;
padding: 20px 40px;
display: inline-block;
border-radius: 30px;
outline: none;
font-size: 17px;
font-family: 'Open Sans', sans-serif;
font-weight: 600;
letter-spacing: 0.5px;
transition: background .2s ease, color .2s ease, border .2s ease, box-shadow .3s ease;
-webkit-transition: background .2s ease, color .2s ease, border .2s ease, box-shadow .3s ease;
text-decoration: none;
box-shadow: 0px 5px 20px 0px rgba(0, 88, 255, 0.3);
}
.buy-the-script:hover {
background: #0044C6;
border-color: #0044C6;
color: #ffffff;
text-decoration: none;
box-shadow: 0px 5px 20px 0px rgba(0, 68, 198, 0.5);
}
.buy-the-script:active {
background: #003293;
border-color: #003293;
color: #ffffff;
text-decoration: none;
box-shadow: 0px 5px 20px 0px rgba(0, 50, 147, 0.7);
}
.buy-the-script-b{
font-size: 17px;
}
.buy-the-script {
width:230px;
margin:15px 5px;
}
/*end каталог платных скриптов от uscript.pro*/

/*стили для форм обратной связи*/
.сommunication-project-manager input[type="text"],.сommunication-project-manager input[type="email"],.сommunication-project-manager select {
border-bottom: 1px solid #cfd9db;
background-color: #ffffff;
border-radius: .25em;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.сommunication-project-manager input[type="text"]:focus,.сommunication-project-manager input[type="email"]:focus,.сommunication-project-manager select:focus{
outline: none;
border-color: #2c97de;
box-shadow: 0 0 15px rgba(44, 151, 222, 0.3);
}
.сommunication-project-manager ::-webkit-input-placeholder {
font-weight:normal;
}
.сommunication-project-manager ::-moz-placeholder {
font-weight:normal;
}
.сommunication-project-manager :-moz-placeholder {
font-weight:normal;
}
.сommunication-project-manager :-ms-input-placeholder {
font-weight:normal;
}
.сommunication-project-manager img {
margin-top:10px!important;
}
.сommunication-project-manager .info {
display:block;
border-right:1px solid #dedede;
color: #505050;
padding-right:20px;
font-size:15px;
}
.сommunication-project-manager .forms {
padding-bottom:15px;
}
.сommunication-project-manager .title {
font-size:15px;
color:#666;
padding-bottom:5px;
}
.сommunication-project-manager input[type="text"],.сommunication-project-manager input[type="email"],.сommunication-project-manager textarea,.сommunication-project-manager select {
font-size:13px;
font-family:Verdana;
}
.сommunication-project-manager input[type="text"],.сommunication-project-manager input[type="email"],.сommunication-project-manager textarea,.сommunication-project-manager select{
width: 100%;
margin-bottom:11px;
}
.сommunication-project-manager input[type="text"],.сommunication-project-manager input[type="email"],.сommunication-project-manager select{
height:35px;
}
/*end стили для форм обратной связи*/

/*стили для форм обратной связи усовершенство*/
.cd-form *,.cd-form *::after,.cd-form *::before {
box-sizing: border-box;
}
.cd-form {
width: 100%;
max-width: 600px;
margin: auto;
}
.cd-form::after {
clear: both;
content: "";
display: table;
}
.cd-form div {
position: relative;
margin: 20px 0;
}
.cd-form h4,.cd-form .cd-label {
font-size: 1rem;
color: #94aab0;
margin-bottom: 10px;
}
.cd-form .cd-label {
display: block;
}
.cd-form input,.cd-form textarea,.cd-form select {
font-family: "Open Sans", sans-serif;
font-size: 1rem!important;
color: #2b3e51;
}
.cd-form label {
font-family: "Open Sans", sans-serif;
font-size: 1rem!important;
color: #2b3e51;
}
.cd-form input[type="text"],.cd-form input[type="email"],.cd-form textarea,.cd-form select,.cd-form legend {
display: block;
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.cd-form input[type="text"],.cd-form input[type="email"],.cd-form textarea,.cd-form select {
padding: 12px;
height:55px;
border: 1px solid #cfd9db;
background-color: #ffffff;
border-radius: .25em;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.cd-form input[type="text"]:focus,.cd-form input[type="email"]:focus,.cd-form textarea:focus,.cd-form select:focus {
outline: none;
border-color: #2c97de;
box-shadow: 0 0 5px rgba(44, 151, 222, 0.2);
}
.cd-form .cd-select {
position: relative;
}
.cd-form .cd-select::after {
content: '';
position: absolute;
z-index: 1;
right: 16px;
top: 50%;
margin-top: -8px;
display: block;
width: 16px;
height: 16px;
background: url("/w-u/img/svg/arrow.svg") no-repeat center center;
pointer-events: none;
}
.cd-form select {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
cursor: pointer;
}
.cd-form select::-ms-expand {
display: none;
}
.cd-form .cd-form-list {
margin-top: 16px;
}
.cd-form .cd-form-list::after {
clear: both;
content: "";
display: table;
}
.cd-form .cd-form-list li {
display: inline-block;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0 26px 16px 0;float: left;
}
.cd-form input[type=radio],.cd-form input[type=checkbox] {
position: absolute;
left: 0;top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
margin: 0;
padding: 0;
opacity: 0;
z-index: 2;
}
.cd-form input[type="radio"] + label,.cd-form input[type="checkbox"] + label {
padding-left: 24px;
}
.cd-form input[type="radio"] + label::before,.cd-form input[type="radio"] + label::after,.cd-form input[type="checkbox"] + label::before,.cd-form input[type="checkbox"] + label::after {
content: '';
display: block;
position: absolute;
left: 0;
top: 50%;
margin-top: -8px;
width: 16px;
height: 16px;
}
.cd-form input[type="radio"] + label::before,.cd-form input[type="checkbox"] + label::before {
border: 1px solid #cfd9db;
background: #ffffff;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
}
.cd-form input[type="radio"] + label::before,.cd-form input[type="radio"] + label::after {
border-radius: 50%;
}
.cd-form input[type="checkbox"] + label::before,.cd-form input[type="checkbox"] + label::after {
border-radius: .25em;
}
.cd-form input[type="radio"] + label::after,.cd-form input[type="checkbox"] + label::after {
background-color: #2c97de;
background-position: center center;
background-repeat: no-repeat;
box-shadow: 0 0 5px rgba(44, 151, 222, 0.4);
display: none;
}
.cd-form input[type="radio"] + label::after {
background-image: url("/w-u/img/svg/radio.svg");
}
.cd-form input[type="checkbox"] + label::after {
background-image: url("/w-u/img/svg/check.svg");
}
.cd-form input[type="radio"]:focus + label::before,.cd-form input[type="checkbox"]:focus + label::before {
box-shadow: 0 0 5px rgba(44, 151, 222, 0.6);
}
.cd-form input[type="radio"]:checked + label::after,.cd-form input[type="checkbox"]:checked + label::after {
display: block;
}
.cd-form input[type="radio"]:checked + label::before,.cd-form input[type="radio"]:checked + label::after, .cd-form input[type="checkbox"]:checked + label::before,.cd-form input[type="checkbox"]:checked + label::after {
-webkit-animation: cd-bounce 0.3s;
-moz-animation: cd-bounce 0.3s;
animation: cd-bounce 0.3s;
}
.cd-form textarea {
min-height: 200px;
resize: vertical;
overflow: auto;
}
.cd-form input[type="submit"] {border: none;
background: #2c97de;
border-radius: .25em;
padding: 16px 20px;
color: #ffffff;
font-weight: bold;
float: right;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
}
.no-touch .cd-form input[type="submit"]:hover {
background: #42a2e1;
}
.cd-form input[type="submit"]:focus {
outline: none;
background: #2b3e51;
}
.cd-form input[type="submit"]:active {
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
}
.cd-form [required] {
background: url("/w-u/img/svg/required.svg") no-repeat top right;
}
.cd-form .error {
border-color: #e94b35 !important;
}
@media only screen and (min-width: 600px) {
.cd-form div {
margin: 32px 0;
}
.cd-form legend + div {
margin-top: 20px;
}
.cd-form h4,.cd-form .cd-label {
font-size: 1rem;
margin-bottom: 10px;
}
.cd-form input[type="text"],.cd-form input[type="email"],.cd-form textarea,.cd-form select {
padding: 16px;
}
}
@-webkit-keyframes cd-bounce {
0%, 100% {
-webkit-transform: scale(1);
}
50% {
-webkit-transform: scale(0.8);
}
}
@-moz-keyframes cd-bounce {
0%, 100% {
-moz-transform: scale(1);
}
50% {
-moz-transform: scale(0.8);
}
}
@keyframes cd-bounce {
0%, 100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
50% {
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
-ms-transform: scale(0.8);
-o-transform: scale(0.8);
transform: scale(0.8);
}
}
.cd-form .icon input,.cd-form .icon select,.cd-form .icon textarea {
padding-left: 54px !important;
}
.cd-form .nickname {
background: url("/w-u/img/svg/nickname.svg") no-repeat 16px center;
}
.cd-form [required].nickname {
background: url("/w-u/img/svg/nickname.svg") no-repeat 16px center, url("/w-u/img/svg/required.svg") no-repeat top right;
}
.cd-form .email {
background: url("/w-u/img/svg/email.svg") no-repeat 16px center;
}
.cd-form [required].email {
background: url("/w-u/img/svg/email.svg") no-repeat 16px center, url("/w-u/img/svg/required.svg") no-repeat top right;
}
.cd-form .namesite {
background: url("/w-u/img/svg/namesite.svg") no-repeat 16px center;
}
.cd-form [required].namesite {
background: url("/w-u/img/svg/namesite.svg") no-repeat 16px center, url("/w-u/img/svg/required.svg") no-repeat top right;
}
.cd-form .link {
background: url("/w-u/img/svg/link.svg") no-repeat 16px center;
}
.cd-form [required].link {
background: url("/w-u/img/svg/link.svg") no-repeat 16px center, url("/w-u/img/svg/required.svg") no-repeat top right;
}
.cd-form .linkstatistics {
background: url("/w-u/img/svg/linkstatistics.svg") no-repeat 16px center;
}
.cd-form [required].linkstatistics {
background: url("/w-u/img/svg/linkstatistics.svg") no-repeat 16px center, url("/w-u/img/svg/required.svg") no-repeat top right;
}
.cd-form .passwordstatistics {
background: url("/w-u/img/svg/passwordstatistics.svg") no-repeat 16px center;
}
.cd-form [required].passwordstatistics {
background: url("/w-u/img/svg/passwordstatistics.svg") no-repeat 16px center, url("/w-u/img/svg/required.svg") no-repeat top right;
}
.cd-form .message {
background: url("/w-u/img/svg/message.svg") no-repeat 16px 16px;
}
.cd-form [required].message {
background: url("/w-u/img/svg/message.svg") no-repeat 16px 16px, url("/w-u/img/svg/required.svg") no-repeat top right;
}
.cd-form .place {
background: url("/w-u/img/svg/place.svg") no-repeat 16px center;
}
.cd-form fieldset,.cd-form legend{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
.cd-form fieldset {
margin: 12px 0;
}
.cd-form legend {
padding-bottom: 10px;
font-size: 1.2rem;
border-bottom: 1px solid #ecf0f1;
}
.cd-form .sentence p{
background: #00A6FF;
color: #ffffff;
font-size: 1.1rem;
text-align: center;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
border-radius: .25em;
padding: 16px;
}
@media only screen and (max-width: 600px) {
.cd-form .hide {
display:none;
}
}
/*end стили для форм обратной связи усовершенство*/

/*дополнительная стилизация формы комментариев*/
.ucf-message-wrap textarea {
padding: 12px!important;
color: #2b3e51!important;
display: block!important;
width: 100%!important;
-webkit-appearance: none!important;
-moz-appearance: none!important;
-ms-appearance: none!important;
-o-appearance: none!important;
appearance: none!important;
}
.ucf-bb input[type=button],input[class="manbb"]{
background:#ffffff!important;
color: #488bfa!important;
border: 2px solid!important;
border-color: #488bfa!important;
text-decoration: none!important;
line-height: 16px!important;
padding:5px 15px!important;
display: inline-block!important;
border-radius:50px!important;
outline: none!important;
font-size: 14px!important;
font-family: 'Open Sans', sans-serif!important;
letter-spacing: 0.5px!important;
transition: background .2s ease, color .2s ease, border .2s ease, box-shadow .3s ease!important;
-webkit-transition: background .2s ease, color .2s ease, border .2s ease, box-shadow .3s ease!important;
text-decoration: none!important;
cursor:pointer!important;
}
.ucf-bb #b,.ucf-bb #i,.ucf-bb #u,.ucf-bb #cdl,.ucf-bb #cdc,.ucf-bb #cdr{
padding:5px 25px!important;
}
.ucf-bb input[type=button]:hover {
background: #69A1FF!important;
border-color: #69A1FF!important;
color: #ffffff!important;
text-decoration: none!important;
}
.ucf-bb input[type=button]:active {background: #3979E3!important;
border-color: #3979E3!important;
color: #ffffff!important;
text-decoration: none!important;
}
/*end дополнительная стилизация формы комментариев*/

/*регистрация uCoz и uKit*/
.create-a-website {
width: 100%;
max-width: 600px;
margin: auto;
padding-bottom:30px;
border-bottom:1px solid #dedede;
margin-bottom:20px;
line-height:30px;
font-size:18px;
}
.create-a-website a {
display:inline-block;
float:right;
font-size:14px;
text-decoration:none;
background:#5eb948;
color:#fff;
padding:6px 28px;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
margin-right:10px;
margin-top:5px;
box-shadow:0px 10px 50px -10px #5eb948;
}
.create-a-website-ukit {
border-top:1px solid #dedede;
padding-top:30px;
margin-top:50px;
}
.create-a-website-ukit a {
background:#3594f0;
box-shadow:0px 10px 50px -10px #3594f0;
}
/*end регистрация uCoz и uKit*/

/*личный статус пользователя*/
.setting-status input[type="button"]{
display: inline-block;
border: none;
cursor:pointer;
overflow:hidden;
background: #3498DB !important;
color:white !important;
padding:8px 12px;
font-weight: bold;
font-size:11px;
text-align:center;
border-radius:99px !important;
-webkit-border-radius: 99px !important;
-moz-border-radius: 99px !important;
transition:0.2s;
}
.setting-status input[type="button"]:hover{
background:#4F9FD3!important;
color:white !important;
transition:0.2s;
border-radius:99px;
}
.setting-status input[type="button"]:active{
background:#2980B9 !important;
}
.forbidden-status ul > li {
padding: 7px 27px 7px 31px!important;
background: url('/w-u/ajax/img/forbidden.svg') no-repeat 0!important;
font-size: 13px;
}
/*end личный статус пользователя*/