/* Template Name: Dribe NEW Template URI: http://www.artnikitin.com.ua/ Description: Основной прототип магазина. Version: 1.0.0 Author: Катриченко Денис Author URI: http://www.artnikitin.com.ua/ Logo filename: logo.gif Template Type: type_1 */ @font-face{font-family:'Proxima Nova';src:url(fonts/ProximaNova-Reg.otf)} *,*:focus,*:active{outline:none!important;-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-tap-highlight-color:transparent;} .btn,button,.fileInput{-webkit-tap-highlight-color:rgba(255, 255, 255, 0);-webkit-tap-highlight-color:transparent;} button:focus,button:active,.fileInput:focus,fileInput:active{outline:none!important;-webkit-tap-highlight-color:transparent;} body{margin:0;font-family:'Proxima Nova',Calibri;color:#161616;font-size:14px;background:#F0F2FA;background-size:cover;background-attachment:fixed;} a{color:#393939;text-decoration:none} ::placeholder {color: #c2c2c2;} body{width:100%;height:215px;position:absolute} body > main > .wrapper{min-height:100%;overflow-x:hidden;position:relative} .mid{margin-bottom:65px;display:table} .userCenterBox{position:relative;z-index:20;padding-bottom:40px;overflow:hidden;padding-top:0;display:table-row} .userMenu{display:table-cell;width:17.6%;min-width:205px;z-index:10;padding-right:23px;max-width:218px} .userCenterBox .content{vertical-align:top;display:table-cell;width:auto;max-width:824px;background:#fff;border-radius:0 0 50px 50px;padding:20px 50px 40px} body.bg2{margin:0;font-family:'Proxima Nova',Calibri;color:#393939;font-size:14px;background:url(images/bg_body_2.jpg)} body.bg2:before{content:"";width:100%;height:276px;position:absolute;background:url(images/top_bg_repeat_2.jpg) repeat-x} body.bg2{width:100%;height:215px;position:absolute} body.bg2 > .wrapper{background:url(images/bg_top_2.jpg) no-repeat center top;min-height:100%;min-width:987px;overflow-x:hidden;position:relative} h2{color:#283138;font-size:28px;font-weight:400;margin:0} h4{color:#393939;font-size:24px;font-weight:400;margin:0;line-height:24px;margin:0 0 21px} h5{color:#333;font-size:14px;font-weight:800} p{margin:0;} .pointer{cursor:pointer;} .table{display:table;} .row{display:table-row} .cell{display:table-cell} .fl{float:left;} .fr{float:right;} .fn{float:none;} .db{display:block;} .din{display:inline;} .dinb{display:inline-block;} .flex{display:flex;} .inflex{display:inline-flex;} .tc{text-align:center;justify-content: center;} .tr{text-align:right;justify-content: flex-end;} .tl{text-align:left;justify-content: flex-start;} .middle{vertical-align:middle!important;align-items: center!important;} .vtop{vertical-align:top!important;align-items: top!important;} .tdn{text-decoration:none;} .dashed{border-bottom:1px dashed;cursor:pointer;text-decoration:none;} .dotted{border-bottom:1px dotted;cursor:pointer;text-decoration:none;} .italic{font-style:italic;} .bold{font-weight:700} .semibold{font-weight:600} .normal{font-weight:400} .caps{font-variant:small-caps} .link{color:#EC008C} .link:hover{color:#2480ad;text-decoration:none} .pink{color:#87d351} .black{color:#161616} .light{color:#b9b9b9} .grey{color: #A5A8BD;} .ffn{font-family:'Proxima Nova'} .fft{font-family:Tahoma} .fs33{font-size:33px} .fs32{font-size:32px} .fs30{font-size:30px} .fs28{font-size: 28px;} .fs25{font-size:25px} .fs20{font-size:20px} .fs19{font-size:19px} .fs18{font-size:18px} .fs17{font-size:17px} .fs16{font-size:16px} .fs15{font-size:15px} .fs14{font-size:14px;} .fs13{font-size:13px} .fs12{font-size:12px} .fs11{font-size:11px} .fs10{font-size:10px} .abs{position:absolute!important} .rel{position:relative!important} .fix{position:fixed!important} .bg_bant{background:url(images/bg_bant.png) 50% 50% no-repeat;height:111px!important;margin-top:-6px!important;margin-bottom:0!important} .bg_bant h2{margin-right:-2px!important;margin-top:30px!important} .tooltip{background:url(images/icon_tooltip.png) 0 50% no-repeat;width:15px;height:16px;margin-left:3px;margin-top:-11px;position:absolute;display:inline-block;z-index:10} .tooltip em{display:none} .tooltip:hover em{background:#F8F5E9;border-radius:5px;bottom:28px;box-shadow:0 0 4px #CCC;color:#6F9B91;display:block;font-size:10px;font-style:normal;padding:10px 16px;position:absolute;right:9px;text-align:left;width:218px} .tooltip em:after{position:absolute;bottom:-10px;right:5px;border-top:10px solid #F8F5E9;border-left:10px solid transparent;display:block;content:''} input[readonly],textarea[readonly]{background:#F7F7F7!important;color:#858484} .c_select input[readonly]{color: #000;} input[type="text"].B_input.error{border:1px solid red;box-shadow:0 0 8px -4px red} .B_text.error{border:1px solid red;box-shadow:0 0 8px -4px red} select{color:#393939} .btn_2{border:none;border-radius:25px;font-size:13px;padding:0 20px;height:32px;cursor:pointer;position:relative;font-family:'Proxima Nova';height:27px;line-height:28px} .toggle_btn{background:#D7D9E5;border-radius: 29px;display:inline-flex;width: 43px;height: 23px;justify-content: flex-start;align-items: center;transition: all .3s ease;cursor:pointer;} .toggle_btn.on{background:#87d351;} .toggle_btn:before{content:'';width: 19px;height: 19px;background: #FFFFFF;border-radius:9px;transition: all .3s ease;margin-left:2px;} .toggle_btn.on:before {margin-left:23px;} .btn_2 span{box-shadow:inset 0 -3px 0 0 #F0EFEF,inset 0 -4px 0 0 #999898;font-size:15px} .btn,a.btn{border:none;border-radius:10px;font-size:15px;padding:0 20px;height:50px;cursor:pointer;position:relative;font-weight:600;font-family:"Proxima Nova";display: inline-flex;align-items: center;} #companyInfo .desc p{margin-bottom:10px} #companyInfo .rightcolm .desc br{margin-bottom:10px} .btn img{float:left;line-height:0;margin-left:0;margin-right:8px;position:absolute;top:11px;left:20px} .green{background:#87d35129;color:#4fbf00;transition:all .3s ease} .btn.green:hover{background:#87d351;color:#fff;transition:all .3s ease} .btn.invert.green{background:#87d351;color:#fff;transition:all .1s ease} .btn.invert.green:hover{background:#87d35129;color:#4fbf00;transition:all .3s ease} a.green,span.green{background:none;color:#6da744!important} a.btn.green:hover{background:#87d351;color:#fff!important;transition:all .3s ease} a.btn.green{background:#87d35129;color:#4fbf00;transition:all .3s ease} .green:hover svg g{fill:#fff;transition:all .1s ease} .green svg g{fill:#87d351;transition:all .1s ease} .green.invert svg g{fill:#fff;} .green.invert:hover svg g{fill:#87d351;} .green.invert svg path{transition:all .1s ease} .green.invert:hover svg path{stroke:#87d351;transition:all .3s ease} .green svg{margin-right:10px;float:left;} .blue{background:#6391E3;color:#FFF} .blue:after{background:#2C9ED6;box-shadow:0 -4px 2px 0 #2C9ED6} .blue:before{background:#2C9ED6;box-shadow:0 -4px 2px 0 #2C9ED6} .white{background:#EFEEEE;color:#373737} .rpink{color:#f46798;} .btn.pink{background:#87d3511f;color:#87d351;font-size:15px;height:50px;padding:0 20px} .btn.pink:hover{background:#87d351;color:#fff;transition:all .3s ease} .btn_perform{color:#fff;background:#87d3511f} .btn.pink svg{margin-right:10px;float:left;margin-top:-1px} .btn.pink svg g,.btn.pink svg path{fill:#87d351} .btn.pink:hover svg g,.btn.pink:hover svg path{fill:#fff;transition:all .1s ease} .btn.btn_check{background: #df79a72b;color: #ec6297;} .btn_icon_comments{background:url(images/icon_bubble.png) 11px 50% no-repeat} .btn_icon_likes{background:url(images/icon_like.png) 11px 50% no-repeat} .notifi_icon{background:#F46798;border-radius:16px;color:#FFF;font-size:15px;height:16px;line-height:17px;right:0px;text-align:center;top:6px;width:16px} .B_input.pasive,.pasive{color:#c2c2c2} .B_input.active,.active{color:#3e3e3e} .styled-select select{background:rgba(255,255,255,0);border:none;font-size:14px;height:112%;width:100%;outline:none;cursor:pointer;font-family:"Proxima Nova";position:absolute;left:0;z-index:12;opacity:0} .styled-select > span{float:left;margin-left:11px;margin-top:9px;font-size:14px;width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-wrap:normal;text-align:left} .styled-select > span.error{color:#ED0A95!important;box-shadow:none!important} .styled-select.sorted select{height:28px;width:222px} .styled-select.sorted{height:30px;width:204px;background:url(images/sel1.png) 182px 50% no-repeat transparent} .g-separator,.h-separator{background:url(images/separator-g.png) 0 0 repeat-x transparent;margin-top:10px;padding-top:30px;height:1px;width:100%;float:left} .vivodi{color:#3e3e3e;font-size:14px;margin-right:17px;margin-top:6px} #captcha{border:1px solid silver;width:126px} ::i-block-chrome,.styled-select select{margin-top:5px;float:left;width:262px;margin-left:15px} ::i-block-chrome,.styled-select.sorted select{margin-top:3px;float:left;width:207px;margin-left:15px} .styled-select{border-radius:4px;height:28px;line-height:28px;outline:medium none currentColor;overflow:hidden;width:244px;background:url(images/dropdown.svg) 94% 50% no-repeat transparent;position:relative} .styled-select.sel2{border:1px solid #DFDFDF;border-radius:10px;font-size:18px;height:54px;padding:0 14px;position:relative} .styled-select.sel2 > span{font-size:18px;margin-left:0} .styled-select.sel2:before{width:5px;height:30px;position:absolute;left:0;content:''} .styled-select.sel2:after{width:37px;height:30px;position:absolute;right:0;content:'';z-index:10} .styled-select .emul_select{background:url(images/sel1.png) 0 0 no-repeat transparent;position:absolute;right:0;width:28px;height:28px} .block{width:100%;float:left;position:relative} .w100{width:100%} .all_page{max-width:1366px;width:auto;margin:0 auto} .header{display:table;width:100%;vertical-align:top} .logoblock{display:table-cell;width:17.6%;min-width:205px;padding-right:23px} .logoblock .logo img{width:30px} .top_menu_block{display:table-cell;width:auto;max-width:824px;border-radius:50px 0 0 50px;background:#FFF;border-radius:50px 50px 0 0;vertical-align:top;padding-left:50px;padding-right:50px;padding-bottom:0} .logo a{color:#181722;width:auto;position:relative;margin-left:2%;align-items:center;display:flex;height:92px;padding-top:16px} .logo a span{margin-left:10px} .logo{display:flex;align-items:center;font-weight:700;font-size:26px} .topmenu a{height:50px;font-size:15px;color:#181722;font-weight:600;line-height:50px;float:left;margin-left:27px} .header >.fr{margin-right:27px} .panel_ak{margin-top:40px} .panel_ak .points{background:url(images/points.svg) 0 34% no-repeat;padding-left:34px} .panel_ak .money{background:url(images/balance.svg) 0 34% no-repeat;padding-left:34px;margin-left:27px} .panel_ak .out{float:left;height:107px;width:337px;color:#cbcbcb;font-size:15px;line-height:42px;text-align:right} .panel_ak .in{float:left;color:#181722;font-size:15px;font-family:'Proxima Nova';font-weight:600} .panel_ak .in a{color:#181722} .panel_ak .link_akk{margin-right:10px!important} #ECS_MEMBERZONE .login_block.out a{border-bottom:1px solid #CECECE;color:#D0E5E0;height:28px} #ECS_MEMBERZONE .login_block.in a{line-height:24px;margin-top:13px;margin-right:33px} .login_block .avatar{margin-top:5px!important;margin-right:10px!important;padding-right:18px;background:url(images/sel1.png) 100% 18px no-repeat transparent} .login_block .avatar img{border-radius:10px;height:40px;width:40px} .login_info{color:#6E6E6E;margin-left:8px;position:relative;width:329px;margin-top:28px;height:34px} .login_info span{background:#fff;position:relative;padding:0 10px;box-shadow:0 0 19px 13px #FFF} .login_info:before{border-top:1px solid #D0D0D0;content:"";left:0;position:absolute;top:22px;width:100%} .panel_ak .in a{text-decoration:none;float:left} .panel_ak .out a{color:#65c2f0;text-decoration:none;margin-left:24px;display:inline-block} .panel_ak .out .link_akk{margin-left:0} .panel_ak .out .in_akk{color:#65C2F0} .panel_ak .out_akk >font{color:#aeaeae!important;border-bottom:1px dotted #aeaeae;float:right;height:18px} .panel_ak .short_rank_name{font-size:13px;font-family:'Proxima Nova';background:url(images/icon_rank.png) 0 34% no-repeat;padding-left:23px} .balans span{font-weight:400} .vk_icon{background:url(images/vk_icon.png) 50% 50% no-repeat;width:34px;height:auto!important;display:inline-block;border:none!important} .fb_icon{background:url(images/fb_icon.png) 50% 50% no-repeat;width:34px;height:auto!important;display:inline-block;border:none!important} .top{position:relative;margin-bottom:20px;margin-top:23px;height:30px} #ur_here{position:absolute;top:-39px;left:0;color:#393939;font-size:12px} #ur_here code{font-family:'Proxima Nova';font-size:11px;color:#2881ad} #ur_here a{text-decoration:none;color:#2881ad} #ur_here a:hover{text-decoration:underline} #close-open{border-bottom:1px dashed currentColor;text-decoration:none;color:#2881ad;font-size:14px;display:inline-block;margin-bottom:0} .users_list{background:#FFF;border-radius:7px;box-shadow:0 0 7px -2px #D9D9D9;margin-bottom:43px;padding-bottom:19px;position:relative;margin-top:18px} .yarlik{height:18px;width:211px;border-top-right-radius:7px;border-top-left-radius:7px;float:left;margin-top:-18px;box-shadow:3px -8px 5px -7px #E3E3E3;background:#FFF} .avatar_block img{border-radius:80px;height:160px;width:160px} .userItem{border-top:1px dashed #969491;padding-top:25px;padding-bottom:20px} .label_rank{height:84px;position:absolute;text-align:center;top:0;width:58px} .label_rank span{-webkit-transform:rotate(-51deg);-moz-transform:rotate(-51deg);-o-transform:rotate(-51deg);-ms-transform:rotate(-51deg);transform:rotate(-51deg);color:#E30C90;display:inline-block;font-size:12px;height:10px;left:-7px;padding-top:0;position:absolute;text-align:center;top:32px;width:95px} a.username{box-shadow:inset 0 -2px 0 0 #FFFFFF,inset 0 -3px 0 0 #5B5B5B;color:#393939;text-decoration:none} a.title_name{box-shadow:inset 0 -2px 0 0 #FFFFFF,inset 0 -3px 0 0;text-decoration:none} .head_this_block{float:left;height:30px;margin-bottom:21px;position:relative;width:100%} .content_right_col{float:left;margin-left:15px;width:609px} .search .B_input{width:618px;padding-left:18px;padding-right:37px;color:#8d8d8d;position:relative;z-index:2} .itemTit{background:#FFF;padding:20px 18px;border:1px solid #ECECEC;border-left:none;float:left;width:638px;margin-top:31px} input[type='text'].B_input,input[type='password'].B_input,.inputBg{height:54px;border-radius:10px;border:1px solid #d9dbea;font-size:18px;background:none;font-family:'Proxima Nova';padding:0 14px} input[type='text'].B_input:focus,input[type='password'].B_input:focus,.inputBg:focus{border:1px solid #6391E3;box-shadow:0 0 8px -4px #6391E3} input[type='text'].B_input2,input[type='password'].B_input2{font-family:'Proxima Nova';height:32px;border-radius:4px;border:1px solid #ECECEC;font-size:13px;background:#fff;box-shadow:inset 2px 2px 3px -1px #BFBFBF,1px 1px 6px -5px #BFBFBF;padding:0 15px} .B_text2{border-radius:4px;box-shadow:inset 2px 2px 3px -1px #BFBFBF,1px 1px 6px -5px #BFBFBF;border:1px solid #ECECEC;font-size:13px;background:none;resize:none;padding:10px 15px;border-top:none} .B_text{border-radius:10px;border:1px solid #DFDFDF;font-size:18px;background:none;resize:none;padding:14px;font-family:'Proxima Nova'} .go{background:url(images/bnt_go.png) 50% 50% no-repeat;border:medium none currentColor;cursor:pointer;height:40px;width:38px} .info_icon{background:url(images/info.png) 0 0 no-repeat;bottom:0;height:22px;position:absolute;right:0;width:21px} .info_icon .hidden_content{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;position:absolute;width:0;height:0;background:#fff;padding:14px 20px 20px;right:0;top:-18px;opacity:0;box-shadow:0 0 4px 1px #EFEFEF;z-index:-1;white-space:nowrap} .info_icon .hidden_content div{overflow:hidden;float:left;width:100%} .info_icon:hover .hidden_content{-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;width:235px;height:84px;opacity:1;z-index:10000} .info_icon .hidden_content a{color:#2881ad;text-decoration:none} .info_icon .hidden_content a:hover{color:#2881ad;text-decoration:underline} .company_shortinfo .tel_company{color:#2881ad;text-decoration:none} .company_shortinfo .tel_company:hover{text-decoration:underline} .pagebar{text-align:right;margin-top:28px;font-size:13px} .users_list .pagebar{width:603px;padding-right:6px} .pagebar a{font-size:15px;color:#87d351;padding:0;height:30px;width:30px;line-height:30px;display:inline-block;text-decoration:none;border-radius:3px;text-align:center;margin-left:10px;font-weight:600} .next{background:url(images/next.png) 50% 50% no-repeat;border:none!important} .prev{background:url(images/prev.png) 50% 50% no-repeat;border:none!important} .pagebar span{margin-left:10px;color:#181722;background:#87d3511f;padding:0;height:30px;width:30px;line-height:30px;display:inline-block;border-radius:10px;text-align:center;font-size:15px;font-weight:600} .message{background:#fff;padding-bottom:25px;width:480px;margin:0 auto} #companyInfo .top{padding:11px 0;width:913px;border-bottom:1px dashed #9D9D9D;height:28px;line-height:28px;margin:0 37px 26px} .message .top{padding:24px;margin-top:0;margin-bottom:26px} #goodsInfo,#companyInfo,.white_bg_content{padding-bottom:25px} .white_bg_content .top{padding:11px 0;margin-top:0;margin-bottom:26px} #articleInfo{background:#fff;box-shadow:0 0 4px -1px #E5E5E5;border-radius:3px;width:1000px;margin:0 auto;padding:30px;margin-bottom:62px} #articleInfo .bottom_bg{background:url(images/article_bg_bottom.png) 116% 100% #fff;height:63px} #articleInfo .bottom_bg div{height:51px;line-height:51px;margin-top:12px;width:470px} #articleInfo .bottom_bg div .prev{background:url(images/prev.png) 100% 50% no-repeat;height:53px;padding-right:45px;display:inline-block;color:#aaa} #articleInfo .bottom_bg div .next{background:url(images/next.png) 0 50% no-repeat;height:53px;padding-left:45px;display:inline-block;color:#aaa} #articleInfo h3{margin-top:25px;padding-top:59px} .article_type_15 h3{color:#FF455E;background:url(images/icon_article_type_15.png) 50% 0 no-repeat} .article_type_16 h3{color:#3BB8E9;background:url(images/icon_article_type_16.png) 50% 0 no-repeat} .article_type_17 h3{color:#0A95AE;background:url(images/icon_article_type_17.png) 50% 0 no-repeat} #articleInfo p{margin-bottom:28px} #articleInfo .content{line-height:22px} .decor_link{text-decoration:none} .decor_link span{position:relative} .decor_link span:before{border-top:1px solid;width:100%;content:'';position:absolute;width:100%;bottom:2px} .usBox_1{width:228px;margin:0 84px;display:inline-block} .usBox h4 a{font-size:13px;color:#2480AD;text-decoration:none} .usBox_1 a{color:#2881ad;text-decoration:none} .userCenterBox .pasive{color:#999} .userCenterBox form > .left_user_colm{margin-left:20px} .userCenterBox form > .left_user_colm:after{background:url(images/separator2-v.png) repeat-y;content:'';display:block;float:left;left:441px;width:10px;top:73px;height:100%;position:absolute} .userCenterBox form > .left_user_colm .B_input{width:218px;padding-left:18px;padding-right:10px;margin-top:7px} .userCenterBox form > .left_user_colm .block{margin-bottom:22px} .userCenterBox form > .left_user_colm .block font{color:#999} .userCenterBox .other_adress_block >div font{color:#999} .userCenterBox form > .left_user_colm .block a{color:#2480AD} .userCenterBox form > .left_user_colm .block a:hover{text-decoration:none} .specification p{float:left;width:100%} .specification .real_label{float:left} .userMenu .promo_pro_acc{background:url(images/pro_bg@2x.png) 0 0 no-repeat;background-size:cover;margin-bottom:20px;border-radius:20px;padding:30px 20px;height:162px;} .promo_pro_acc.contestpromo{background:url(images/pro_blue_bg@2x.png) 0 0 no-repeat;background-size:cover;} .promo_pro_acc .btn{background:#fff;} .userCenterBox .col_right{vertical-align:top;display:table-cell;padding-top:7px;padding-left:27px;padding-right:27px;width:208px;min-width:208px;background:#fff;border-radius:0 0 50px 0} .content.affiliate{border-radius:0 0 0 50px} .block_info_account .title{color:#619e32;font-size:13px;text-transform:uppercase} .block_info_account .text{margin-top:17px;line-height:18px;margin-bottom:22px} .block_info_account .capability{border-radius:3px;border:1px solid #D5D5D5;margin-bottom:13px;color:#283138;padding:15px 0;padding-left:34px;background:url(images/yes.png) 10px 50% no-repeat} .block_info_account{border:1px solid #87D351;width:206px;float:right} .userCenterBox .content h2{margin-top:7px;margin-bottom:29px} #add_phone{float:right;line-height:31px;margin-right:-1px;margin-top:-37px} #general_phone{position:relative;z-index:10} .add_feld{background:#F3F3F3;position:relative;z-index:50;border-radius:0 3px 3px 0;color:#999;cursor:pointer;font-size:29px;height:36px;line-height:31px;text-align:center;width:38px} .comp_logo_block > div{background:url(images/load_avatar_bg.png) 50% 50% no-repeat;height:157px;text-align:center;vertical-align:middle;margin-top:41px} .image_preview_block{display:none;overflow:hidden} #reset_logo_company{position:absolute;background:url(images/drop_icon.png) 50% 50% no-repeat;width:10px;height:10px;right:9px;top:9px} .image_preview_block img{max-height:100%;max-width:100%} #mask_input{height:40px;width:168px;display:inline-block} #fileInput,.fileInput{position:absolute;cursor:pointer;-ms-filter:progid:DXImageTransFORM.Microsoft.Alpha(opacity=0);filter:progid:DXImageTransFORM.Microsoft.Alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;height:36px;font-family:'Proxima Nova'} #fileInputText{background:#FFC;text-align:right;border:1px solid #FFF;width:223px;font-size:11px;color:#300} #reset_logo_company{cursor:pointer} .userCenterBox form > .fr{margin-right:37px} .userCenterBox form .B_input2{width:201px;margin-right:22px;margin-top:7px} .userCenterBox form > .fr .B_text{margin-top:7px} .userCenterBox form > .fr .block{margin-bottom:22px} .userCenterBox form > .fr .block font{color:#999;font-size:10px} .userCenterBox form > .fr #mall_select .fr{margin-top:10px} .userCenterBox form > .fr > .block .fl{margin-top:16px} .userCenterBox .panel_button{border-top:1px solid #EBEBEB;padding-top:35px;text-align:center;margin-top:38px} .userCenterBox .panel_button p{color:#393939;font-size:14px;font-style:italic;margin-top:22px} .userCenterBox .panel_button a{color:#2480ad;font-size:13px;font-style:normal} .userCenterBox .panel_button a:hover{text-decoration:none} .userCenterBox .panel_button ul{list-style-position:inside;list-style-type:decimal} .titleblockrank_list{background:#ED0A95;color:#FFF} .contentblockrank_list{background:#F4F4F4} .contentblockrank_list .item{border-bottom:1px #ECECEC solid} .contentblockrank_list .capabilities{background:#FFF} .contentblockrank_list .rank_name{font-size:18px;color:#393939} .rank_price{font-size:24px} .rank_price span{font-size:14px;display:block} .type_acc{border-right:1px #fff solid} .active_rank{color:#3AA337} p.yes{background:url(images/yes.png) no-repeat 0 50%;padding-left:22px} p.no{background:url(images/no.png) no-repeat 0 50%;padding-left:22px} .capabilities p{margin-bottom:7px} .usBox_1 .B_input2{float:left;width:208px;margin-top:7px;padding-left:15px;padding-right:3px} .usBox_1 .block{margin-bottom:20px;font-size:14px;color:#393939} .usBox{width:396px;margin:0 auto} .other_adress_block > div{height:63px;margin-bottom:24px;width:441px} .other_adress_block .B_input{margin-top:7px;padding-left:18px;padding-right:10px;width:411px} .other_adress_block .styled-select{width:439px;margin-top:7px;background-position:418px 50%} .other_adress_block .styled-select select{width:458px} .item_adress .shop_name{color:#393939;font-size:14px;font-weight:700} .item_adress{margin-bottom:11px} .delit_to_cart{background:url(images/delit_to_cart.png) no-repeat 50% 50%;height:19px;width:24px;border:none;cursor:pointer} .edit{background:url(images/edit_icon.png) no-repeat 50% 50%;height:19px;width:24px;border:none;cursor:pointer} .filter_goods_block{margin-left:20px;margin-right:20px} .search_goods .styled-select{width:222px;margin-right:12px;background-position:198px 50%} .search_goods .styled-select select{width:242px} .search_goods .B_input{padding-left:15px;padding-right:30px;width:165px;background:url(images/bnt_go.png) 96% 50% no-repeat transparent!important} .operation_goods{margin-top:15px} .btn[disabled="true"]{background:#B5B5B5;border-left:1px solid #CACACA;border-right:1px solid #CACACA;border-top:1px solid #D1D1D1;box-shadow:inset 0 20px 20px -2px #C5C5C5,0 -1px 0 0 #B2B2B2,1px 0 0 0 #B2B2B2,-1px 0 0 0 #B2B2B2,0 1px 2px 0 #B2B2B2;color:#FFF;text-shadow:0 0 0 #D6D6D6} .btn[disabled="true"]::before,.btn[disabled="true"]::after{width:0} .balans_page table td{padding:7px 22px} .balans_page .B_input,.balans_page .B_text{margin-top:7px} .edit_user_article #mask_input{background:url(images/load_foto_btn.png) 50% 50% no-repeat transparent;margin-top:6px;width:120px} .preloadblock{width:170px;height:130px;right:0;display:table-cell;vertical-align:middle;top:16px;position:absolute;right:142px} .preloadblock > div{display:table-cell;vertical-align:middle;width:170px;height:130px} .preloadblock img{max-width:170px;max-height:130px} .B_input.date,.B_input2.date{background:url(images/calendar_icon.png) 97% 50% no-repeat!important;cursor:pointer} .delete_btn{background:url(images/delete_btn.png) 50% 50% no-repeat!important;cursor:pointer;border:none;height:36px;padding:0;width:105px} #formPassword > .fl > .block{margin-bottom:17px} .userMenu a{color:#181722;text-decoration:none;margin-left:12.9%;display:flex;clear:left;line-height:42px;font-size:15px;margin-right:9.9%;font-weight:600;align-items: center;} .userMenu a svg{margin-right:14px;float:left} .userMenu a font{display:inline;margin-left:1px;position:relative} /* .userMenu a font:after{content:'!';position:absolute;top:1px;left:4px;width:16px;height:16px;color:#fff;font-size:10px;border-radius:8px;text-align:center;background:#F46798;line-height:15px;font-family:Verdana} */ .dribbble.menu_block .parent{background:url(images/icon_dribbble.png) 100% 50% no-repeat;background-size:20px} .profile.menu_block .parent{background:url(images/icon_user.png) 100% 50% no-repeat} .behance.menu_block .parent{background:url(images/icon_behance.png) 100% 50% no-repeat;background-size:20px} .medium.menu_block .parent{background:url(images/icon_medium.png) 100% 50% no-repeat;background-size:20px} .artstation.menu_block .parent{background:url(images/icon_artstation.png) 100% 50% no-repeat;background-size:20px} .instagram.menu_block .parent{background:url(images/icon_instagram.png) 100% 50% no-repeat;background-size:20px} .youtube.menu_block .parent{background:url(images/icon_youtube.png) 100% 50% no-repeat;background-size:20px} .linkedin.menu_block .parent {display:flex;align-items: center;justify-content: space-between;} .linkedin.menu_block .parent:after{background:url('data:image/svg+xml; utf8, ') center no-repeat;background-size:17px;height:18px;width:18px;content:''; box-shadow: 0px 0px 0px 2px #0a66c2, inset 0px 0px 0px 3px #0a66c2;border-radius:3px;} .x.menu_block .parent {display:flex;align-items: center;justify-content: space-between;} .x.menu_block .parent:after{background:url('data:image/svg+xml; utf8, ') center no-repeat #000000;background-size:22px;height:18px;width:18px;content:''; box-shadow: 0px 0px 0px 2px #000000, inset 0px 0px 0px 3px #000000;border-radius:3px;} .tiktok.menu_block .parent {display:flex;align-items: center;justify-content: space-between;} .tiktok.menu_block .parent:after{background:url(images/icon_tiktok.png) center no-repeat #000000;background-size:18px;height:18px;width:18px;content:''; box-shadow: 0px 0px 0px 2px #000000, inset 0px 0px 0px 3px #000000;border-radius:3px;} .table_task img.label_system{width:20px;height:auto;border-radius: 5px;.} #checkout_account img{width:auto;max-width:100%;} .validate_profile_dribbble .verification_word{top:54%!important;left:27%!important;white-space: nowrap;} .validate_profile_behance .verification_word{top:30%!important;left:51%!important;font-size:13px!important;background:#fff!important;white-space: nowrap;} .userMenu .menu_block{margin-bottom:20px;background:#fff;border-radius:20px;padding-top:20px;padding-bottom:20px} .menu_block .parent{color:#181722;font-size:15px;font-weight:700;line-height:22px} .menu_block .parent.curs{line-height:42px} .menu_pay a{border-bottom:1px dashed #EC008C;color:#EC008C;cursor:pointer;text-decoration:none} .menu_pay a.curs{border:none} .display_comp_add_goods a{box-shadow:inset 0 -2px 0 0 #FFFFFF,inset 0 -3px 0 0 #555;text-decoration:none;text-decoration:none} .edit_user_article .B_input,.edit_user_article .B_text{margin-top:7px} #tabbar-div{padding:0 22px} #tabbar-div p span{margin-right:24px;border-bottom:1px dashed #2881ad;color:#2881ad;cursor:pointer} #tabbar-div p span.tab-front{border:none} .company_news .item{margin-bottom:22px;font-size:13px} .company_news .item p:first-child{margin-bottom:4px;color:#868686} #mall-comp a{text-decoration:none;color:#2881ad} #mall-comp a:hover{text-decoration:underline} .footer{margin-top:60px;height:270px} .footer:before{top:0;width:100%;height:270px;content:'';position:absolute} .footer_text{color:#848484;font-size:12px} .footer_text p{margin-bottom:10px;margin-top:0} #bottomNav{text-align:center} #bottomNav>div{display:inline-block;float:none;margin:80px auto 22px;width:auto;text-align:left;background:#FFF;padding:30px 48px;box-shadow:0 0 3px 1px #DAEDEB;border-radius:20px} #bottomNav a.last{margin-right:0} .copyright{color:#393939;font-size:15px;margin-top:40px;text-align:center} #wind{background:#292929;border:1px solid #292929;border-radius:5px;color:#FFF;display:none;left:326px;top:12px;overflow:hidden;padding:10px;position:relative;width:192px;z-index:10} #wind.search{left:284px;top:31px} #wind a{background:url(images/bullet_footerlinks.png) 0 3px no-repeat transparent;color:#8E8E8E;padding:3px 0 3px 21px;text-decoration:none} #wind a:hover{color:#BD8221} #wind ul{float:left;margin-top:8px} .voting{position:relative;margin:8px 0 1em -6px;width:96px;height:20px!important;overflow:hidden;background:url(images/stars.png) 0 -29px no-repeat} .voting LI{float:left;padding:0;background:none;list-style-type:none} .voting A{position:absolute;top:0;left:0;padding:0;display:block;height:22px;text-indent:-9999px;cursor:pointer} .voting A.cur,.voting A:hover,.voting:hover A.cur:hover,.voting.phover A.cur:hover,.voting:hover A:hover,.voting.phover A:hover{background:url(images/stars.png) no-repeat} .voting:hover A.cur,.voting.phover A.cur{background:none} .voting .one A{width:23px;z-index:5} .voting .two A{width:41px;z-index:4} .voting .three A{width:58px;z-index:3} .voting .four A{width:75px;z-index:2} .voting .five A{width:103px;z-index:1} .add_comment input[type="text"]{border:1px solid #DEDEDE;height:20px;padding:0 9px} .add_comment textarea{border:1px solid #DEDEDE;height:85px;padding:2px 9px} .comments .item{margin-bottom:25px;border-bottom:1px dashed #BEBEBE} .comments .item .content{margin-top:10px;margin-bottom:24px} .re_content{padding-left:29px;margin-bottom:26px;margin-top:-28px;padding-left:29px;padding-top:20px} .re_content p{margin-top:2px} .windalert{padding:36px 20px;background:#fff;text-align:center;color:#393939;min-width:380px;border-radius:3px;margin: 0px 10px;border-radius: 20px;max-width:600px;} .windalert a{color:#F46798} .windalert.dialog{background:#EFEFEF;padding:0;min-width:inherit;box-shadow:none;border-radius:10px;text-align:left} .windalert.dialog h4{border-radius:10px 10px 0 0;background:#EB078A;width:100%;float:left;font-family:'Proxima Nova';height:41px;line-height:41px;color:#fff;font-weight:400;font-size:16px;text-align:center} .windalert.dialog .styled-select{background-color:#fff;box-shadow:inset 2px 2px 3px -1px #BFBFBF,1px 1px 6px -5px #BFBFBF;border:none;height:32px;margin-bottom:18px;margin-left:2px;width:234px;background-position:214px 52%} .windalert.dialog span{text-transform:uppercase;font-size:10px;margin-right:8px;margin-top:9px;float:left} .windalert .remove_link{right:0px;top:0px;position:absolute} button.yes,button.no{margin:20px 8px 0;min-width:105px;cursor:pointer;justify-content: center;} .remove_link{background:url('data:image/svg+xml; utf8, ') center no-repeat;border-radius: 10px;display:block;float:right;font-size:0;height:40px;width:40px;cursor:pointer;} .TB_overlay.rules{opacity:.6} .TB_overlay{height:100%;left:0;position:fixed;top:0;width:100%;z-index:100;background:#000;opacity:0.3;} .windalert_overlay{width:100%;height:100%;overflow:auto;position:fixed;width:100%;z-index:400;top:0;left:0;} .windalert.rules{background:#283138;border-radius:0;padding:60px 46px 48px} .windalert.rules h2{color:#dfdfdf;font-size:48px;text-align:center;margin-bottom:43px} .windalert.rules div{border:3px solid #DFDFDF;margin-bottom:32px;padding:36px;text-align:left} .windalert.rules p:first-child{color:#818c95;text-transform:uppercase;font-size:12px;margin-bottom:5px} .windalert.rules p:last-child{margin-bottom:0} .windalert.rules p{color:#dfdfdf;font-size:14px;margin-bottom:16px} .windalert.rules .remove_link{display:none} #compareBox{background:url(images/compareBg.gif) 50% 0 no-repeat #303030;border:1px solid #C5E4FF;padding:35px 0 8px;position:absolute;right:1px;top:200px;width:128px} #compareList{margin:0 0 8px;padding:0} #compareList li{color:#8E8E8E;text-align:left;padding:3px 5px;margin:3px 0} #compareList li img{float:right;padding-top:4px;cursor:pointer} #tabs{list-style-type:none;float:left;width:100%} .tab{float:left} .tab:hover{cursor:pointer} a.tab.active{background:#FFF;height:10px;border:1px #E1E1E1 solid;border-bottom: 1px #fff solid;margin-bottom:-2px;box-shadow:none;z-index:100;position:relative;} a.tab{height:10px;color:#283138;font-size:15px;padding:15px 17px;margin-right:4px;text-decoration:none;line-height:10px;font-weight: bold;} .tab.active a{float:left;display:block;padding:5px;cursor:default} #tabs_content{z-index:0;position:relative;clear:both;border:1px solid #E1E1E1;padding:30px 19px;width: calc(100% - 38px);} .tab_content{display:none} .tab_content.active{display:block} .tab.active.youtube{color:red;} .dribbble.menu_block .curs, .dribbble_color{color:#f46798!important;} .dribbble.menu_block .curs svg g,.dribbble.menu_block .curs svg path{fill:#f46798} .dribbble.menu_block a:hover{color:#f46798} .dribbble.menu_block a:hover svg g,.dribbble.menu_block a:hover svg path{fill:#f46798} .behance.menu_block .curs, .behance_color{color:#3AA1E2!important;} .behance.menu_block .curs svg g{fill:#3AA1E2} .behance.menu_block a:hover{color:#3AA1E2} .behance.menu_block a:hover svg g{fill:#3AA1E2} .behance.menu_block a:hover svg g,.behance.menu_block a:hover svg path{fill:#3AA1E2} .behance.menu_block .curs svg g,.behance.menu_block .curs svg path{fill:#3AA1E2} .medium.menu_block .curs, .medium_color{color:#00ab6b!important;} .medium.menu_block .curs svg g{fill:#00ab6b} .medium.menu_block a:hover{color:#00ab6b} .medium.menu_block a:hover svg g{fill:#00ab6b} .artstation.menu_block .curs,.artstation_color{color:#00ABEE!important;} .artstation.menu_block .curs svg g{fill:#00ABEE} .artstation.menu_block a:hover{color:#00ABEE} .artstation.menu_block a:hover svg g{fill:#00ABEE} .instagram.menu_block .curs{color:#e33e7b} .instagram.menu_block .curs svg g{fill:#e33e7b} .instagram.menu_block a:hover{color:#e33e7b} .instagram.menu_block a:hover svg g{fill:#e33e7b} .linkedin.menu_block .curs{color:#0a66c2} .linkedin.menu_block .curs svg g{fill:#0a66c2} .linkedin.menu_block a:hover{color:#0a66c2} .linkedin.menu_block a:hover svg g{fill:#0a66c2} .youtube.menu_block .curs{color:#ff0000} .youtube.menu_block .curs svg g{fill:#ff0000} .youtube.menu_block a:hover{color:#ff0000} .youtube.menu_block a:hover svg g{fill:#ff0000} .x.menu_block .curs{color:black;} .x.menu_block .curs svg g{fill:black} .x.menu_block a:hover{color:black} .x.menu_block a:hover svg g{fill:black} .tiktok.menu_block .curs{color:rgb(255, 59, 92);} .tiktok.menu_block .curs svg g{fill:rgb(255, 59, 92);} .tiktok.menu_block a:hover{color:rgb(255, 59, 92);} .tiktok.menu_block a:hover svg g{fill:rgb(255, 59, 92);} .process_request{position:fixed;bottom:5px;left:5px;text-align:center;color:#fff;z-index:100000;font-size:14px;background:#87D351;padding:0 5px} .TB_overlay.loader{opacity:0} .flex img+p{margin-left:20px;} .cell .flex{align-items: center;} @-webkit-keyframes flash { 0%,100%{opacity:1} 50%{opacity:0} } @-moz-keyframes flash { 0%,100%{opacity:1} 50%{opacity:0} } @-o-keyframes flash { 0%,100%{opacity:1} 50%{opacity:0} } @keyframes flash { 0%,100%{opacity:1} 50%{opacity:0} } #anim{-webkit-animation-name:flash;-moz-animation-name:flash;-o-animation-name:flash;animation-name:flash;-webkit-animation-delay:0;-moz-animation-delay:0;-o-animation-delay:0;animation-delay:0;-webkit-animation-duration:1s;-moz-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;animation-iteration-count:10000000;-o-animation-iteration-count:10000000;-moz-animation-iteration-count:10000000;-webkit-animation-iteration-count:10000000} input[type="checkbox"],input[type="radio"]{display:none} label{cursor:pointer} input[type="checkbox"] + label,input[type="radio"] + label{display:flex;align-items: center;font-size:14px;margin-bottom:5px;cursor:pointer} input[type="checkbox"] + label::before,input[type="radio"] + label::before{content:"";display:inline-block;height:24px;width:22px;margin-bottom:0;margin-right:11px;margin-top:0;background-image:url(images/sprite.png);background-repeat:no-repeat} input[type="checkbox"] + label::before{background-position:-3px 1px;vertical-align:middle} input[type="radio"] + label::before{background-position:-3px 1px;vertical-align:middle} input[type="checkbox"]:checked + label::before{background-position:-3px -35px;vertical-align:middle} input[type="radio"]:checked + label::before{background-position:-3px -35px;vertical-align:middle} input[type="checkbox"]:disabled + label::before{background-position:-152px -260px} input[type="checkbox"]:checked:disabled + label::before{background-position:-171px -260px} input[type="radio"]:disabled + label::before{background-position:-152px -260px} input[type="radio"]:checked:disabled + label::before{background-position:-171px -260px} .dropdown{position:relative} .dropdown.click{-moz-user-select:-moz-none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none} .dr-menu-wrap{position:absolute;left:0;top:30px;min-width:200px;display:block;opacity:0;filter:alpha(opacity=0);visibility:hidden;z-index:-1;padding-top:28px;-moz-user-select:-moz-text;-o-user-select:text;-khtml-user-select:text;-webkit-user-select:text;user-select:text} .dropdown:hover .dr-menu-wrap{visibility:visible;opacity:1;filter:alpha(opacity=100);z-index:100;-webkit-transition:.2s ease all;transition:.2s ease all} .dropdown.click:hover .dr-menu-wrap{opacity:0;z-index:-1;visibility:hidden} .dropdown:hover .dr-menu-wrap.open,.dr-menu-wrap.open{visibility:visible!important;opacity:1!important;z-index:5} .dr-menu{position:relative;background:#fff;box-shadow:0 3px 32px rgba(0,0,0,0.08);z-index:2;text-align:left;border-radius:10px} .dr-menu .dr-item{display:block;padding:9px 20px;position:relative;z-index:2;background:#fff;float:none} .dropdown.dark .dr-menu{background:#fff;padding:15px 0;min-width:max-content} .dropdown.dark .dr-item{color:#383838;padding:5px 25px;white-space:nowrap} .dropdown.dark .dr-item:hover{color:#abbac1;background:none} .dropdown.dark .dr-menu-wrap{border-top:2px solid #F84D71;top:100%;left:-25px!important;padding-top:0;-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)} .dropdown.dark:hover .dr-menu-wrap{padding-top:0} .dropdown.pip .dr-menu:before{content:'';width:16px;height:16px;background:#fff;box-shadow:-5px -5px 9px -4px rgba(0,0,0,0.07);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);position:absolute;right:32px;z-index:1;top:-7px} .dr-menu .dr-item-empty{padding:40px} .dr-menu .dr-item.pd20{padding:20px} .dr-menu .dr-item.pd20+.dr-item.pd20{border-top:1px solid #f1f4f7} .dr-menu .dr-item.pointer:hover{background:#fafbfb} .dr-footer{padding:15px 20px;border-top:1px solid #F4F6F8} .dr-header{padding:12px 20px;border-bottom:1px solid #F4F6F8;background:#fff;z-index:2} .dr-menu-scroll{max-height:248px;overflow-y:auto} .dr-profile-menu{padding:18px 24px;background:#fff;z-index:3;border-radius:10px} .dr-profile-menu .sm-icon{font-size:16px;color:#abbac1;margin-right:13px;width:16px;text-align:center;opacity:.9} .dr-profile-menu .sep{margin:15px 0} .pr-item{padding:0 30px;margin:0 -30px;line-height:28px!important;float:none!important;font-size:12px;font-weight:400;margin-right:0!important;margin-top:0!important;height:28px!important;justify-content:left!important;white-space: nowrap;} .pr-item:hover{color:#abbac1} .pr-item.gray-blue{color:#abbac1} .pr-item.gray-blue:hover{color:#383838} .dropdown.centered .dr-menu-wrap{left:50%;right:auto;margin-left:-100px} .dropdown.centered.pip .dr-menu:before{right:auto;left:50%;margin-left:-8px} .dropdown.right .dr-menu-wrap{left:auto;right:8px} .dropdown.right.pip .dr-menu:before{right:32px} .dropdown.left .dr-menu-wrap{left:0;right:auto} .dropdown.left.pip .dr-menu:before{left:32px;right:auto} .dropdown.medium .dr-menu-wrap{min-width:114px} .dropdown.wide .dr-menu-wrap{width:415px} .dropdown.wide.centered .dr-menu-wrap{margin-left:-150px} .dropdown.small .dr-menu-wrap{width:80px;min-width:50px} .dropdown.small.centered .dr-menu-wrap{margin-left:-49px} .inputBg{z-index:7;position:relative;-webkit-transition:.2s ease all;transition:.2s ease all} .block_inputBg{position:relative;display:inline-block} .block_inputBg label{position:absolute;left:0;top:1px;color:#959ea3;font-weight:lighter;font-size:16px;font-family:'Open Sans',Helvetica;z-index:5;-webkit-transition:.2s ease all;transition:.2s ease all} .block_inputBg input:focus~label,.block_inputBg input:valid~label,.block_inputBg input.isset~label{top:-18px;color:#959ea3;font-size:10px;font-family:Verdana} input:required,textarea:required{box-shadow:none} .center{margin:0 auto} .block_inputBg .infos{left:0;bottom:-25px} .inputBg.error{border-bottom:1px solid red} input::-ms-clear{display:none} .c_select .inputBg{text-overflow:ellipsis} .c_select .inputBg:read-only,.c_select .inputBg:-moz-read-only{cursor:pointer} .c_select .inputBg+span{width:0;height:20px;border:6px solid transparent;border-top-color:#419902;border-bottom:0;display:inline-block;position:absolute;right:15px;top:calc(50% - 3px);cursor:pointer;z-index:9;align-items:center;} .c_select .inputBg:focus+span{opacity:.5} .c_select .results_container{position:absolute;z-index:500;bottom:auto;left:0;width:100%;text-align:left;background:#fff;box-shadow:0 3px 9px -2px #d0cfcf;visibility:hidden;opacity:0;max-height:300px;overflow-y:auto;border-radius:0 0 10px 10px} .c_select .results_container li{list-style-type:none;overflow:hidden;padding:0 20px;cursor:pointer;height:40px;line-height:40px} .c_select .results_container ul b{color:#abbac1;padding:5px 20px;overflow:hidden;cursor:pointer;text-transform:uppercase;font-weight:400} .c_select .results_container li.active{background:#87d3511f} .c_select .results_container ul{padding:0;margin-bottom:0} .c_select .results_container.active{visibility:visible;opacity:1;backface-visibility:hidden} .c-scroll::-webkit-scrollbar,.c_select .results_container::-webkit-scrollbar{width:4px;height:10px;background:transparent} .c-scroll::-webkit-scrollbar-thumb,.c_select .results_container::-webkit-scrollbar-thumb{border-width:1px 1px 1px 2px;border-color:#d8dfe3;background-color:#d8dfe3;border-radius:2px} .c-scroll::-webkit-scrollbar-thumb:hover,.c_select .results_container::-webkit-scrollbar-thumb:hover{border-width:1px 1px 1px 2px;border-color:#abbac1;background-color:#abbac1;height:10px} .c-scroll::-webkit-scrollbar-track,.c_select .results_container::-webkit-scrollbar-track{border-width:0} .c-scroll::-webkit-scrollbar-track:hover,.c_select .results_container::-webkit-scrollbar-track:hover{border-left:none;background-color:transparent} .ultra_scroll::-webkit-scrollbar{width:0} .ultra_scroll::-webkit-scrollbar-thumb,.ultra_scroll::-webkit-scrollbar-thumb:hover{border-width:0;border-color:transparent;background-color:transparent;border-radius:2px} .mob-menu{display:none;position:absolute;right:10px;top:24px;z-index:150} .logoblock.active .mob-menu{position:fixed} .ham{cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-transition:-webkit-transform 400ms;transition:-webkit-transform 400ms;transition:transform 400ms;transition:transform 400ms,-webkit-transform 400ms;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .hamRotate.active{-webkit-transform:rotate(45deg);transform:rotate(45deg)} .hamRotate180.active{-webkit-transform:rotate(180deg);transform:rotate(180deg)} .line{fill:none;-webkit-transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;transition:stroke-dasharray 400ms,stroke-dashoffset 400ms;stroke:#181722;stroke-width:5.5;stroke-linecap:round} .ham6 .top{stroke-dasharray:40 172} .ham6 .middle{stroke-dasharray:40 111} .ham6 .bottom{stroke-dasharray:40 172} .ham6.active .top{stroke-dashoffset:-132px} .ham6.active .middle{stroke-dashoffset:-71px} .ham6.active .bottom{stroke-dashoffset:-132px} .mobile-menu{display:none;top:442px!important} .decore_line{height:20px;border-top:1px solid #EDEDED;margin:0 20px} .social_icons_menu{text-align:center;display:none;height:110px;align-items:center;justify-content:center} .social_icons_menu img{width:40px;margin:0 20px} .col_right div p:first-child{text-transform:none!important;font-weight:700;font-size:15px} .blank{clear:both} .commentsList #rank{display:none} .slow_btn{background:url(images/slow.png) 50% 50% no-repeat #D7D9E5;display:inline-block;width:24px;height:24px;background-size: 74%;border-radius: 3px;margin-left: 2px;cursor:pointer;margin-top: 5px;} .slow_btn.active{background-color:#E188AB;} .faq_icon{content: url('images/tooltip.svg');width: 16px;height: 16px;cursor:pointer;margin-left: 15px;} .kdhelp{margin-top: 10px;} button:disabled,button[disabled],button[disabled]:hover{border: 1px solid #ffffff;background-color: #dadada;color: #858585;opacity: 0.5;} .dn{display:none} .row_txt{white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;} .youtube_toolbar{align-items: center;justify-content: center;margin-top:30px;} .youtube_toolbar > div > font{width:114px;height:44px; display: inline-flex;align-items: center;justify-content: center;padding:0px;} .youtube_toolbar > div{margin-left: 25px;} .youtube_toolbar > div:first-child{margin-left:0px;} .youtubeblock .progress-bar {background-color:#D9D9D9;height:5px;width:100%;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:3px;bottom:0px;} .youtubeblock .progress-bar span{display:inline-block;height:5px;width:100%;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;-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;background-color: #87D351;left:0px;} #ytube_videoblock.fix{left:0px;bottom:0px;min-width:385px;max-width:550px;width:385px;padding:0;z-index:100;resize:horizontal;overflow:auto;border:1px solid #fff;} #ytube_videoblock.fix .white_bg_content{padding-bottom:10px;} #ytube_videoblock.fix .youtubeblock {width:100%!important;padding:0px!important;float:left!important;border-radius:0px!important;} #ytube_videoblock.fix #youtube_task_player,#ytube_videoblock.fix div{border-radius:0px!important;} #ytube_videoblock.fix .youtube_toolbar {margin:5px 0!important;} #ytube_videoblock.fix .mid{margin-bottom:0px;} #ytube_videoblock.fix .youtube_toolbar > div > font{width:84px;height:32px;} #ytube_videoblock.fix p{display:none;} .youtube_toolbar .fix_video.off i { content:url('data:image/svg+xml; utf8, '); } .youtube_toolbar .fix_video.on i { content:url('data:image/svg+xml; utf8, '); } .youtube_toolbar .sound_video.off i { content:url('data:image/svg+xml; utf8, '); } .youtube_toolbar .sound_video.on i { content:url('data:image/svg+xml; utf8, '); } .youtube_toolbar .close_video i { content:url('data:image/svg+xml; utf8, '); } .youtube_toolbar font:hover i{ filter: brightness(0) invert(1); -webkit-transition: 0.1s -webkit-filter linear; -moz-transition: 0.1s -moz-filter linear; -moz-transition: 0.1s filter linear; -ms-transition: 0.1s -ms-filter linear; -o-transition: 0.1s -o-filter linear; transition: 0.1s filter linear, 0.1s -webkit-filter linear; } .growth{padding: 4px 8px;font-weight:bold;border-radius:5px;font-size:14px;white-space: nowrap;} .growth.positive{background:#ABFFC1;} .growth.negative{background:#FFABC4;} .growth.neitrale{background:#efefef;} .growth.positive i{content:url('data:image/svg+xml; utf8, '); margin-bottom: -3px;margin-left: 4px;} .growth.negative i{content:url('data:image/svg+xml; utf8, '); margin-bottom: -2px;margin-left: 4px;} .tags_qty {background:#eaf0ff;border-radius: 5px;padding:5px;} @media (max-width: 640px){ .stats_grid, .growth{ line-height: normal; font-size: 12px; } .base_stats_info{ font-size: 15px;line-height: normal; } .overview {display:none;} #update_stats {width: calc(100% - 40px);margin: 0px 20px;} }