/* NORMALIZE */
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,pre,textarea,th,ul{margin:0;padding:0}fieldset,img{border:0}input,textarea{outline:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;font-family:'Roboto',sans-serif;}a{color:#03C}a:active,a:link,a:visited{text-decoration: underline}a:hover{text-decoration:none}body{font-size:16px;font-family:'Roboto',sans-serif;}

/* MAIN */
a:hover{transition:.1s ease all;text-shadow:0 0 .3px rgba(0,0,0,.4)}H1{font-size:38px;line-height:33px}H1 a,H2 a{}H2{font-size:24px}H3{font-size:20px;color:#111}H4{font-size:20px;color:#111;padding-top:50px;}b{font-weight:450;letter-spacing:.25px}p{font-size:20px;font-weight:300;line-height:19px}

/* TOP */
.top{width:100%;vertical-align:middle;top:0;position:fixed;z-index:2;background-color:rgba(20,20,20,1)}.free,.usermenu{border:0;font-family:'Roboto',sans-serif}.usermenu{display:inline-block;color:#111;background-color:#fff;margin-top:9px;float:right;vertical-align:middle;font-size:15px;text-shadow:0 0 .5px rgba(1,1,1,.1);border-radius:4px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;outline:0}.free{background-color:#f44336;color:#fff;font-weight:400;border-radius:2px;font-size:14px;padding:9px 12px;cursor:pointer;letter-spacing:-.7px}.topblock{height:50px;padding:3px 40px;vertical-align:middle}.docs{display:inline-block;margin-top:9px}.docs a{font-size:22px;color:#fff;text-decoration:none;}

/* MENU */
.menu{display:inline-block;padding:3px 10px;margin:10px;cursor:pointer;font-size:13.5px}
.linkmenu{margin-top:56px; z-index:9; padding-left:20px; background-color:rgba(20,20,20,1)}
.linkmenu,.topblock{border-bottom:1px solid #333}
.linkmenu a{color:#e3e3e3;text-decoration:none;font-weight:400;}
.linkmenu a:hover{color:#fff;text-decoration:underline}
.active{color:#fff!important;font-weight:500!important}

/* BLOCK */
.block{text-align:center;}
.container{max-width:900px;padding:120px 0;margin:0 auto}
.containerf{max-width:900px;padding:120px 0 40px 0;margin:0 auto}
.container2{max-width:1300px;padding:140px 0;margin:0 auto}
.block h1{font-weight:300; letter-spacing:-1px; padding:5px 0; color:#000;}
.block h2{font-weight:300; letter-spacing:-1px; line-height:35px; color:#000;}
.sportb{padding:8px 10px; background-color:#fff; color:#111; border-radius:3px; font-size:13px;}
.ppreview{width:100%;background-color:#fff;white-space:nowrap;overflow-x:auto}
.ppreview img{display:inline-block;padding:5px 15px;max-width:350px;vertical-align:top}
.ppadding{padding:0 80px}
/* OTHER */
.pp{display:inline-block;width:300px;padding:2%;vertical-align:top;border-radius:2px}.pp p{margin-top:15px;font-size:20px}.pp:hover{background-color:#f5f5f5;transition:.3s ease all}

/* UI */
.ui-accordion .ui-accordion-header {overflow:auto}

/* FOOTER */
.footer{margin-top:10px;padding:35px 45px 0; border-top:1px solid #eee}.footer a,.footer p{font-size:13.5px;}.footer a{color:#454545}.footer a:hover{color:#000;text-shadow:0 0 .1px rgba(10,10,10,.1)}.footer p{margin-bottom:25px;color:#777}

/* pop */
.popmenu{position:fixed;width:100%;height:120%;background-color:rgba(0,0,0,.6);z-index:3;top:0;left:0;display:none}.temppop{background-color:#fff;text-align:leff;border-radius:7px;padding:30px 0 50px;width:316px;z-index:4;margin:7% auto 0;height:400px;overflow-x:auto}.closeacc{position:absolute;margin-left:293px;margin-top:-47px}.temppop li {list-style-type:none;padding:3px 10px 3px 30px;font-weight:300;}.temppop p{padding:20px}.c li{padding:5px 20px;font-size:17.5px;font-weight:300;}

/* base & table */
table{border-collapse:collapse;border-spacing:0;width:100%;text-align:center}
table,td,tr{border:0;padding:7px;font-size:13.5px}
td{border:1px solid #e7e7e7;text-shadow:0 0 .1px rgba(0,0,0,.25);font-weight:300}
th:hover,tr:hover{background-color:#ffc;transition:.15s ease all}
th{font-weight:400;padding:12px 9px;background-color:#efefef}
.search{padding:7px 5px;}
select{padding:7px 5px;margin-right:5px}
.button_next{margin-top:20px;background-color:#333;color:#fff;border-radius:2px;padding:6px 12px;display:inline-block;cursor:pointer;font-size:13.5px;border:1px solid #111}

/* docs */
.zzz{padding:14px 23px;background-color:#f6f6f6;overflow-x:auto;white-space:nowrap;border-bottom:1px solid #ddd;position:-webkit-sticky;position:sticky;top:52px}
.zzz a{padding:4px 12px; font-size:13.5px; color:#555}
.zzz a:hover{color:#000; text-decoration:underline; cursor: pointer;}
.zza {background-color:#FFC; color:#000!important}
.containerdoc{background-color:#fff; padding:35px;}
.containerdoc p{ font-size:16.5px; max-width:1000px}
.code {background-color:#444;color:#fff;padding:10px;border-radius:4px;max-width:800px;font-size:16.5px;font-weight:300;overflow-x:auto;white-space:nowrap;}
.code b{color:#6FF;font-weight:300}
.disp_none {display:none}

/* office */
input[type=text] {padding: 5px}
button{padding: 5px}
.psmall{font-size: 17px!important}
.error_enter {height: 20px; color: red;}
.red_ramka {border: 1px solid red;}
.poffice {background-color: #eee; color: black;}
.redtext {color:red}
.greentext {color:green}

 /* MEDIA SCREEN */
@media screen and (max-width:1000px) {
.topblock {padding:3px 20px;}
.linkmenu{padding-left:10px; max-width:100%; overflow-x:auto; white-space: nowrap;  text-align:left!important}
.menu{margin:10px 7px;padding:5px;}
.container,.container2{padding:140px 20px;}
.containerf{padding:80px 0 40px 0}
.ppreview img{max-width:300px}
.ppadding{padding:0 12px}
.containerdoc{padding:20px;}
.zzz {padding:16px 18px;}
.code{ max-width:800px;}

@media screen and (max-width:800px) {
.footer{padding:15px 25px 0!important}
.block p{padding:0px 20px}
.block h1{line-height:40px;font-size:34px;}
.block h2 {font-size:24px;}
input[type=text] {display: block;margin-bottom:10px}
}