.dropotron { background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("../images/bg02.png"); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("../images/bg02.png"); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("../images/bg02.png"); background-image: linear-gradient(top, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)), url("../images/bg02.png"); } #header .inner { background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("../images/bg02.png"); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("../images/bg02.png"); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("../images/bg02.png"); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("../images/bg02.png"); } @media screen and (max-width: 980px) { #titleBar { background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("../images/bg02.png"); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("../images/bg02.png"); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("../images/bg02.png"); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("../images/bg02.png"); } #navPanel { background-image: -moz-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("../images/bg01.png"); background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("../images/bg01.png"); background-image: -ms-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("../images/bg01.png"); background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35)), url("../images/bg01.png"); } } aside .user_menu{display:block;overflow:hidden;font-size:14px;border:1px solid #eee;-moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;margin-bottom:10px;background:#fff;} aside .user_menu a{text-decoration:underline;color: #404248;font-weight:bold;font-size:18px;} aside .user_menu a:hover{text-decoration:none;} aside .user_menu a.in{float:left;width:30%;text-align:center;border-right:1px solid #eee;padding:10px 0;} aside .user_menu a.reg{float:left;width:69%;text-align:center;padding:10px 0;} aside .user_menu a.user{display:block;max-width:100%;text-align:center;text-decoration:none;font-weight:bold;padding:10px 0;} aside .user_menu a.user img{display:inline-block;margin:0;padding:0;} .navigation{ overflow: auto; } .navigation .navigation_header{ display: block; } .navigation .space{ display: none; } .navigation .this, .navigation .link{ border: 1px solid #333; background-color: #333; border-radius: 2px; text-transform: uppercase;  text-decoration: none; color: #fff; font: bold 15px Arial, sans-serif; margin-left: 2px; padding: 1px 6px; } .navigation .this{ border: 1px solid #aaa; background-color: #aaa; font-weight: bold; }  span.date-page { display: block; text-transform: uppercase; font-weight: 700; letter-spacing: 0.065em; font-size: 1.1em; color: #696969; margin: 0 0 0.25em 0; } #moduleNewsComments h3{ display:block;padding:0;margin:0;margin-bottom:10px;overflow:hidden;color:#333;font-size:18px;text-transform: uppercase; } #moduleNewsComments form{border:1px solid #ddd;padding:0;background:#fff; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;} #moduleNewsComments #commentForm span#loginReport, #moduleNewsComments #commentForm span#textReport{ display:block; float:left; margin:0; padding:0; } #moduleNewsComments #errorAuth{position:relative;border:2px solid #F67E7E;background:#FFBBBB;padding:10px 0;margin-bottom:10px;text-align:center;} #moduleNewsComments #commentForm{padding:15px;overflow:hidden;} #moduleNewsComments #commentForm p{margin-bottom:10px !important;text-align:left;} #moduleNewsComments #comments{font-size:14px;margin-top:10px} #moduleNewsComments #commentForm p #loginForm{width:100%;} #moduleNewsComments #commentForm p #captcha{margin:0;padding:2px;border-radius:8px;border: 1px solid #eee;} #moduleNewsComments #commentForm p #captchaForm{width:200px;margin:0;} #moduleNewsComments #commentForm span{ display:inline-block; width:100%; margin:0; padding:0; } #moduleNewsComments #comments .comment{position:relative;border:1px solid #ddd;padding:15px 15px 35px 15px;margin-bottom:10px;background:#fff; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px;} #moduleNewsComments #comments .comment .commentHead{margin-bottom:8px;border-bottom:1px solid #ddd;margin-top:-15px;margin-left:-15px;margin-right:-15px;padding:15px;} #moduleNewsComments #comments .comment .author, #moduleNewsComments #comments .comment .gost, #moduleNewsComments #comments .comment .time, #moduleNewsComments #comments .comment .re{white-space:nowrap;margin-right:5px} #moduleNewsComments #comments .comment .author{font-size:16px;font-weight:bold;text-decoration: none;color:#888;} #moduleNewsComments #comments .comment .author:hover{color:#444;text-decoration:underline;} #moduleNewsComments #comments .comment .gost{color: #E53935;} #moduleNewsComments #comments .comment .time{color:#888} #moduleNewsComments #comments .comment .re{position:absolute;bottom:3px;right:-2px;-moz-border-radius:6px; -webkit-border-radius:6px; -khtml-border-radius:6px; border-radius:6px;z-index:10;padding:5px 10px;color:#fff;background: #5fa4d3;} #moduleNewsComments #comments .comment .re:hover{text-decoration:none;} #moduleNewsComments #comments .comment input[type="checkbox"]{display:block !important;position:absolute;top:15px;right:10px;z-index:10} #moduleNewsComments #commentForm p {margin:0;padding:0;} @media screen and (min-width:480px){ #moduleNewsComments #commentForm p #captcha{float:left;margin-top:17px;margin-right:15px;} #moduleNewsComments #commentForm p #captchaForm{float:left;margin-right:15px;} #moduleNewsComments #commentForm p button{float:left;margin-top:-8px;}  } @media screen and (max-width:479px){ #moduleNewsComments #commentForm span, #moduleNewsComments #commentForm p #captcha, #moduleNewsComments #commentForm p #captchaForm, #moduleNewsComments #commentForm p button{display:block;margin-bottom:10px;}  } form label { display: block; text-transform: uppercase; font-weight: 800; letter-spacing: 0.04em; color: #404248; margin: 0 0 1em 0; font-size: 0.8em; } form input[type="text"], form input[type="email"], form input[type="password"], form select, form textarea { -webkit-appearance: none; display: block; width: 100%; border-radius: 8px; border: solid 1px #eee; } form input[type="text"]:focus, form input[type="email"]:focus, form input[type="password"]:focus, form select:focus, form textarea:focus { border-radius: 8px; border: 1px solid #4091bf; outline: none; } form input[type="text"], form input[type="email"], form input[type="password"] { line-height: 3em; padding: 0 1em; } form select { line-height: 3em; padding: 0 1em; } form textarea { min-height: 9em; padding: 1em; } form ::-webkit-input-placeholder, form :-moz-placeholder, form ::-moz-placeholder, form :-ms-input-placeholder { color: #555 !important; } form ::-moz-focus-inner { border: 0; } form { display: block; max-width:100%; margin: 0; overflow:hidden; border:1px solid #ddd;padding:15px;background:#fff; -moz-border-radius:8px; -webkit-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; } form[name="search"]{ padding:0 !important;border:0 !important; } form[name="forma"]{ max-width:500px; margin: 0 auto; } form p #captcha{margin:0;padding:2px;border-radius:8px;border: 1px solid #eee;} form input[name="captcha_form_mail_module"],form input[name="captcha"]{ width:250px; } input[type="checkbox"] { display: none; } label a,label a:hover {color: #000;} input[type="checkbox"] + label {display: block;position: relative;padding-top: 5px;padding-left: 35px; color: #000;cursor: pointer;font-size:13px;} input[type="checkbox"] + label:last-child { margin-bottom: 0; } input[type="checkbox"] + label:before {content: '';display: block;width: 25px;height: 25px;border: 2px solid #000; position: absolute;left: 0;top: 0;} input[type="checkbox"]:checked + label:before {display: block;width: 25px;height: 25px;border: 2px solid #000; position: absolute;left: 0;top: 0;background:url(../images/check.svg) center no-repeat;} table { width: 100%; } table.default { width: 100%; } table.default tr { border-top: solid 1px #eee; } table.default tr:first-child { border-top: 0; } table.default td { padding: 0.5em 1em 0.5em 1em; } table.default th { text-align: left; padding: 0.5em 1em 0.5em 1em; text-transform: uppercase; font-weight: 800; letter-spacing: 0.04em; margin: 0 0 1em 0; font-size: 0.8em; } table.default thead { background: #404248; color: #fff; } .image { position: relative; display: block; } .image img { display: block; width: 100%; height:auto; border-radius: 8px; } .image:before { content: ''; display: block; position: absolute; left: 0; top: 0; background: url("../images/bg01.png"); width: 100%; height: 100%; opacity: 0.75; } .image.fit { display: block; width: 100%; } .image.featured { display: block; width: 100%; margin: 0 0 2.5em 0; } .image.centered { display: block; margin: 0 0 2.5em 0; } .image.centered img { margin: 0 auto; width: auto; } input[type="button"], input[type="submit"], input[type="reset"], button, .button { background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("../images/bg02.png"); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("../images/bg02.png"); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("../images/bg02.png"); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2)), url("../images/bg02.png"); -moz-transition: background-color 0.2s ease-in-out; -webkit-transition: background-color 0.2s ease-in-out; -ms-transition: background-color 0.2s ease-in-out; transition: background-color 0.2s ease-in-out; -webkit-appearance: none; position: relative; display: inline-block; background-color: #4091bf; border-radius: 8px; box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.35), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.35); text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); color: #fff !important; text-decoration: none; text-transform: uppercase; font-weight: 800; font-size: 0.95em; letter-spacing: 0.075em; padding: 1em 2em; outline: 0; border: 0; white-space: nowrap; cursor: pointer; } input[type="button"].icon:before, input[type="submit"].icon:before, input[type="reset"].icon:before, button.icon:before, .button.icon:before { opacity: 0.5; margin-right: 0.5em; position: relative; top: 0.05em; } input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover, button:hover, .button:hover { background-color: #50a1cf; } input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active, button:active, .button:active { background-color: #3081af; } input[type="button"].medium, input[type="submit"].medium, input[type="reset"].medium, button.medium, .button.medium { font-size: 1.25em; padding: 1em 2.25em; } input[type="button"].large, input[type="submit"].large, input[type="reset"].large, button.large, .button.large { font-size: 1.5em; padding: 1em 2.25em; } input[type="button"].alt, input[type="submit"].alt, input[type="reset"].alt, button.alt, .button.alt { background-color: #464a52; } input[type="button"].alt:hover, input[type="submit"].alt:hover, input[type="reset"].alt:hover, button.alt:hover, .button.alt:hover { background-color: #565a62; } input[type="button"].alt:active, input[type="submit"].alt:active, input[type="reset"].alt:active, button.alt:active, .button.alt:active { background-color: #363a42; } dl.contact dt { display: block; text-transform: uppercase; font-weight: 700; letter-spacing: 0.065em; font-size: 0.9em; color: #696969; float: left; width: 6em; } dl.contact dd { margin: 0 0 1em 6em; } ul.default { list-style: disc; padding-left: 1em; } ul.default li { padding-left: 0.5em; } ul.actions li { display: inline-block; padding: 0 0 0 0.25em; margin: 0 0 0 0.25em; } ul.actions li:first-child { margin-left: 0; padding-left: 0; } ul.menu li { border-left: solid 1px #eee; display: inline-block; padding: 0 0 0 1em; margin: 0 0 0 1em; } ul.menu li:first-child { border-left: 0; margin-left: 0; padding-left: 0; } .divided .link { border-top: solid 1px #eee; padding: 0.5em 0 0 0; margin: 0.5em 0 0 0; } .divided .link:first-child { border-top: 0 !important; padding-top: 0 !important; margin-top: 0 !important; } ol.default { list-style: decimal; padding-left: 1.25em; } ol.default li { padding-left: 0.25em; } .box.excerpt { position: relative; overflow: hidden; } .box.excerpt header { margin: 0 0 1em 0; } .box.excerpt h3 a:hover { text-decoration:underline; } .box.excerpt span.date { display: block; text-transform: uppercase; font-weight: 700; letter-spacing: 0.065em; font-size: 1.1em; color: #696969; margin: 0 0 0.25em 0; } .box.excerpt span.cat { position: absolute; left: 0.75em; top: 0.75em; font-family: 'Arial', sans-serif!important; font-size: 0.95em; color: #fff; text-decoration: none; text-transform: uppercase; padding: 0.5em 0.8em 0.5em 0.8em; border-radius: 6px; background: rgba(0, 0, 0, 0.35); box-shadow: inset 1px 1px 0px 0px rgba(0, 0, 0, 0.025), 1px 1px 0px 0px rgba(255, 255, 255, 0.025); text-shadow:none !important; } .box.excerpt .image, .box.excerpt p { margin-bottom: 0; } .block-category .link { border-top: solid 1px #eee; padding: 0.5em 0 0 0; margin: 0.5em 0 0 0; } .block-category .link:first-child { border-top: 0 !important; padding-top: 0 !important; margin-top: 0 !important; } .block-category .link{ border-color: rgba(0,0,0,.08); } .block-category a { text-decoration: none; } .block-category a:hover { text-decoration: underline;color:#444; } .box.feature1 { text-align: center; } .box.feature1 header { margin-bottom: 3em; } .box.feature1 header.first h2 { font-size: 2.5em; } .box.feature1 header.first p { font-size: 1.2em; } .box.feature1 header.second { position: relative; display: inline-block; text-align: left; margin: 0 auto; white-space: nowrap; left: 24px; } .box.feature1 header.second p { line-height: 1em; } .box.feature1 header.second:before { font-size: 48px; position: absolute; right: 100%; margin-right: 18px; opacity: 0.5; bottom: -4px; } .box.feature2 { text-align: center; } .box.article-list article { border-bottom: solid 1px #dbdbdb; margin: 0 0 2.75em 0; padding: 0 0 2.75em 0; } .box.article-list article:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .icon { text-decoration: none; text-decoration: none; } .icon:before { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-variant: normal; text-rendering: auto; line-height: 1; text-transform: none !important; font-family: 'Font Awesome 5 Free'; font-weight: 400; } .icon.solid:before { font-weight: 900; } .icon.brands:before { font-family: 'Font Awesome 5 Brands'; } .icon > .label { display: none; } .sidebar header.major h2 { font-size: 1.5em; } #main-wrapper { background: #fdfdfd; } #footer-wrapper { background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("../images/bg03.png"), url("../images/bg02.png"); background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("../images/bg03.png"), url("../images/bg02.png"); background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("../images/bg03.png"), url("../images/bg02.png"); background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)), url("../images/bg03.png"), url("../images/bg02.png"); position: relative; background-repeat: repeat-x, no-repeat, repeat; background-size: 100% 100%, 100% 15em, auto auto; background-position: top left, top center, top left; padding: 7em 0 7em 0; } .wrapper { padding: 7em 0 7em 0; } .wrapper > .inner { position: relative; z-index: 2; } .wrapper.style1 { position: relative; text-shadow: 1px 1px 0 #fff; background-color: #fff; background-image: url("../images/bg03.png"), url("../images/bg04.png"), url("../images/bg02.png"); background-repeat: no-repeat, no-repeat, repeat; background-size: 100% 15em, 100% 15em, auto auto; background-position: top center, bottom center, top left; } .wrapper.style3 { position: relative; text-shadow: 1px 1px 0 #fff; background-color: #fff; background-image: url("../images/bg03.png"), url("../images/bg02.png"); background-repeat: no-repeat, repeat; background-size: 100% 15em, auto auto; background-position: top center, top left; z-index:9; } #footer { margin-bottom: 0; text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.5); position: relative; z-index: 2; } #footer h2 { font-size: 1.35em; color: #dcdcdc; } #footer strong { color: #dcdcdc; } #footer a { color: #acb2bf; } #footer .button.alt { box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.75), inset 0px 2px 1px 0px rgba(255, 255, 255, 0.25); } #footer .divided .link, #footer ul.menu li { border-color: #444; border-color: rgba(255, 255, 255, 0.075); } #footer .divided a { text-decoration: none; } #footer .divided a:hover { text-decoration: underline;color:#dcdcdc; } #footer ul.menu { margin: 0; } #footer dl.contact dt { color: #ddd; } #copyright { border-top: solid 1px; border-color: #444; border-color: rgba(255, 255, 255, 0.075); text-align: center; margin-top: 2em; padding: 3em 0 4em 0; color: inherit; } #copyright a { color: inherit; } @media screen and (min-width: 640px) { .image.left { width:50%; float: left; margin: 0 2em 2em 0; } } @media screen and (max-width: 639px) { .image.left { width:100%; overflow:hidden; } .box.excerpt header { margin-left: 0; } .box.excerpt .image { margin-bottom: 2em; } } @media screen and (max-width: 980px) { .box.feature2 section { margin: 1em 0; } .sidebar { margin-top: 1em; } } @media screen and (max-width: 736px) { section, article { margin-bottom: 3em; } .button { width: 100%; font-size: 1.1em; text-align: center; padding: 1em 0 1em 0; border-radius: 8px; } ul.menu li { display: block; border: 0 !important; padding: 0 !important; margin: 0 !important; } ul.actions li { display: block; padding: 0; margin: 1em 0 0 0; } ul.actions li:first-child { margin-top: 0; } .box.excerpt .image-left { margin-right: 0; } .box.excerpt p { clear: both; } .box.feature1 section { margin-bottom: 2em !important; } .box.spotlight { margin-top: 2em; } #footer-wrapper { padding: 3em 20px 3em 20px; } #footer-wrapper section, #footer-wrapper article { margin-bottom: 3em !important; } .sidebar { margin-top: 2em; } #copyright { margin-top: 0; padding: 3em 0 1em 0; } }