:root { --mainbgright: #f9fafc; } input {outline: none;} input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 50px #fff !important; /* 袪π牪袪敌 小勑牼袪叫牥 */ -webkit-text-fill-color: #999 !important; /* 小喰牪袪敌 小傂牭袪盒小傂牥 */ color: #999 !important; /* 小喰牪袪敌 小傂牭袪盒小傂牥 */ } * {box-sizing: border-box; } input[type="text"]:focus { outline: none; } input, button, select {outline: none; -webkit-appearance: none;-moz-appearance: none;appearance: none; } input:focus, select:focus { outline: none; -webkit-appearance: none;-moz-appearance: none;appearance: none; } textarea:focus { outline: none; -webkit-appearance: none;-moz-appearance: none;appearance: none; } img {border:0px;} select:focus, select:hover, option:hover, option:focus { border:none; outline:none; border:transparent; } a { -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .wrapper {width:1240px; margin: 0px auto; position:relative;} .flexy {display:flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box;} .flex {display:flex; flex-wrap: wrap; box-sizing: border-box;} .flextop {display:flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box;} body{padding: 0; margin: 0; height:100%; background:#fff; box-sizing: border-box; font-family: "MuseoSansCyrl300"; } body:after { content:'';position: absolute; top: 0; z-index: 0; width: 100%; height: 105px; background: rgb(29,56,100); background: linear-gradient(90deg, rgba(29,56,100,1) 0%, rgba(54,98,165,1) 12%, rgba(38,69,115,1) 27%, rgba(50,86,143,1) 42%, rgba(16,39,75,1) 66%); } body:before { background: linear-gradient(90deg, rgb(29, 56, 100) 0%, rgb(52, 83, 131) 12%, rgb(38, 69, 115) 27%, rgb(38, 68, 115) 42%, rgb(28, 51, 89) 66%); z-index: 1; position: absolute; top: 85px; width: 100%; content: ""; height: 40px; } .editplease { background: rgb(241,78,98);box-sizing: border-box; position: absolute; top: 0; background: linear-gradient(0deg, rgba(222, 78, 75,1) 36%, rgba(254,137,135,1) 87%);font-size:14px; font-family: MuseoSansCyrl300; padding: 7px 0px 10px; width:100%; height: 30px; text-align:center; color:#fff;} .editplease a {color:#fff;} .main {width: 100%; box-sizing: border-box; position: relative; z-index: 1; min-height: calc(100vh - 400px);} .main .main_colon_one {width:calc(100% - 270px); box-sizing: border-box;} .main .main_colon_two {width: 240px; box-sizing: border-box; padding-top: 20px;} .headpage {width:100%; position: relative; color:#fff;} .headpage .logo {width:205px; padding-top: 20px;} .svglogo { width: 70px;} .svglogo img {width:100%; position: relative; top:-10px;} .names_logo { width: 135px; font-family: "MuseoSansCyrl300"; font-size:10px; line-height: 1.1; } .names_logo a {text-decoration: none; color:#fff;} .names_logo a:hover { color:#dbe9f7;} .names_logo .name_one {font-family: "MuseoSansCyrl700"; font-size: 18.4px;} .names_logo .name_two { } .names_logo .name_three { } .headpage .search {width: calc(100% - 285px - 115px); margin-top: 20px; background: #fff; height: 40px; border-radius: 5px; position: relative; overflow: hidden; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .headpage .search .seacher { color:#0f2649;font-size: 15px; font-family: "MuseoSansCyrl300"; border:0px; width: calc(100% - 40px); height: 40px; box-sizing: border-box; padding: 0px 8px;} .headpage .search .seachbut { cursor:pointer; width:40px; height:40px; border:0px; background:url(../images/butt.png) 50% 50% no-repeat #fff; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .headpage .search .seachbut:hover {opacity: 0.5;} .ajsec {background: #fff; min-height: 60px; display: none; position: absolute; box-sizing: border-box; padding: 10px; color:#0f2649; font-size:14px; left: 233px; top: 55px; z-index: 990; width: calc(100% - 286px - 115px); box-shadow: 0px 8px 5px #c9d6e3;} .ajsec .div { padding: 5px 5px; border-bottom: 1px solid #cfdcf0; cursor:pointer;} .ajsec .div:hover {background-color: #e9f0fa;} .tooltip { color: #000000; outline: none; cursor: help; text-decoration: none; position: relative; } .tooltip span { margin-left: -999em; position: absolute; } .tooltip:hover span { font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 1em; top: 1em; z-index: 99; margin-left: 0; width: 110px; } .tooltip:hover img { border: 0; margin: -10px 0 0 -55px; float: left; position: absolute; } .tooltip:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0; } .reavtor {color: #6d7c99; font-family: "MuseoSansCyrl500";} .recos {display: none; width: 100%; padding-left: 10px; border-left: 5px solid #6d7c99; margin-bottom: 10px; position: relative;} .recoment {width: 100%; margin-bottom: 3px; margin-top: 5px; font-size: 12px; color: #6d7c99; } .otcoment {color:#7383a1 !important; padding: 0 !important; cursor: pointer; margin-left: 10px !important;} .otcoment:hover {color:#ba4747 !important;} .classic { padding: 4px 0px ; } .classic { background: #ebedf4; border: 1px solid #cecee3; border-radius: 5px; color:#0a1c3a; text-align: center; font-size: 12px; } .custom { padding: 0.5em 0.8em 0.8em 2em; } .ajsecmob {background: #fff; min-height: 60px; display: none; position: absolute; box-sizing: border-box; padding: 10px; color:#0f2649; font-size:14px; left: 0px; top: 35px; z-index: 15; width: 100%; box-shadow: 0px 8px 5px #c9d6e3;} .ajsecmob .div { padding: 5px 5px; border-bottom: 1px solid #cfdcf0; cursor:pointer;} .ajsecmob .div:hover {background-color: #e9f0fa;} .headpage .search:hover { filter: drop-shadow(0px 0px 13px rgba(69, 134, 255, 0.8)); } .headpage .profile {width:140px; padding-top: 20px;} .headpage .profile .userpic {width: 40px; } .headpage .profile .userpic .img-svg {height: 25px; cursor: pointer; width: 25px; margin-bottom: -18px; margin-left: 10px; padding-left: 0px;} .headpage .profile .userpic .img-svg path {fill:#fff; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .headpage .profile .userpic .img-svg circle {fill:#ccdef4; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .headpage .profile .userpic .img-svg:hover path {fill:#fe9b80; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .headpage .profile .userpic .img-svg:hover circle {fill:#fe9b80; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .headpage .profile2 {width:90px; padding-top: 20px;} .headpage .profile2 .userpic {width: 40px; } .headpage .profile2 .userpic .img-svg {height: 25px; cursor: pointer; width: 25px; margin-bottom: -18px; margin-left: 10px; padding-left: 0px;} .headpage .profile2 .userpic .img-svg path {fill:#fff; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .headpage .profile2 .userpic .img-svg circle {fill:#ccdef4; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .headpage .profile2 .userpic .img-svg:hover path {fill:#fe9b80; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .headpage .profile2 .userpic .img-svg:hover circle {fill:#fe9b80; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .savemobile {position: absolute;top:0; height: 80px; width: 100%; background-color: #d4d5e3; box-sizing: border-box; padding: 10px 15px;} .savemobile .iconer { width: 40px;box-sizing: border-box; padding: 5px;} .savemobile .iconer img {width: 35px; border-radius: 5px;} .savemobile .name {width: calc(100% - 50px); font-size: 13px;} .savemobile .name .to {font-family: "MuseoSansCyrl500"; margin-bottom: 4px; font-size:14px;} .closesavemob { display: inline-block; z-index: 99; width: 20px; height: 20px; padding: 0px; margin: 10px 0px; text-decoration: none; font-size: 21px; cursor: pointer; position: absolute; top: 6px;right: 10px; } .closesavemob:before, .closesavemob:after { position: absolute; left: 10px; content: ' '; height: 20px; width: 2px; background-color: #0a1c3a; border-radius:10px;} .closesavemob:before { transform: rotate(45deg); } .closesavemob:after { transform: rotate(-45deg); } .closesavemob:hover {opacity:0.5;} .clinex { display: inline-block; z-index: 99; width: 20px; height: 20px; padding: 0px; margin: 10px 0px; text-decoration: none; font-size: 21px; cursor: pointer; position: absolute; top: 6px;right: 10px; } .clinex .img-svg {height: 18px; cursor: pointer; width: 18px; margin-left: 0px; margin-bottom: -2px; margin-right: 2px; padding-left: 0px;} .clinex .img-svg path {fill:#1461ed; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .clinex .img-svg circle {fill:#1461ed; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .inforopen {position: relative; cursor: pointer;} .upinfoop {width: 14px; height: 14px; background-color: #005f20; color:#fff; position: absolute; top: 8px; right: 5px; font-size: 10px; border-radius: 7px; text-align: center; list-style: 14px;} .mmopad .upinfoop {right: unset !important; left: 118px; } .origmes .img-svg {height: 12px; cursor: pointer; width: 12px; margin-left: 0px; margin-bottom: -2px; margin-right: 2px; padding-left: 0px;} .origmes .img-svg path {fill:#1461ed; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .origmes .img-svg circle {fill:#1461ed; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .pcdipmenu {width: 98%; margin-left:2%; order:5; margin-top: 7px; display: flex; flex-wrap: wrap; font-size: 15px; justify-content:space-between;} .pcdipmenu .upchattop {position: absolute;} .pcdipmenu .upchattop .informpin {width: 12px; height: 12px; border-radius: 6px; color:#fff; text-align: center; font-size:9px; line-height: 12px; position: relative; top: 1px; right: 0px; overflow: hidden; background: #218b2b ;} .pcdipmenu a {color:#fff; text-decoration: none;font-family: "MuseoSansCyrl500"; margin-right: 10px;} .pcdipmenu a:hover {color:#d64645;} .postpicmob {width: 500px; border-radius: 6px; padding-bottom: 15px; display: block; display: none;} .headpage .profile .pic {width: 40px; overflow: hidden; height:40px; border-radius: 20px;} .headpage .profile .pic img {width: 40px;} .headpage .profile .informpin {width: 12px; height: 12px; border-radius: 6px; color:#fff; text-align: center; font-size:9px; line-height: 12px; position: relative; top: -9px; right: -25px; overflow: hidden; background: #218b2b ;} .inform { margin: 15px 0px; background: #fff; border-radius: 8px; padding: 10px 0px; line-height: 1.5;} .inform a {text-decoration: none; color:#231d6f;} .inform a:hover {text-decoration: underline; color:#d64645;} .headpage .menuburger {width:30px; cursor:pointer; box-sizing: border-box; padding-top:5px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .headpage .menuburger .bline1 {width:100%; font-size:11px; border-radius: 2px;} .headpage .menuburger .bline2 {width:65%; height: 3px; background: #fff; margin: 3px 0px 6px; border-radius: 2px;} .headpage .menuburger .bline3 {width:89%; height: 3px; background: #fff; border-radius: 2px;} .headpage .menuburger:hover {opacity: 0.5;} .headpage .informator {width: 35px; height: 40px; padding: 0px 5px; } .headpage .informator .img-svg {height: 25px;width: 25px; margin-top:10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .headpage .informator .img-svg path {fill:#fff; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .mam .informpin {width: 12px; height: 12px; border-radius: 6px; color:#fff; text-align: center; font-size:9px; line-height: 12px; position: absolute; top: 4px; left: 100px; overflow: hidden; background: #218b2b ;} .main_colon_two .banner { box-sizing: border-box; border: 1px solid #8e909b; overflow: hidden; position: relative; width: 100%; height: 280px; background-color: var(--mainbgright); border-radius: 10px; margin-bottom: 20px;} .forum_day { text-shadow: 1px 1px 0px #fff; box-sizing: border-box;width: 100%;padding: 20px; min-height: 330px; background-color: var(--mainbgright); margin-bottom: 20px;border-radius: 10px;} .postday {padding: 15px 0px 10px; border-bottom: 1px solid #dce0e6;} .postday .namepost {font-size:14px; color:#12294c; margin-bottom: 10px;} .postday .statpost span {padding-right: 10px;} .postday .namepost a {color:#12294c; text-decoration: none; -moz-transition: all 1s; -webkit-transition: all 1s; font-family: "MuseoSansCyrl300" !important; -o-transition: all 1s; transition: all 1s;} .postday .namepost a:hover {color:#d64645; } .postday .statpost {font-size:11px; color:#778599; font-family: "MuseoSansCyrl500";} .postday .statpost .img-svg {height: 10px;width: 10px; margin-bottom: -1px;} .postday .statpost .img-svg path {fill:#778599;} .specialist_now { box-sizing: border-box;width: 100%;padding: 20px; min-height: 280px; background-color: var(--mainbgright); margin-bottom: 20px;border-radius: 10px;} .fullopens {font-size:13px; color:#182a44; margin: 15px 0px; font-family: "MuseoSansCyrl300";} .fullopens a {color:#182a44; text-decoration: none; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .fullopens a:hover{color:#d64645; text-decoration: none;} .fullopens .img-svg {height: 15px;width: 20px; margin-bottom: -4px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .fullopens .img-svg path {fill:#182a44; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .fullopens a:hover .img-svg path {fill:#d64645;} .nameblock_right { color:#12294c; font-size:15px; font-family: "MuseoSansCyrl500"; text-transform: uppercase;} .speconline {padding: 15px 0px 10px; border-bottom: 1px solid #dce0e6; box-sizing: border-box;} .speconline .pic {width: 50px; height: 50px; position: relative ; overflow: hidden; border-radius: 5px;} .onlus {background: #279631; width:8px; height: 8px; box-shadow: 0px 0px 5px #0a1c39; border-radius: 4px; position: absolute; bottom:3px; right:3px;} .speconline .pic img {width: 100%;} .speconline .usname {width:140px; font-size: 14px; box-sizing: border-box; padding-left: 7px; color:#12294c;} .speconline .usname div { font-size: 12px; box-sizing: border-box; color:#617295; text-overflow: ellipsis; overflow: hidden; height: 30px; width: 100%; } .speconline .usname div:first-letter { text-transform: uppercase; } .speconline .usname a {font-size:14px; text-decoration: none; color:#12294c; } .speconline .usname a:hover{color:#d64645; text-decoration: none;} .speconline2 {padding: 15px 0px 10px; border-bottom: 1px solid #dce0e6; box-sizing: border-box; margin-right: 2%;} .speconline2 .pic {width: 50px; height: 50px; position: relative ; overflow: hidden; border-radius: 5px;} .onlus {background: #279631; width:8px; height: 8px; border-radius: 4px; position: absolute; bottom:3px; right:3px;} .speconline2 .pic img {width: 100%;} .speconline2 .usname { width: calc(100% - 50px); font-size: 12px; box-sizing: border-box; padding-left: 7px; color:#617295; } .speconline2 .usname div { font-size: 12px; box-sizing: border-box; color:#617295; text-overflow: ellipsis; overflow: hidden; height: 30px; width: 100%; } .speconline2 .usname div:first-letter { text-transform: uppercase; } .speconline2 .usname a {font-size:14px; text-decoration: none; color:#12294c; } .speconline2 .usname a:hover{color:#d64645; text-decoration: none;} .formregister { border: 1px solid #e1e6f7; background: url(../images/logo_reg.png) 100% 50% no-repeat #fff; box-sizing: border-box; margin: 60px 0px; border-radius: 0px 8px 8px 8px; position: relative; padding: 15px;} .formregister .advname { font-family: "MuseoSansCyrl700"; font-size:16px; color:#0f2649; margin-top: 15px; margin-bottom: 2px; } .formregister .advert .text{margin: 10px 20px 10px 0px;} .formregister .vkl { cursor: pointer; width:140px; left: 150px; font-size:16px; line-height: 40px; position: absolute; top:-40px; height: 40px; background: rgb(208,208,208); background: linear-gradient(0deg, rgba(208,208,208,1) 36%, rgba(234,234,234,1) 87%); border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: center; color:#182b49; font-family: "MuseoSansCyrl700"; } .formregister .vkl1 {cursor: pointer; width:140px; left:0px; font-size:16px; line-height: 40px; position: absolute; top:-40px; height: 40px; background: rgb(208,208,208); background: linear-gradient(0deg, rgba(208,208,208,1) 36%, rgba(234,234,234,1) 87%); border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: center; color:#182b49; font-family: "MuseoSansCyrl700"; } .formregister .avkl { cursor: pointer; width:140px; left: 150px; font-size:16px; line-height: 40px; position: absolute; top:-40px; height: 40px; background: rgb(208,208,208); background: linear-gradient(0deg, rgba(208,208,208,1) 36%, rgba(234,234,234,1) 87%); border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: center; color:#182b49; font-family: "MuseoSansCyrl700"; } .formregister .avkl1 {cursor: pointer; width:140px; left:0px; font-size:16px; line-height: 40px; position: absolute; top:-40px; height: 40px; background: rgb(208,208,208); background: linear-gradient(0deg, rgba(208,208,208,1) 36%, rgba(234,234,234,1) 87%); border-top-left-radius: 8px; border-top-right-radius: 8px; text-align: center; color:#182b49; font-family: "MuseoSansCyrl700"; } .vkactive { background: rgb(197,65,63); color:#fff !important; background: linear-gradient(0deg, rgba(222, 78, 75,1) 36%, rgba(254,137,135,1) 87%) !important; } .fonerin {width: 100%; margin: 20px 0px;} .fonerin .foner { width: 45%; position: relative; height: 40px; border: 1px solid #becad5; border-radius: 5px;} .fonerin .foner .compole {position: absolute; color:#324d66; background: #fff; top:-10px;left:10px; padding: 0px 5px;} .fonerin .foner input {border: 0px; width: 90%; font-size: 14px; font-family: "MuseoSansCyrl300"; height: 35px; padding-left: 15px; padding-top: 5px;} .formuser2 .fonerin .foner2 {background-color: #fff !important;} .formuser2 .fonerin .foner {background-color: #fff !important;} .fonerin .foner2 { width: 45%; position: relative; height: 40px; border: 1px solid #becad5; border-radius: 5px;} .fonerin .foner2 .compole {position: absolute; color:#324d66; background: #fff; top:-10px;left:10px; padding: 0px 5px;} .fonerin .foner2 input {border: 0px; width: 90%; font-size: 14px; font-family: "MuseoSansCyrl300"; height: 35px; padding-left: 15px; padding-top: 5px;} .formuser2 .fonerin .foner2 { width: 45% !important; position: relative; height: 40px; border: 1px solid #becad5; border-radius: 5px;} .formuser2 .fonerin .foner2 .compole {position: absolute; color:#324d66; background: #fff; top:-10px;left:10px; padding: 0px 5px;} .formuser2 .fonerin .foner2 input {border: 0px; width: 90%; font-size: 14px; font-family: "MuseoSansCyrl300"; height: 35px; padding-left: 15px; padding-top: 5px;} .foner .img-svg {height: 20px;width: 20px; margin-bottom: -6px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .foner .img-svg path {fill:#118236; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .foner .no path {fill:#db3038 !important; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .foner .okdis { } .specloaddip .img-svg {height: 20px;width: 20px; margin-bottom: -6px; margin-right: 1px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .specloaddip .img-svg path {fill:#338925; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .specloaddip .img-svg {height: 20px;width: 20px; margin-bottom: -6px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .specloaddip .cl path {fill:#db3038 !important; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .specloaddip .no path {fill:#db3038 !important; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .specloaddip .okdis { color: #005f20; cursor: no-drop;} .specloadmail .img-svg {height: 20px;width: 20px; margin-bottom: -6px; margin-right: 1px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .specloadmail .img-svg path {fill:#338925; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .specloadmail .img-svg {height: 20px;width: 20px; margin-bottom: -6px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .specloadmail .cl path {fill:#db3038 !important; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .specloadmail .no path {fill:#db3038 !important; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .specloadmail .okdis { color: #005f20; cursor: no-drop;} .loadcard {margin: 15px 0px; font-size:14px; font-family: "MuseoSansCyrl300"; border-radius: 5px; color: #0d8334; padding: 8px; background: #e7ffd9; border: 1px solid #caffd3 ;} .loadcarder {margin: 15px 0px; font-size:14px; font-family: "MuseoSansCyrl300"; border-radius: 5px; color: #3a1313; padding: 8px; background: #fff4f4; border: 1px solid #ffcaca ;} .loadcardname {font-size:14px; font-family: "MuseoSansCyrl300";color: #333; margin-top: 5px; } .statreg a {background: #153568; color: #fff; text-align: center; text-decoration: navajowhite; padding: 4px 15px; border-radius: 5px;} .statregus a {background: #153568; color: #fff; text-align: center; text-decoration: navajowhite; padding: 4px 15px; border-radius: 5px;} .formregister .regbut {margin: 25px 0px; width: 200px; height: 35px; cursor: pointer; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; background: rgb(182,56,54); background: linear-gradient(0deg, rgb(61, 90, 136) 36%, rgb(128, 152, 191) 87%); text-shadow: 1px 1px 0px #204069; border: 1px solid #5879b9; line-height: 25px; border-radius: 4px; text-align: center; font-size: 15px; color: #fff; font-family: "MuseoSansCyrl700"; } .formregister .regbut2 {margin: 5px 0px; width: 200px; height: 35px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; cursor: pointer; background: rgb(182,56,54); background: linear-gradient(0deg, rgb(61, 90, 136) 36%, rgb(128, 152, 191) 87%); text-shadow: 1px 1px 0px #204069; border: 1px solid #5879b9; line-height: 25px; border-radius: 4px; text-align: center; font-size: 15px; color: #fff; font-family: "MuseoSansCyrl500"; } .formregister .regbut2:hover {opacity: 0.5;} .formregister .regbut:hover {opacity: 0.5;} .formregister .podpis{ margin: 20px 0px ; } .formregister .podpiss { margin: 20px 0px 2px; background: #dfe8fa; padding: 10px; border-radius: 5px; box-sizing: border-box; } .formregister .podpis a {color:#216399; text-decoration: none; padding-right: 20px;} .formregister .podpis a:hover {color:#d64645;} .formregister .podpis input { -webkit-appearance: checkbox !important;-moz-appearance: checkbox !important;appearance: checkbox !important; width: 15px; height: 15px; margin-bottom: -2px; } .formregister .podpiss a {color:#216399; text-decoration: none; padding-right: 20px;} .formregister .podpiss a:hover {color:#d64645;} .formregister .podpiss input { -webkit-appearance: checkbox !important;-moz-appearance: checkbox !important;appearance: checkbox !important; width: 15px; height: 15px; margin-bottom: -2px; } .zpreg {background: rgb(241,78,98); background: linear-gradient(180deg, rgba(241,78,98,1) 0%, rgba(194,0,23,1) 100%);font-size:14px; z-index:9; position:relative; font-family: MuseoSansCyrl300; padding: 3px 0px 10px; width:100%; height: 25px; text-align:center; color:#fff;} footer { width: 100%; min-height: 410px;z-index: 0; position: relative; background: rgb(20,39,67); color:#fff; font-size:14px; background: linear-gradient(105deg, rgba(20,39,67,1) 0%, rgba(28,93,147,1) 17%, rgba(21,52,88,1) 30%, rgba(21,52,88,1) 41%, rgba(22,86,139,1) 54%, rgba(20,38,66,1) 73%, rgba(20,38,66,1) 73%); } footer:before {background: url(../images/logo_foot.png); content: ""; z-index: 1; width: 140px; height: 375px; position: absolute; right:0;top:30px;} footer .copyright { border-top: 1px solid rgba(145, 188, 255, 0.1); box-shadow: 0px -1px 0px rgba(16, 16, 71, 0.2); font-size:12px; color:#abc2d5; font-family: "MuseoSansCyrl100"; padding-top: 35px; padding-bottom: 35px;} footer .copyright a { color:#abc2d5; text-decoration: none; font-family: "MuseoSansCyrl300"; border-bottom: 1px solid rgb(171, 194, 213, 0.2);} footer .footer_colon {width: 100%; padding:55px 0px 35px;} footer .footer_colon .colona {width:25%; position: relative; z-index: 2;} footer .footer_colon .colona_1 {width:25%; position: relative; z-index: 2;} footer .footer_colon .colona_1 .pun {padding: 10px 0px;} footer .footer_colon .colona_1 .pun a {text-decoration: none ; color:#fff; font-size:14px;font-family: "MuseoSansCyrl300";} .footer_colon .name_colon {font-family: "MuseoSansCyrl700"; color:#fff; margin-bottom: 30px; font-size:18px;} footer .footer_colon .colona_1 .pun a:hover {color:#d64645;} .colona .fot_mob { margin-bottom: 15px; font-size:21px;font-family: "MuseoSansCyrl500";} .colona .fot_but {-moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; font-family: "MuseoSansCyrl300" !important; transition: all 1s; cursor: pointer; margin-bottom: 15px; text-shadow: 0px 1px 0px #d41a1a; width: 190px; height: 35px; line-height: 35px; text-align: center; border-radius: 5px; background: #d64644; border: 1px solid #c42c2a; } .colona .fot_but:hover {background: #2855b4; filter: drop-shadow(0px 0px 13px rgba(38, 80, 158, 0.8)); border: 1px solid #2057cc; text-shadow: 0px 1px 0px #234da8;} .colona .orwriteus {font-family: "MuseoSansCyrl100"; font-size:14px; margin-bottom: 15px;} .colona .suptext {font-family: "MuseoSansCyrl100"; font-size:12px;} .social_block {margin-top: 10px;} .blosoc_vk {width: 40px; height: 40px; border-radius: 20px; background: url(../images/bn_12.png) 50% 58% no-repeat #a0b6d7;-moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; cursor: pointer; } .blosoc_tg {width: 40px; margin: 0px 10px; height: 40px; border-radius: 20px; background: url(../images/bn_09.png) 50% 50% no-repeat #a0b6d7;-moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; cursor: pointer; } .blosoc_yu {width: 40px; height: 40px; border-radius: 20px; background: url(../images/bn_06.png) 50% 47% no-repeat #a0b6d7; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; cursor: pointer; } .blosoc_tg:hover { background: url(../images/bn_09.png) 50% 50% no-repeat #87adff; filter: drop-shadow(0px 0px 13px rgba(15, 38, 80, 0.8)); } .blosoc_yu:hover {background: url(../images/bn_06.png) 50% 47% no-repeat #87adff; filter: drop-shadow(0px 0px 13px rgba(15, 38, 80, 0.8)); } .blosoc_vk:hover {background: url(../images/bn_12.png) 50% 58% no-repeat #87adff; filter: drop-shadow(0px 0px 13px rgba(15, 38, 80, 0.8)); } .smenu {background: url(../images/bgselect.png) 100% -50% no-repeat; display: none; height: 77px; width: 65px;} .selectmenu {width:30px; margin-top: 24px; cursor: pointer; margin-left: 10px;} .selectmenu .bl1 {width:100%; font-size: 10px;} .selectmenu .bl2 {width:60%; height: 2px; background: #d2e3fd; border-radius: 2px; margin: 4px 0px 7px;} .selectmenu .bl3 {width:90%; height: 2px; background: #d2e3fd; border-radius: 2px;} .specialist_now a {text-decoration: none; font-family: "MuseoSansCyrl300" !important; } .user_set_name {color:#10274b; font-family: "MuseoSansCyrl700"; font-size:24px; margin-bottom: 35px;} .set_punkt_cab {color:#10274b; font-family: "MuseoSansCyrl300";box-sizing: border-box; cursor: pointer; padding-left: 6px; font-size:14px; padding-bottom: 10px; border-bottom: 1px solid #e7e8f0; margin-bottom: 10px;} .setactive{ text-decoration: underline; color:#d64645 !important; } .punkt2 { display: none;} .punkt3 { display: none;} .punkt4 { display: none;} .punkt5 { display: none;} .userinput {margin-bottom: 10px;} .userinput .name {color:#10274b; font-family: "MuseoSansCyrl300" !important; font-size:14px !important; margin-bottom: 5px;} .userinput .namead {color:#10274b; font-family: "MuseoSansCyrl700" !important; font-size:14px !important; margin-bottom: 5px;} .userinput input {width: 70%; border:1px solid #b1bed4; font-family: "MuseoSansCyrl300" !important; border-radius: 5px; padding: 10px; box-sizing: border-box; } .userinput textarea {width: 70%; border:1px solid #b1bed4; font-family: "MuseoSansCyrl300" !important; height:80px; border-radius: 5px; padding: 10px; box-sizing: border-box; } .userinput select {width: 70%; border:1px solid #b1bed4; background: #fff; height:40px; font-family: "MuseoSansCyrl300" !important; border-radius: 5px; padding: 10px; box-sizing: border-box; } .settname {color:#10274b; font-family: "MuseoSansCyrl700" !important; font-size:14px !important; margin-bottom: 15px;} .userinput input[type=checkbox] {width: 15px; height:15px; appearance: checkbox; -webkit-appearance: checkbox; margin-bottom: -3px; -moz-appearance: checkbox;} .copyformpage {color:#10274b; width: 70%; font-family: "MuseoSansCyrl100" !important; font-size:12px !important; margin-bottom: 15px;} .addchatfile {font-size: 12px; color:#fff; cursor: pointer !important; background: #d64644; border-radius: 5px; margin-top: 6px; width: 100%; text-align: center; height: 20px; line-height: 20px; margin-bottom: 5px; font-family: "MuseoSansCyrl300" !important;} .addchatfile:hover {opacity: 0.5;} .input__file { opacity: 0; visibility: hidden; position: absolute; } .input__file-icon-wrapper { height: 60px; width: 60px; margin-right: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-right: 1px solid #fff; } .input__file-button-text { line-height: 1; margin-top: 1px; } .input__file-button { font-size: 12px; color:#fff; background: #d64644; border-radius: 5px; margin-top: 6px; width: 100%; text-align: center; height: 20px; line-height: 20px; margin-bottom: 5px; font-family: "MuseoSansCyrl300" !important; } .bnfile {color:#5b75b0; font-family: "MuseoSansCyrl300" !important; } .bnfile a {color:#0a1c39;} .bnfile img {height: 14px; margin-bottom: -2px;} .userinputbut {margin-top: 20px;} .userinputbut input {width: 70%; background: #d64644; cursor: pointer; color:#fff; font-family: "MuseoSansCyrl300" !important; border: 1px solid #c42c2a; border-radius: 5px; padding: 10px; box-sizing: border-box; } .userinputbut input:hover { background: #10274b; border: 1px solid #0a1c3a;} .settinform {font-size:12px; color:#455a7e; background: #cfd8e7; width: 70%; padding: 10px; border-radius: 5px; margin-bottom: 15px;} .setloader {font-size:12px; color:#b43a3a; background: #ffbebe; width: 70%; padding: 10px; border-radius: 5px; margin-bottom: 15px;} .setloadok {font-size:12px; color:#297e5a; background: #d7f8eb; width: 70%; padding: 10px; border-radius: 5px; margin-bottom: 15px;} .settinformad {font-size:12px; color:#455a7e; font-family: "MuseoSansCyrl300"; width: 70%; margin-bottom: 10px;} .colona a{ text-decoration: none; color:#fff; } .main_block {box-sizing: border-box; padding: 35px 15px; font-size:14px;} .main_block .breadcramb {color:#8d94a3; margin-bottom: 6px;} .main_block .breadcramb a {color:#8d94a3; text-decoration: none;} .main_block .breadcramb a:hover { color:#d64645;} .main_block h1 {margin: 0; padding: 0; color:#10274b; font-family: "MuseoSansCyrl700"; font-size:24px;} .main_block ul { list-style: none; color: #2e3954; line-height: 1.5; font-weight: 300; } .main_block ul li:before { content: "胁"; color: #fe4846; position: relative; font-size: 14px; font-weight: 900; padding-right: 6px; } h2,h3,h4,h5,h6 {margin: 0; padding: 0; color:#10274b; font-family: "MuseoSansCyrl700"; font-size:21px;} .informer {background: rgba(224, 233, 255, 0.93); width: 420px; height: 100%; box-sizing: border-box; display:none; position:fixed; z-index:9999; top:0px; right:0;} .nonner { width: 100%; min-height: 40px; padding: 20%; text-align: center; box-sizing: border-box; border-radius: 6px; opacity: 0.5;} .nonner .name {color:#e8f1ff; font-family: "MuseoSansCyrl700"; font-size:14px;} .nonner .text{ color:#fff; font-family: "MuseoSansCyrl300"; font-size:14px;} .letter {background-color: #fff; margin-bottom: 7px; width: 100%; min-height: 40px; position: relative; padding: 15px; box-sizing: border-box; border-radius: 6px;} .letter .name {color:#10274b; font-family: "MuseoSansCyrl700"; font-size:14px;} .letter .text{ color:#333; font-family: "MuseoSansCyrl300"; font-size:14px;} .informer .info {border-left: 5px solid #0d8334;} .mobmenu {background: rgba(10, 10, 29, 0.93); width: 420px; height: 100%; box-sizing: border-box; display:none; position:fixed; z-index:9998; top:0px; left:0;} .mobmenu .mener {box-sizing: border-box; z-index: 0; background: rgb(39,70,116); width:calc(100%); height: 100%; position: relative; background: linear-gradient(90deg, rgb(39, 70, 116) 2%, rgb(62, 113, 191) 22%, rgb(63, 106, 171) 42%, rgb(36, 64, 105) 81%);} .mobmenu .mener:after {width: 140px;height: 375px; background:url(../images/logo_men.png) 100% 50% no-repeat; z-index: 1; content: ""; position: absolute; right:0px; top: 150px;} .closeinfo { display: inline-block; z-index: 99; width: 30px !important; height: 30px !important; padding: 0px; margin: 10px 0px; text-decoration: none; font-size: 21px; cursor: pointer; position: absolute; top: 10px !important;right: 20px !important; } .closeinfo:before, .closeinfo:after { position: absolute; left: 10px; content: ' '; height: 30px; width: 2px !important; background-color: #fff !important; border-radius:10px;} .closeinfo:before { transform: rotate(45deg); } .closeinfo:after { transform: rotate(-45deg); } .closeinfo:hover {opacity:0.5;} .nonner .img-svg {height: 50px;width: 50px; margin-bottom: -1px;} .nonner .img-svg path {fill:#bed5f5;} .mobmenu .mam { cursor: pointer; position: relative; background: url(../images/strop.png) 100% 50% no-repeat; color:#fff; text-decoration:none; font-weight:300; font-family: "MuseoSansCyrl500"; font-size:18px; width:100%; padding-top:5px; padding-bottom:10px; margin-bottom:10px; border-bottom: 1px solid rgba(144, 188, 255, 0.3); } .mmopad a {color:#fff; text-decoration:none; font-weight:300; font-family: "MuseoSansCyrl500";} .mmopad a:hover { color:#d64645;} .mobmenu .men {box-sizing: border-box; z-index: 0; background: rgb(39,70,116); width:calc(100%); height: 100%; position: relative; background: linear-gradient(90deg, rgb(39, 70, 116) 2%, rgb(62, 113, 191) 22%, rgb(63, 106, 171) 42%, rgb(36, 64, 105) 81%);} .informer .mener {box-sizing: border-box; z-index: 0; background: rgb(39,70,116); width:calc(100%); height: 100%; padding: 15px 15px; position: relative; background: linear-gradient(90deg, rgb(39, 70, 116) 2%, rgb(62, 113, 191) 22%, rgb(63, 106, 171) 42%, rgb(36, 64, 105) 81%);} .nameinformer {color:#fff; font-family: "MuseoSansCyrl500"; font-size:18px; width: 100%; height: 45px; background: rgb(216,73,72); padding-left: 20px; padding-right: 10px; border-top: 1px solid #9b4847; padding-top: 10px; background: linear-gradient(0deg, rgba(216,73,72,1) 32%, rgba(253,110,108,1) 87%);} .mobmenu .men:after {width: 140px;height: 375px; background:url(../images/logo_men.png) 100% 50% no-repeat; z-index: 1; content: ""; position: absolute; right:0px; top: 150px;} .close { display: inline-block; z-index: 99; width: 30px; height: 30px; padding: 0px; margin: 10px 0px; text-decoration: none; font-size: 21px; cursor: pointer; position: absolute; top: 16px;right: 10px; } .close:before, .close:after { position: absolute; left: 10px; content: ' '; height: 30px; width: 2px; background-color: #fff; border-radius:10px;} .close:before { transform: rotate(45deg); } .close:after { transform: rotate(-45deg); } .close:hover {opacity:0.5;} .clooz { display: inline-block; z-index: 99; width: 20px; height: 20px; padding: 0px; margin: 10px 0px; text-decoration: none; font-size: 21px; cursor: pointer; position: absolute; top: 6px;right: 13px; } .clooz:before, .clooz:after { position: absolute; left: 10px; content: ' '; height: 20px; width: 2px; background-color: #0a0922; border-radius:10px;} .clooz:before { transform: rotate(45deg); } .clooz:after { transform: rotate(-45deg); } .clooz:hover {opacity:0.5;} .mmopad {padding: 20px; width: 92%; z-index: 2; position: relative;} .mseach { width: 85%; border-bottom: 1px solid #5e7eb0;height: 30px; box-sizing: border-box; } .mseach .minseach { color:#c7d7f0; font-size: 15px;font-family: "MuseoSansCyrl300"; background: unset; border:0; height: 30px; width:calc(100% - 40px);} .mseach .msebut {background:url(../images/butmobseach.png) 50% 50% no-repeat;border:0; width: 30px; height: 30px;} .plankalogs { width: 100%; height: 60px; background: rgb(216,73,72); padding-left: 10px;padding-right: 10px; border-top: 1px solid #9b4847; background: linear-gradient(0deg, rgba(216,73,72,1) 32%, rgba(253,110,108,1) 87%); } .plankalogs .selin {width: 45%; text-align: center; cursor: pointer; height: 60px; line-height: 60px; font-family: "MuseoSansCyrl700"; color:#fff; font-size:15px;} .plankalogs .selin a {text-decoration: none; color:#fff;} .plankalogs .selin a:hover {color:#e79594;} .plankalogs .selin:hover {color:#e79594;} .mocopy { font-size: 11px; color:#bed6fb;font-family: "MuseoSansCyrl100"; line-height: 1.3;} .mocopy a { color:#bed6fb; text-decoration: none; font-family: "MuseoSansCyrl300"; border-bottom: 1px solid rgb(171, 194, 213, 0.2);} .mocopy div {margin-bottom: 2px;} .mobwesoc { color:#a0b6d6; font-family: "MuseoSansCyrl500"; font-size:19px;} .mobmenu .mams {color:#fff; font-size: 18px; text-decoration:none; font-weight:300; font-family: "MuseoSansCyrl500";} .mobsuzh {padding: 6px 0px 12px; color:#fff; font-size:14px; cursor: pointer;} .mobsuzh div {color:#bed5f5; font-size:12px; font-family: "MuseoSansCyrl100";} .mobsuzh:hover {opacity: 0.6;} .mobsuzh .statpost {margin-top: 5px;} .mobsuzh .statpost span {padding-right: 10px;} .mobsuzh .statpost {font-size:11px; color:#bed5f5; font-family: "MuseoSansCyrl300";} .mobsuzh .statpost .img-svg {height: 10px;width: 10px; margin-bottom: -1px;} .mobsuzh .statpost .img-svg path {fill:#bed5f5;} .ajteg {width: 50%; background: #d6e4f3; padding: 15px; display: none; position: absolute;z-index: 500;} #formcall video {width: 100%; margin: auto; height: 100%;} .urecos {padding-left: 5px; border-left: 5px solid #8da2bf; color:#7289aa; text-align: left; font-size: 12px; margin-bottom: 10px;} .stoped {float:right;} .stoped .img-svg {height: 10px;width: 10px; margin-bottom: -1px;} .stoped .img-svg path {fill:#bed5f5;} .stoped .nowfix .img-svg path {fill:#c72e2e !important;} .otcoma{text-align: left; font-size: 12px; text-overflow: ellipsis; overflow: hidden;} .otcos{padding-left: 5px; border-left: 5px solid #0a1c39;} .poster {width: 100%; padding: 15px 0px 15px ; border-bottom: 1px solid #e1e6f7; box-sizing: border-box;position: relative; z-index: 900; } .poster a { text-decoration: none;} .poster .name { font-size:17px; margin-bottom: 10px; color:#0a1c39; font-family: 'Roboto'; font-weight: 500; box-sizing: border-box; } .poster .name:first-letter { text-transform: uppercase; } .poster .name a {color:#0a1c39;} .poster .name a:hover {color:#d64645;} .poster .text {font-size:15px; margin-bottom: 13px; position: relative; font-family: "MuseoSansCyrl300"; box-sizing: border-box; } .poster .textf {font-size:15px; margin-bottom: 13px; position: relative; font-family: "MuseoSansCyrl300"; box-sizing: border-box; text-decoration: none; color:#070e1a } .poster .text:after {content:""; width: 100%; height: 45px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0.9300561111964536) 47%, rgba(255,255,255,0) 87%); position: absolute; left:0; bottom:-5px; } .poster .params {width:50%;} .poster .params2 {width:50%;} .poster .autor {width:20%; color:#93a3c0;font-family: "MuseoSansCyrl300"; text-align: right; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;} .poster .autor a{color:#93a3c0; text-decoration:none;} .poster .autor a:hover { color:#d64645;} .statist .params span {padding-right: 10px;} .statist .params span span {padding-right: 0px !important;} .statist .params {font-size:13px; color:#93a3c0; font-family: "MuseoSansCyrl300";} .statist .params .img-svg {height: 13px;width: 13px; margin-bottom: -1px;} .statist .params .img-svg path {fill:#93a3c0;} .statist .params .img-svg circle {fill:#93a3c0;} .statist .params2 span {padding-right: 10px;} .statist .params2 {font-size:13px; color:#93a3c0; font-family: "MuseoSansCyrl300";} .statist .params2 .img-svg {height: 13px;width: 13px; margin-bottom: -1px;} .statist .params2 .img-svg path {fill:#93a3c0;} .statist .params2 .img-svg circle {fill:#93a3c0;} .statist .params2 .img-svg rect {fill:#93a3c0;} .adlikecom {cursor: pointer;} .liking {width: 60px; float:right; font-size: 12px; color:#a4c4e1 !important; font-family: "MuseoSansCyrl100"; display: flex; flex-wrap: wrap; justify-content: space-between;} .liking span { color:#a4c4e1 !important; } .liking .diz { transform: scale(-1, -1); } .liking .img-svg {height: 13px;width: 13px; margin-bottom: -1px;} .liking .img-svg path {fill:#a4c4e1 !important;} .liking .img-svg circle {fill:#a4c4e1;} .liking .img-svg rect {fill:#a4c4e1;} .statist .autor .img-svg {height: 13px;width: 13px; margin-bottom: -1px;} .statist .autor .img-svg path {fill:#93a3c0;} .statist .autor .img-svg circle {fill:#93a3c0;} .statist .autor .img-svg rect {fill:#93a3c0;} .nextposts{ cursor:pointer; width: 100px; color:#91a0c1; text-align:center; margin: 0px auto; height: 30px; border: 1px solid #bfc8db; margin-top: 35px; line-height: 28px; border-radius: 10px;} .nextpost{ cursor:pointer; width: 100px; color:#91a0c1; text-align:center; margin: 0px auto; height: 30px; border: 1px solid #bfc8db; margin-top: 35px; line-height: 28px; border-radius: 10px;} .nextpost2{ cursor:pointer; width: 100px; color:#91a0c1; text-align:center; margin: 0px auto; height: 30px; border: 1px solid #bfc8db; margin-top: 35px; line-height: 28px; border-radius: 10px;} .nextposter{ cursor:pointer; width: 100px; color:#91a0c1; text-align:center; margin: 0px auto; height: 30px; border: 1px solid #bfc8db; margin-top: 35px; line-height: 28px; border-radius: 10px;} input[type="text"]::-webkit-input-placeholder { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=10); } input[type="text"]:-moz-placeholder { opacity: 1; -moz-opacity: 1; filter:alpha(opacity=10); } .seachspec { background: rgb(46,73,116); padding: 20px;box-sizing: border-box; z-index: 60; background: linear-gradient(141deg, rgba(46,73,116,1) 47%, rgba(33,55,88,1) 87%); width: 100%; min-height: 137px; margin: 25px 0px; border-radius: 10px; position: relative;} .seachspec:after {content: "" ; z-index: 0; background: url(../images/mozg.png) 56% 50% no-repeat; position: absolute; top:0; left:0; width: 100%; height: 100%; opacity: 0.3;} .seachspec .name {font-size:19px; color:#fff; position: relative; z-index: 99;} .seachspec .name2 {font-size:16px; color:#fff;} .formspec .fr_one .hideselect { z-index: 99999; box-sizing: border-box; overflow-y: auto; padding: 5px; position: absolute; display: none; top:35px; left: 0px; width: 100%; height:100px !important; color:#fff; background: #10274b;} .formspec .fr_one .hideselect div {padding: 6px;box-sizing: border-box; border-bottom: 1px solid #1b3152;} .formspec {margin-top: 15px; z-index: 2 ; position: relative;} .formspec .fr_one { z-index: 5; cursor:pointer; background: url(../images/selectdown.png) 95% 50% no-repeat; width: 24%; position: relative; height: 35px; border: 1px solid #617592; border-radius: 5px;} .formspec .fr_one:hover { box-shadow: 0px 0px 5px #2057cc;} .formspec .fr_two2 { width: 20%; z-index: 2; z-index: 5; padding-top: 8px; cursor:pointer; position: relative; height: 35px; border: 1px solid #617592; border-radius: 5px;} .formspec .fr_two { width: 20%; z-index: 2; } .formspec .fr_five { width:100%; color:#fff; margin-top: 10px; } .formspec .fr_five a {text-decoration: none;} .dopoisk {margin-top: 20px; z-index: 1; position: relative; padding-top: 15px;} .dopoisk:before {content: ""; position: absolute; width: 100%; height: 1px; top:0px; background-color: #20395f; box-shadow: 0px -1px 3px #43669d;} .formspec .fr_six { width:76%; color:#fff; margin-top: 0px; } .formspec .fr_six input { width: 100%; position: relative; font-family: "MuseoSansCyrl300"; background: rgba(56, 78, 135, 0.4); color:#fff; padding: 10px; height: 35px; border: 1px solid #617592; border-radius: 5px;} .formspec .fr_five input {appearance: checkbox; height: 15px; width: 15px; margin-bottom: -3px; border: 0px;-webkit-appearance: checkbox; -moz-appearance: checkbox;} .frbut2 {width:100%; height: 35px; cursor: pointer; background: rgb(182,56,54);background: linear-gradient(0deg, rgb(41, 74, 110) 30%, rgb(93, 138, 186) 97%); text-shadow: 1px 1px 0px #25336f; border: 1px solid #4a5587; border-radius: 8px; text-align: center; color:#fff;font-family: "MuseoSansCyrl700"; } .frbut2:hover {opacity: 0.7;} .frbut {width:100%; height: 35px; cursor: pointer; background: rgb(182,56,54); background: linear-gradient(0deg, rgba(222, 78, 75,1) 36%, rgba(254,137,135,1) 87%); text-shadow: 1px 1px 0px #892120; border: 1px solid #b84241; border-radius: 8px; text-align: center; color:#fff;font-family: "MuseoSansCyrl700"; } .frbut:hover {opacity: 0.7;} .selectus {color:#fff; padding: 8px 12px;} .pdrega {background: unset !important; padding: 0px !important; color:#000 !important; text-decoration: underline !important; } .formspec .amount {color:#fff; margin-bottom: 16px; text-align: center;} .formspec .compole { min-width: 70px; font-size:14px;box-sizing: border-box; padding: 0px 5px; color:#6b7e9c; background: #2e4974; position: absolute; top:-8px; left: 8px;} .news_main {margin: 20px 0px;} .news_main .name {color:#1b3152;font-family: "MuseoSansCyrl500"; font-size:20px; margin-bottom: 25px;} .blnews_main {width: 100%;} .blnews_main .blnw {width: 48%; margin-bottom: 25px;} .blnews_main .blnw .pic {width:100px; overflow:hidden; height: 100px;} .blnews_main .blnw .pic img {height:100%;} .blnews_main .blnw .nm {width: calc(100% - 110px); color:#364764; } .blnews_main .blnw .nm a {color:#364764; text-decoration: none;} .blnews_main .blnw .dt {color:#414b78;font-family: "MuseoSansCyrl700"; margin-bottom: 10px; } .downmenu {display: none;} .seachom {display: none; background: #fff; width:100%; border-radius: 5px; } .searchom { display: none; background: #fff; width:100%; border-radius: 5px; position: relative; border: 2px solid #dde6f5; } .searchermob {width: 100%; margin-top: 0px; background: #fff; height: 40px; border-radius: 5px; position: relative; overflow: hidden; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .searchermob .seachermob { color:#0f2649;font-size: 15px; font-family: "MuseoSansCyrl300"; border:0px; width: calc(100% - 40px); height: 40px; box-sizing: border-box; padding: 0px 8px;} .searchermob .seachbut { cursor:pointer; width:40px; height:40px; border:0px; background:url(../images/butt.png) 50% 50% no-repeat #fff; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .searchermob .seachbut:hover {opacity: 0.5;} .mobybanner { margin: 0px 0px 15px;} .mobyforumnow {display: none;margin: 15px 0px 30px; border-bottom: 1px solid #e1e6f7; box-sizing: border-box; background: #fff; border-radius: 8px; padding: 15px;} .mobyspec {display: none;margin: 30px 0px; border-bottom: 1px solid #e1e6f7; box-sizing: border-box; background: #fff; border-radius: 8px; padding: 15px;} .mobyspec a {text-decoration: none;} .mobyspec .speconline .usname a { font-size: 16px; } .mobybanner .bbl {width: 100%; height: 140px; background-color: #e6eeff; overflow: hidden; position: relative; border-radius: 10px;} .mobybanner2 .bbl {width: 100%; height: 140px; background-color: #e6eeff; overflow: hidden; position: relative; display: none; border-radius: 10px;} .mobyforumnow .postday .namepost { font-size: 15px; } .mobyspec .speconline .usname { width: 80% !important; font-size: 16px; box-sizing: border-box; padding-left: 7px; color: #313c53; } .myfriendos {display:none;} .editpricer {padding-left: 10px;} .nmblockuni {font-size:18px;font-family: MuseoSansCyrl700; color:#364764; margin: 15px 0px;} .ban1 {width: 100%; height: 140px; background: url(../images/bnsoc3.jpg); position: relative;} .ban1 .fr {position: absolute; left: -150px;bottom:0px;} .ban1 .al {position: absolute; right: -150px;bottom:0px;} .bnpod {opacity: 0;} .textbn {width: 380px; margin: auto; text-align: center; font-size:26px;font-family: MuseoSansCyrl700; color:#c8e2ff; text-shadow: 1px 1px 0px #0a0922; position: relative ; top: -330px; } .textbn div { font-size:15px;font-family: MuseoSansCyrl300; color:#fff;} .line { width: 100%; height: 4px; margin-bottom: 0px; } .line {width: 100%; height:4px; overflow:hidden; position: absolute; top:0; z-index: 6;} .line .l {width: 100%; height:50px; position:relative; left:0px; background:#2967df; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; -webkit-animation: animate-stripes 3s linear infinite; -moz-animation: animate-stripes 3s linear infinite; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .line .r {width: 0%; height:50px; background:#333; position:relative;} .flexy { display: flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; } #tr{ height: 50px; width: 0%; position:absolute; left:0px; background:#2967df; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; -webkit-animation: animate-stripes 3s linear infinite; -moz-animation: animate-stripes 3s linear infinite; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } #trr{ height: 50px; width: 0%; position:absolute; left:0px; background:#4d84ef; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; -webkit-animation: animate-stripes 3s linear infinite; -moz-animation: animate-stripes 3s linear infinite; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } #tr2{ height: 50px; width: 0%; position:absolute; left:0px; background:#727171; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; -webkit-animation: animate-stripes 3s linear infinite; -moz-animation: animate-stripes 3s linear infinite; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } #tr3{ height: 50px; width: 0%; position:absolute; left:0px; background:#8f8f8f; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); } .progress-bar { background-color: #1a1a1a; height: 25px; padding: 5px; width: 350px; margin: 50px auto 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444; -webkit-box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444; box-shadow: 0 1px 5px #000 inset, 0 1px 0 #444; } .progress-bar span { display: inline-block; height: 25px; width: 200px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset; -webkit-transition: width .4s ease-in-out; -moz-transition: width .4s ease-in-out; -ms-transition: width .4s ease-in-out; -o-transition: width .4s ease-in-out; transition: width .4s ease-in-out; } .blue span { background-color: #34c2e3; } .orange span { background-color: #fecf23; background-image: -webkit-gradient(linear, left top, left bottom, from(#fecf23), to(#fd9215)); background-image: -webkit-linear-gradient(top, #fecf23, #fd9215); background-image: -moz-linear-gradient(top, #fecf23, #fd9215); background-image: -ms-linear-gradient(top, #fecf23, #fd9215); background-image: -o-linear-gradient(top, #fecf23, #fd9215); background-image: linear-gradient(top, #fecf23, #fd9215); } .green span { background-color: #a5df41; background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916)); background-image: -webkit-linear-gradient(top, #a5df41, #4ca916); background-image: -moz-linear-gradient(top, #a5df41, #4ca916); background-image: -ms-linear-gradient(top, #a5df41, #4ca916); background-image: -o-linear-gradient(top, #a5df41, #4ca916); background-image: linear-gradient(top, #a5df41, #4ca916); } .stripes span { -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent)); background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent); -webkit-animation: animate-stripes 3s linear infinite; -moz-animation: animate-stripes 3s linear infinite; } @-webkit-keyframes animate-stripes { 0% {background-position: 0 0;} 100% {background-position: 60px 0;} } @-moz-keyframes animate-stripes { 0% {background-position: 0 0;} 100% {background-position: 60px 0;} } .hidera a {text-decoration: none; color:#d23751 !important; font-size:12px !important;} article .text {font-size:15px; font-family: Roboto; font-weight: 300; line-height: 1.4;} article .text div { margin-bottom:7px;} article .text p{line-height: 1.4;} article b {font-family: Roboto; font-weight: 700;} .author {margin: 45px 0px; border-top:1px solid #ececec; padding-top: 20px;} .userfile {width: 400px; color:#364764;} .userfile .ustext { width: calc(100% - 90px);} .userfile .uspic { width:70px; height: 70px; border-radius: 5px; position: relative; overflow: hidden;} .userfile .uspic img { width:100%;} .userfile .ustext .name {font-size:18px; font-family: MuseoSansCyrl700; margin-bottom: 4px; } .userfile .ustext .name a {color:#364764; text-decoration: none;} .userfile .ustext .spec { font-size:13px; font-family: MuseoSansCyrl300; } .userfile .ustext .info {font-size:12px; font-family: MuseoSansCyrl100;color:#5a667a; } .statarticle {width: calc(100% - 400px); } .statarticle .butstat { cursor: pointer; text-shadow: 1px 1px 0px #ffffff; position: relative; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; background: #f2f4fa;width: 18%; height: 35px; text-align: center; border-radius: 30px; line-height: 35px; color:#5c6e88; font-size:16px; font-family: MuseoSansCyrl700;} .statarticle .butstat:hover { background: #d64645; text-shadow: 1px 1px 0px rgb(204, 49, 49); color:#fff;} .statarticle .butstat_act { background: #d64645 !important; text-shadow: 1px 1px 0px rgb(204, 49, 49) !important; color:#fff;} .statarticle .butstat .img-svg {height: 18px;width: 18px; margin-bottom: -3px; padding-left: 5px;} .statarticle .butstat .img-svg path {fill:#778599; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .statarticle .butstat .img-svg circle {fill:#778599; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .statarticle .butstat:hover .img-svg path {fill:#ffffff;} .statarticle .butstat:hover .img-svg circle {fill:#ffffff;} .statarticle .butstat_act .img-svg path {fill:#ffffff !important;} .statarticle .butstat_act .img-svg circle {fill:#ffffff !important;} .pcopfio { margin-left: 2px; color: #e1f1f8; border-bottom: 1px dotted #fff; font-family: "MuseoSansCyrl500"; } .infosa3 { width: 12px; height: 12px; border-radius: 6px; color: #fff; text-align: center; font-size: 9px; line-height: 12px; position: absolute; top: 10px; display: inline-block; right: 15px; overflow: hidden; background: #218b2b; } .main_colon_two .banner a {text-decoration: none; color:#fff;} .banpk1 { width: 240px; height: 280px; position: relative; background: url(../images/bbb.jpg);} .banpk2 { width: 100%; height: 140px; position: relative; background: url(../images/bb2.jpg);} .newsops img{width:50%; border: 1px solid #c0c0c0; padding: 5px; margin: 20px 0px;} .banpk1 .pa1 {position: absolute; left: 15px; top: 40px;font-size:16px; font-family: MuseoSansCyrl300;} .banpk1 .pa1 div{font-family: MuseoSansCyrl700;} .banpk1 .pa2 div{font-family: MuseoSansCyrl700;} .banpk1 .pa2 {position: absolute;top: 150px; margin-left:15px; font-size: 16px; font-family: MuseoSansCyrl300; width: 220px;} .banpk1 .curs {position: absolute; bottom: 20px; right: 70px;} .banpk2 .pa1 {position: absolute; left: 15px; top: 15px;font-size:15px; font-family: MuseoSansCyrl300;} .banpk2 .pa1 span{font-family: MuseoSansCyrl700;} .banpk2 .pa2 span{font-family: MuseoSansCyrl700;} .banpk2 .pa2 {position: absolute;top: 40px; margin-left:15px; font-size: 15px; font-family: MuseoSansCyrl300; width:90%;} .banpk2 .curs {position: absolute; bottom: 5px; left: 140px;} .mobybanner2 .bbl a {text-decoration: none; color:#fff;} .banpk2 .pa3 {font-family: MuseoSansCyrl300; position: absolute; left: 14px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; top: 90px; width: 150px; text-align: center; background-color: #ff5052; height: 30px; color: #fff; line-height: 28px; border-radius: 30px; border: 1px solid #eb7879; font-size: 15px;} .banpk2 .pa3:hover { background-color: #4a6a8f; border: 1px solid #7895b6;} .banpk1 .pa3 {font-family: MuseoSansCyrl300; position: absolute; left: 14px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; top: 220px; width: 150px; text-align: center; background-color: #465ea7; height: 30px; color: #fff; line-height: 28px; border-radius: 30px; border: 1px solid #5e90c5; font-size: 15px;} .banpk1 .pa3:hover { background-color: #4a6a8f; border: 1px solid #7895b6;} .redactor_box {width: 70%;} .ck-editor__editable[role="textbox"] { /* editing area */ min-height: 200px; } .ck-editor {margin: 15px 0px;} .adfotext {width: 100%; margin-bottom: 15px;} .adfotext .name {margin-bottom: 5px; font-size: 12px; color:#0f2649; padding-left: 5px;} .adfotext .inp input {border: 1px solid #ccced1; padding: 6px; width: 100%; height: 40px; border-radius: 5px;} .adfotext .sb input { width: 200px; height: 35px; cursor: pointer; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; background: rgb(182,56,54); background: linear-gradient(0deg, rgb(61, 90, 136) 36%, rgb(128, 152, 191) 87%); text-shadow: 1px 1px 0px #204069; border: 1px solid #5879b9; line-height: 25px; border-radius: 4px; text-align: center; font-size: 15px; color: #fff; font-family: "MuseoSansCyrl700";} .coments {margin: 40px 0px;} .coments_name {font-family: MuseoSansCyrl700; color:#364764; position: relative; width: 100%; height: 40px; font-size:18px; margin-bottom: 5px;} .coments_name span {background: #fff; padding: 10px 10px 10px 0px; position: relative; z-index: 2;} .tosmile {cursor: pointer;} .tosmile:hover {opacity: 0.5;} .coments_name:before { content: ""; z-index: 0; position: absolute; top:10px; left: 0px; width: 100%; height: 2px; background: #e9edf3;} .comnt { width: 100%; margin: 15px 0px; border-bottom: 1px solid #eceff8; padding-bottom: 15px;} .comnt .cpic {width: 40px;height: 40px; border-radius: 20px; position: relative; overflow: hidden;} .comnt .cpic img {width: 40px; } .comnt .ctext {width:calc(100% - 50px);} .comnt .ctext img { margin-bottom: -2px;} .comnt .cstat {width: 100%; font-size: 12px; color:#c0c0c0; margin-top: 3px; text-align: right;} .comnt .cstat .img-svg {height: 18px;width: 18px; margin-bottom: -4px; padding-left: 5px; cursor: pointer;} .comnt .cstat .img-svg path {fill:#c0c0c0; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .comnt .cstat .img-svg circle {fill:#c0c0c0 !important;} .comnt .cstat .img-svg rect {fill:#c0c0c0 !important;} .comnt .cstat img {height: 12px; margin-bottom: -1px; opacity: 0.5; } .comnt .ctext .nameus { color:#364764; font-family: MuseoSansCyrl700; margin-bottom: 5px;} .comnt .ctext .pro { color:#364764; font-size:12px; font-family: MuseoSansCyrl100; margin-bottom: 5px;} .comnt .ctext .nameus2 { color:#364764; font-family: MuseoSansCyrl700; margin-bottom: 0px;} .comnt .ctext .nameus2 a {text-decoration: none; color:#364764;} .comnt .ctext .nameus2 a:hover {color:#d64645;} .comnt .ctext .nameus a:hover {color:#d64645;} .comnt .ctext .nameus a {text-decoration: none; color:#364764;} .comnt .ctext .nameus2 .img-svg {height: 16px;width: 16px; margin-bottom: -3px; padding-left: 1px;} .comnt .ctext .nameus2 .img-svg path {fill:#3495ee; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .comnt .ctext span {color:#0f2649;} .comnt .cstat span {-moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; font-size: 14px; color:#364764; padding-left: 5px;font-family: MuseoSansCyrl500; } .comntpole {width: 100%; background: #e8edf6; box-sizing: border-box; padding: 10px; border-radius: 5px; margin: 40px 0px;} .comntpole textarea {border:0; resize: none; width: 100%; height: 70px;font-family: MuseoSansCyrl300; font-size:14px; padding: 10px;} .openabout .img-svg {height: 15px;width: 15px; margin-top:0px; margin-bottom: -2px; padding-left: 2px;} .openabout .img-svg path {fill:#ffffff; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .openabout .img-svg:hover path {fill:#eb7879; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .openabout {font-family: "MuseoSansCyrl300" !important; transition: all 1s; cursor: pointer; margin: 0px auto; width: 150px; height: 35px; line-height: 33px; text-align: center; border-radius: 8px;background: rgb(182,56,54); background: linear-gradient(0deg, rgba(222, 78, 75,1) 36%, rgba(254,137,135,1) 87%); text-shadow: 1px 1px 0px #892120; border: 1px solid #b84241; margin-top: 8px;} .poiskdrug {background: #19335d; width: 120px; margin-top: 8px; padding: 5px 10px; text-align: center; float: right; border-radius: 5px;} .poiskdrug a {text-decoration: none; color:#fff;} .poiskdrug:hover{background: #ca4949;} .comntre { width: 95%; margin: 0px 0px 15px 5%; padding: 10px; background: #eff8ff; box-sizing: border-box; position: relative; border-radius: 5px; } .comntre:after { content: ''; position: absolute; /* 袪愋牨小佇牼袪恍小傂牻袪拘牭 袪啃牼袪沸犙懶袪褢袪拘牻袪褢小袪拘牪袪靶牻袪褢袪 */ left: -40px; top: 0px; /* 袪熜牼袪恍牼袪缎牭袪叫犙懶牭 小傂袪敌袪承牼袪恍袪叫犙懶牶袪 */ border: 20px solid transparent; border-right: 30px solid #eff8ff;transform: rotate(25deg); } .comntre .cpic {width: 40px;height: 40px; border-radius: 20px; position: relative; overflow: hidden;} .comntre .cpic img {width: 40px; } .comntre .ctext {width:calc(100% - 50px);} .comntre .ctext img { margin-bottom: -2px;} .comntre .cstat {width: 100%; font-size: 12px; color:#c0c0c0; margin-top: 3px; text-align: right;} .comntre .cstat .img-svg {height: 18px;width: 18px; margin-bottom: -4px; padding-left: 5px; cursor: pointer;} .comntre .cstat .img-svg path {fill:#c0c0c0; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .comntre .cstat .img-svg circle {fill:#c0c0c0 !important;} .comntre .cstat .img-svg rect {fill:#c0c0c0 !important;} .comntre .cstat img {height: 12px; margin-bottom: -1px; opacity: 0.5; } .comntre .ctext .nameus { color:#364764; font-family: MuseoSansCyrl700; margin-bottom: 5px;} .comntre .ctext .pro { color:#364764; font-size:12px; font-family: MuseoSansCyrl100; margin-bottom: 5px;} .comntre .ctext .nameus2 { color:#364764; font-family: MuseoSansCyrl700; margin-bottom: 0px;} .comntre .ctext .nameus2 a {text-decoration: none; color:#364764;} .comntre .ctext .nameus2 a:hover {color:#d64645;} .comntre .ctext .nameus a:hover {color:#d64645;} .comntre .ctext .nameus a {text-decoration: none; color:#364764;} .comntre .ctext .nameus2 .img-svg {height: 16px;width: 16px; margin-bottom: -3px; padding-left: 1px;} .comntre .ctext .nameus2 .img-svg path {fill:#3495ee; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .comntre .ctext span {color:#0f2649;} .comntre .cstat span {-moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; font-size: 14px; color:#364764; padding-left: 5px;font-family: MuseoSansCyrl500; } .datames {width:100%; border: 1px solid #ececec; border-radius: 5px; margin: 20px 0px;} .dmes {width:100%; height: 70px;border-bottom: 1px solid #ececec; padding: 15px 10px;} .dmes .dp img{width: 40px;} .dmes .dp {width: 40px; height: 40px; overflow: hidden ; border-radius: 20px;} .actm {background: #e9f0f5;} .dmes .dt { width: calc(100% - 50px - 90px);} .dmes .dt div {color:#364764; font-size:14px; font-family: MuseoSansCyrl700; margin-bottom: 4px; } .dmes .dv { width: 80px; line-height: 40px;color:#a8aeb9;} .imesname {color:#364764; font-size:16px; font-family: MuseoSansCyrl700; margin-bottom: 7px; width: 60%; text-align: left; cursor: pointer;} .imesname:hover {opacity: 0.5;} .actual_name {color:#1d2347; text-decoration: underline; font-size:16px; font-family: MuseoSansCyrl700; margin-bottom: 14px;} .backcpage {height: 17px; margin-bottom: -1px; padding-right: 5px;} .chatseach{width: 100%; padding: 5px;background: #ddecfa; margin-bottom: 15px; border-radius: 6px;} .chatseach input {border: 0px; color: #264573; width: 100%; height: 35px; padding: 10px; } .dmesi {width:100%; border-bottom: 1px solid #ececec; padding: 10px 10px; text-align: left;margin-bottom: 1px;} .dmesi .dp img{width: 40px; } .dmesi .dp {width: 40px; height: 40px; overflow: hidden ; border-radius: 20px; position: relative;} .dmesi .dp .onlus {bottom: 5px !important; right: 5px !important;} .actmi {background: #e9f0f5;} .dmesi .dt { width: calc(100% - 50px - 90px) ; font-size:12px;} .dmesi .dt div {color:#364764; font-size:12px; font-family: MuseoSansCyrl700; margin-bottom: 4px; } .dmesi .dt a {text-decoration: none;} .dmesi .dtv { width: calc(100% - 50px ) ; font-size:12px;} .dmesi .dtv div {color:#364764; font-size:12px; font-family: MuseoSansCyrl300; margin-bottom: 4px; } .dmesi .dtv .avchat {color:#364764; font-size:12px; font-family: MuseoSansCyrl700 !important; margin-bottom: 4px; } .dmesi .dtv div a {text-decoration: none; color:#364764;} .dmesi .dtv div a:hover {text-decoration: underline; color:#b4363f;} .dmesi .dtv div .img-svg {height: 12px;width: 12px; margin-bottom: -3px; margin-left: 5px; fill:#225594; opacity: 0.4; cursor: pointer;} .dmesi .dtv div .img-svg:hover {height: 12px;width: 12px; margin-bottom: -3px; margin-left: 5px; fill:#225594; opacity: 0.2; cursor: pointer;} .dmesi .dtv div .img-svg path {fill:#225594; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; opacity: 0.4; transition: all 1s;} .dmesi .dtv div .img-svg rect {fill:#225594; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; opacity: 0.4; transition: all 1s;} .dmesi .dtv .textmessage {color:#364764; font-size:12px; font-family: MuseoSansCyrl300 !important; margin-bottom: 4px; outline: none; -webkit-appearance: none;-moz-appearance: none;appearance: none; } .dmesi .dv { width: 80px; line-height: 18px;color:#a8aeb9; font-size:11px;} .dmesi .dvs { width: calc(100% - 50px ) ; margin-left: 50px; line-height: 1.2;color:#b8cbee; margin-top: 6px; font-size:11px; text-align: right;} .mesaction {background: #e8f4ff !important;} .dmesi .dvs img {height: 14px; margin-bottom: -3px;} .ck-editor__editable {border:1px solid #b1bed4 !important; border-radius: 5px !important; font-size:14px !important; font-family: MuseoSansCyrl300 !important;} .mainset .ck-editor__top {display: none !important;} .forumstat {margin: 30px 0px 20px; border-bottom: 5px solid #f2f3f5; padding-bottom: 20px;} .butsavechat {padding: 3px 0px; text-align: center; width: 100px; border-radius: 3px; margin-top: 5px; cursor: pointer; font-size:12px !important; background-color: #225594; color:#fff !important; font-family: MuseoSansCyrl300 !important;} .butsavecom {padding: 3px 0px; text-align: center; width: 100px; border-radius: 3px; margin-top: 5px; cursor: pointer; font-size:12px !important; background-color: #225594; color:#fff !important; font-family: MuseoSansCyrl300 !important;} .openpage {width:300px; margin: 0px auto; display: flex; flex-wrap: wrap; justify-content: left;} .butsavechat:hover {color:#172052 !important; background-color: #eaf0fb; } .openpage div {background: #e7eefa; width: 30px; color:#223b60; margin-right: 6px; height: 30px; border-radius: 3px; font-family: MuseoSansCyrl500; text-align:center; line-height: 30px; font-size:15px;} .openpage .act {background: #223b60; color:#cedbf0;} .youic {width: 550px; height: 300px; border-radius: 10px; overflow: hidden; position: relative;} .youic img {width: 550px; margin-top: -53px; position: absolute; z-index: 1;} .youic .play { width: 60px; cursor: pointer; opacity: 0.8; height: 60px; text-align: center; border-radius: 15px; background: #0f2649; position: absolute; bottom: 125px; left: 240px; z-index: 2; } .youic .play .img-svg {height: 35px;width: 35px; margin-top: 13px; padding-left: 2px;} .youic .play .img-svg path {fill:#ffffff; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .youic .play .img-svg:hover path {fill:#eb7879; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .profinblock {font-size:14px; text-transform: initial; padding: 9px 0px; color:#8293b2; } .profinblock a {color:#72829f;} .user_profile {width: 100%; } .user_profile .dopis {margin: 15px 0px; padding: 15px 0px; color:#2f394f;border-top: 1px solid #e5e6e7;} .user_profile .dopis .img-svg {height: 15px;width: 15px; margin-bottom: -3px; padding-left: 0px;} .user_profile .dopis .img-svg path {fill:#2f394f; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .user_profile .dopis div {padding: 4px 0px; font-size:14px;} .user_profile .dopis div a {text-decoration: none;color: #2f394f;} .user_profile .sendmes { cursor: pointer; margin: 8px 0px; font-family: MuseoSansCyrl700; color:#34466d; background: #f5f6f7; line-height: 35px; width: 100%; height: 35px; border-radius: 5px; text-align: center;} .user_profile .sendmeser { cursor: pointer; margin: 8px 0px; font-family: MuseoSansCyrl700; color:#34466d; background: #f5f6f7; line-height: 35px; width: 100%; height: 35px; border-radius: 5px; text-align: center;} .user_profile .addpod { cursor: pointer; display: inline-block; font-family: MuseoSansCyrl700; color:#34466d; background: #f5f6f7; line-height: 35px; width: 100%; height: 35px; border-radius: 5px; text-align: center;} .user_profile .sendmes:hover, .user_profile .addpod:hover { background: #d64645 ; color:#fff;} .user_profile .podpiska_active { background: #d64645 !important ; color:#fff !important;} .chatscroll { height: calc(100vh - 16vh); width: 100%; position: relative; overflow-y: auto; } .otvtg { display: block; width: 120px; background: #446581; color: #fff; padding: 4px 6px; cursor: pointer; margin-top: 10px; } #information .closeinfo {right: 0px !important;} #information .closeinfo:before, #information .closeinfo:after { background-color: #333 !important; } .clps {background:#98abca; padding: 2px 5px; margin: 8px 8px 5px 0px; border-radius: 6px;} .clps a {color:#fff; text-decoration: none;} .cloudtag {margin: 20px 0px; } .user_profile .video {width: 30px; cursor: pointer; opacity: 0.8; height: 30px; text-align: center; line-height: 30px; border-radius: 15px; background: #0f2649; position: absolute; bottom: 5px; left: 45px; z-index: 2; } .user_profile .video .img-svg {height: 15px;width: 15px; margin-bottom: -2px; padding-left: 2px;} .user_profile .video .img-svg path {fill:#ffffff; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .user_profile .video:hover {background: #d64645 ; } .blouser .aboutext {line-height: 1.5; overflow: hidden; height: 100px; position: relative;} .blouser .aboutext:after {content: ""; text-align: right; position: absolute; bottom: 0; right: 0; left: 0; height: 30px; background: linear-gradient(to bottom, rgba(255, 255, 255, 0), white 100%); pointer-events: none;} .openme {padding: 15px 3px; cursor: pointer; color: #597193;} .blouser .aboutext img {width: 60%;} .blouser {margin: 20px 0px; width: 100%;} .blouser_name {margin-bottom: 16px; color: #8da2bf; font-size: 14px; text-transform: uppercase; font-family: MuseoSansCyrl700; background: #e9eef6; padding: 5px 10px; border-radius: 3px; text-shadow: 1px 1px 1px #fafcff;} .blouser_name a {margin-bottom: 10px; color:#8da2bf; text-decoration: none; font-size: 14px; text-transform: uppercase; font-family: MuseoSansCyrl700; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .blouser_name a:hover {color:#d64645;} .blouser_name .add { text-decoration: none; font-size: 12px; margin-top: -2px; text-transform: capitalize; background: #f5f8fc; padding: 4px 5px; color: #4f6287; border-radius: 5px; font-family: MuseoSansCyrl300; float: right; text-shadow: 1px 1px 0px #f3f8ff; } .postera {background: #e8f1f7; padding: 10px; width: 100%; font-family: MuseoSansCyrl700; margin-top: 15px; margin-bottom: 15px; color: #294482;} .postera .img-svg {height: 15px;width: 15px; margin-bottom: -1px; padding-left: 0px;} .postera .img-svg path {fill:#294482; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .posteras {background: #fdf3f5; padding: 10px; width: 100%; font-family: MuseoSansCyrl700; margin-top: 15px; margin-bottom: 15px; color: #cc3e59;} .posteras .img-svg {height: 15px;width: 15px; margin-bottom: -1px; padding-left: 0px;} .posteras .img-svg path {fill:#cc3e59; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .forumcloud .img-svg {height: 15px;width: 15px; margin-bottom: -1px; padding-left: 0px;} .forumcloud .img-svg path {fill:#0a1c39; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .blouser .poster .name {font-size:16px !important; margin-bottom: 10px !important;} .blouser .poster .text {font-size:14px !important;} .blouser .poster .text::after {background: unset !important;} .uvideo img { padding-right: 10px; padding-bottom: 10px;} .ufoto img { } .user_profile .uspeople {margin-top: 15px;color:#2f394f; line-height: 1.5;} .podelitsya {font-size: 12px; padding-top: 6px; border-top: 1px solid #dddee0; margin-top: 15px; color: #2f394f;} .user_profile .uspeople ul li:before {content: "" !important; display: none !important; color: #fe4846; position: relative;} .myfriendos ul li:before {content: "" !important; display: none !important; color: #fe4846; position: relative;} .myfriendos .podelitsya {font-size: 12px; padding-top: 16px !important; border-top: 1px solid #dddee0; margin-top: 18px; color: #2f394f;} .user_profile .uspeople a { color:#2f394f; text-decoration: none; } .user_profile .uspeople a:hover { color:#d64645; text-decoration: none; } .user_profile .u_one { width: 150px;} .user_profile ul li:before {content: "" !important;} .user_profile .u_oneset { width: 150px;} .user_profile .u_one a {text-decoration: none;} .user_profile .u_two { width: calc(100% - 180px);} .user_profile .mobutus { display: none;} .user_profile .picturemob {width: 120px; margin: auto; margin-right: 10px; display: none; margin-bottom:30px; border-radius: 60px; height: 120px; position: relative; overflow: hidden;} .user_profile .picturemob2 {width: 120px; margin: auto; margin-right: 10px; display: none; position: relative; } .user_profile .picturemob2 .txt {position: absolute; top:8; left:10; z-index: 2; color:#fff; font-size: 12px; font-family: MuseoSansCyrl500;} .playmer { position:absolute; left: 27px; top:109px; cursor: pointer; width: 77px; height: 26px; overflow: hidden; } .playmer .txt {position: absolute; top:8px; left:10px; z-index: 2; color:#fff; font-size: 12px; font-family: MuseoSansCyrl500;} .playmer .pcb {position: absolute; top:0; left:0; z-index: 1;} .user_profile .picturemob .p {width: 120px; z-index: 1;} .vashcity {display: none;} .user_profile .u_one .picture {width: 120px; margin: auto; margin-bottom: 25px; border-radius: 60px; height: 120px; position: relative; overflow: hidden;} .user_profile .picture2 {width: 120px; margin: auto; margin-right: 10px; margin-bottom: 45px; position: relative; } .user_profile .u_one .picture .p {width: 120px; z-index: 1;} .user_profile .u_two .name { margin-bottom: 5px; color:#2f394f; font-size: 24px; font-family: MuseoSansCyrl700;} .user_profile .u_two .name span {font-size:12px; font-family: MuseoSansCyrl500;} .user_profile .u_two .name .img-svg {height: 15px;width: 15px; margin-bottom: -1px; padding-left: 0px;} .user_profile .u_two .name .img-svg path {fill:#3495ee; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .ics1 path {fill:#3495ee !important; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .ics2 path {fill:#444ee0 !important; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .ics3 path {fill:#3eae5a !important; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .ics4 path {fill:#e26650 !important; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .ics5 path {fill:rgb(218, 143, 27)!important; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .user_profile .u_two .spec { margin-bottom: 5px; color:#2f394f;font-family: MuseoSansCyrl300;} .user_profile .u_two .city { margin-bottom: 5px; color:#2f394f;font-family: MuseoSansCyrl700;} .user_profile .u_two .status {margin-bottom: 8px; color:#0b8b20;font-family: MuseoSansCyrl100;} .user_profile .u_two .status div {width: 10px; height: 10px; border-radius: 5px; color:#0b8b20; float:left; margin-right: 5px; margin-top: 3px; background-color: #0b8b20;} .editforumas .userinput a {text-decoration: none; color:#0a1c3a;} .user_profile .u_two .status2 {margin-bottom: 8px; color:#d64149;font-family: MuseoSansCyrl100;} .user_profile .u_two .status2 div {width: 10px; height: 10px; border-radius: 5px; color:#d64149; float:left; margin-right: 5px; margin-top: 3px; background-color: #d64149;} .user_profile .u_two .status3 {margin-bottom: 8px; color:#626b7a;font-family: MuseoSansCyrl100;} .user_profile .u_two .status3 div {width: 10px; height: 10px; border-radius: 5px; color:#515163; float:left; margin-right: 5px; margin-top: 3px; background-color: #515163;} .dreamplus { width: 100%; margin-bottom: 40px;position: relative; } .dreamplus .speconline {width: 25% !important; } .dreamplus .speconline2 {width: 22% !important; } .comentpole1 { width: 85%; background: #fff; position: relative; } .comentpole2 {width: 15%; background: #fff; padding: 5px 10px; box-sizing: border-box;} .emojiPickerIcon { text-align:center; line-height: 30px; padding-top: 5px;} .emojiPickerIcon img {opacity:0.5; } .polesmile {display: none; width: 100%; margin-bottom: 8px;} .btsendcom { margin: 5px 0px; width: 100%; height: 35px; text-decoration: none; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; cursor: pointer; background: rgb(182,56,54); background: linear-gradient(0deg, rgb(184, 197, 220) 36%, rgb(222, 233, 252) 87%); text-shadow: 1px 1px 0px #e1e8f4; border: 1px solid #b9c6dd; line-height: 33px; border-radius: 4px; text-align: center; font-size: 15px; color: #526280; font-family: "MuseoSansCyrl500";} .btsendcom:hover {opacity: 0.6;} .closerecom { display: inline-block; width: 20px; height: 20px; padding: 0px; margin: 0px; text-decoration: none; font-size: 21px; cursor:pointer; position:absolute; top: 0px; right: 0px; } .closerecom:before, .closerecom:after { position: absolute; left: 10px; content: ' '; height: 20px; width: 2px; background-color: #0a1c3a; } .closerecom:before { transform: rotate(45deg); } .closerecom:after { transform: rotate(-45deg); } .closerecom:hover {opacity:0.5;} .closecall { display: inline-block; width: 20px; height: 20px; padding: 0px; margin: 0px; text-decoration: none; font-size: 21px; cursor:pointer; position:absolute; top: 0px; right: 0px; } .closecall:before, .closecall:after { position: absolute; left: 10px; content: ' '; height: 20px; width: 2px; background-color: #fff; } .closecall:before { transform: rotate(45deg); } .closecall:after { transform: rotate(-45deg); } .closecall:hover {opacity:0.5;} .closeinfo { display: inline-block; width: 25px; height: 25px; padding: 0px; margin: 0px; text-decoration: none; font-size: 21px; cursor:pointer; position:absolute; top: 11px; right: 7px; } .closeinfo:before, .closeinfo:after { position: absolute; left: 10px; content: ' '; height: 25px; width: 1px; background-color: #0f2649; } .closeinfo:before { transform: rotate(45deg); } .closeinfo:after { transform: rotate(-45deg); } .closeinfo:hover {opacity:0.5;} .closeadop { display: inline-block; width: 15px; height: 15px; padding: 0px; margin: 0px; text-decoration: none; font-size: 21px; cursor:pointer; position:absolute; top: 5px; right: 5px; z-index: 6; } .closeadop:before, .closeadop:after { position: absolute; left: 10px; content: ' '; height: 10px; width: 1px; background-color: #0f2649; } .closeadop:before { transform: rotate(45deg); } .closeadop:after { transform: rotate(-45deg); } .closeadop:hover {opacity:0.5;} .closemes { display: inline-block; width: 20px; height: 20px; padding: 0px; margin: 0px; text-decoration: none; font-size: 21px; cursor:pointer; position:absolute; top: 10px; right: 10px; } .closemes:before, .closemes:after { position: absolute; left: 10px; content: ' '; height: 20px; width: 2px; background-color: #0f2649; } .closemes:before { transform: rotate(45deg); } .closemes:after { transform: rotate(-45deg); } .closemes:hover {opacity:0.5;} .closedops { display: inline-block; width: 20px; height: 20px; padding: 0px; margin: 0px; text-decoration: none; font-size: 21px; cursor:pointer; position:absolute; top: 10px; right: 10px; } .closedops:before, .closedops:after { position: absolute; left: 10px; content: ' '; height: 20px; width: 2px; background-color: #0f2649; } .closedops:before { transform: rotate(45deg); } .closedops:after { transform: rotate(-45deg); } .closedops:hover {opacity:0.5;} #information { background: rgba(10, 23, 57, 0.93); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 9998; } #formzhal { background: rgba(205, 207, 212, 0.63); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 9998; } .formzhal { width: 300px; min-height: 160px; text-align: center; padding: 15px; color: #333; position: fixed; top: 15%; right: 0; left: 0; background: #fff; border-radius:5px; margin: auto; z-index: 9999;box-shadow: 0px 0px 25px #a0b3c2; } #formcall { background: rgba(31, 49, 83, 0.93); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 9998; } .ocall { width: 550px; height: 70%; text-align: center; padding: 15px; color: #333; position: fixed; top: 15%; right: 0; overflow: hidden; left: 0; border-radius:5px; margin: auto; z-index: 9999; } .forminfo { width: 300px; height: 300px; text-align: center; padding: 15px; color: #333; position: fixed; top: 15%; right: 0; left: 0; background: #fff; border-radius:5px; margin: auto; z-index: 9999;box-shadow: 0px 0px 25px #01040f; } .tpica {text-align: center;} .tpica img {width: 60px;} .tatname {text-align: center; color:#0f2649; font-size:21px; margin-bottom: 10px; font-family: "MuseoSansCyrl700" !important; } .tatint {text-align: center; color:#0f2649; font-size:14px; margin-bottom: 18px; font-family: "MuseoSansCyrl100" !important; } .ttincops {color:#19253d; border-top: 1px solid #465676; padding-top: 10px; font-size:11px; margin-top: 30px; font-family: "MuseoSansCyrl300" !important; } .treg{ margin: 5px 0px; width: 48%; height: 35px; text-decoration: none; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; cursor: pointer; background: rgb(182,56,54); background: linear-gradient(0deg, rgb(61, 90, 136) 36%, rgb(128, 152, 191) 87%); text-shadow: 1px 1px 0px #204069; border: 1px solid #5879b9; line-height: 33px; border-radius: 4px; text-align: center; font-size: 15px; color: #fff; font-family: "MuseoSansCyrl500"; } .selectzhal { width: 100%; border: 1px solid #e9a0b1; background: #fff; height:40px; background: #fff; border-radius: 4px; padding: 6px; margin-bottom: 15px;} .addzhal img {height:13px; margin-bottom: -1px;} .butzhal{ margin: 0px auto; width: 100%; height: 35px;text-decoration: none; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; cursor: pointer; background: rgb(182,56,54); background: linear-gradient(0deg, rgb(239, 141, 146) 36%, rgb(245, 195, 199) 87%); text-shadow: 1px 1px 0px #dd5877; border: 1px solid #e9a0b1; line-height: 33px; border-radius: 4px; text-align: center; font-size: 15px; color: #fff; font-family: "MuseoSansCyrl500";} .tlog{ margin: 5px 0px; width: 48%; height: 35px;text-decoration: none; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; cursor: pointer; background: rgb(182,56,54); background: linear-gradient(0deg, rgb(222, 78, 85) 36%, rgb(255, 127, 137) 87%); text-shadow: 1px 1px 0px #dd5877; border: 1px solid #e9a0b1; line-height: 33px; border-radius: 4px; text-align: center; font-size: 15px; color: #fff; font-family: "MuseoSansCyrl500";} #formess { width: 420px; height: 100%; position: fixed; top: 0; left: 0; display: none; z-index: 9998; } .messa { width: 420px; height: 100%; text-align: center; padding: 15px; color: #333; position: fixed; top: 0; left: 0; margin: auto; z-index: 9999; background-color: #fff; box-shadow: 1px 0px 5px #9da5aa; } .tlog:hover, .treg:hover {opacity: 0.6;} .chatok { width: 100%; text-align: center; cursor: pointer; font-size: 17px; border: 0px; height: 30px; border-radius: 4px; padding: 7px 0px; background: url(../images/letgo.png) 50% 50% no-repeat #12294c; color: #ffff; } .chatok:hover {opacity: 0.5;} .infosa {width: 12px; height: 12px; border-radius: 6px; color: #fff; text-align: center; font-size: 9px; line-height: 12px; position: relative; top: 0px;display: inline-block; right: 0px; overflow: hidden; background: #218b2b;} .getmss {width: 100%; overflow-y: scroll; margin: 10px 0px; width: 100%; height: calc(100% - 150px);} .lisdiag {font-size: 14px; text-align: left; padding: 10px; font-family: "MuseoSansCyrl500" !important; color:#0b1d3f; } .issend {width: 90%; margin: auto; padding-top: 5px; border-top: 1px solid #e8ecf1;} .issend .ip {width: 85%; } .issend .ip textarea {border:0px; font-size:14px; font-family: "MuseoSansCyrl300" !important; box-sizing: border-box; padding: 10px; resize: none; width:100%;} .issend .is {width: 13%; } .jino {cursor: pointer;} .jino:hover {background: #fcffe4 !important;} .backchat {height: 16px; margin-bottom: -2px; padding-right: 10px;} figure {padding:0; margin: 0;} .artpost img {width: 500px !important; height: unset !important;} @media (max-width: 1240px){ .wrapper {width:96%; margin-left:2%; position:relative;} } @media (max-width:980px) { .formspec .amount {font-size:11px;} .userfile {width: 100%; order: 2; } .statarticle {width: 100%; margin-bottom: 20px; order: 1; } body:before { background: linear-gradient(90deg, rgb(29, 56, 100) 0%, rgb(52, 83, 131) 12%, rgb(38, 69, 115) 27%, rgb(38, 68, 115) 42%, rgb(28, 51, 89) 66%); z-index: 0; position: absolute; top: 0px !important; width: 100%; content: unset; height: 40px; display: none; } .pcdipmenu {display: none;} body:after { height: 85px !important; } } .fot_mob a {text-decoration: none; color:#fff;} .lentapic { width: 400px;} .lentavideo {height:380px;} @media (max-width:800px) { .headpage .search, .f_partn { margin-top: 25px;} footer .footer_colon .colona { width:30%; } footer .footer_colon .colona_1 { width:30%; } } .downmenu { box-shadow: 0px -1px 10px #000440; } .downmenu .dmen {width: calc(94% - 10px); color:#c2c7d7; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; text-align: center; margin-left: 3%; padding: 10px 0px; font-size: 12px;} .downmenu .dn {width: 1px; background:rgba(100, 200, 200, 0.2); box-shadow: 1px 0px 0px rgba(5, 5, 5, 0.2); height: 35px; text-align: center; font-size: 12px;} .downmenu .dmen .img-svg {height: 25px;width: 25px; padding-bottom: 5px; display: block; margin: auto; margin-bottom: -2px; } .downmenu .dmen .img-svg path {fill:#c2c7d7; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .downmenu .dmen .dm:hover {color:#fc6767;} .downmenu .dmen .dm { -moz-transition: all 1s; position: relative; cursor: pointer; -webkit-transition: all 1s; -o-transition: all 1s; } .downmenu .dmen .dm:hover .img-svg path {fill:#fc6767; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .downmenu .dmen .dm a {text-decoration: none;color:#c2c7d7;} .downmenu .dmen .dm:hover a {text-decoration: none;color:#fc6767;} .formuser {display: none;} .formuser2 {display: block;} .formspec2 {display: none;} .setukon {width:60px !important; border:0px !important; border-bottom: 1px solid #b1bed4 !important; border-radius: 0px !important;} .setukof {width:60px !important; border:0px !important; border-bottom: 1px solid #b1bed4 !important; border-radius: 0px !important;} .ck-editor {width: 70% !important;} .photospic {margin: 30px 0px 15px; width: 100%;} .photospicmain {margin: 0px 0px 5px; width: 100%; height: 100px; overflow: hidden;} .photospicmain2 {margin: 0px 0px 5px; width: 100%; overflow: hidden;} .rowpic {width: 100px; height: 100px; position: relative; border-radius: 0px; overflow: hidden; margin-bottom: 15px; margin-right: 5px; float:left; } .rowpic img {height:145px; position: relative ; z-index: 1;} .rowvideo .play {width: 30px; cursor: pointer; opacity: 0.8; height: 30px; text-align: center; line-height: 30px; border-radius: 15px; background: #0f2649; position: absolute; bottom: 35px; left: 60px; z-index: 2;} .rowvideo .play .img-svg {height: 15px;width: 15px; margin-bottom: -2px; padding-left: 2px;} .rowvideo .play .img-svg path {fill:#ffffff; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .rowvideo {width: 150px; height: 100px; position: relative; overflow: hidden; margin-bottom: 8px; } .rowvideo img {width:150px; position: relative ; z-index: 1;} .rwv {width: 150px; height: 160px; margin-right:3%; float: left; } .rwv .name a { color:#0a1c3a; text-decoration: none; font-size: 14px !important; line-height: 1 !important; padding: 0 !important; margin: 0 !important; font-family: "MuseoSansCyrl300" !important; } .rwv .name { margin-top: 2px; font-size: 14px !important; } .rwv:hover .img-svg path {fill:#fa6262; } .hider a {color:#fff; text-decoration: none;} .hider {display: none; width: 50px; height: 20px; border-radius: 5px; text-align: center; line-height: 20px; font-size:12px; background-color: rgba(233, 58, 58, 0.8) ; } .rowpic:hover .hider {display: block; position: absolute; bottom: 10px; left:25px; z-index: 5;} .mobybanner .bbl .b {display: none;} .buttoadarticle {width: 70%;} .buttoadarticle div {width: 48%;} .buttoadarticle .sb input { width: 100%; height: 35px; cursor: pointer; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; background: rgb(182,56,54); background: linear-gradient(0deg, rgb(61, 90, 136) 36%, rgb(128, 152, 191) 87%); text-shadow: 1px 1px 0px #204069; border: 1px solid #5879b9; line-height: 35px; border-radius: 4px; text-align: center; font-size: 15px; color: #fff; font-family: "MuseoSansCyrl700";} .buttoadarticle .sb2 input { width: 100%; height: 35px; cursor: pointer; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; background: rgb(182,56,54); background: linear-gradient(0deg, rgb(218, 88, 106) 36%, rgb(235, 136, 141) 87%); text-shadow: 1px 1px 0px #c72443; border: 1px solid #d56f82; line-height: 35px; border-radius: 4px; text-align: center; font-size: 15px; color: #fff; font-family: "MuseoSansCyrl700";} .dopselect {display: none; text-shadow: none; border-radius: 5px; width: 130px; min-height: 50px; color:#0a1c39; font-size:14px; z-index: 4; line-height: 1.4; position: absolute; top:0; right:0; z-index: 3; font-family: "MuseoSansCyrl300" !important; text-align: left; padding: 10px; background: #dae0f0;} .postava {width: 16px; height: 16px; display: inline-block; margin-bottom: -4px; position:relative; overflow: hidden; border-radius: 8px; margin-right: 4px;} .postava img {width: 21px;} .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 5px !important; top: 0; width: 8px; } article iframe {height:320px;} :root { --vh: 1vh; } .redactor_toolbar li:before {content:'' !important; position: absolute !important; left: 0; right: 0; bottom:0; padding-right: 0px;} .informat option {font-family: MuseoSansCyrl300, Arial;} .informat .img-svg {height: 15px;width: 15px; margin-bottom: -2px; padding-left: 2px;} .informat .img-svg path {fill:#10274b; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .settnamev { color: #10274b; font-family: "MuseoSansCyrl700" !important; font-size: 14px !important; margin-bottom: 0px; cursor: pointer; } .f小乬ost {cursor: pointer; padding-right: 15px; text-decoration: underline;} .fcspec {cursor: pointer;padding-right: 15px; text-decoration: underline; } .actfaq {font-family: MuseoSansCyrl700, Arial; color:#ff5052; text-decoration: none !important; } .ah a {text-decoration: none; color:#000;} .ah:hover{background: #d64644;} .ah:hover a{color: #fff;} .opvac {background: #e4f2ff; padding: 10px; margin-bottom: 8px; border-radius: 5px; } .opvac .text {background: #fff; position: relative; padding: 4px 10px;margin-top: 5px;} .opvac .text:after { content: ''; position: absolute; left: -17px; top: 0px; border: 10px solid transparent; border-right-color: transparent; border-right-style: solid; border-right-width: 20px; border-right: 10px solid #fff; transform: rotate(3deg); } @media (max-width:670px) { .headpage .profile2 { width: 50px !important; padding-top: 20px; } body:after { height: 77px !important; } body:before { background: linear-gradient(90deg, rgb(29, 56, 100) 0%, rgb(52, 83, 131) 12%, rgb(38, 69, 115) 27%, rgb(38, 68, 115) 42%, rgb(28, 51, 89) 66%); z-index: 0; position: absolute; top: 0px !important; width: 100%; content: unset; height: 40px; display: none; } .headpage .informator {display: none;} .ajteg {width: 90%; background: #d6e4f3; padding: 15px; display: none; position: absolute;z-index: 500;} .postpicmob {width: 100%; border-radius: 6px; padding-bottom: 15px; display: block; } .pcdipmenu {display: none;} .headpage .search {display: none;} .liking { margin-bottom: 15px;} .openpage {width: 90%; margin: 0px auto; display: flex; flex-wrap: wrap; justify-content: left;} .informat {background: #fff; padding: 10px; border-radius: 6px;} .newsops img{width:100%; border: 1px solid #c0c0c0; padding: 5px; margin: 20px 0px;} .photospicmain2 { margin: 0px 0px 5px; width: 100%; overflow: hidden; } .dreamplus { width: 100%; margin-bottom: 40px;position: relative; z-index: 1; } .myfriendos {display:block;} .textbn {font-size: 20px;} .textbn div {font-size: 14px;} .ban1 {width: 100%; height: 140px; background: url(../images/bnsoc3.jpg) 17% 0px; position: relative;} .artpost img {width: 100% !important; height: unset !important;} .downmenu {display: block;} .lentapic { width: 100%;} .lentavideo {height:250px;} .photospicmain { height: 90px; overflow: hidden; } .userfile .ustext .name a { color: #364764; text-decoration: none; font-size: 15px !important; } .userfile .ustext .spec { font-size: 14px; font-family: MuseoSansCyrl300; } .frbut2 { font-size:15px;} .frbut { font-size:15px;} .formspec .fr_five { width: 100%; color: #fff; margin-top: 18px; z-index: 1; margin-bottom: 15px; } article iframe {height:220px;} .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 1px !important; top: 0; width: 8px; } .mobybanner2 .bbl { display: block; margin-bottom: 30px; } .poster .autor a { color: #93a3c0; text-decoration: none; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .tousmob { } .user_profile .u_two .name { margin-bottom: 5px; color: #2f394f; font-size: 18px !important; } .buttoadarticle div { width: 100%; } .buttoadarticle div input{line-height: 30px !important;} .redactor_box {width: 100%;} .ocall { width: 90%; margin: auto; } .issend .ip {width: 75%;} .issend .is { width: 22%;} #formcall video {width: 90%; margin: auto;} .comentpole1 { width: 100%; margin-bottom: 2px; background: #fff; } .comentpole2 {width: 100%; background: #fff; padding: 5px 10px; box-sizing: border-box;} .forminfo { width: 300px; height: 300px; text-align: center; padding: 15px; color: #333; position: fixed; top: 3%; right: 0; left: 0; background: #fff; border-radius:5px; margin: auto; z-index: 9999;box-shadow: 0px 0px 25px #a0b3c2; } .main_block h1 { font-size:20px; margin-bottom: 15px;} .mobybanner .bbl .s {display: none;} .mobybanner .bbl .b {display: block;} .ck-editor { width: 100% !important; } .userinput select {width: 100%; } .userinput textarea {width: 100%; } .copyformpage {width: 100%; } .userinputbut input {width: 100%; background: #d64644; cursor: pointer; color:#fff; font-family: "MuseoSansCyrl300" !important; border: 1px solid #c42c2a; border-radius: 5px; padding: 10px; box-sizing: border-box; } .userinputbut input:hover { background: #10274b; border: 1px solid #0a1c3a;} .settinform {font-size:12px; color:#455a7e; background: #ecf3fe; width: 100%; padding: 10px; border-radius: 5px; margin-bottom: 15px;} .setloader {font-size:12px; color:#b43a3a; background: #ffbebe; width: 100%; padding: 10px; border-radius: 5px; margin-bottom: 15px;} .setloadok {font-size:12px; color:#297e5a; background: #d7f8eb; width: 100%; padding: 10px; border-radius: 5px; margin-bottom: 15px;} .settinformad { width: 100%; } .user_set_name { color: #10274b; font-family: "MuseoSansCyrl700"; font-size: 19px; margin-bottom: 15px; } .user_profile .u_oneset {width: 100%; margin-bottom: 30px;} .setactive { text-decoration: underline; background: #2e4470 !important; color: #fff !important; } .userinput input {width: 100%; border:1px solid #b1bed4; border-radius: 5px; padding: 10px; box-sizing: border-box; } .set_punkt_cab { color: #2e4470; background: rgb(223, 238, 251); font-family: "MuseoSansCyrl300"; box-sizing: border-box; cursor: pointer; padding-left: 6px; font-size: 14px; padding: 10px 10px; border-bottom: 0px solid #e7e8f0; margin-bottom: 1px; } .messa { width: 100%; height: 100%; text-align: center; padding: 15px; color: #333; position: fixed; top: 0; left: 0; margin: auto; z-index: 9999; background-color: #fff; box-shadow: 1px 0px 5px #9da5aa; } .searchom {display: block; } .inform { margin: 15px 0px; background: #fff; border-radius: 8px; padding: 10px; line-height: 1.5;} .svglogo img { top: -13px; } .mens > .scroll-element.scroll-y { height: 100%; right: 5px; top: 5px; width: 7px; } .downmenu { position: fixed; z-index: 999; bottom: 0; left:0; width:100%; height: 56px; background: #45546f;background: linear-gradient(100deg, rgb(29, 56, 100) 0%, rgb(54, 98, 165) 12%, rgb(38, 69, 115) 37%, rgb(16, 39, 75) 66%); color:#fff;} .dmes {width:100%; height: unset !important; } .dreamplus .speconline {width: 50% !important; } .dreamplus .speconline2 {width: 48% !important; } .speconline2 .usname { width: calc(100% - 50px); font-size: 12px; box-sizing: border-box; padding-left: 7px; color: #617295; } .getmss { width: 100%; height: calc(100% - 100px); overflow-y: auto; margin: 10px 0px; } .user_profile .mobutus { display: flex; margin: 30px 0px 20px; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-left: 0px; } .user_profile .mobutus .addpod {margin: 0; width: 48%; font-size: 12px; text-decoration: none;} .user_profile .mobutus .sendmes {margin: 0;width: 48%; font-size: 12px;} .user_profile .mobutus .sendmeser {margin: 0;width: 100%; font-size: 12px;} .blouser {display: inline-block;} .speconline .usname { width: calc(100% - 50px); } .user_profile .picturemob {float:left; display: block;} .user_profile .picturemob2 {float:left; display: block;} .user_profile .u_one { display: none;} .user_profile .u_two { width: 100%;} article {border-bottom: 1px solid #e1e6f7; box-sizing: border-box; background: #fff; border-radius: 8px; padding: 15px;} .main_block { padding: 10px 5px 25px; } .fonerin .foner { width: 100%; position: relative; margin-bottom: 30px; } .formuser2 .fonerin .foner2 { width: 100% !important; position: relative; margin-bottom: 0px; } .formspec2 .fonerin .foner2 { width: 100%; position: relative; margin-bottom: 0px; } .formregister .podpis a { display: inline-block; padding-bottom: 10px; padding-right: 10px; } .author, .coments {border-bottom: 1px solid #e1e6f7; box-sizing: border-box; background: #fff; border-radius: 8px; margin: 10px 0px; padding: 20px 10px;} .comntpole { width: 100%; background: #e8edf6; box-sizing: border-box; padding: 5px; border-radius: 5px; margin: 20px 0px; } .comntpole textarea { border: 0; width: 100%; height: 45px; } .user_profile {border-bottom: 1px solid #e1e6f7; box-sizing: border-box; background: #fff; border-radius: 8px; padding: 15px 10px;} .datames {border-bottom: 1px solid #e1e6f7; box-sizing: border-box; overflow-y: auto; background: #fff; border-radius: 8px; padding: 15px 10px;} .news_main {border-bottom: 1px solid #e1e6f7; box-sizing: border-box; background: #fff; border-radius: 8px; padding: 15px;} .poster { width: 100%; padding: 15px 15px 15px; border-bottom: 1px solid #e1e6f7; box-sizing: border-box; background: #fff; border-radius: 8px; margin-bottom: 15px; } .blouser .poster .params { width: 90%; } .blouser .poster .params2 { width: 55%; } .blouser .poster { width: 100%; padding: 15px 5px 15px; border-bottom: 1px solid #e1e6f7; box-sizing: border-box; background: #fff; border-radius: 0px !important; } body {background: #f6f9ff;} .youic {width: 100%; height: 250px; border-radius: 10px; overflow: hidden; position: relative;} .youic img {width: 100%; margin-top: -25px; position: absolute; z-index: 1;} .youic .play { width: 60px; cursor: pointer; opacity: 0.8; height: 60px; text-align: center; border-radius: 15px; background: #0f2649; position: absolute; bottom: unset; top:40%; left: 42%; z-index: 2; } .mobybanner {display: flex; margin: 10px 0px 15px; } .mobyforumnow {display: block;} .mobyspec {display: block;} .formspec .fr_two2 { width: 100%; z-index: 2; } .amount { color: #fff; margin-bottom: 6px !important; text-align: center; } .formspec .fr_one { width: 45%; margin-bottom: 15px; } .poster .autor { width: 40%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 13px; } .formspec .fr_two { width: 100%; order: 2;} .blnews_main .blnw { width: 100%; } .formspec .amount { font-size: 14px; } .seachspec { min-height: 247px; margin: 35px 0px; } .formspec .fr_six { width: 100%; margin-bottom: 8px; color: #fff; margin-top: 0px; } .seachspec:after { background: url(../images/mozg.png) -0% 0% no-repeat; height: 250px; opacity: 0.1 !important;} .mseach { display: flex; width: 100%;position: relative; border-bottom: 1px solid #5e7eb0;height: 30px; box-sizing: border-box; } .mmopad {padding: 20px; z-index: 2; width: 96%; position: relative;} .mobmenu .men {box-sizing: border-box; z-index: 0; background: rgb(39,70,116); width:calc(100% - 48px); height: 100%; position: relative; background: linear-gradient(90deg, rgb(39, 70, 116) 2%, rgb(62, 113, 191) 22%, rgb(63, 106, 171) 42%, rgb(36, 64, 105) 81%);} .mseach .minseach { position: relative; top:0; left:0;} .mobmenu {background: rgba(10, 10, 29, 0.93); width: 100%; height: 100%; box-sizing: border-box; display:none; position:fixed; z-index:9998; top:0px; left:0;} .informer {background: rgba(224, 233, 255, 0.93); width: 100%; height: 100%; box-sizing: border-box; display:none; position:fixed; z-index:9999; top:0px; right:0;} body:after { height: 77px; } .headpage .profile { width: 60px;} .headpage .menuburger {opacity: 0.5; width:10px;} .headpage .menuburger .bline1 { width: 4px; height: 4px; } .smenu {display: block; } .menuburger{display: none;} .headpage .menuburger .bline2 { width: 4px; height: 4px; } .headpage .menuburger .bline3 { width: 4px; height: 4px; } footer .copyright div {margin-bottom: 6px;} .main_colon_two { display: none;} .main .main_colon_one { width: 100% !important; } .f_soc { display: none;} footer .footer_colon .colona { width:55%; padding-left: 2%; } footer .footer_colon .colona_1 { width:35%; padding-left: 2%; } footer { padding-bottom: 45px; background: linear-gradient(105deg, rgb(20, 39, 67) 0%, rgb(28, 93, 147) 27%, rgb(21, 52, 88) 50%, rgb(21, 52, 88) 41%, rgb(20, 38, 66) 73%); } body:after { background: linear-gradient(100deg, rgb(29, 56, 100) 0%, rgb(54, 98, 165) 12%, rgb(38, 69, 115) 37%, rgb(16, 39, 75) 66%); } @media (max-width:480px) { .chatscroll { height: calc(100vh - 3vh); width: 100%; position: relative; overflow-y: auto; } .youic img {width: 100%; margin-top: -5px; position: absolute; z-index: 1;} .blouser .aboutext img {width: 100%;} .seachspec .name { font-size: 16px; color: #fff; position: relative; z-index: 99; } .rwv { width: 180px; height: unset; margin-right: 3%; margin-bottom: 10px; } .rowvideo img { width: 180px; position: relative; z-index: 1; } .mobybanner .bbl .b {margin-left: -70px;} .mobybanner2 .bbl .b {margin-left: -70px;} .rowpic {width: 100px; height: 100px; position: relative; border-radius: 0px; margin-right:1%; overflow: hidden; margin-bottom: 15px; } .rowpic img {height:120px !important; position: relative ; z-index: 1; } } @media (max-width:400px) { .youic img {width: 420px; margin-top: -35px; position: absolute; z-index: 1;} .pcopfio { margin-left: 2px; color: #fff; } .selectus { color: #fff; padding: 8px 12px; font-size: 12px; line-height: 1.5; } .formspec .fr_one { width: 48%; margin-bottom: 15px; } .textbn { width: 250px; } .banpk2 .pa1 { font-size: 14px; } .banpk2 .pa2 {position: absolute;top: 46px; margin-left:15px; font-size: 14px; font-family: MuseoSansCyrl300; width:90%;} .banpk2 .pa3 {top: 100px;} } @media (max-width:390px) { .textbn { width: 250px; } .statarticle .butstat { font-size: 14px;} .user_profile .u_two .name { margin-bottom: 5px; color: #2f394f; font-size:14px !important; line-height: 1.3;} .colona .fot_mob { margin-bottom: 15px; font-size: 19px; } .colona .fot_but {width: 100% !important;} footer .footer_colon .colona_1 .pun a { text-decoration: none; color: #fff; font-size: 13px;} .smenu { height: 77px; width:50px; } .selectmenu {width:30px; margin-top: 25px; margin-left: 6px;} .headpage .profile { width: 45px; } } @media (max-width:360px) { .seachspec .name { font-size: 14px; color: #fff; position: relative; z-index: 99; margin-bottom: 6px; } .user_profile .u_two .status { font-size: 13px; } .user_profile .u_two .status3 { font-size: 13px; } .user_profile .u_two .status2 { font-size: 13px; } .user_profile .mobutus .addpod { margin: 0; margin-bottom: 5px; width: 48% !important; } .user_profile .mobutus .sendmes { margin: 0; width: 48% !important; } .user_profile .mobutus .sendmeser { margin: 0; width: 100% !important; } .user_profile .u_two .name { margin-bottom: 5px; color: #2f394f; font-size: 15px !important; } footer .footer_colon .colona_1 .pun a { text-decoration: none; color: #fff; font-size: 15px; } .colona .fot_but {width: 190px !important;} .footer_colon .name_colon { margin-bottom: 10px; } footer .footer_colon .colona_1 { width:90%; padding-left: 2%; } footer .footer_colon .colona { width: 100%; margin-top: 25px; } footer .copyright { padding-left: 2%; } } @media (max-width:346px) { .user_profile .mobutus .addpod { margin: 0; margin-bottom: 5px; width: 100% !important; } .user_profile .mobutus .sendmes { margin: 0; width: 100% !important; } .user_profile .mobutus .sendmeser { margin: 0; width: 100% !important; } .user_profile .mobutus { display: flex; margin: 20px 0px; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-left: 0px; } .user_profile .picturemob2 { float: unset; display: block; width: 120px; margin: 0px auto; margin-bottom: 0px; height: 150px !important; margin-bottom: 0px; } } @media (max-width:330px) { .blouser .poster .params2 { width: 75% !important; } .poster .autor { width: 20%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 13px; } .downmenu .dmen {width: 90%; text-align: center; margin-left: 5%; padding: 10px 0px; font-size: 11px;} .headpage .profile { width: 40px; } .svglogo { width: 65px; } .headpage .logo { width: 200px; } .smenu {background: url(../images/bgselect.png) 70% -50% no-repeat; height: 85px; width: 40px; } .selectmenu { width: 30px; margin-top: 30px; margin-left: 2px;} body:after { height: 77px; } } @media (max-width:300px) { .flextop {display:flex; flex-wrap: wrap; justify-content: center; box-sizing: border-box;} .headpage .profile { display: none;} } .u_two .userinput .name {font-size: 14px !important;color: #86a9c7 !important;} }