*{box-sizing:border-box}html{height:100%}body{line-height:1;min-height:100%;position:relative}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:0 0;text-decoration:none}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}sup{font-size:smaller;vertical-align:super}
body,html{position:relative;top:0;left:0;width:100%;height:100%}body{font-family:Roboto,sans-serif;width:100%;height:100%;background-color:#fff;color:#000;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-smoothing:antialiased;font-weight:400}body.notLogged{background-color:#232323;color:#fff}body.logged .wrapper{padding:170px 70px 70px}
.topNav{position:fixed;left:0;top:0;width:100%;height:30px;background-color:#f9f9f9;border-bottom:1px solid #d9d9d9;z-index:1000}.topNav .logoutBtn{position:absolute;top:0;right:40px;line-height:30px;font-size:11px;text-transform:uppercase;color:#000;font-weight:700}nav{position:fixed;top:30px;left:0;width:100%;padding:0 70px;height:140px;background-color:#fff;z-index:1000}nav .backBtn{position:absolute;left:0;top:0;padding-left:70px;padding-right:20px;height:42px;line-height:42px;font-size:12px;color:#fff;background-color:#000;cursor:pointer;font-weight:700}nav .pageName{position:absolute;left:70px;bottom:35px;font-size:20px;line-height:24px;text-transform:uppercase;font-weight:700}nav .sectionName{position:absolute;right:70px;top:15px;font-size:30px;line-height:35px;text-transform:uppercase;font-weight:700}nav .createBtn{position:absolute;right:70px;bottom:35px}

.button{appearance:none;outline:0;position:relative;display:block;margin:0 auto;padding:0 20px;height:42px;line-height:42px;font-weight:700;text-align:center;background-color:#000;color:#fff;border:1px solid #000;text-transform:uppercase;cursor:pointer}.button.formBtn{width:200px}.button.backFormStep{background-color:#fff;color:#000;border:none}.button.backFormStep :before{content:"";position:absolute;left:0;top:50%;border:1px solid #000;width:10px;height:10px;border-right-color:transparent;border-bottom-color:transparent;transform:rotate(-45deg);transform-origin:0 0}.button.backFormStep span{display:inline-block;vertical-align:middle;line-height:normal}.linkBtn{color:#000;cursor:pointer;font-size:12px;font-weight:700;text-transform:uppercase}
form{position:relative;display:block}form .formSteps .formStep:not(:first-child){display:none}form .field{position:relative;display:block;margin-bottom:20px}form .field label{display:block;font-size:12px;line-height:14px;text-transform:uppercase;margin-bottom:5px}form .field input[type=email],form .field input[type=number],form .field input[type=password],form .field input[type=text]{appearance:none;width:100%;height:50px;line-height:50px;background-color:#fff;border:1px solid #000;outline:0;padding:0 10px}form .field input[type=email].error,form .field input[type=number].error,form .field input[type=password].error,form .field input[type=text].error{border:1px solid #c00;color:#c00}form .field select{appearance:none;width:100%;height:50px;line-height:50px;background-color:#fff;border:1px solid #000;outline:0;padding:0 10px}form .field.select:after{content:"";position:absolute;right:20px;top:50%;margin-top:-4px;border:4px solid #000;border-left-color:transparent;border-top-color:transparent;transform:rotate(45deg)}form .field.image img{display:inline-block;vertical-align:middle;margin-right:20px;width:100px;height:100px;object-fit:cover;object-position:center}form .field.image .group{display:inline-block;vertical-align:middle}form .fields{font-size:0}form .fields .field{display:inline-block;vertical-align:top;width:calc(50% - 10px)}form .fields .field:first-child{margin-right:20px}form .form-group{position:relative;display:flex;flex-direction:row;flex-wrap:wrap}form .form-group label{position:relative;padding-left:34px;line-height:24px;display:inline-block;width:50%;margin-bottom:10px}form .form-group label .checkmark{display:none;position:absolute;left:0;top:0}form .form-group label .checkmark:after{content:"";position:absolute;left:9px;top:4px;width:5px;height:10px;border:solid #666;border-width:0 3px 3px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}form .form-group label input[type=checkbox]{position:absolute;left:0;top:0;appearance:none;width:24px;height:24px;border:1px solid #000;margin:0;outline:0}form .form-group label input[type=checkbox]:checked~.checkmark{display:block}form .fieldsMessage{display:none;position:absolute;text-align:center;top:100%;left:0;width:100%;color:red;margin-top:10px;text-transform:uppercase}form .formBtn{margin-top:40px}form .buttons{margin-top:40px;display:flex;flex-direction:row}form .buttons .formBtn{margin:0 10px}form .message{display:none;text-align:center;font-size:12px;font-weight:700;margin-top:20px}form .message.error{color:#c00}
.contentList{position:relative;display:block;width:100%;list-style:none}.contentList .listItem{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;line-height:80px;background-color:#f4f4f4}.contentList .listItem:not(:last-child){margin-bottom:10px}.contentList .listItem .contentList{display:none;border-top:1px solid #fff;width:100%;background-color:#eee}.contentList .listItem .contentList .listItem{line-height:50px;margin-bottom:0;background-color:#eee}.contentList .listItem .contentList .listItem:not(:last-child){border-bottom:1px solid #fff}.contentList .listItem .contentList .listItem.hightlight{background-color:#e5e5e5}.contentList .listItem .contentList .listItem .leftPart,.contentList .listItem .contentList .listItem .rightPart{flex:unset;height:100%}.contentList .listItem .contentList .listItem .disabled{cursor:default;opacity:.2}.contentList .listItem .contentList .listItem .addBtn,.contentList .listItem .contentList .listItem .removeBtn{display:inline-block;vertical-align:middle;width:26px;height:26px;line-height:26px;border-radius:3px;background-color:#000;color:#fff;font-weight:700;text-align:center;margin-right:20px;cursor:pointer}.contentList .listItem .leftPart,.contentList .listItem .rightPart{flex:1 1 50%;display:flex;flex-wrap:nowrap}.contentList .listItem .leftPart .name{font-size:12px;text-transform:uppercase;font-weight:100;padding-left:20px}.contentList .listItem .leftPart.full{flex:0 0 100%!important;padding-right:200px}.contentList .listItem .leftPart.full .comment{font-size:12px;line-height:17px;text-transform:uppercase;font-weight:100;padding-left:20px;padding-bottom:20px}.contentList .listItem .rightPart{position:absolute;text-align:right;right:0;align-items:center}.contentList .listItem .rightPart .linkBtn,.contentList .listItem .rightPart .sep{margin-right:20px}.contentList .listItem .rightPart .sep{width:1px;height:30px;background-color:#979797}.contentList .listItem .itemContent{position:relative;width:100%}
.modal{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:2000}.modal .bloc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:calc(100% - 80px);width:730px;max-height:calc(100% - 80px);padding:60px;background-color:#fff}.modal .bloc .closeBtn:not(.button){position:absolute;right:20px;top:20px;width:15px;height:15px;cursor:pointer}.modal .bloc .closeBtn:not(.button):after,.modal .bloc .closeBtn:not(.button):before{content:"";position:absolute;left:0;top:50%;width:100%;height:2px;margin-top:-1px;background-color:#000}.modal .bloc .closeBtn:not(.button):before{transform:rotate(45deg)}.modal .bloc .closeBtn:not(.button):after{transform:rotate(-45deg)}.modal .bloc .title{text-align:center;text-transform:uppercase;font-weight:700;margin-bottom:40px}.modal .bloc .desc{text-align:center;margin-bottom:40px}.modal .bloc .userName{position:absolute;left:30px;top:30px;font-size:13px;font-weight:700;text-transform:uppercase;display:none}.modal .bloc form{position:relative;max-width:390px;margin:0 auto}
.wrapper.clients .contentList .listItem .leftPart .logo{position:relative;width:80px;height:80px;background-position:center;background-repeat:no-repeat;background-size:80%;background-color:#cdcdcd}.wrapper.clients .contentList .listItem .rightPart .likesBtn{position:relative;width:40px;height:30px;background-position:left center;background-repeat:no-repeat;background-image:url(../img/likes.svg)}.wrapper.clients .contentList .listItem .rightPart .likesBtn:before{content:"";position:absolute;right:0;top:0;width:8px;height:8px;background-color:red;border-radius:6px}
.wrapper.loginPage{position:absolute;left:0;top:0;width:100%;height:100%}.wrapper.loginPage .blocLogin{position:absolute;left:50%;width:350px;margin-left:-175px;top:50%;transform:translateY(-50%)}.wrapper.loginPage .blocLogin .logo{width:120px;height:120px;border-radius:120px;background-color:#fff;background-position:center;background-repeat:no-repeat;background-size:60%;margin:0 auto 40px}.wrapper.loginPage .blocLogin .errorBloc{position:relative;border-radius:3px;width:100%;background-color:#fff;padding:20px;color:#c00;font-size:12px;line-height:14px;margin-bottom:40px}.wrapper.loginPage .blocLogin form .field input{border-radius:3px;border:none}.wrapper.loginPage .blocLogin form .button{margin-top:40px;background-color:#fff;color:#000;border:none;border-radius:3px}.wrapper.loginPage .blocLogin .logo+form{margin-top:80px}
.wrapper.users .contentList .listItem .rightPart .likesBtn{position:relative;width:40px;height:30px;background-position:left center;background-repeat:no-repeat;background-image:url(../img/likes.svg)}.wrapper.users .contentList .listItem .rightPart .likesBtn.new:before{content:"";position:absolute;right:0;top:0;width:8px;height:8px;background-color:red;border-radius:6px}