:root { --mainbgright: #f9fafc; } * {box-sizing: border-box; } input[type="text"]:focus { outline: none; } textarea:focus { outline: none; } input, button { -webkit-appearance: none;-moz-appearance: none;appearance: none; } input:focus { outline: none; -webkit-appearance: none;-moz-appearance: none;appearance: none; } img {border:0px;} body{padding: 0; margin: 0; height:100%; background:#1F1F23; box-sizing: border-box; color:#fff; font-family: "MuseoSansCyrl500"; font-style: normal; font-weight: 300; font-size:14px; } a { -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .wrapper {max-width:1400px; margin: 0px auto; position:relative;} .flexy {display:flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box; position: relative;} .flexyr {display:flex; flex-wrap: wrap; justify-content: left; 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;} .loders {min-height: 500px; padding: 0px 10px;} h1 {padding:0; margin:0; font-size:22px;font-family: "MuseoSansCyrl700"; } h2 {padding:0; margin:0; font-size:22px;font-family: "MuseoSansCyrl700"; } p { font-size:14px !important; line-height: 1.3; font-family: "MuseoSansCyrl300" !important;} p a {text-decoration: none; color:#fff;} .main {width: 100%; box-sizing: border-box; margin-top: 70px; position: relative; z-index: 1; min-height: calc(100vh - 400px);} .main .video_colon_one {width: 900px; margin: auto; box-sizing: border-box; display: none; margin-top: 15px; padding: 30px 27px; background-color: #060E16; margin-bottom: 40px; border-radius: 8px;} .main .video_colon_two { width: 900px; margin: auto; box-sizing: border-box; padding: 30px 27px; background-color: #060E16; margin-bottom: 40px; margin-top: 15px; border-radius: 8px; min-height: 600px;} .main .main_colon_one {width: 240px; box-sizing: border-box; padding-top: 10px;} .main .main_colon_one .ap img{margin-bottom: -5px; padding-right: 7px;} .watch .main {background:#0F0F15 !important;} .img-svg path {fill:#000000;} .main .main_colon_one .ap {padding: 10px 11px 11px;font-weight: 300; font-size:15px; font-family: MuseoSansCyrl500; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .main .main_colon_one .ap a {text-decoration: none; color:#fff;} .main .main_colon_one .ap:hover { background-color: #333; border-radius: 6px; } .main .main_colon_one .active {background-color: #333; border-radius: 6px;} .main .main_colon_two { width:calc(100% - 270px); box-sizing: border-box; padding: 10px 27px; background-color: #060E16; border-radius: 4px 4px 0px 0px; min-height: calc(100vh - 15px);} .copy {min-height: 170px; font-size:13px; padding: 24px 0px 0px; border-top: 1px solid #131c24; color:#AAA;} .copy .col1 {width: 450px;} .copy .col1 .col {width:48%;} .copy .col1 .col .hr {margin-bottom: 10px; } .copy .col1 .col .hr a {color:#AAA; text-decoration: none;} .slogan { color: #fff; position: absolute; bottom: 4px; font-size: 9.3px; width: 190px; opacity: 1; left: 35px;font-family: "MuseoSansCyrl300"; line-height: 1; } .step2, .step3 {display:none;} .steping {width: 100%; height: 5px; margin-bottom: 15px; } .steping .stp {width: 33%; background-color: #212b33; border-radius: 5px;} .steping .active {background-color: #405c71 !important;} .copy .col1 .col .hr a:hover {color:#405c71; text-decoration: none;} .mainer {height:calc(100% - 290px); margin-bottom: 47px;} .header{height: 73px; position: fixed; top:0px; width: 100%; background: #1f1f23; z-index: 10;} .logo {width: 220px; margin-top: 15px; margin-left: 10px; position: relative;} .logo:hover {opacity: 0.8;} .logo img {width:100%;} .burgerclose {width: 25px; line-height: 40px; text-align: center; height: 25px; padding: 0px; margin: 0px; text-decoration: none; font-size: 21px; cursor:pointer; position:relative; } .burgerclose:before, .burgerclose:after { position: absolute; margin-top: -3px; content: ' '; height: 25px; width: 1px; background-color: #ffffff; } .burgerclose:before { transform: rotate(45deg); } .burgerclose:after { transform: rotate(-45deg); } .burgerclose .b {display: none;} .burger {width: 25px; height: 25px; margin-top:2px; cursor: pointer;} .burger .b {width: 100%; height: 2px; background-color: #eaeaea; border-radius: 2px; margin-bottom:5px;} .seacher {background-color: #060E16; position: relative; height: 40px; width: calc(100% - 350px - 320px); border: 1px solid #373737; border-radius: 6px; margin-top: 15px;} .seacher .input {width: 90%; background-color: unset; font-family: "MuseoSansCyrl500"; font-weight: 300; font-size:14px; border:0; color:#fff; padding: 8px 10px; box-sizing: border-box;} .seacher .seach {background: url(../img/seach.svg) 50% 50% no-repeat; width: 8%; border:0px; opacity: 0.5;} .butn { background: linear-gradient(180deg, rgb(14, 78, 203) 3%, rgb(11, 48, 119) 73%); border: 1px solid #0E4ECB; color:#fff; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; width: 140px; text-align: center ; height: 40px; padding: 0px 10px; font-weight: 400; border-radius: 6px; line-height:37px;} .butn:hover { opacity: 0.6;} .butn:hover a { color:#fff !important; text-decoration: none;} .clcounts { background: #1e96ff; width: 12px; height: 12px; border-radius: 8px; color: #fff; font-size: 8px; text-align: center; line-height: 12px; font-weight: 700; position: absolute; top: 5px; right: 8px; } * { -webkit-tap-highlight-color: transparent; } .vjs-control-bar { -webkit-tap-highlight-color: transparent !important; outline: none !important; } .vjs-control-bar button { -webkit-tap-highlight-color: transparent !important; outline: none !important; } .vjs-control { -webkit-tap-highlight-color: transparent !important; outline: none !important; } .vjs-control-bar .vjs-slider { -webkit-tap-highlight-color: transparent !important; outline: none !important; } .formpicbg {position: absolute; display: none; background-color: rgba(20,40,54,0.7497190325447683); padding: 10px; width: 50%; left:25%; top: 70px; border: 1px dashed #fff; border-radius: 9px; } .formpicbg .name {margin-bottom: 8px; font-size: 13px;} .formpicbg .butsave {border-radius: 3px; color:#fff; padding: 6px; border: 1px solid rgba(255, 255, 255, 0.13); background: #375165;} .backpic {width: 100%; height: 240px; margin-top: 10px; position: relative ; overflow: hidden; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} .backpic img {width: 100%; object-fit: cover; height: 100%;} .editbg {position: absolute; z-index: 2; bottom: 15px; cursor: pointer; right: 15px;padding-top: 11px; text-align: center; background-color: #1147e9; width: 40px; height: 40px; border-radius: 20px;} .editbg:hover { opacity: 0.5;} .editbg img {width: 20px; height: 20px; } .butn a {text-decoration: none; color:#fff;} .butnleft {background: linear-gradient(180deg, rgb(14, 78, 203) 3%, rgb(11, 48, 119) 73%); border: 1px solid #0E4ECB; color:#fff; width: 180px; text-align: center ; height: 35px; padding: 0px 10px; font-weight: 400; border-radius: 6px; line-height: 35px;} .proleft {font-family: MuseoSansCyrl500; margin-bottom: 15px; padding-bottom: 15px; display: none; font-size: 14px; border-bottom: 1px solid #525252;} .butnleft a {text-decoration: none; color:#fff;} .colocol {width: 30px; height: 40px; padding-top:6px; position: relative; cursor: pointer; -moz-transition: all 1s; -webkit-transition: all 2s; -o-transition: all 2s; transition: all 2s;} .colocol .img-svg {-moz-transition: all 1s; -webkit-transition: all 2s; -o-transition: all 2s; transition: all 2s;} .colocol:hover .img-svg {opacity: 0.4; transform: scale(1.2);} .setuse a { text-decoration: none; color:#fff; background: linear-gradient(180deg, rgb(14, 78, 203) 3%, rgb(11, 48, 119) 73%); border: 1px solid #0E4ECB; padding: 5px 10px; border-radius: 6px;} .setuse .gr { text-decoration: none; color:#fff; cursor: pointer; background: linear-gradient(180deg, rgb(14, 78, 203) 3%, rgb(11, 48, 119) 73%); border: 1px solid #0E4ECB; padding: 5px 20px; border-radius: 6px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .histday {font-family: MuseoSansCyrl300; margin-bottom: 15px; font-size:18px;} .sortuser {width: 100%; margin-bottom: 30px; margin-top: 15px; font-size: 14px !important; font-family: MuseoSansCyrl300 !important; } .sortuser span:hover {opacity: 0.5;} .sortuser span {background-color: #272727; padding: 6px 15px; border-radius: 6px; cursor: pointer; margin-right: 10px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s;} .sortuser .active {background-color: #f1f1f1 !important; color:#060e16; cursor: inherit !important; opacity: 1 !important; } .setuse .gr:hover { background:#2e4791; } .setuse .exit { background: linear-gradient(180deg, rgb(231, 52, 52) 3%, rgb(195, 27, 27) 73%); border: 1px solid #f14943;} .setuse a:hover {opacity: 0.6;} .setuse {margin-top: 6px;} .profilepicture {width:60px; height: 60px; margin-top: 3px; float:left; border-radius: 30px; overflow: hidden; position: relative; } .profilepicture img {width:60px;} .propic {width: 30px; height: 30px; margin-top: 3px; border-radius: 15px; overflow: hidden; position: relative;} .inlogs2 {width: 25px; height: 25px; margin-top: -2px; border-radius: 15px; overflow: hidden; position: relative;} .inlogs2 img {width: 25px !important; } .propic img {width: 30px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: } .propic:hover img {transform:scale(1.3);} .propicleft {width: 20px; height: 20px; margin-right: 10px; margin-top: 0px; border-radius: 10px; overflow: hidden; position: relative; float:left;} .propicleft img {width: 20px; margin-bottom: 0px !important; padding-right: 0px !important;} .filtrseach {width: 150px; float:right; height: 30px; position: relative; line-height: 30px; text-align: center; cursor: pointer;} .filtrseach img {height: 13px; margin-bottom: -2px;} .filtrseach .drops {display: none; color:#fff; z-index: 55; width: 150px; text-align: left; position: absolute; background-color: #131c24; padding: 5px; border-radius: 5px;} .filtrseach .drops div {padding: 0px 5px 1px; margin-bottom: 1px;} .filtrseach .drops .act {color:#2751dc;} .filtrseach .drops div:nth-child(1) { border-bottom: 1px solid #2f3e4b; } .cooks {font-family: MuseoSansCyrl100; margin: 10px 0px; font-size: 12px; padding: 0px 5px; opacity: 0.6;} .countcoment {font-family: MuseoSansCyrl500; font-size: 16px; font-style: normal; font-weight: 400; margin-bottom: 25px; margin-top: 35px;} .coment {width: 90%; padding: 15px 0px;} .coment .but {border-radius: 8px; height: 24px; border: 1px solid rgba(255, 255, 255, 0.22); background: #1F1F23; line-height: 24px; align-items: center; cursor:pointer; gap: 6px; } .coment .feedback {color:#AAA; padding-top:5px;} .coment .pic {width:40px; height: 40px; margin-top: 3px; float:left; border-radius: 20px; overflow: hidden; position: relative; } .coment .pic img {width:40px;} .coment .text {width: calc(100% - 60px);} .coment .text .name {font-family: MuseoSansCyrl500; font-size: 13px; font-style: normal; font-weight: 700; } .coment .text .name a {color:#fff; text-decoration: none;} .coment .text .name span {font-family: MuseoSansCyrl500; font-size: 13px; font-style: normal; font-weight: 300; color:#AAA; margin-left: 15px;} .coment .text .info {font-family: MuseoSansCyrl500; font-size: 14px; font-style: normal; font-weight: 400; margin: 9px 0px;} .coment .text .out {font-family: MuseoSansCyrl500; width: 500px; font-size: 12px; font-style: normal; font-weight: 400; } .contacter {margin-top: 30px; } .cont_special {margin-bottom: 10px;} .cont_special img {height:16px; margin-bottom: -3px; padding-right: 6px;} .cont_special a {text-decoration: none; color:#fff;} .cont_special a:hover {opacity: 0.6;} .user_pro_block { width: 500px; margin-bottom: 50px; } .user_pro_block_two {width: calc(100% - 80px);} .user_pro_block2 { width: 600px; padding: 15px 0px; } .user_pro_block2 .profilepicture {width:60px; height: 60px; margin-top: 3px; float:left; border-radius: 30px; overflow: hidden; position: relative; } .user_pro_block2 .profilepicture img {width:60px;} .user_pro_block2 .user_pro_block_two {width: 200px; padding-top: 0px;} .user_pro_block2 .user_pro_block_three {width: 300px;} .user_pro_block_three a {font-weight: 700 !important; font-size: 16px !important;} .coloc {height: 27px; padding-left: 25px; position: relative ; top: 10px; box-sizing: border-box; cursor: pointer; } .user_pro_block2 .setuse .gr { text-decoration: none; color:#fff; cursor: pointer; font-size:15px; font-weight: 500; background: linear-gradient(180deg, rgb(14, 78, 203) 3%, rgb(11, 48, 119) 73%); border: 1px solid #0E4ECB; padding: 6px 20px; border-radius: 6px;} .user_pro_block2 .setuse .exit {background-color: #20313E;} .user_pro_block2 .setuse .gr:hover {opacity: 0.6;} .user_pro_block2 .setuse {margin-top: 6px;} .likecount{border-right: 1px solid #3e3e3e; padding-right: 10px;} .sett_user { margin: 15px 0px; width: 70%;} .sett_user .setcol1 {width: 150px;} .sett_user .seto {padding: 8px 8px; border-bottom: 1px solid #354E60; font-size: 14px; cursor: pointer;} .sett_user .active {color:#fff; background-color: #0E4ECB;} .sett_user .setcol2 {width: calc(100% - 170px);} .perecl {width: 50px; height: 20px; border-radius: 30px; margin-right: 10px; margin-bottom: 15px; cursor: pointer; background:#c0c0c0; position: relative;} .perecl .butos {width: 20px; height: 20px; background:#333;border-radius: 30px; position: absolute; left: 0;} .perecl .butos img {width: 15px; margin: 2px 3px; display: none;} .perecl .act {left: unset !important; right: 0; background: #0325db !important;} .perecl .act img {display: block;} .preact {background:#cbd3ff !important; } .novvideo { background: #333; padding: 15px; font-size: 13px; text-overflow: ellipsis; display: block; overflow: hidden; margin: 15px 0px; border-radius: 5px; } .blockreplay {width:100%; display: flex; font-family: MuseoSansCyrl100; } .delnov {font-size: 13px; margin-top: 15px; color: #8b9cff;} .closecoloc2 {width: 10px; line-height: 40px; text-align: center; height: 10px; padding: 0px; margin: 0px 10px; text-decoration: none; font-size: 21px; cursor:pointer; position:absolute; top: 1px; right: 5px; } .closecoloc2:before, .closecoloc2:after { position: absolute; left: 10px; content: ' '; height: 20px; width: 1px; background-color: #f5f5f5; } .closecoloc2:before { transform: rotate(45deg); } .closecoloc2:after { transform: rotate(-45deg); } .closecoloc2:hover {opacity:0.5;} .closecoloc {width: 10px; line-height: 40px; text-align: center; height: 10px; padding: 0px; margin: 10px; text-decoration: none; font-size: 21px; cursor:pointer; position:absolute; top: 1px; right: 5px; } .closecoloc:before, .closecoloc:after { position: absolute; left: 10px; content: ' '; height: 10px; width: 1px; background-color: #656565; } .closecoloc:before { transform: rotate(45deg); } .closecoloc:after { transform: rotate(-45deg); } .closecoloc:hover {opacity:0.5;} .coloform {width: 220px; background: #fff; top: 0; display: none; height: 300px; overflow: auto; color:#1a1a1a; font-size: 13px; font-family: MuseoSansCyrl500; padding: 8px; border-radius: 4px; position: absolute; z-index: 10; right: 0;} .tomoby{display:none;} .colovideos div {color:#AAA; font-size: 11px; margin-bottom: 3px;} .colovideos a {color:#fff; text-decoration: none; } .colovideos {margin-bottom: 15px; padding-bottom: 15px; position: relative; border-bottom: 1px solid #101c29; padding-left: 5px; padding-right: 5px;} .newfresh { width: 12px; height: 12px; position: relative; text-align: center; line-height: 12px; font-family: MuseoSansCyrl300; color:#fff; font-size: 9px; background-color: #d54b33; border-radius: 6px; position: absolute; top: 0px; right: -15px;} .avto {margin-top:9px; width: 300px;} .avto .sd {width: 20px; height: 20px; border-radius: 15px; overflow: hidden; position: relative;} .avto .s {width: calc(100% - 30px); font-size:14px !important; font-family: MuseoSansCyrl300; color:#fff !important; height: 20px; line-height: 20px;} .avto .sd img {width: 100%;} .colovideo div {color:#AAA; font-size: 11px; margin-bottom: 3px;} .colovideo a {color:#000; text-decoration: none; width: 180px !important;} .colovideo {margin-bottom: 6px; padding-bottom: 6px; position: relative; border-bottom: 1px solid #F2F2F2; padding-left: 5px; padding-right: 5px;} .upen1 h1 {font-size: 21px;} .upen2 h1 {font-size: 21px;} .upen3 h1 {font-size: 21px;} .dipmenu {margin-top: 15px; width: 240px;} .dipmenu2 {margin-top: 15px; width: 70px;} .dipmenu3 {margin-top: 15px; width: 100px;} .dipmenu .auth {color:#fff; float:right; width: 100px; cursor: pointer;text-align: center ; text-decoration: none; height: 35px; padding: 0px 10px; font-weight: 400; border-radius: 6px; line-height: 35px;} .dipmenu .auth img {height: 20px; margin-bottom: -4px;} .dipmenu .auth:hover { opacity: 0.5;} .dipmenu3 .auth {color:#fff; float:right; width: 100px; cursor: pointer;text-align: center ; text-decoration: none; height: 35px; padding: 0px 10px; font-weight: 400; border-radius: 6px; line-height: 35px;} .dipmenu3 .auth img {height: 20px; margin-bottom: -4px;} .dipmenu3 .auth:hover { opacity: 0.5;} .ucolon {width: 48%; margin-top: 30px;} .userinfo {margin-bottom: 10px; font-weight: 700;} .userinfo .text {margin-top: 5px; font-weight: 300; overflow-wrap: break-word;} .footcolon {width: 100%; margin-top: 30px;} .user_podp {text-align: center; font-family: MuseoSansCyrl500; font-size: 13px; width: 200px; font-style: normal; font-weight: 500; line-height: normal; height: 40px; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; padding: 13px 0px; align-items: flex-start; gap: 10px; border-radius: 8px; background: #0E4ECB;} .user_podp:hover {background: #20293b;} .user_zhal {border-radius: 8px; margin-top: 20px; border: 1px solid rgba(255, 255, 255, 0.22); background: #1F1F23; padding: 10px; align-items: center; font-size: 12px; font-style: normal;text-align: center; font-weight: 500;width: 200px; line-height: normal; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; gap: 6px; } .user_zhal:hover {background: #d74d48;} .user_zhal img { margin-bottom: -5px;} .firstvideo {margin-top: 40px;} .videopost1 {width: 700px; text-decoration: none; color:#fff; margin-bottom: 25px;} .videopost1 .pic {width: 300px; height: 165px; overflow: hidden; border-radius: 6px; position: relative; margin-bottom: 10px;} .videopost1 .pic img {width: 100%; z-index: 1;} .videopost1 .pic .time {z-index: 2; min-width: 45px; height: 16px; font-size:11px; text-align: center; line-height: 16px; border-radius: 3px; background-color: #000; color:#fff; position: absolute; bottom: 20px; right:10px; } .videopost1 .line { width: calc(100% - 330px);} .videopost1 .line .name{ width: calc(100% - 20px - 45px);font-family: "MuseoSansCyrl500"; font-weight: 400;font-size: 16px;text-overflow: ellipsis; margin-bottom: 20px; } .videopost1 .line .name .count { color:#AAA;font-size: 12px; margin: 4px 0px; font-style: normal; font-weight: 300; } .videopost1 .line .name .text{color:#AAA;font-size: 12px; margin-top: 20px; font-style: normal; height: 55px; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; font-weight: 300; overflow: hidden; text-overflow: ellipsis; } .videopost1 .line .pins {width: 8px; padding-top: 4px;} .videopost1 .line .pins .p {width: 4px; height: 4px; border-radius: 2px; background-color: #535353; margin-bottom: 4px;} .videopost1 .line .pinsa {width: 8px; padding-top: 4px;} .videopost1 .line .pinsa .p {width: 4px; height: 4px; border-radius: 2px; background-color: #535353; margin-bottom: 4px;} .videopost .line .avatar {width: 40px; height: 40px; overflow: hidden; border-radius: 20px;} .videopost .line .avatar img {width: 100%;} .videopost:hover {color:#405c71;} .newvideo {color:#fff !important;} .videopost a {text-decoration: none;} .videopost a:hover {color:#fff;} .videopost .name a {color:#fff;} .videopost .name a:hover {color:#d1e5f6;} .videopost .user a {color:#AAA;} .videopost {width: 32%; text-decoration: none; color:#fff; margin-bottom: 25px; position: relative;} .videopost .pic {width: 100%; height: 175px; overflow: hidden; border-radius: 6px; position: relative; margin-bottom: 10px;} .watch .videopost .pic {width: 100%; height: 155px !important; overflow: hidden; border-radius: 6px; position: relative; margin-bottom: 10px;} .videopost .pic img {width: 100%; z-index: 1;} .videopost .pic .time {z-index: 2; min-width: 45px; height: 16px; font-size:11px; text-align: center; line-height: 16px; border-radius: 3px; background-color: #000; color:#fff; position: absolute; bottom: 10px; right:10px; } .videopost .line {width:100%;} .videopost .line .name{ width: calc(100% - 20px - 45px);font-family: "MuseoSansCyrl500"; font-weight: 400;font-size: 13px;text-overflow: ellipsis; } .videopost .line .name .count { color:#AAA;font-size: 12px; margin: 4px 0px; font-style: normal; font-weight: 300; font-family: "MuseoSansCyrl100"; } .videopost .line .name .user{color:#AAA;font-size: 12px; font-style: normal; font-weight: 300; font-family: "MuseoSansCyrl300";} .videopost .line .pins {width: 8px; padding-top: 4px; cursor: pointer;} .videopost .line .pins .p {width: 4px; height: 4px; border-radius: 2px; background-color: #535353; margin-bottom: 4px;} .videopost .line .pins:hover .p {width: 4px; height: 4px; border-radius: 2px; background-color: #949aaa; margin-bottom: 4px;} .videopost .line .pinsa {width: 8px; padding-top: 4px; cursor: pointer;} .videopost .line .pinsa .p {width: 4px; height: 4px; border-radius: 2px; background-color: #535353; margin-bottom: 4px;} .videopost .line .pinsa:hover .p {width: 4px; height: 4px; border-radius: 2px; background-color: #949aaa; margin-bottom: 4px;} .videopost .line .avatar {width: 40px; height: 40px; overflow: hidden; border-radius: 20px;} .videopost .line .avatar img {width: 100%;} .videopost:hover {color:#405c71;} .videopost .options {display: none; position: absolute; width: 155px !important; z-index: 8; right: 5px; box-shadow: 1px 1px 0px #000; background-color: #1a1b1c; width: 100px; font-size: 13px; padding: 10px; border-radius: 3px; bottom: 4px; } .videopost .options div { color:#fff; cursor: pointer; } .videopost .options div:not(:last-child) { border-bottom: 1px dotted #526a7b; margin-bottom: 4px; padding-bottom: 4px; } .videopost .options .btpodp img {height: 15px; padding-right: 6px; margin-bottom: -2px;} .videopost .options .btsave img {height: 15px; padding-right: 6px;margin-bottom: -2px;} .videopost .options .btzhal img {height: 12px !important; padding-right: 6px;margin-bottom: -2px;} .videopost .options .btedit img {height: 15px !important; padding-right: 6px;margin-bottom: -2px;} .videopost .options .btglav img {height: 12px !important; padding-right: 6px;margin-bottom: -2px;} .videopost .options .btzremove img {height: 15px !important; padding-right: 6px;margin-bottom: -2px;} .videopost .options div:hover {color:#9da7c4 !important} .partline {display: inline-block ; margin-top: 8px;} .name_punkt {font-family: MuseoSansCyrl500; font-size: 14px; font-style: normal; font-weight: 400; margin-bottom: 25px; margin-top: 15px; } .namepunkt {font-family: MuseoSansCyrl500; font-size: 18px; font-style: normal; font-weight: 400; margin-bottom: 25px; margin-top: 35px; } .copy .col2 img {width: 50px; float:left; padding-right: 10px; opacity: 0.8;} .copy .col2 {width: 170px; text-transform: uppercase; font-size: 9.3px; font-weight: 500;padding-top:0px; line-height: 1.2;} .copy .col2 .name_partner {font-size:13px; font-weight: 400; margin-bottom: 15px;} .copy .col2 a {text-decoration: none;color:#AAA;} .copy .col2 a:hover {opacity: 0.6;} .tags {width: 100%; margin-bottom: 18px; margin-top: 10px;display:flex; flex-wrap: wrap; justify-content: left; } .tags .tag {border-radius: 8px; padding: 6px 10px; position: relative; font-size: 12px; font-family: "MuseoSansCyrl500"; font-weight: 400; border: 1px solid rgba(255, 255, 255, 0.13); margin-right: 15px; margin-bottom: 8px; background: #20313E; } .breadcramb {color: #AAA; font-size:12px; margin-bottom: 8px;} .breadcramb a {color:#AAA; text-decoration: none;} .openvideo_colon_one h1 {margin-top: 8px; font-size: 19px;} .openvideo_colon_one h1 a {color:#fff; text-decoration: none;} .openvideo_colon_one h1 a:hover {color:#acc4d1; text-decoration: none;} .block_add_video {border-radius: 4px; width: 100%; height: 240px; border: 1px solid rgba(255, 255, 255, 0.22); background: linear-gradient(0deg, rgba(0, 0, 0, 0.30) 0%, rgba(0, 0, 0, 0.30) 100%), url(), lightgray 50% / cover no-repeat, #9EBFD0;} .forms {margin-bottom:15px;} .forms div {font-size:14px; margin-bottom: 8px;} .forms input {border: 1px solid #354E60; height:40px; width: 350px; font-family: MuseoSansCyrl500; font-size: 14px; border-radius: 10px; background-color: #20313E; color:#fff; padding: 10px;} .forms select {border: 1px solid #354E60; height:40px; width: 350px; -moz-appearance: none; -webkit-appearance: none; appearance: none; font-family: MuseoSansCyrl500; font-size: 14px;border-radius: 10px; background: url(/template/img/drop.svg) 95% 50% no-repeat #20313E; color:#fff; padding: 10px;} .forms select option { font-family: Arial; } .forms textarea {border: 1px solid #354E60; resize: vertical; height:140px; width: 350px; font-family: MuseoSansCyrl500;font-size: 14px; border-radius: 10px; background-color: #20313E; color:#fff; padding: 10px;} .okinfos { padding: 10px 15px; margin-bottom: 30px; color: #fffefe; background: #64ab61; border-radius: 6px; } .forms_add {margin-bottom:15px;} .forms_add div {font-size:14px; margin-bottom: 8px;} .forms_add input {border: 1px solid #354E60; height:40px;width: 95%; font-family: MuseoSansCyrl500;font-size: 14px; border-radius: 10px; background-color: #20313E; color:#fff; padding: 10px;} .forms_add select {border: 1px solid #354E60; height:40px; width: 95%; font-family: MuseoSansCyrl500;font-size: 14px; border-radius: 10px; background-color: #20313E; color:#fff; padding: 10px;} .forms_add textarea {border: 1px solid #354E60; resize: vertical; height:140px; width: 95%; font-family: MuseoSansCyrl500;font-size: 12px; border-radius: 10px; background-color: #20313E; color:#fff; padding: 10px;} .forms_add .grem {border: 1px solid #354E60; resize: none; height:65px !important; width: 95%; font-family: MuseoSansCyrl500;font-size: 12px; border-radius: 10px; background-color: #20313E; color:#fff; padding: 10px;} .talktag {display: flex; flex-wrap: wrap; justify-content: left;} .talktag .tag {border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.13); background: #20313E; padding: 6px 10px; align-items: flex-start; margin-right: 10px; margin-bottom: 10px; gap: 10px; } .addvideo .butn {display: none;} .addvideo .dipmenu { margin-top: 15px; width: 80px; } .addvideo .seacher { background-color: #060E16; position: relative; height: 40px; width: calc(100% - 350px - 20px); border: 1px solid #373737; border-radius: 6px; margin-top: 15px; } .comento textarea {background: unset !important; border: 0px; border-bottom: 1px solid #20293b; resize: none; width:80%; font-family: MuseoSansCyrl500; font-size: 13px; height: 35px; color:#fff; padding: 5px;} .comento .adcoment {width: 100px; background: #20313E; height: 38px;color: #a6b9c8; cursor: pointer; border-radius: 6px; text-align: center; font-size: 13px; padding: 11px 12px; border: 1px solid rgba(255, 255, 255, 0.13);} .coloc img {-moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .dilike img {-moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .coloc:hover img { transform: scale(1.1); } .dilike img:hover{ transform: scale(1.1); } .dilike img:focus{ transform: scale(0.5); } @-webkit-keyframes rotab { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(-350deg); transform: rotate(-350deg) } } .forms_but input {cursor: pointer; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; margin-top: 15px; font-family: MuseoSansCyrl300 !important; border: 1px solid #0E4ECB; font-size: 15px; height:40px; width: 160px; font-weight: 500; border-radius: 5px; background: rgb(38,68,91); background: linear-gradient(180deg, rgb(14, 78, 203) 3%, rgb(11, 48, 119) 73%); color:#fff; padding: 10px;} .forms_but input:hover {opacity: 0.5;} .pdrega { background: unset !important; padding: 0px !important; color: #fff !important; font-size:13px; text-decoration: underline !important; } .podpiss { margin: 20px 0px 2px; background: #20293b; padding: 10px; border-radius: 5px; font-size:13px; box-sizing: border-box; } .podpiss input { -webkit-appearance: checkbox !important; -moz-appearance: checkbox !important; appearance: checkbox !important; width: 15px; height: 15px; margin-bottom: -2px; } .linet { width: 100%; height: 6px; margin-bottom: 0px; } .linet {width: 100%; height:4px; overflow:hidden; position: fixed; top:0; z-index: 25;} .linet .l {width: 100%; height:50px; position:relative; left:0px; background: #0325db; -webkit-background-size: 30px 30px; -moz-background-size: 30px 30px; background-size: 30px 30px; -webkit-animation: animate-stripes 2s linear infinite; -moz-animation: animate-stripes 2s 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); } .linet .r {width: 0%; height:50px; background:#333; position:relative;} .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;} } #tr{ height: 50px; width: 0%; position:absolute; left:0px; background:#334450; -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; } .errinfo {background: #a44545; padding: 10px 15px; border-radius: 6px; margin-bottom: 30px; color: #fffefe; border: 1px solid #bf4f4f; text-shadow: 1px 1px 0px #7f2525;} .okinfo { padding: 10px 15px; margin-bottom: 30px; color: #fffefe; border-left: 5px solid #1f1f23; } .podpis{ margin: 20px 0px ; } .podpis a {color:#d2d2d2; text-decoration: none; padding-right: 20px; font-size:14px;} .podpis a:hover {color:#354E60;} .selectora {width: 170px; font-size: 18px; font-weight: 500; color:#c0c0c0; margin-top: 20px;} .selectora .active {color:#fff; background: #b31a1a !important;} .selectora .name {cursor: pointer; background: #272727; color:#fff !important; padding: 5px 10px; border-radius: 6px 6px 0px 0px; font-size: 14px; font-family: "MuseoSansCyrl300";} .namesa {font-family: MuseoSansCyrl300; margin-top: 5px; padding-left: 25px;} .newvideo {position: absolute; top: 15px; left: 15px; background: #d54c2f; font-size: 12px; width: 90px; padding: 3px; text-align: center; border-radius: 3px;} .listsearch {position: absolute; top: 40px; display: none; width: 100%; box-shadow: 0px 5px 10px #000; padding: 15px; border-radius: 0px 0px 10px 10px; background: #1a1a1a;} .listsearch div { background: url(../img/bslit2.png) 0% 50% no-repeat; padding-left: 22px; box-sizing: border-box; color:#ffffff; cursor: pointer; font-weight: 300; font-family: MuseoSansCyrl300; margin-bottom: 7px;} .listsearch div:hover {opacity: 0.6;} .listsearch .rehist { background: url(../img/bslit2_hist.png) 0% 50% no-repeat !important;} .filter_podpiska { font-family: MuseoSansCyrl500; margin-top: 15px; font-size: 14px; border-top: 1px solid #525252; font-style: normal; padding-left: 15px; padding-top: 25px; font-weight: 400; } .filter_podpiska .names {font-weight: 300; margin-bottom: 18px;} .user_pods {margin-bottom: 2px; width: 100%; height: 43px; border-radius: 6px; padding: 5px 5px; line-height: 32px; color:#fff; text-decoration: none;} .user_pods:hover {background-color: #333;} .user_pods .pic { width: 32px; height:32px; position: relative; overflow: hidden; border-radius: 16px;} .user_pods .pic img {width: 32px !important;} .user_pods .name {width: calc(100% - 65px);overflow: hidden; text-overflow: ellipsis; display: ruby;} .user_pods .pn {width: 10px;} .user_pods .pn div {width:6px; height:6px; border-radius: 3px; background-color: #3ea6ff; margin-top: 13px;} .filter {font-family: MuseoSansCyrl500; margin-top: 15px; font-size: 14px; border-top: 1px solid #525252; font-style: normal; padding-left: 15px; padding-top: 25px; font-weight: 400; } .filter .fulls {border-radius: 8px; border: 1px solid rgba(255, 255, 255, 0.13); background: #20313E; width: 165px; height: 38px; cursor: pointer; padding: 11px 12px; } .filter .fulls:hover {opacity: 0.5;} .filter .fulls svg {position: relative; top:2px; float:right;} .filter .checkbox {margin-bottom: 15px;} .filter .custom-checkbox label { margin-left:20px;} .custom-checkbox { position: absolute; z-index: -1; opacity: 0; } /* для элемента label, связанного с .custom-checkbox */ .custom-checkbox+label { display: inline-flex; align-items: center; user-select: none; } /* создание в label псевдоэлемента before со следующими стилями */ .custom-checkbox+label::before { content: ''; display: inline-block; width: 1em; height: 1em; flex-shrink: 0; flex-grow: 0; background-color: #060E16; border: 1px solid #060E16; border-radius: 0.25em; margin-right: 0.8em; background-repeat: no-repeat; background-position: center center; background-size: 60% 60%; } /* стили при наведении курсора на checkbox */ .custom-checkbox:not(:disabled):not(:checked)+label:hover::before { border-color: #060E16; background-color: #060E16; } /* стили для активного чекбокса (при нажатии на него) */ .custom-checkbox:not(:disabled):active+label::before { background-color: #060E16; border-color: #060E16; } /* стили для чекбокса, находящегося в фокусе */ .custom-checkbox:focus+label::before { box-shadow: 0 0 0 0.1rem #3d4c57; } /* стили для чекбокса, находящегося в фокусе и не находящегося в состоянии checked */ .custom-checkbox:focus:not(:checked)+label::before { border-color: #80bdff; } /* стили для чекбокса, находящегося в состоянии checked */ .custom-checkbox:checked+label::before { border-color: #3d4c57; background-color: #20313E; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"); } /* стили для чекбокса, находящегося в состоянии disabled */ .custom-checkbox:disabled+label::before { background-color: #060E16; } .block_login {width: 400px; margin: 0px auto; text-align: center; margin-top: 50px;} .block_login .name { font-size:21px; margin-bottom: 8px; font-weight: 700; } .block_login .text { font-size:14px; font-weight: 300;margin-bottom: 14px;} .block_login .login {background-color: #0E4ECB; color:#fff; margin: 0px auto; text-decoration: none; width: 180px; text-align: center ; height: 35px; padding: 8px 40px; font-weight: 400; border-radius: 6px; line-height: 35px;} .block_login .login a {color:#fff; text-decoration: none;} .block_login .login:hover { background-color: #3d4c57;} .closes { display: inline-block; width: 30px; height: 30px; padding: 0px; margin: 10px; text-decoration: none; z-index:5; font-size: 21px; cursor:pointer; position:absolute; top: 5px; right: 5px; } .closes:before, .closes:after { position: absolute; left: 10px; content: ' '; height: 30px; width: 2px; background-color: #fff; } .closes:before { transform: rotate(45deg); } .closes:after { transform: rotate(-45deg); } .closes:hover {opacity:0.5;} .closetag {width: 16px; height: 16px; position: absolute; border-radius: 8px; top: -5px; background-color: #3D4C57;text-align: center; line-height: 13px; border: 1px solid rgba(255, 255, 255, 0.13); right: -8px;} .closetag svg {width: 6px; height:6px;} .video-js { width:1080px; height: 610px; } .flexyr .videopost{ margin-right: 1%;} .btn-secondary {background-color: #000000 !important;} .actdopmen {opacity: 0.3 !important;} .downmenu { display:none; z-index: 999; bottom: 0; left:0; width:100%; height: 56px; background: #121213; background: linear-gradient(100deg, rgb(4, 4, 4) 0%, rgb(15, 15, 15) 12%, rgb(28, 28, 28) 37%, rgb(14, 15, 15) 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;} .downmenu { box-shadow: 0px -1px 10px #353535; } .downmenu .dmen {width: calc(94% - 10px); color:#ffffff; -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(57, 57, 57, 0.2); box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.7); 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 img {display: block; margin: auto; margin-bottom: 5px; width: 20px;} .downmenu .dmen .dm {font-family: "MuseoSansCyrl300" !important; -moz-transition: all 1s; text-align: center; 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:#ffffff;} .downmenu .dmen .dm:hover a {text-decoration: none;color:#fc6767;} .gramms { text-decoration: none; cursor: pointer; color:#fff; text-align: center; margin-top: 10px; background: linear-gradient(180deg, rgb(14, 78, 203) 3%, rgb(11, 48, 119) 73%); border: 1px solid #0E4ECB; padding: 5px 10px; width: 160px; border-radius: 6px;} .mpodmobhid {display: none;} .set1 {font-family: "MuseoSansCyrl300";} .set2 {font-family: "MuseoSansCyrl300";} @media (max-width:1390px) { .video-js { width: 970px; height: 575px; } .wrapper {width:96%; margin: 0px auto; position:relative;} } @media (max-width:1350px) { .video-js { width: 930px; height: 525px; } .wrapper {width:96%; margin: 0px auto; position:relative;} } @media (max-width:1300px) { .video-js { width: 900px; height: 505px; } .wrapper {width:96%; margin: 0px auto; position:relative;} } @media (max-width:1240px) { .video-js { width: 850px; height: 515px; } .wrapper {width:96%; margin: 0px auto; position:relative;} } .watch .pins {width:5px; margin-top:11px; position: relative; z-index: 9;cursor: pointer;} .watch .pins:hover .p{background-color: #fff;} .watch .pins .p {width: 4px; height: 4px; border-radius: 2px; background-color: #535353; margin-bottom: 4px;} .watch .options {position: absolute; display: none; width: 155px !important; z-index: 10; right: 0px; box-shadow: 1px 0px 8px #444444; background-color: #1a1b1c; width: 100px; font-size: 13px; padding: 10px; border-radius: 3px; bottom: 4px; } .watch .options div {cursor: pointer; } .watch .options div:hover {opacity: 0.5; } .watch .options img { height: 15px; padding-right: 6px; margin-bottom: -2px; } .watch .options div:not(:last-child) { border-bottom: 1px dotted #526a7b; margin-bottom: 4px; padding-bottom: 4px; } @media (max-width:1206px) { .video-js { width: 800px; height:480px; } } @media (max-width:1151px) { .video-js { width: 750px; height: 425px; } } @media (max-width:1100px) { .video-js { width: 700px; height: 405px; } .videopost {width: 49%; text-decoration: none; color:#fff; margin-bottom: 25px;} } @media (max-width:1051px) { .video-js { width: 650px; height: 370px; } } @media (max-width:1000px) { .video-js { width: 600px; height: 330px; } } @media (max-width:950px) { .video-js { width: 550px; height: 290px; } } @media (max-width:900px) { .video-js { width: 500px; height: 240px; } } @media (max-width:850px) { .video-js { width: 450px; height: 200px; } } @media (max-width:780px) { .video-js { width: 400px; height: 190px; } } @media (max-width:733px) { .video-js { width: 350px; height: 140px; } } @media (max-width:680px) { .blockreplay {display: none;} .tomoby{display:block;} .podpiss { line-height: 1.5; width: 80%; } .watch .pins {width:5px; margin-top:6px; position: relative; z-index: 9;cursor: pointer;} .user_pro_block2 .user_pro_block_two { width: calc(100% - 80px - 20%); padding-top: 0px; } .openvideo_colon_one h1 {font-size: 19px; font-family: "MuseoSansCyrl700"; margin-top: 15px;} .user_pro_block2 { width: 100%; padding: 15px 0px; } .watch_but .data { width: 100% !important; } .watch_but .buts { width: 100% !important; } .watch_but .but { margin-bottom: 10px; } .video-js { width: 100%; height: 300px } .user_pro_block2 .user_pro_block_three {width: 15% !important;} .openvideo_colon_one { width: 100% !important;} .openvideo_colon_two { width: 100% !important; margin-top: 30px;} .podmobhid{display: none;} .mpodmobhid {display: block;} .coloc { height: 27px; padding-left: 30%; position: relative; top: 10px; box-sizing: border-box; cursor: pointer; } } @media (max-width:530px) { .video-js { width: 100%; height: 240px } .videopost .name a {font-size:16px !important;} .videopost .user a {font-size:12px !important;} h1 {padding:0; margin:0; font-size:20px;font-family: "MuseoSansCyrl700"; } h2 {padding:0; margin:0; font-size:20px;font-family: "MuseoSansCyrl700"; } .block_login .name { font-size: 21px; margin-bottom: 8px; font-weight: 300; font-family: "MuseoSansCyrl300"; } .block_login .text { font-size: 14px; font-family: "MuseoSansCyrl100"; margin-bottom: 14px; } } @media (max-width:500px) { .video-js { width: 100%; height: 220px } } @media (max-width:400px) { .video-js { width: 100%; height: 180px } } @media (max-width:900px) { .videopost {width: 100%; text-decoration: none; color:#fff; margin-bottom: 25px;} .seacher { width: calc(100% - 200px - 320px); } } .upseach {display: none;opacity: 0.7; height: 20px; margin-bottom: -6px; margin-left: 5px;} .mober {display: none; width: 90px; position: relative; margin-top: 20px; margin-right: 15px; order: 2;} .mober img{ width: 20px;} .input-file-btn { position: relative; display: inline-block; cursor: pointer; outline: none; text-decoration: none; font-size: 14px; vertical-align: middle; color: rgb(255 255 255); text-align: center; border-radius: 4px; background-color: #383948; border: 1px solid rgba(255, 255, 255, 0.22); height: 150px; width: 100%; padding: 5px 20px; box-sizing: border-box; border: none; margin: 0; transition: background-color 0.2s; } .loadsecond, .loadtwo { font-size: 15px !important; font-family: "MuseoSansCyrl700"; margin: 0; padding:0px; color: rgb(255 255 255) !important;} .ad_ob {width: 700px;} .ad_ob_col2 {width: 300px; overflow: hidden; } .ad_ob_col1 {color:#AAA; font-size:13px !important;width: calc(100% - 320px);} .ad_ob_col1 .name {font-size:14px; color:#fff;} .ad_ob_col2 img {height: 110px;} .input-filer { position: relative; display: inline-block; margin-top: 15px; } .input-file-btnr img { margin-bottom: -7px; padding-right: 8px;} .input-file-btnr { position: relative; display: inline-block; cursor: pointer; outline: none; text-decoration: none; font-size: 14px; vertical-align: middle; color: rgb(255 255 255); text-align: center; border-radius: 4px; background-color: #000; line-height: 22px; height: 40px; padding: 10px 20px; box-sizing: border-box; border: none; margin: 0; opacity: 0.5; transition: background-color 0.2s; } .input-file-textr { } .input-filer input[type=file] { position: absolute; z-index: -1; opacity: 0; display: block; width: 0; height: 0; } /* Focus */ .input-filer input[type=file]:focus + .input-file-btnr { box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); } /* Hover/active */ .input-filer:hover .input-file-btnr { background-color: #0E4ECB; opacity: 1; } .input-filer:active .input-file-btnr { background-color: #2E703A; } /* Disabled */ .input-filer input[type=file]:disabled + .input-file-btnr { background-color: #eee; } .input-file { position: relative;width: 100%; display: inline-block; margin-top: 15px; } .input-file-btn { position: relative; display: inline-block; cursor: pointer; outline: none; text-decoration: none; font-size: 14px; vertical-align: middle; color: rgb(255 255 255); text-align: center; border-radius: 4px; background-color: #0c1926; border: 1px solid rgba(255, 255, 255, 0.22); height: 240px; width: 100%; padding: 50px 20px; box-sizing: border-box; border: none; margin: 0; transition: background-color 2s; } .input-file-btn div {font-size:14px; font-family: "MuseoSansCyrl300" !important; color:#abacb8;} .input-file-text { padding: 0 10px; display: inline-block; margin-top: 15px; } .input-file input[type=file] { position: absolute; z-index: -1; opacity: 0; display: block; width: 0; height: 0; } /* Focus */ .input-file input[type=file]:focus + .input-file-btn { box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25); } .disclaimer {font-size:12px !important; font-family: "MuseoSansCyrl300" !important; color:#999aa5; margin-top: 35px; text-align: center;} .disclaimer a { color:#9496af; text-decoration: underline;font-size:12px !important;} .disclaimer p { padding: 0px 0px; margin: 0px;font-size:12px !important;} /* Hover/active */ .input-file:hover .input-file-btn { background-color: #14283b; } .input-file .input-file-btn img { -moz-transition: all 1s; -webkit-transition: all 2s; -o-transition: all 2s; transition: all 2s; } .input-file:hover .input-file-btn img { transform: scale(1.2); } .input-file:active .input-file-btn { background-color: #2E703A; } /* Disabled */ .input-file input[type=file]:disabled + .input-file-btn { background-color: #eee; } .blopoil3 {display:none; font-weight:300; font-size: 16px;} .openvideo_colon_one {padding: 15px; width: calc(100% - 300px);} .openvideo_colon_two {padding: 15px; width: 300px;} .watch_text {padding: 20px 0px; line-height: 1.5;border-bottom: 1px solid #303030; font-family: "MuseoSansCyrl300";} .watch_but { width: 100%; padding: 20px 0px; border-bottom: 1px solid #303030; } .watch_but .data { width: 40%; font-family: MuseoSansCyrl100; font-size: 13px; font-style: normal;height: 43px; font-weight: 300; color:#AAA;line-height: 40px; } .watch_but .buts { width: 55%;} .watch_but .but {border-radius: 8px; height: 43px; border: 1px solid rgba(255, 255, 255, 0.22); background: #1F1F23; padding: 8px; line-height: 20px; align-items: center; cursor:pointer; gap: 6px; } .dilike {width: 140px; text-align: center; font-size: 12px; font-style: normal; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; font-weight: 700; } .dilike img {margin-bottom: -8px; height: 25px; padding: 0px 10px;} .diliker {width: 90px; text-align: center; font-size: 12px; margin-right: 15px; font-style: normal; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; font-weight: 700; } .diliker img {margin-bottom: -4px; height: 18px; padding: 0px 4px;} .sending {width: 140px; text-align: center; font-size: 12px; font-style: normal; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; font-weight: 700; position: relative;} .podelka {display: none; width: 190px !important; position: absolute; z-index: 3; top:-1px; left:-1px; text-align: center; font-size: 12px; font-style: normal; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; font-weight: 700; border-radius: 8px; box-shadow: 0px 0px 15px #444; border: 1px solid rgba(51, 51, 51, 0.22); background: #121213; padding: 8px; color:#fff; line-height: 20px; align-items: center; cursor: pointer;} .podelka ul {list-style: none; padding: 0; margin: 0;} .podelka ul li {list-style: none; padding: 0; margin: 0; text-align: left; margin-bottom: 7px;} .podelka ul li a{text-decoration: none; color:#fff;} .podelka ul li img {height: 16px; margin-bottom: -4px;} .sending:hover, .saver:hover {background-color: #0E4ECB;} .sending img {margin-bottom: -8px; height: 25px; padding: 0px 5px 0px 0px;} .saver img {margin-bottom: -8px; height: 25px; padding: 0px 5px 0px 0px;} .saver {width: 140px; text-align: center; font-size: 12px; font-style: normal; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; font-weight: 700;} .downcoment {padding-left: 60px; display:none;} .opencomit:after {display: inline-block; border: 5px solid transparent; content: ""; display: inline-block; position: absolute; border-top: 5px solid #6ea2ff; margin-top: 5px; margin-left: 10px;} .closecomit:after {display: inline-block; border: 5px solid transparent; content: ""; display: inline-block; position: absolute; border-bottom: 5px solid #6ea2ff; margin-top: 0px; margin-left: 10px;} .fulparcom {color:#6ea2ff; font-weight: 700; padding: 0px 20px; cursor: pointer;} .feedbackcom{cursor: pointer;} .feedbackcom:hover{text-decoration: underline; color:#6ea2ff;} .tocop { width: 98%; margin: auto; } .delcoment {padding: 0px 10px; color:#757575; cursor: pointer;} .delcoment:hover {color:#6ea2ff} .tagslenta { margin-bottom: 15px; margin-top: 10px; height: 35px; } .tagslenta .owl-item {background: #272727; border-radius: 12px; margin-right: 10px; height: 30px; text-align: center; line-height: 30px; cursor: pointer; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; padding: 0px 0px; overflow: hidden; position: relative; font-size: 13px;} .krous {background: #0325db !important; color:#fff !important; font-weight: 500 !important;} .tagslenta .owl-item div {margin: 0px !important; padding: 0px !important;} .partline .texts {margin-top: 5px;} .addvideo .copy { border-top: 1px solid #323233 !important; } .ad_ob_col2 img { height: unset; width: 100% !important; } .loadingpic{ margin-top: 15px; width: 300px; height: 170px; position: relative; overflow: hidden; border-radius: 2px; position: relative;} .loadingpic .time {z-index: 2; min-width: 45px; height: 16px; font-size: 11px; text-align: center; line-height: 16px; border-radius: 3px; background-color: #000; color: #fff; position: absolute; bottom: 10px; display: none; right: 10px;} .loadingpica {position: relative; z-index: 0;} .addvideo .main { margin-top: 90px; margin-bottom: 110px;} .supage {width: 100%;} .coll1{width: 43%; order:2;} .coll2{width: 55%; order:1; border-right: 1px solid #29292d; padding-right: 15px;} .wrform {width: 500px; margin: auto; margin-top: 50px; padding: 25px; box-sizing: border-box; border: 1px solid #25252b; border-radius: 15px; box-shadow: 0px 0px 165px #20313e;} @media (max-width:640px) { .coll1{width: 100%; order:1;} .coll2{width: 100%; order:2; border-right: 0px solid #29292d; border-top: 1px solid #29292d; padding-right: 0px;} .vjs-button > .vjs-icon-placeholder::before { font-size: 2.2em !important; line-height: 1.4 !important; color: #c1dcff !important; } .wrform {width: 100%; margin: auto; margin-top: 0px; padding: 5px; box-sizing: border-box; border: 0px solid #25252b; border-radius: 0px; box-shadow: 0px 0px 0px #20313e;} .video-js .vjs-progress-holder .vjs-play-progress, .video-js .vjs-progress-holder .vjs-load-progress, .video-js .vjs-progress-holder .vjs-load-progress div { border-radius: 10px; } .input-file-btn div { font-size: 13px; } .addvideo .seacher { width: calc(100%); height: 50px !important; } .addvideo .main { margin-top: 70px; margin-bottom: 0px;} .ad_ob_col2 img { height: unset; width: 100%; } .loadingpic{ margin-top: 15px; width: 100%; height: 170px; position: relative; overflow: hidden; border-radius: 2px;} .input-file-btn { padding: 50px 0px; } .disclaimer p { padding: 0px 0px; margin: 0px; font-size: 11px !important; line-height: 1.3; } .disclaimer { text-align: left; } .avto {margin-top:9px; width: calc(100% - 50px);} .slogan { color: #fff; position: absolute; bottom: 3px; } .addvideo .copy .col2 { border-top: 1px solid #323233 !important; } .fulparcom { font-family: Roboto !important; } .coment .text .name span { font-family: MuseoSansCyrl100; font-weight: 100; } .coment .text .name a { font-family: Roboto !important;} .loders{margin-top: 0px;} .tagsl {width: 100%; background-color: #060e16; position: fixed; z-index: 30; top: 70px; } .tagslentas { width: 96%; margin: auto;} body {padding-bottom: 56px;} .user_pro_block { width: 100%; } .setuse a { margin-bottom: 10px; display: inline-block; } .partline .texts {margin-top: 0px;} .partline {width: 48%; margin-top: 0px;} .partline2 {width: 48%;} .downmenu { position: fixed; display: block;} .tags {display: none;} .tagslenta { margin-top: 20px;} .tagslenta::-webkit-scrollbar { display: none; } .watch .openvideo_colon_one { padding: 10px 0px !important; } .loadings {position: fixed; width: 100%; background: #0f0f15; top: 70px; border-bottom: 15px solid #0f0f15;border-top: 15px solid #0f0f15; z-index: 20;} .trablvideo {text-align:center; padding: 150px 0px;} .otswatch {margin-top: 240px;} .tocop { width: 90%; margin: auto; } .fixtop { top: 0; z-index: 999; width: 100%; background: #3e3e3e; padding-bottom: 5px; position: fixed; } .forfixburger { margin-top: 60px; } .main .main_colon_one { width: 90%; box-sizing: border-box; margin: 20px 5% 30px 5%; } .wrapper { width: 100%; margin: 0px auto; position: relative; } .coment .text .out { font-family: MuseoSansCyrl500; width: 100%; } .comento textarea { width: 100% !important; } .otswatch {padding: 0px 10px;} .coment { width: 100%; padding: 15px 0px; } .videopost .pic { height: 220px !important; } .watch .videopost .pic { height: 255px !important; } .watch_but .but { border-radius: 8px; height: 33px; border: 0px solid rgba(255, 255, 255, 0.22) !important; background: #1F1F23; padding: 0px; line-height: 33px; } .podelka {display: none; width: 180px !important; position: absolute; top:-1px; left:-1px; text-align: center; font-size: 12px; font-style: normal; -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; font-weight: 700; border-radius: 8px; box-shadow: 0px 0px 15px #444; border: 1px solid rgba(51, 51, 51, 0.22); background: #121213; padding: 8px; color:#fff; line-height: 20px; align-items: center; cursor: pointer;} .watch_but .data { width: 40%; font-family: MuseoSansCyrl500; font-size: 11px; font-style: normal; height: 23px; font-weight: 300; color: #AAA; line-height: 5px; } .watch_but .but { border-radius: 9px; height: 33px; font-family: MuseoSansCyrl300 !important; border: 0px solid rgba(255, 255, 255, 0.22);font-weight: 300; } .comento .adcoment { width: 100px; background: #20313E; height: 28px; color: #a6b9c8; cursor: pointer; border-radius: 6px; text-align: center; font-size: 13px; padding: 6px 12px; border: 1px solid rgba(255, 255, 255, 0.13); margin-top: 10px; } .openvideo_colon_one, .openvideo_colon_two { padding: 10px 8px !important; } .dilike { width: 100px !important; } .dilike img { margin-bottom: -8px; height: 25px; padding: 0px 1px; } .saver { width: 30%; } .sending { width: calc(100% - 110px - 35%); } .main .main_colon_two { padding:10px 10px !important; } .firstpage .main .main_colon_two { padding:10px 0px !important; } .settings .main .main_colon_two { padding: 10px 20px !important; } .auth .main .main_colon_two, .remind .main .main_colon_two, .register .main .main_colon_two { padding: 10px 20px !important; } .user .main_colon_two { padding: 10px 20px !important; } .main .video_colon_one {width: 96%; box-sizing: border-box; padding: 30px 27px; margin-bottom: 30px; order: 2;} .main .video_colon_two { width: 96%; margin-bottom: 4px; box-sizing: border-box; order:1; padding: 10px 27px; background-color: #060E16; border-radius: 5px; min-height: 450px;} .sett_user .setcol1 { width: 100%; } .sett_user { margin: 15px 0px; width: 100%;} .sett_user .setcol1 {width: 100;} .sett_user .seto {padding: 8px 8px; width:100%; border-bottom: 1px solid #354E60; font-size: 14px; cursor: pointer;} .sett_user .active {color:#fff; background-color: #0E4ECB;} .sett_user .setcol2 {width: 100%; margin-top: 30px;} .videopost1 {width: 100%; text-decoration: none; color:#fff; margin-bottom: 25px;} .videopost1 .pic {width: 100%; height: 165px; overflow: hidden; border-radius: 6px; position: relative; margin-bottom: 10px;} .videopost1 .line { width: 100%;} .ucolon {width: 100%; margin-top: 30px;} .blopoil2 {display:none;} .blopoil3 {display:block;} .blopoil {width: 98%; margin: 0px auto;} .ad_ob {width: 100%; margin: 0px auto;} .ad_ob_col2 {width: 100%; margin-bottom: 20px; } .ad_ob_col1 { width: 100%;} .ad_ob_col1 {display:flex; flex-wrap: wrap; justify-content: left;} .ad_ob_col1 .checkbox {margin-right: 6px;} .forms_add {margin-bottom: 25px !important;} .ad_ob_col1 .name {width: 100%} .forms_add {width: 95%; margin: 0px auto;} .formpicbg { position: absolute; background-color: rgba(20,40,54,0.9); padding: 8px 10px; width: 90%; left: 5%; top: 3px; border: 1px solid #466375; border-radius: 9px; } .backpic {width: 100%; height: 80px; position: relative ; overflow: hidden; border-top-left-radius: 6px; border-top-right-radius: 6px; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px;} .backpic img { width: 100%; height: 100%; margin: auto; object-fit: cover; } .editbg {position: absolute; z-index: 2; bottom: 15px; cursor: pointer; right: 15px;padding-top: 11px; text-align: center; background-color: #1147e9; width: 40px; height: 40px; border-radius: 20px;} .editbg:hover { opacity: 0.5;} .editbg img {width: 20px; height: 20px; } .proleft {display: block;} .seacher .seach { background: url(../img/seach.svg) 50% 50% no-repeat; width: 20px; border: 0px; opacity: 0.5; height: 40px; position: absolute; top: 5px; right: 6px; } .upseach { display: none; opacity: 0.7; height: 20px; margin-bottom: unset; margin-left: unset; position: absolute; top:15px; left: 6px; } .forms input, .forms select {border: 1px solid #354E60; height:40px; width: 100%; } .forms textarea {border: 1px solid #354E60; height:40px; width: 100%; } .seacher .input {width: 80%; height: 50px; position: absolute; top: 0px; left: 26px;} .settings .forms textarea { border: 1px solid #354E60; min-height: 90px; width: 80%; resize: vertical; } .checkbox input { width: 40px !important; height:30px !important; } .main_colon_one, .seacher, .dipmenu, .dipmenu2, .dipmenu3 {display: none;} .seacher { width: 90%; order: 3; position: relative; height: 50px; margin: 10px 5% 0px; } .main_colon_one {margin-bottom: 80px;} .main_colon_two {width: 100% !important;} .mober {display: flex; margin-top: 25px !important; margin-right: 20px !important;} .header { height: 72px !important; margin-bottom: 10px; transition-timing-function: ease-in-out; } .copy { margin-top: 50px; } .mainer { height: unset; } .copy .col1 .col { width: 100%; } .copy .col2 { width: 100%; text-transform: uppercase; font-size: 10px; font-weight: 500; padding-top: 20px; border-top: 1px solid #131c24; margin-top: 20px; } } @media (max-width:520px) { .dipmenu, .dipmenu2 { display: none; } .trablvideo {text-align:center; padding: 50px 50px;} .watch_but { width: 100%; padding: 10px 0px; } .block_login {width: 99%; margin: 0px auto; text-align: center; margin-top: 50px;} } @media (max-width:460px) { .watch .videopost .pic, .videopost .pic { height: 225px !important; } } @media (max-width:415px) { .watch .videopost .pic, .videopost .pic { height: 205px !important; } } @media (max-width:390px) { .dilike img { margin-bottom: -15px;position: relative; top: -5px; } .saver img, .sending img {display: none;} } @media (max-width:360px) { .logo { width: 200px; margin-top: 19px; margin-left: 10px; position: relative; } .watch .videopost .pic, .videopost .pic { height: 185px !important; } .copy .col2 { font-size: 8px; } } @media (max-width:320px) { .logo { width: 160px; margin-top: 23px; margin-left: 10px; position: relative; } .watch .videopost .pic, .videopost .pic { height: 155px !important; } } .owl-nav {position:absolute; top: 0; height:29px; width:100%; margin-bottom: 0px; z-index:1;} .tagslenta .owl-nav button.owl-prev { width:2%; height:29px; background:none; background:url(../img/prevb.svg) 50% 50% no-repeat; position:absolute; left:0px; top:0;} .tagslenta .owl-nav button.owl-next { width:2%; height:29px; background:none; background:url(../img/nextb.svg) 50% 50% no-repeat; position:absolute; right:0px; top:0;} .tagslenta .owl-nav button.owl-prev:hover {opacity:0.6;} .tagslenta .owl-nav button.owl-next:hover {opacity:0.6;} .tagslenta,.tagslenta .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.tagslenta{display:none;width:100%;z-index:1}.tagslenta .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.tagslenta .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0} .tagslenta .owl-stage-outer{position:relative; width:96%; margin-left: auto; z-index: 2; margin-right: auto; margin-bottom: 25px; overflow:hidden;-webkit-transform:translate3d(0,0,0)} .tagslenta .owl-stage-outer:after { content: ""; display: block; width: 50px; height: 30px; position: absolute; top: 0; left: 0; background: transparent; background: linear-gradient(to left, rgba(8, 8, 8, 0) 0%, rgb(6, 14, 22, 08) 80%); opacity:1; z-index: 20; } .tagslenta .owl-stage-outer:before { content: ""; display: block; width: 50px; height: 30px; position: absolute; z-index: 20; top: 0; right: 0; background: transparent; background: linear-gradient(to left, rgba(6, 14, 22, 1) 0%, rgb(6, 14, 22, 0) 80%); opacity: 1; } .tagslenta .owl-item,.tagslenta .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.tagslenta .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.tagslenta .owl-item img{ }.tagslenta .owl-dots.disabled,.tagslenta .owl-nav.disabled{display:block}.no-js .tagslenta,.tagslenta.owl-loaded{display:block}.tagslenta .owl-dot,.tagslenta .owl-nav .owl-next,.tagslenta .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tagslenta .owl-nav button.owl-next,.tagslenta .owl-nav button.owl-prev,.tagslenta button.owl-dot{ color:inherit;border:none;padding:0!important;font:inherit}.tagslenta.owl-loading{opacity:0;display:block}.tagslenta.owl-hidden{opacity:0}.tagslenta.owl-refresh .owl-item{visibility:hidden}.tagslenta.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.tagslenta.owl-grab{cursor:move;cursor:grab}.tagslenta.owl-rtl{direction:rtl}.tagslenta.owl-rtl .owl-item{float:right}.tagslenta .animated{animation-duration:1s;animation-fill-mode:both}.tagslenta .owl-animated-in{z-index:0}.tagslenta .owl-animated-out{z-index:1}.tagslenta .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.tagslenta .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.tagslenta .owl-item .owl-lazy:not([src]),.tagslenta .owl-item .owl-lazy[src^=""]{max-height:0}.tagslenta .owl-item img.owl-lazy{transform-style:preserve-3d}.tagslenta .owl-video-wrapper{position:relative;height:100%;background:#000}.tagslenta .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.tagslenta .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.tagslenta .owl-video-playing .owl-video-play-icon,.tagslenta .owl-video-playing .owl-video-tn{display:none}.tagslenta .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.tagslenta .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .dream {background-color: #333; color:#fff; cursor: pointer; padding: 7px 8px; font-size: 12px; font-weight: 500; margin-right: 10px; border-radius: 7px;} .dream:hover {background-color: #555555;} .onvideo {width: 100%; display: flex; flex-wrap: wrap; justify-content: left; margin-bottom: 15px; box-sizing: border-box;} .dractive {background-color: #f1f1f1 !important; color:#000;} .spin-wrapper{ position: relative; width: 100%; display: none; .spinner{ position: absolute; height: 30px; width: 30px; border: 3px solid transparent; border-top-color: #f6faff; top: 50%; left: 50%; margin: -15px; border-radius: 50%; animation: spin 1s linear infinite; &:before, &:after{ content:''; position: absolute; border: 3px solid transparent; border-radius: 50%; } &:before{ border-top-color: #d1dbfd; top: -12px; left: -12px; right: -12px; bottom: -12px; animation: spin 1s linear infinite; } &:after{ border-top-color: #FFFBFE; top: 6px; left: 6px; right: 6px; bottom: 6px; animation: spin 2s linear infinite; } } } @keyframes spin{ 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }