@import url('https://fonts.googleapis.com/css?family=Google+Sans:400,500,700');
@keyframes ZoomAnim { 0% { transform: scale(1); } 100% { transform: scale(1.1); } }
@keyframes ClignAnim { 0% { opacity: 0; width: 0%; margin-left: -0%; } 25% { opacity: 1.0; width: 100%; margin-left: -50%; } 100% { opacity: 0; width: 100%; margin-left: -50%; } }

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment { width: 0px; height: 0px; display: block; }
::-webkit-scrollbar { width: 0px; height: 0px; }
::-webkit-scrollbar-thumb:vertical,
::-webkit-scrollbar-thumb:horizontal { height: 0px; }

html,body { width: 100%; height: 100%; margin: 0px; padding: 0px; background-color: #f3f6fa; outline: none; -ms-overflow-style: none; -webkit-tap-highlight-color: transparent; }
h2 { position: relative; width: 100%; margin: 0px; padding: 40px; padding-bottom: 24px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 20px; font-weight: 500; line-height: 24px; text-align: left; color: #000000; float: left; }
b { font-weight: 500; }
strong { font-weight: 500; }
a { color: #3d9bff; text-decoration: none; }
img { max-width: 100%; height: auto; }
input, textarea, select, iframe { outline: none; border-radius: 0; -webkit-border-radius: 0; -webkit-appearance: none; resize: none; }
#dossier { display: none; }
#edition { display: none; }

.log_cnt { position: fixed; width: 100%; height: 100%; top: 0px; right: 0px; margin: 0px; margin-top: 40px; padding: 0px; box-sizing: border-box; float: left; opacity: 0; z-index: 2; }
.log_cnt_box { position: absolute; width: 280px; height: 380px; top: 50%; bottom: 50%; left: 50%; right: 50%; margin-left: -140px; margin-top: -190px; padding: 40px; box-sizing: border-box; background-color: #fff; border-radius: 3px; box-shadow: 0px 0px 20px 0px rgba(16, 16, 16, 0.1); text-align: center; z-index: 2; }
.log_cnt_box_ico { position: relative; width: 100%; height: 100px; top: 0px; left: 0px; margin-bottom: 20px; background-image: url(../imgs/log-user.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; } 
.log_cnt_box_chr { position: relative; width: 100%; height: 100px; top: 0px; left: 0px; margin-bottom: 20px; background-image: url(../imgs/log-chrome.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; } 
.log_cnt_box_mes { position: relative; width: 100%; top: 0px; left: 0px; right: 0px; margin: 0px; padding: 0px; box-sizing: border-box; font-family: 'Google Sans'; font-size: 15px; font-weight: 400; line-height: 20px; text-align: center; color: #000; float: left; }

.log_cnt_box_inp { position: relative; width: 100%; height: 42px; top: 0px; left: 0px; right: 0px; margin: 0px; padding: 0px; box-sizing: border-box; font-family: 'Google Sans'; font-size: 14px; font-weight: 400; line-height: 42px; text-align: center; color: #000; border: 0px; border-bottom: 1px solid #e3e6ea; background-color: #fff; -webkit-box-shadow: 0 0 0px 1000px #fff inset; overflow: hidden; float: left; }
.log_cnt_box_inp::-webkit-input-placeholder { color: #c3c6ca; }
.log_cnt_box_inp:-ms-input-placeholder { color: #c3c6ca; }
.log_cnt_box_inp:focus { background-color: #f3f6fa; -webkit-box-shadow: 0 0 0px 1000px #f3f6fa inset; color: #3d9bff; border-bottom: 1px solid #3d9bff; }
.log_cnt_box_inp::-webkit-input-placeholder { color: #c3c6ca; }
.log_cnt_box_inp:-ms-input-placeholder { color: #c3c6ca; }
.log_cnt_box_inp:focus { color: #3d9bff; border-bottom: 1px solid #3d9bff; }
.log_cnt_box_sub { position: relative; height: 40px; top: 0px; margin: 0px; margin-top: 20px; padding: 0px; padding-left: 20px; padding-right: 20px; font-family: 'Google Sans'; font-size: 13px; font-weight: 400; text-align: center; color: #fff; border: 0px; background-color: #3d9bff; line-height: 40px; cursor: pointer; border-radius: 20px; }
.log_cnt_box_for { position: relative; width: 100%; height: 20px; top: 0px; margin: 0px; margin-top: 20px; padding: 0px; box-sizing: border-box; font-family: 'Google Sans'; font-size: 12px; font-weight: 500; text-align: center; line-height: 20px; color: #e3e6ea; cursor: pointer; }

.log_not { position: fixed; width: auto; height: 40px; bottom: 60px; right: 60px; padding-left: 50px; padding-right: 20px; box-sizing: border-box; background-color: #3d9bff; font-family: 'Google Sans', sans-serif; font-size: 13px; font-weight: 400; line-height: 40px; text-align: center; color: #fff; border-radius: 20px; cursor: pointer; overflow: hidden; box-shadow: 0px 0px 10px 0px rgba(16, 16, 16, 0.2); z-index: 4; }
.log_ico { position: absolute; width: 40px; height: 40px; top: 0px; left: 0px; background-image: url(../imgs/ico-notification.svg); background-size: auto 50%; background-repeat: no-repeat; background-position: center right; cursor: pointer; }

.raw { position: fixed; width: 500%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; background-color: rgba(16,16,16,.1); display: none; cursor: pointer; z-index: 12; }
.dis { position: fixed; width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; padding: 40px; padding-top: 56px; box-sizing: border-box; background-color: #fff; display: none; cursor: pointer; z-index: 20; }
.dis_img { position: relative; width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; background-size: contain; background-repeat: no-repeat; background-position: center center; opacity: 0; float: left; }
.dis_upl { position: absolute; height: 32px; top: 12px; right: 12px; margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px; font-family: 'Google Sans'; font-size: 14px; font-weight: 400; text-align: center; color: #fff; border: 0px; background-color: #3d9bff; line-height: 34px; cursor: pointer; border-radius: 3px; float: right; }



.vid { position: fixed; width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; padding: 0px; box-sizing: border-box; background-color: #fff; display: none; z-index: 20; }
.vid_you { position: relative; width: 1280px; height: 720px; top: 80px; left: 50%; right: 50%; margin-left: -640px; border: 0px; box-sizing: border-box; background-color: #fff; border-radius: 3px; opacity: 0; float: left; }
.vid_clo { position: absolute; height: 32px; top: 12px; right: 12px; margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px; font-family: 'Google Sans'; font-size: 14px; font-weight: 400; text-align: center; color: #fff; border: 0px; background-color: #3d9bff; line-height: 34px; cursor: pointer; border-radius: 3px; float: right; }

.pdf { position: fixed; width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; padding: 40px; padding-top: 56px; box-sizing: border-box; background-color: #fff; display: none; z-index: 20; }
.pdf_doc { position: relative; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; border: 0px; box-sizing: border-box; background-color: #fff; border-radius: 3px; float: left; }
.pdf_clo { position: absolute; height: 32px; top: 12px; right: 12px; margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px; font-family: 'Google Sans'; font-size: 14px; font-weight: 400; text-align: center; color: #fff; border: 0px; background-color: #3d9bff; line-height: 34px; cursor: pointer; border-radius: 3px; float: right; }


.hea { position: fixed; width: 100%; height: 56px; top: 0px; left: 0px; padding: 0px; box-sizing: border-box; background-color: #fff; z-index: 8; }
.hea_men { position: relative; width: 100%; height: 56px; padding: 0px; padding-left: 22px; padding-right: 30px; box-sizing: border-box; float: left; }
.hea_men_cnt { position: relative; width: 100%; float: left; }
.hea_men_cnt_ope { position: relative; width: 56px; height: 56px; background-image: url(../imgs/men-ope.svg); background-size: 25%; background-repeat: no-repeat; background-position: center center; display: none; cursor: pointer; float: left; }
.hea_men_cnt_rub { display: block; }
.hea_men_cnt_rub_off { display: none; position: relative; width: 56px; height: 56px; background-image: url(../imgs/men-off.svg); background-size: 25%; background-repeat: no-repeat; background-position: center center; cursor: pointer; float: left; }
.hea_men_cnt_rub_tit { position: relative; margin: 0px; padding: 0px; padding-left: 8px; padding-right: 8px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 56px; color: #000; float: left; }
.hea_men_cnt_rub_sel { position: relative; margin: 0px; padding: 0px; padding-left: 8px; padding-right: 8px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 56px; color: #3d9bff; float: left; }
.hea_men_cnt_rub_not { position: absolute; width: 0%; height: 2px; bottom: 0px; left: 50%; right: 50%; margin: 0px; margin-left: -0%; padding: 0px; background-color: #d11124; animation-name: ClignAnim; animation-duration: 2s; animation-iteration-count: infinite; float: left; }
.hea_but { position: relative; height: 32px; margin: 12px; margin-left: 0px; padding: 0px; padding-left: 12px; padding-right: 12px; box-sizing: border-box; background-color: #3d9bff; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 34px; color: #fff; border-radius: 3px; cursor: pointer; float: right; }
.hea_but_fil { position: absolute; width: 100%; height: 112px; top: -56px; left: 0px; margin: 0px; padding: 0px; box-sizing: border-box; background-color: #fff; opacity: .000001; text-align: left; line-height: 50px; cursor: pointer; z-index: 2; }
.hea_men_cnt_usr { position: relative; margin: 0px; padding: 0px; padding-left: 18px; padding-right: 8px; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 56px; color: #000; cursor: pointer; float: right; }
.hea_men_cnt_ava { position: relative; width: 40px; height: 40px; top: 8px; background-size: cover; background-repeat: no-repeat; background-color: #f3f6fa; background-position: center center; border-radius: 50%; cursor: pointer; overflow: hidden; float: right; }
.hea_men_cnt_ava_fil { position: absolute; width: 100%; height: 80px; top: -40px; left: 0px; margin: 0px; padding: 0px; box-sizing: border-box; background-color: #fff; opacity: .000001; cursor: pointer; z-index: 2; }
.lst { position: fixed; width: 240px; height: 100%; left: 0px; top: 0px; padding: 0px; padding-top: 56px; padding-bottom: 20px; background-color: #ffffff; box-sizing: border-box; overflow-y: auto; z-index: 6; }
.lst_ls0 { position: relative; width: 100%; height: 32px; padding: 0px; padding-left: 60px; padding-right: 10px; box-sizing: border-box; background-image: url(../imgs/rep-folder-grey.svg); background-size: auto 20px; background-repeat: no-repeat; background-position: center left 30px; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 32px; color: #63666a; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lst_ls1 { position: relative; width: 100%; height: 32px; padding: 0px; padding-left: 60px; padding-right: 10px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 32px; color: #63666a; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lst_ls2 { display: none; position: relative; width: 100%; height: 32px; padding: 0px; padding-left: 70px; padding-right: 10px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 32px; color: #63666a; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lst_ls3 { display: none; position: relative; width: 100%; height: 32px; padding: 0px; padding-left: 80px; padding-right: 10px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 32px; color: #63666a; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lst_ls4 { display: none; position: relative; width: 100%; height: 32px; padding: 0px; padding-left: 900px; padding-right: 10px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 32px; color: #63666a; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lst_ls5 { display: none; position: relative; width: 100%; height: 32px; padding: 0px; padding-left: 100px; padding-right: 10px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 32px; color: #63666a; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lst_ls0_sel { position: relative; width: 100%; height: 32px; padding: 0px; padding-left: 60px; padding-right: 10px; box-sizing: border-box; background-color: #3d9bff; background-image: url(../imgs/rep-folder-white.svg); background-size: auto 20px; background-repeat: no-repeat; background-position: center left 30px; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 32px; color: #fff; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lst_ls1_sel { position: relative; width: 100%; height: 32px; padding: 0px; padding-left: 60px; padding-right: 10px; box-sizing: border-box; background-color: #3d9bff; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 32px; color: #fff; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lst_ls2_sel { position: relative; width: 100%; height: 32px; padding: 0px; padding-left: 70px; padding-right: 10px; box-sizing: border-box; background-color: #3d9bff; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 32px; color: #fff; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lst_ls3_sel { position: relative; width: 100%; height: 32px; padding: 0px; padding-left: 80px; padding-right: 10px; box-sizing: border-box; background-color: #3d9bff; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 32px; color: #fff; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lst_ls4_sel { position: relative; width: 100%; height: 32px; padding: 0px; padding-left: 90px; padding-right: 10px; box-sizing: border-box; background-color: #3d9bff; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 32px; color: #fff; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.lst_ls5_sel { position: relative; width: 100%; height: 32px; padding: 0px; padding-left: 100px; padding-right: 10px; box-sizing: border-box; background-color: #3d9bff; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 32px; color: #fff; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.cov { position: relative; width: 100%; height: 240px; top: 56px; padding-left: 240px; box-sizing: border-box; overflow: hidden; float: left; z-index: 2; }
.cov_tit { position: absolute; width: 100%; bottom: 0px; margin: 0px; padding: 32px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 72px; font-weight: 700; line-height: 68px; text-align: left; color: #fff; float: left; z-index: 4; }
.cov_img { position: absolute; width: 100%; height: 100%; background-image: url(../imgs/texture.svg); background-size: 25%; background-repeat: repeat; background-position: center center; float: left; opacity: .2; z-index: 2; }
.cnt { position: relative; width: 100%; top: 0px; left: 0px; right: 0px; margin: 0px; margin-top: -40px; padding: 95px; padding-left: 335px; padding-top: 101px; padding-bottom: 45px; box-sizing: border-box; float: left; z-index: 0; opacity: 0; }
.cnt_grp { position: relative; width: 100%; left: 0px; top: 0px; padding-bottom: 45px; box-sizing: border-box; float: left; } 



.cnt_grp_tit { position: relative; width: 100%; margin: 0px; padding: 0px; margin-bottom: 26px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 52px; font-weight: 700; line-height: 52px; text-align: left; color: #03060a; float: left; }
.cnt_grp_aut { position: relative; margin: 0px; height: 52px; margin-bottom: 26px; padding: 0px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 16px; font-weight: 700; line-height: 26px; text-align: left; color: #03060a; float: left; }
.cnt_grp_txt { position: relative; width: 100%; margin: 0px; padding: 0px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 26px; text-align: left; color: #03060a; float: left; }


.cnt_fol { position: relative; width: 10%; padding: 5px; padding-bottom: 0px; box-sizing: border-box; float: left; }
.cnt_fol_cnt { position: relative; width: 100%; height: 0; padding-bottom: 85%; background-image: url(../imgs/rep-folder.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; float: left; }
.cnt_fol_cnt_txt { position: relative; width: 100%; height: 32px; margin: 0px; padding: 0px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 13px; font-weight: 500; line-height: 16px; text-align: center; color: #63666a; float: left; overflow: hidden; text-overflow: ellipsis; float: left; }
.cnt_doc { position: relative; width: 10%; padding: 5px; padding-bottom: 0px; box-sizing: border-box; float: left; }
.cnt_doc_edi { position: absolute; width: 15%; height: 0; top: 0px; left: 0px; margin-top: 7%; margin-left: 10%; padding-bottom: 15%; background-color: #ffffff; background-image: url(../imgs/ico-options.svg); background-size: 60%; background-repeat: no-repeat; background-position: center center; cursor: pointer; border-radius: 50%; box-shadow: 0px 10px 10px 0px rgba(16, 16, 16, 0.1); float: left; }
.cnt_doc_del { position: absolute; width: 15%; height: 0; top: 0px; left: 0px; margin-top: 7%; margin-left: 10%; padding-bottom: 15%; background-color: #ffffff; background-image: url(../imgs/ico-delete.svg); background-size: 50%; background-repeat: no-repeat; background-position: center center; cursor: pointer; border-radius: 50%; box-shadow: 0px 10px 10px 0px rgba(16, 16, 16, 0.1); float: left; z-index: 4; }


.cnt_doc_siz { position: absolute; width: 100%; height: 32px; bottom: 0px; padding: 0px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 11px; font-weight: 500; line-height: 32px; text-align: center; color: #fff; float: left; }
.cnt_doc_pdf { position: relative; width: 100%; height: 0; padding-bottom: 80%; background-image: url(../imgs/ico-pdf.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; float: left; }
.cnt_doc_doc { position: relative; width: 100%; height: 0; padding-bottom: 80%; background-image: url(../imgs/ico-doc.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; float: left; }
.cnt_doc_xls { position: relative; width: 100%; height: 0; padding-bottom: 80%; background-image: url(../imgs/ico-xls.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; float: left; }
.cnt_doc_ppt { position: relative; width: 100%; height: 0; padding-bottom: 80%; background-image: url(../imgs/ico-ppt.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; float: left; }
.cnt_doc_zip { position: relative; width: 100%; height: 0; padding-bottom: 80%; background-image: url(../imgs/ico-zip.svg); background-size: contain; background-repeat: no-repeat; background-position: center center; cursor: pointer; float: left; }
.cnt_doc_cnt_txt { position: relative; width: 100%; height: 64px; margin: 0px; margin-top: 10px; padding: 0px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 13px; font-weight: 500; line-height: 16px; text-align: center; color: #63666a; float: left; overflow: hidden; text-overflow: ellipsis; float: left; }
.cnt_doc_cnt_siz { padding: 1px; padding-left: 12px; padding-right: 12px; border-radius: 3px; background-color: #e3e6ea; font-size: 10px; font-weight: 400; line-height: 16px; text-align: center; color: #73767a; }
.cnt_flx { position: relative; width: 20%; padding: 5px; box-sizing: border-box; float: left; }
.cnt_flx_cnt { position: relative; width: 100%; height: 440px; padding: 0px; box-sizing: border-box; border-radius: 3px; background-color: #ffffff; overflow: hidden; float; left; }
.cnt_flx_cn2 { position: relative; width: 100%; height: 240px; padding: 0px; box-sizing: border-box; border-radius: 3px; background-color: #ffffff; overflow: hidden; float; left; }
.cnt_flx_cnt_img { position: relative; width: 100%; height: 0; padding-bottom: 70%; background-size: cover; background-repeat: no-repeat; background-position: center center; float: left; }
.cnt_flx_cnt_tit { position: relative; width: 100%; margin: 0px; padding: 18px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 18px; text-align: left; color: #000; float: left; }
.cnt_flx_cnt_txt { position: relative; width: 100%; margin: 0px; padding: 18px; padding-top: 0px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 18px; text-align: left; color: #63666a; float: left; }
.cnt_flx_cnt_dat { position: absolute; width: 100%; bottom: 18px; margin: 0px; padding: 0px; padding-left: 18px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 18px; text-align: left; color: #000; float: left; }
.cnt_not { position: relative; width: 100%; height: 56px; padding: 0px; box-sizing: border-box; background-color: #ffffff;float: left; border-bottom: 1px solid #f3f6fa; float: left; }
.cnt_not_cn1 { position: relative; width: 100%; height: 56px; margin: 0px; padding: 0px; box-sizing: border-box; overflow: hidden; float; left; }
.cnt_not_cn2 { position: relative; width: 100%; height: 56px; margin: 0px; padding: 0px; box-sizing: border-box; overflow: hidden; float; left; opacity: .5; }
.cnt_not_cnt_img { position: absolute; width: 55px; height: 55px; top: 0px; left: 0px; margin: 0px; padding: 0px; box-sizing: border-box; background-color: #e3e6ea; background-size: cover; background-repeat: no-repeat; background-position: center center; float: left; z-index: 4; }
.cnt_not_cnt_tit { position: relative; width: 100%; height: 36px; left: 0px; top: 0px; margin: 10px; padding: 0px; padding-left: 56px; padding-right: 132px; overflow: hidden; text-overflow: ellipsis; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 18px; text-align: left; color: #000; float: left; z-index: 2; }
.cnt_not_cnt_dat { color: #63666a; }
.cnt_not_cnt_arr { position: absolute; width: 55px; height: 55px; top: 0px; right: 0px; margin: 0px; padding: 0px; border-left: 1px solid #f3f6fa; box-sizing: border-box; background-image: url(../imgs/ico-next.svg); background-size: 17px; background-repeat: no-repeat; background-position: center center; float: left; cursor: pointer; z-index: 0; }
.cnt_not_cnt_del { position: absolute; width: 55px; height: 55px; top: 0px; right: 56px; margin: 0px; padding: 0px; border-left: 1px solid #f3f6fa; box-sizing: border-box; background-image: url(../imgs/ico-delete.svg); background-size: 25%; background-repeat: no-repeat; background-position: center center; float: left; cursor: pointer; z-index: 6; }
.cnt_img { position: relative; padding: 5px; box-sizing: border-box; float: left; }
.cnt_img_edi { position: absolute; width: 32px; height: 32px; top: 0px; left: 0px; margin-top: 15px; margin-left: 15px; background-color: #ffffff; background-image: url(../imgs/ico-options.svg); background-size: 60%; background-repeat: no-repeat; background-position: center center; cursor: pointer; border-radius: 50%; box-shadow: 0px 10px 10px 0px rgba(16, 16, 16, 0.1); float: left; z-index: 4; }
.cnt_img_del { position: absolute; width: 32px; height: 32px; top: 0px; left: 0px; margin-top: 15px; margin-left: 15px; background-color: #ffffff; background-image: url(../imgs/ico-delete.svg); background-size: 40%; background-repeat: no-repeat; background-position: center center; cursor: pointer; border-radius: 50%; box-shadow: 0px 10px 10px 0px rgba(16, 16, 16, 0.1); float: left; z-index: 4; }

.cnt_img_cnt { position: relative; width: auto; height: 220px; cursor: pointer; background-color: #fff; border-radius: 3px; float: left; z-index: 2; }
.cnt_pos { position: relative; width: 100%; left: 0px; top: 0px; float: left; margin-top: 5px; padding: 0px; padding-bottom: 50px; padding-right: 235px; box-sizing: border-box; float: left; }
.cnt_pos_tit { position: relative; width: 100%; margin: 0px; padding: 0px; margin-bottom: 26px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 52px; font-weight: 700; line-height: 52px; text-align: left; color: #03060a; float: left; }
.cnt_pos_aut { position: relative; margin: 0px; height: 52px; margin-bottom: 26px; padding: 0px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 16px; font-weight: 700; line-height: 26px; text-align: left; color: #03060a; float: left; }
.cnt_pos_txt { position: relative; width: 100%; margin: 0px; padding: 0px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 26px; text-align: left; color: #03060a; float: left; }

.cnt_eff { position: relative; width: 20%; padding: 20px; box-sizing: border-box; cursor: pointer; float: left; }
.cnt_eff_lea { position: absolute; width: 15%; height: 0; top: 0px; right: 0px; margin-top: 12%; margin-right: 12%; padding-bottom: 15%; background-color: #fdb813; background-image: url(../imgs/ico-leader.svg); background-size: 60%; background-repeat: no-repeat; background-position: center center; cursor: pointer; border-radius: 50%; box-shadow: 0px 10px 10px 0px rgba(16, 16, 16, 0.1); float: right; }
.cnt_eff_cov { position: relative; width: 100%; height: 0; padding-bottom: 100%; background-color: #fff; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 50%; float: left; }
.cnt_eff_tit { position: relative; width: 100%; height: 18px; margin: 0px; margin-top: 10px; padding: 0px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 18px; text-align: center; color: #000; float: left; overflow: hidden; text-overflow: ellipsis; float: left; }
.cnt_eff_txt { position: relative; width: 100%; height: 72px; margin: 0px; margin-top: 4px; padding: 0px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 18px; text-align: center; color: #63666a; float: left; overflow: hidden; text-overflow: ellipsis; float: left; }
.cnt_vid { position: relative; width: 25%; padding: 5px; box-sizing: border-box; cursor: pointer; float: left; }
.cnt_vid_cov { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 3px; overflow: hidden; float: left; }
.cnt_vid_cov_lay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-color: rgba(0,0,0,.25); background-image: url(../imgs/but-play.svg); background-size: 25%; background-repeat: no-repeat; background-position: center center; overflow: hidden; float: left; z-index: 1; }
.cnt_vid_edi { position: absolute; width: 32px; height: 32px; top: 0px; left: 0px; margin-top: 15px; margin-left: 15px; background-color: #ffffff; background-image: url(../imgs/ico-options.svg); background-size: 60%; background-repeat: no-repeat; background-position: center center; cursor: pointer; border-radius: 50%; box-shadow: 0px 10px 10px 0px rgba(16, 16, 16, 0.1); float: left; z-index: 4; }
.cnt_vid_del { position: absolute; width: 32px; height: 32px; top: 0px; left: 0px; margin-top: 15px; margin-left: 15px; background-color: #ffffff; background-image: url(../imgs/ico-delete.svg); background-size: 40%; background-repeat: no-repeat; background-position: center center; cursor: pointer; border-radius: 50%; box-shadow: 0px 10px 10px 0px rgba(16, 16, 16, 0.1); float: left; z-index: 4; }

.cnt_vid_txt { position: absolute; width: 100%; height: 48px; bottom: 0px; left: 0px; margin: 0px; padding: 0px; padding-left: 20px; padding-right: 20px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 13px; font-weight: 400; line-height: 48px; text-align: left; color: #fff; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; float: left; z-index: 6; }
.cnt_dro { position: relative; width: 100%; float: left; }
.cnt_dro_li0 { position: relative; width: 100%; height: 56px; background-color: #fff; margin-bottom: 56px; padding: 0px; padding-left: 20px; box-sizing: border-box; float: left; white-space: nowrap; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 56px; text-align: left; border-bottom: 1px solid #f3f6fa; color: #232620; float: left; }
.cnt_dro_li1 { position: relative; width: 100%; height: 56px; background-color: #fff; padding: 0px; padding-left: 20px; box-sizing: border-box; float: left; white-space: nowrap; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 56px; text-align: left; border-bottom: 1px solid #f3f6fa; color: #232620; float: left; }
.cnt_dro_li2 { position: relative; width: 100%; height: 56px; background-color: #fff; padding: 0px; padding-left: 40px; box-sizing: border-box; float: left; white-space: nowrap; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 500; line-height: 56px; text-align: left; border-bottom: 1px solid #f3f6fa; color: #232620; float: left; }
.cnt_dro_lin_oui { position: absolute; width: 24px; height: 24px; top: 16px; right: 20px; background-color: #3d9bff; border-radius: 50%; cursor: pointer; }
.cnt_dro_lin_non { position: absolute; width: 24px; height: 24px; top: 16px; right: 20px; background-color: #f3f6fa; border-radius: 50%; cursor: pointer; }
.for_box { position: fixed; width: 30%; height: 100%; top: 0px; right: -50%; padding: 40px; box-sizing: border-box; background-color: #fff; overflow-y: auto; z-index: 100; }
.for_box_ava { position: absolute; width: 84px; height: 84px; top: 20px; right: 40px; background-size: cover; background-repeat: no-repeat; background-color: #f3f6fa; background-position: center center; border-radius: 50%; cursor: pointer; overflow: hidden; float: right; z-index: 2; }
.for_box_ava_fil { position: absolute; width: 100%; height: 168px; top: -40px; left: 0px; margin: 0px; padding: 0px; box-sizing: border-box; background-color: #fff; opacity: .000001; cursor: pointer; z-index: 2; }
.for_box_tit { position: relative; width: 100%; margin: 0px; padding: 0px; padding-bottom: 20px; box-sizing: border-box; font-family: 'Google Sans', sans-serif; font-size: 48px; font-weight: 500; line-height: 48px; text-align: left; color: #e3e6ea; float: left; z-index: 0; }
.for_box_inp { position: relative; width: 100%; height: 42px; top: 0px; left: 0px; right: 0px; margin: 0px; padding: 0px; box-sizing: border-box; font-family: 'Google Sans'; font-size: 14px; font-weight: 400; line-height: 42px; text-align: left; color: #000; border: 0px; border-bottom: 1px solid #e3e6ea; background-color: #fff; -webkit-box-shadow: 0 0 0px 1000px #fff inset; overflow: hidden; float: left; }
.for_box_inp::-webkit-input-placeholder { color: #c3c6ca; }
.for_box_inp:-ms-input-placeholder { color: #c3c6ca; }
.for_box_inp:focus { background-color: #f3f6fa; -webkit-box-shadow: 0 0 0px 1000px #f3f6fa inset; color: #3d9bff; border-bottom: 1px solid #3d9bff; }
.for_box_sel { position: relative; width: 100%; height: 42px; top: 0px; left: 0px; right: 0px; margin: 0px; padding: 0px; box-sizing: border-box; font-family: 'Google Sans'; font-size: 14px; font-weight: 400; line-height: 42px; text-align: left; color: #000; border: 0px; border-bottom: 1px solid #e3e6ea; background-color: #fff; -webkit-box-shadow: 0 0 0px 1000px #fff inset; overflow: hidden; cursor: pointer; float: left; }
.for_box_sel::-webkit-input-placeholder { color: #c3c6ca; }
.for_box_sel:-ms-input-placeholder { color: #c3c6ca; }
.for_box_sel:focus { background-color: #f3f6fa; -webkit-box-shadow: 0 0 0px 1000px #f3f6fa inset; color: #3d9bff; border-bottom: 1px solid #3d9bff; }
.for_box_txt { position: relative; width: 100%; height: 360px; top: 0px; left: 0px; right: 0px; margin: 0px; padding: 0px; padding-top: 12px; padding-bottom: 12px; box-sizing: border-box; font-family: 'Google Sans'; font-size: 14px; font-weight: 400; line-height: 18px; text-align: left; color: #000; border: 0px; border-bottom: 1px solid #e3e6ea; background-color: #fff; -webkit-box-shadow: 0 0 0px 1000px #fff inset; overflow: hidden; overflow-y: auto; float: left; }
.for_box_txt::-webkit-input-placeholder { color: #c3c6ca; }
.for_box_txt:-ms-input-placeholder { color: #c3c6ca; }
.for_box_txt:focus { background-color: #f3f6fa; -webkit-box-shadow: 0 0 0px 1000px #f3f6fa inset; color: #3d9bff; border-bottom: 1px solid #3d9bff; }
.for_box_inp_chk { position: relative; width: 50px; height: 30px; margin-top: 6px; margin-right: 10px; background-color: #e3e6ea; border-radius: 15px; cursor: pointer; display: none; float: left; }
.for_box_inp_chk_oui { position: absolute; width: 24px; height: 24px; top: 3px; right: 3px; background-color: #3d9bff; border-radius: 12px; float: right; box-shadow: 0px 0px 10px 0px rgba(16, 16, 16, 0.1); }
.for_box_inp_chk_non { position: absolute; width: 24px; height: 24px; top: 3px; left: 3px; background-color: #fff; border-radius: 12px; float: left; box-shadow: 0px 0px 10px 0px rgba(16, 16, 16, 0.1); }
.for_box_lin { position: relative; width: 100%; top: 0px; left: 0px; right: 0px; margin: 0px; padding: 0px; box-sizing: border-box; border-bottom: 1px solid #e3e6ea; overflow: hidden; float: left; }
.checkmark { position: absolute; top: 0px; left: 0px; width: 24px; height: 24px; margin-top: 8px; background-color: #e3e6ea; border-radius: 50%; }
.checkmark:after { content: ""; position: absolute; display: none; }
.for_box_ra1 { position: relative; padding-left: 34px; font-family: 'Google Sans'; font-size: 14px; font-weight: 400; line-height: 42px; text-align: left; color: #000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; cursor: pointer; }
.for_box_ra1 input { position: absolute; opacity: 0; cursor: pointer; }
.for_box_ra1 input:checked ~ .checkmark { background-color: #3d9bff; }
.for_box_ra1 input:checked ~ .checkmark:after { display: block; }
.for_box_ra2 { position: relative; padding-left: 44px; font-family: 'Google Sans'; font-size: 14px; font-weight: 400; line-height: 42px; text-align: left; color: #000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; cursor: pointer; }
.for_box_ra2 input { position: absolute; opacity: 0; cursor: pointer; }
.for_box_ra2 input:checked ~ .checkmark { background-color: #3d9bff; }
.for_box_ra2 input:checked ~ .checkmark:after { display: block; }
.for_box_ra3 { position: relative; padding-left: 54px; font-family: 'Google Sans'; font-size: 14px; font-weight: 400; line-height: 42px; text-align: left; color: #000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: block; cursor: pointer; }
.for_box_ra3 input { position: absolute; opacity: 0; cursor: pointer; }
.for_box_ra3 input:checked ~ .checkmark { background-color: #3d9bff; }
.for_box_ra3 input:checked ~ .checkmark:after { display: block; }
.for_box_sub { position: relative; height: 32px; top: 0px; margin: 0px; margin-top: 20px; padding: 0px; padding-left: 12px; padding-right: 12px; font-family: 'Google Sans'; font-size: 14px; font-weight: 500; text-align: center; color: #fff; border: 0px; background-color: #3d9bff; line-height: 34px; cursor: pointer; border-radius: 3px; float: left; }
.for_box_for { position: relative; height: 32px; top: 0px; margin: 0px; margin-top: 20px; padding: 0px; padding-left: 12px; padding-right: 12px; box-sizing: border-box; font-family: 'Google Sans'; font-size: 12px; font-weight: 500; text-align: left; line-height: 34px; color: #b3b6ba; cursor: pointer; float: left; }
.not { position: fixed; width: auto; height: 64px; bottom: 0px; right: 0px; padding: 0px; padding-left: 84px; padding-right: 32px; box-sizing: border-box; background-color: #3d9bff; font-family: 'Google Sans', sans-serif; font-size: 14px; font-weight: 400; line-height: 65px; text-align: center; color: #fff; cursor: pointer; overflow: hidden; z-index: 4; }
.not_ico { position: absolute; width: 40px; height: 40px; top: 12px; left: 0px; margin-left: 32px; border: 1px solid #ffffff; box-sizing: border-box; background-image: url(../imgs/ico-notification.svg); background-size: auto 60%; background-repeat: no-repeat; background-position: center center; border-radius: 50%; cursor: pointer; }
.loa { position: fixed; width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; background-image: url(../imgs/loading.svg); background-size: auto 128px; background-repeat: no-repeat; background-position: center center; float: left; z-index: 0; display: block; }
.nno { position: fixed; width: 64px; height: 64px; right: 30px; bottom: 84px; background-color: #3d9bff; background-image: url(../imgs/ico-notification.svg); background-size: auto 50%; background-repeat: no-repeat; background-position: center center; border-radius: 50%; cursor: pointer; z-index: 3; }

@media screen and (max-width: 1140px) {
.vid_you { width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; margin-left: 0px; float: left; border-radius: 0px; float: none; }
.lst { display: none; }
.cov { height: 180px; }
.cnt { padding: 45px; padding-top: 101px; padding-bottom: 45px; }
.cnt_fol { width: 25%; }
.cnt_doc { width: 25%; }
.cnt_flx { width: 33.33%; }
.cnt_vid { width: 50%; }
.cnt_eff { width: 25%; }
.cnt_grp_tit { margin-bottom: 30px; font-size: 48px; line-height: 52px; }
.cov { padding-left: 0px; }
.cnt_pos { padding-right: 20px; }
.cnt_pos_tit { margin-bottom: 30px; font-size: 48px; line-height: 52px; }
.cnt_pos_aut { margin-bottom: 60px; }
.cnt_pos_txt { font-size: 18px; line-height: 24px; }
}

@media screen and (max-width: 960px) {
.log_not { width: 100%; height: 40px; bottom: 0px; right: 0px; padding: 0px; text-align: center; border-radius: 0px; }
.log_ico { display: none; }
#bt1 { background-image: url(../imgs/men-folder.svg); background-size: 30%; background-repeat: no-repeat; background-position: center center; }
#bt2 { background-image: url(../imgs/men-edition.svg); background-size: 30%; background-repeat: no-repeat; background-position: center center; }
#bt3 { background-image: url(../imgs/men-effectif.svg); background-size: 30%; background-repeat: no-repeat; background-position: center center; }
#bt4 { background-image: url(../imgs/men-post.svg); background-size: 30%; background-repeat: no-repeat; background-position: center center; }
#bt5 { background-image: url(../imgs/men-video.svg); background-size: 30%; background-repeat: no-repeat; background-position: center center; }
#bt6 { background-image: url(../imgs/men-document.svg); background-size: 30%; background-repeat: no-repeat; background-position: center center; }
#bt7 { background-image: url(../imgs/men-droits.svg); background-size: 30%; background-repeat: no-repeat; background-position: center center; }
.hea_but { width: 64px; color: #3d9bff; font-size: 0px; overflow: hidden; }
.hea_men { padding-left: 0px; padding-right: 20px; }
.hea_men_cnt_ope { display: block; }
.hea_men_cnt_rub { display: none; position: fixed; width: 100%; height: 100%; background-color: #fff; z-index: 20; }
.hea_men_cnt_rub_off { display: block; }
.hea_men_cnt_rub_tit { left: -100%; padding-left: 20px; padding-right: 18px; font-size: 36px; font-weight: 700; line-height: 64px; clear: both; background-color: #f3f6fa; opacity: 0; }
.hea_men_cnt_rub_sel { left: -100%; padding-left: 20px; padding-right: 18px; font-size: 36px; font-weight: 700; line-height: 64px; clear: both; background-color: #f3f6fa; opacity: 0; }
.hea_men_cnt_usr { display: none; }
.cov { height: 100px; }
.cov_tit { position: absolute; width: 100%; height: 100px; top: 0px; bottom: 0px; margin: 0px; padding: 0px; padding-left: 20px; font-size: 36px; line-height: 100px; }
.cov_img { background-size: 50%; }
.cnt { padding: 15px; padding-top: 70px; }
.cnt_grp { position: relative; width: 100%; left: 0px; top: 0px; padding-bottom: 45px; box-sizing: border-box; float: left; } 
.cnt_img { padding: 1px; }
.cnt_img_cnt { height: 150px; border-radius: 0px; }
.cnt_fol { width: 33.33%; }
.cnt_doc { width: 33.33%; }
.cnt_flx { width: 100%; }
.cnt_flx_cnt { height: auto; }
.cnt_flx_cn2 { height: auto; }
.cnt_flx_cnt_dat { position: relative; margin-top: 18px; } 
.cnt_vid { width: 100%; }
.cnt_eff { width: 50%; }
.for_box { width: 80%; right: -80%; padding: 20px; }
.for_box_ava { width: 56px; height: 56px; top: 10px; right: 20px; }
.for_box_tit { font-size: 32px; line-height: 32px; }
.for_box_txt { height: 200px; }
}