body { margin: 0px;}
.top h1{font-style: italic;font-size: 55px;padding-top: 240px;padding-left: 20px;margin-left:45px;}
h1 a{text-decoration: none;color: black; }
h2{font-size: 24px;margin-left: 25px;margin-bottom: 25px; }
h3{margin-left: 145px;margin-bottom: 5px;font: bold italic 45px Arial, Tahoma, Helvetica, FreeSans, sans-serif;}
h4{margin:75px 0px -25px 45px;text-transform:uppercase;font-family:arial narrow;font-weight:normal;font-size:23px;}
h5{text-align: left;text-transform: uppercase;font-family: arial narrow;font-weight: normal;margin: 0px 0px 0px 35px;}
.hide{display:none;}
.line{height: 5px;width: 95%;border-top: 1px solid;}
.box{margin-left: 25px;margin-bottom: 65px;height: min-content;}
.box p{display: block;cursor: pointer;font-size: 16px;font-family: cursive;margin: 5px 0px 0px 25px;}
.box p:hover{text-decoration:underline;}
.path{display:inline-block;width: 30%;margin-left: 35px;vertical-align: top;}
.top { height: 320px;width: 100%;background: url('images/green-leath.jpg') 0px -350px repeat-x; }
.top input[type=text], .login input[type=text], .login input[type=password]{float: right;margin-top: 20px;margin-right: 25px;border-radius: 5px;height: 25px;width: 250px;padding: 5px;}
.top input[type=button], .top input[type=submit], .login input[type=button], .login input[type=submit], input[type=button] {height: 27px;border-radius: 5px;background: darkolivegreen;color: white;border: none;text-transform: uppercase;cursor: pointer;}
.add{position: absolute;right: 25px;top: 270px;width: 250px;}
#enter{top: 240px;padding-top:5px;position: absolute;width:250px;}
.introduction {position: absolute;top: 10px;left: 580px;text-align: right;font-style: italic;font-size: 24px;line-height: 12px;font-weight: bold; }
.content { margin-bottom: 85px; }
.add_word{display:none;}
.add_word input[type=text]{margin-top:45px;margin-left:45px;padding-left:10px;height:28px;border-radius:5px;border: solid 1px gray;}
.add_word input[type=text]:disabled{background: whitesmoke;color: black;cursor:default;}
#w{left: 300px;top: 442px;} /* !!! проверить на сервере !!! */
#m{right: 33px;top: 442px;} /* !!! проверить на сервере !!! */
.knopki{position: fixed;bottom: 50px;height: 50px;width: 100%;background: floralwhite;border-top: solid 1px darkgray;z-index:9999;}
.knopki .error{position: absolute;top: 0px;left: 450px;}
.knopki .save{position: absolute;width: 250px;top: 10px;left: 45px;}
.knopki input[type=reset],.personal input[type=reset]{position: absolute;right: 45px;height: 27px;top: 10px;border-radius: 5px;border: solid 1px gray;width: 150px;cursor: pointer;}
#word{width:280px;}
#meaning{width:862px;}
.mce-tinymce, #history{border-width: 1px;width: 90%;margin-top: 45px;margin-left: 45px;border: solid 2px black;margin-bottom: 120px;}
.bottom {border-top: 1px solid darkgrey;z-index: 99;position: fixed;bottom: 0px;width: 100%;height:50px;background: ghostwhite;}
.bottom p:first-child{float: left;margin-left: 25px;}
.bottom p { display: inline-block;float: right;margin-right: 25px;text-transform: uppercase;border-right: 1px solid;padding-right: 25px;font-family: arial narrow;cursor: pointer; }
#backhome{display:none;}
.need { color: red;position: absolute;right: 35px; }
#your_email+span { top: 135px; }
#your_message+span { top: 200px; }

.col { display: inline-block;width: 30%;margin-left: 35px;vertical-align: top; }
.col p { height: 15px; }
.col p a { color: black;text-decoration: none; }
.col p a:hover { text-decoration: underline; }
.login { position: absolute;right: 0px;width: 275px;top: 0px; }
.login input[type=button] {float: none;}


#mask {position:absolute;left:0;top:0;z-index:900;background-color:#000;display:none; }
.window {position:absolute;display:none;z-index:999;width:630px;height:350px;padding: 0px 20px 0px 20px;background-color: #ffffff;overflow-y:auto;overflow-x:hidden;}  
.window .top {position: fixed;width: 640px;height: 30px;padding: 10px 20px 5px 10px;z-index:99;background-position-x: -185px;}
.window .top a{color:black;}
.window .top div{width:35px;height:35px;background:url(images/close-tab.png) 0px 0px no-repeat;margin-right:0px;color:black;cursor:pointer;position:absolute;right:5px;}	
.close {float:right;cursor:pointer;}
.window input{display:none;}
#edit{position: absolute;right: 138px;width: 210px;top: 10px;}
	
.window .modal-mask{display:none;background: #000;width: 100%;height: 100%;opacity: 0.8;}	
.modal-content {/*position:absolute;top:50px;left:25px;width:95%;*/margin: 50px 0px 0px 0px;min-height:350px;}
.modal-content a{color:darkred;}
.modal-content img{max-height:280px;}
.modal-content p{font-size: 14px;font-family: sans-serif;}
.modal-content h2{position:fixed;top:50px;text-transform:uppercase;font-family:sans-serif;font-size:18px;z-index:99;}
.modal-content .rules h2,.modal-content .about h2{right: 350px;}
.modal-content .img-center{text-align:center;}
.modal-content .img-l{float: left;margin-right: 35px;width:min-content;}
.modal-content .img-l img{max-height: 360px;}
.modal-content .img-r{float: right;margin-left: 25px;width:min-content;}
.modal-content .img-r img{max-height: 390px;}
.modal-content .box{display: table;width: 63%;margin: 15px 0px 35px 0px;}
.modal-content .path{display: table-cell;vertical-align:top;} 
.modal-content .path img{height:210px;margin-right:15px} 
.modal-content .titles, .modal-content .titles a{color:gray;margin-top:0px;}
.modal-content .avtor{text-align:right;margin-top:-5px;}
.modal-content+div input { display: none;}
.modal-content+div {position: absolute; top: 60px; }
.modal-content input{display: inline-block;}
.modal-content input,.modal-content+div input,.words-cover input{width: 180px;padding: 3px 0px 3px 10px;border-radius: 5px;margin-bottom: 10px;margin-top: 25px;margin-right:15px;}
.modal-content input[type=button],.words-cover input[type=button]{background: darkolivegreen;border: none;border-radius: 5px;height: 25px;color: white;width: 250px;margin-right: 25px;cursor: pointer;}
.modal-content input[type=reset]{width: 100px;border-radius: 5px;height: 25px;margin-left: 198px;cursor: pointer;float: none;padding: 0px;}
.modal-content .report{text-align: right;margin-right: 5px;}
.modal-content .error{position:absolute;top: 220px;right: 5px;}
.modal-content .jscroll-loading{top:150px;}
.modal-content textarea, .words-cover textarea{display:block;border: solid 2px;border-color: black gray gray black;border-radius: 5px;width: 580px;margin-top: 25px;padding: 5px 0px 0px 10px;font-family: sans-serif;height: 150px;}


#back-top {bottom: 35px;margin-left: 90%;position: fixed;z-index: 9999;}
#back-top a {color: #BBBBBB;font: 11px/100% Arial,Helvetica,sans-serif;opacity: 0.35;text-align: center;text-decoration: none;text-transform: uppercase;transition: all 1s ease 0s;width: 80px;}
#back-top span {border-radius: 15px;display: block;height: 108px;margin-bottom: 7px;width: 80px;background: url("images/up.png") no-repeat scroll center center rgba(0, 0, 0, 0);}
.jscroll-loading {text-align: center;padding: 7px 0;position: absolute;left: 45%;}
.actual_w .jscroll-loading{left:25px;bottom:75px;padding:5px 35px 5px 35px;border:1px solid darkgray;background:#E9F0D6;position:fixed;}
.actual_w{margin:0px 0px 50px 25px;text-align:center;}
.maska{width: 100%;height: 500%;position: absolute;background: black;opacity: 0.75;}

/* settings -lk */
.settings{position: absolute;width: 35px;height: 45px;background: url(images/params_lk.png) 5px 10px no-repeat;top: 50px;left: 5px;border-top: 1px solid darkgreen;}
.settings:hover,.params:hover{cursor:pointer;box-shadow: 6px 6px 5px darkolivegreen;}

/* search */
.num_word{position: absolute;right: 25px;top: 30px;}
.num_word .jscroll-loading {position: absolute;right: 90px;left: unset;top: -5px;}
.no_word{position: absolute;right: 25px;top: 35px;color: red;}
.remove{position: absolute;width: 20px;height: 20px;background: url(images/close.png) no-repeat;cursor:pointer;display:none;}
.top .remove{right: 27px;top: 23px;}

.params{position: absolute;top: 5px;left: 5px;width: 35px;height: 45px;background: url(images/search_params.png) 5px 10px no-repeat;}
.param-list{position: absolute;top: 15px;left: 15px;width: 525px;padding: 15px 0px 0px 15px;height: 195px;display:none;}
.param-list div, .param-list p, .param-list input{position: relative;margin-top:3px;}
.param-list div:nth-child(4){display: inline-block;width: 270px;}
.param-list div:nth-child(5){display: inline-block;width: 200px;vertical-align: top;}
.param-list div p{width: 75%;display: inline-block;padding-left: 15px;}
.param-list input[type=button]{width: 200px;margin: 5px 115px 0px 15px;}
.param-list input[type=reset]{width: 150px;height: 27px;border-radius: 5px;border: solid 1px gray;cursor:pointer;}
.param-list .close{width:40px;height:40px;background:url(images/close-tab.png) 0px 0px no-repeat;cursor:pointer;z-index:999;}
.param-list .fon{position: absolute;top: 0px;left: 0px;width: 540px;height: 240px;display: block;}

/* forms */
#password {position: absolute;right: 0px;width: 250px;height: 25px;border-radius: 5px;top: 160px;padding-left: 5px; }
#login {float: none;position: absolute;right: 0px;top: 125px; }
.reg_form {display:none; position: absolute;width: 300px;right: 0px;top: 90px; }
.reg_form input{position: absolute;width: 250px;border-radius: 5px;height: 25px;padding-left: 5px;right: 25px;}
.reg_form input[type=text]{top: 10px;}
.reg_form input:nth-child(2){top:45px;}
.reg_form input:nth-child(3){top:80px;}
#new_reg {position: absolute;right: 135px;top: 130px; cursor:pointer;width:140px;}
#enter:hover,#new_reg:hover,#get_reset_url:hover,.add:hover,#edit:hover,.knopki .save:hover,.personal input[type=button]:hover,.param-list input[type=button]:hover,.feedback input[type=button]:hover{background: radial-gradient(darkolivegreen, #283410);border: 1px solid black;}
#undo_reg{position: absolute;top: 160px;right: 25px;color: black;background: lightgray;border: 1px solid darkgray;cursor: pointer;}
#undo_reg{width:85px;top:130px;}
#undo_reg:hover, #undo_reset:hover,.knopki input[type=reset]:hover,.personal input[type=reset]:hover,.param-list input[type=reset]:hover,.add:disabled,.save_message:disabled,.save:disabled,.words-cover input[type=button]:disabled{background: radial-gradient(white, darkgray);border: 1px solid gray;}
#exit {color: black;position: absolute;right: 25px;top: 215px; }
.wellcome {position: absolute;right:25px;top:105px;font-size:24px;font-style:italic;font-weight:bold;text-align:right;cursor:pointer;width:350px;}
.wellcome p{margin-top:10px;margin-bottom:0px;}
#login_form a{position: absolute;right: 25px;top: 205px;color: black;text-decoration: none; }
#login_form a.registration, #reset_pass a.registration { position: absolute;right: 25px;top: 100px;color: black;text-decoration: none;text-transform: uppercase;font-family: arial narrow;font-size: 14px;font-weight: bold; }
#login_form a:hover{text-decoration:underline;}
#login_form p, #reset_pass p{ position: absolute;right: 25px;top: 105px; }
#reset_pass span{position: absolute;right: 20px;top: 250px;}
.error_log{position: absolute;color: darkred;bottom: 45px;line-height: 35px;border-top: 1px solid darkred;width: 95%;border-bottom: 1px solid darkred;text-align: right;padding-right: 25px;margin-left: 17px;background: antiquewhite;z-index: 99; }
.ok_log{position:absolute;color:darkgreen;bottom: 
45px;line-height:35px;border-top:1px solid darkgreen;width:95%;border-bottom:1px solid darkgreen;text-align:right;padding-right:25px;margin-left:17px;background:lavender;z-index:99;}
.ok_log ~ .error_log{position: absolute;bottom: 105px;}

.pass_info{width: 25px;height: 25px;background: none;position: absolute;right: 275px;top: 82px; }
.error { color:red; }
.reg_form .error{position:absolute;top: 165px;right: 5px;}

#reset_pass{display:none;}
#get_reset_url{position: absolute;right: 120px;top: 205px;width: 125px;}
#user_email{position: absolute;right: 25px;top: 150px;width: 220px;padding-left: 5px;}
#undo_reset{position: absolute;top: 205px;right: 25px;color: black;background: lightgray;border: 1px solid darkgray;cursor: pointer;}

/* cloud */
.cloud{opacity:0.7;position:relative;display:inline-block;height:45px;}
.cloud p{position:absolute;margin-top:0px;margin-bottom:0px;left:0px;}
.clouds{height:180px;max-width:1100px;width: 95%;text-align: center;margin: 20px auto 35px auto;}

/* words-cover */
.words-cover{margin-top: 35px;height:auto;}
.words-cover .box{display: table;table-layout: fixed;margin: 25px 0px 0px 0px;max-width: 1100px;margin-left: auto;margin-right: auto;width: 95%;}
.words-cover .box p:hover{text-decoration:none;}
.words-cover .path{display: table-cell;vertical-align:top;padding: 0px 15px 0px 0px;}
.words-cover .path img{height:150px;}
.words-cover .path p{margin-top: 0px;font-family: normal;cursor: auto;font-size: 16px;margin-left: 15px;}
.words-cover .path span{font-size: 20px;font-weight: bold;}
.words-cover .line {border-right:1px solid gray;border-top:none;}
.words-cover .path .avtor,.words-cover .avtor{text-align:right;margin-bottom:0px;margin-top:0px;}
.get_about, .get_rules, .get_politic, .feedback{width:95%;max-width:1100px;margin: 0px auto 5px auto;}
.feedback .words-cover{padding-left:50px;}
.feedback .close{display:none;}
.feedback .save_message{margin-left:130px;}
.feedback input[type=reset]:hover{background: radial-gradient(white, darkgray);border: 2px solid;cursor:pointer;}
.get_rules ol{padding-inline-start: 30px;}
.get_rules li{margin-bottom:5px;}

.fragment{height: 350px;width: fit-content;display: inline-block;margin: 0px 15px 15px 0px;font-size: 16px;vertical-align: top;padding: 5px 5px 15px 20px;background: /*#EAF2DA;#F2F7E8;*/ #F7FAF1;text-align: left;}
.fragment span{color:inherit;font-weight:bold;font-size:22px;}
.fragment span.avtor{margin-top:-10px;font-weight:bold;color:black;}
.fragment p.titles{color:gray;margin-top:0px;text-align:center;font-size:18px;}
.fragment img{height:270px;width:auto;}
.actual_w .image{width:min-content;}

/* personal-data */
.personal div,.personal,.personal .fon,.personal input[type=text],.personal input[type=button],.personal input[type=reset],.personal input[type=password]{position:absolute;}
.personal,.personal .fon {display:none;top:0px;width:910px;height:240px;}
.personal .line{position:absolute;border-top:none;border-bottom:solid 1px;height:18px;}
.fon{background:linear-gradient(-35deg, darkolivegreen, white);opacity: 0.9;}
.personal input[type=text],.personal input[type=password]{width:250px;height:26px;border-radius:5px;border:solid 1px black;padding-left:10px;}
.personal input[type=text]{top:55px;}
.personal input[type=password]{top:55px;}
.personal input[type=button]{top:185px;width:200px;left:45px;}
.personal input[type=reset]{top:185px;right:95px;border:solid 1px black;}
.personal div:nth-child(2){top:15px;left:30px;}/* h5 general*/
.personal div:nth-child(2) h5{position:relative;color: darkred;cursor:pointer;width:150px;text-align:center;z-index:9;}
.personal div:nth-child(3){top:50px;left:50px;}/* select lang*/
.personal div:nth-child(4){top:50px;right:30px;}/* select temp*/
.personal div:nth-child(5){top:15px;left:30px;} /* h5 private*/
.personal div:nth-child(5) h5{position:relative;margin-left:155px;cursor:pointer;width:150px;text-align:center;z-index:9;}
.personal input:nth-child(6){left:50px;display:none;} /* name */
.personal input:nth-child(7){left:340px;display:none;}/* name */
.personal input:nth-child(8){right:30px;display:none;}/* name */
.personal div:nth-child(9){top:105px;right:175px;display:none;} /* gender*/
.personal input:nth-child(10){top:105px;left:50px;display:none;}/* birth */
.personal div:nth-child(11){top:15px;left:30px;} /* h5 pass*/
.personal div:nth-child(11) h5{position:relative;margin-left:315px;cursor:pointer;width:150px;text-align:center;}
.personal input:nth-child(12){left:50px;display:none;}/* pass*/
.personal input:nth-child(14){left:360px;display:none;}/* pass*/
.personal input:nth-child(16){right:30px;display:none;}/* pass*/
.personal div span{margin-left:25px;}
.personal h5:hover{color:darkred;}
.personal img{position: absolute;bottom: 15px;left: 180px;}
.personal select{width:250px;height:25px;border-radius:5px;margin-left:15px;padding-left:10px;}
.personal .error{position: absolute;left: 360px;bottom: 15px;color: firebrick;}

.captcha-container{width: 300px;background: #E0ECC8;float: right;margin-top: 45px;border-radius: 15px;padding: 35px;}
.smart-captcha{width: 300px;height: fit-content;}

/* cookies */
.cookieinfo {position:fixed;bottom:75px;left:55px;width:90%;border-top:1px solid darkgreen;border-bottom:1px solid darkgreen;background:#F3F7E8;}
.cookieinfo p {text-align:center;}
.cookieinfo .info_log {color: darkgreen;line-height: 35px;text-align: center;font-size: 16px;font-family:arial;}
.cookieinfo input[type=button]{width:150px;margin-right:55px;margin-left:55px;}
.cookie_ok{}
.cookieinfo .cookie_no{background:lightgray;border-radius:5px;border:1px solid black;color:black;}