* {
  background: 0 0;
  margin: 0;
  padding: 0;
  outline: none;
  border: 0;
  box-sizing: border-box
}

ol,
ul {
  list-style: none
}

blockquote,
q {
  quotes: none
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

input,
select {
  vertical-align: middle
}

article,
aside,
figure,
figure img,
hgroup,
footer,
header,
nav,
section,
main {
  display: block
}

img {
  max-width: 100%
}

.clr {
  clear: both
}

.clearfix:after {
  content: "";
  display: table;
  clear: both
}

body {
  font: 15px Verdana, sans-serif;
  font-stretch: ultra-expanded;
  line-height: normal;
  padding: 0;
  margin: 0;
  color: #aac2e0;
  background: #0c1016 url('../images/bg.png');
  min-height: 100%;
  width: 100%;
  font-weight: 400
}

a {
  color: #aac2e0;
  text-decoration: none
}

a:hover,
a:focus {
  color: #fb0;
  text-decoration: none
}

h1,
h2,
h3,
h4,
h5 {
  font-weight: 600;
  font-size: 24px
}

button,
textarea,
select,
input[type=text],
input[type=password],
input[type=button],
input[type=submit] {
  appearance: none;
  -webkit-appearance: none;
  font-size: 16px;
  font-family: montserrat !important
}

.button,
.btn,
.pagi-load a,
.up-second li a,
.usp-edit a,
.qq-upload-button,
button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]):not([class*=tox-tbtn]),
html input[type=button],
input[type=reset],
input[type=submit],
.meta-fav a,
.usp-btn a {
  display: inline-block;
  text-align: center;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  border-radius: 3px;
  cursor: pointer;
  font-weight: 500;
  background-color: #253242;
  color: #aac2e0;
  font-size: 16px
}

.button:hover,
.btn:hover,
.up-second li a:hover,
.usp-edit a:hover,
.qq-upload-button:hover,
.pagi-load a:hover,
.usp-btn a:hover,
button:not(.color-btn):not([class*=fr]):not(.search-btn):not([class*=owl-]):hover,
html input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover,
.meta-fav a:hover {
  background-color: #183a66;
  color: #aac2e0;
  box-shadow: 0 10px 20px 0 transparent
}

button:active,
input[type=button]:active,
input[type=submit]:active {
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, .1)
}

input[type=text],
input[type=password] {
  height: 40px;
  line-height: 40px;
  border-radius: 4px;
  border: 0;
  padding: 0 15px
}

select {
  height: 40px;
  border: 0;
  padding: 0 15px
}

textarea {
  padding: 15px;
  overflow: auto;
  vertical-align: top;
  resize: vertical
}

input[type=text],
input[type=password],
select,
textarea {
  width: 100%;
  background-color: #303f52;
  color: #aac2e0;
  box-shadow: inset 0 0 0 1px #303f52, inset 1px 2px 5px rgba(0, 0, 0, .1)
}

select {
  width: auto
}

input::placeholder,
textarea::placeholder {
  color: #aac2e0;
  opacity: 1;
  font-size: 15px
}

input:focus::placeholder,
textarea:focus::placeholder {
  color: transparent
}

.icon-thumbs-up::before {
  display: inline-block;
  margin-bottom: -3.5px;
  margin-right: 5px;
  vertical-align: bottom;
  width: 20px;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBmaWxsPSIjODNiZjQ1Ij48ZGVmcz48c3R5bGU+LmZhLXNlY29uZGFyeXtvcGFjaXR5Oi40fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik0xNjMuNTYgMjI5LjgxYzM5LjYxLTM5LjE1IDU2LjY1LTgwLjU5IDg5LjEyLTExMy4xMSAxNC44LTE0Ljg0IDIwLjE4LTM3LjI0IDI1LjM5LTU4LjkxQzI4Mi41MiAzOS4yOSAyOTEuODIgMCAzMTIgMGMyNCAwIDcyIDggNzIgODEuNDUgMCA0Mi40Mi0yNiA2Ni4yMS0zMy4yOCA5NC41NWgxMDEuNzNjMzMuMzkgMCA1OS4zOSAyNy43NSA1OS41NSA1OC4xLjA4IDE3Ljk0LTcuNTUgMzcuMjUtMTkuNDQgNDkuMTlsLS4xMS4xMmM5Ljg0IDIzLjMzIDguMjQgNTYtOS4zMSA3OS40NiA4LjY4IDI1LjktLjA3IDU3LjcxLTE2LjM4IDc0Ljc2IDQuMyAxNy42IDIuMjQgMzIuNTgtNi4xNSA0NC42M0M0NDAuMiA1MTEuNTkgMzg5LjYyIDUxMiAzNDYuODQgNTEySDM0NGMtNDguMjggMC04Ny44LTE3LjYtMTE5LjU2LTMxLjczLTE2LTcuMDktMzYuODItMTUuODgtNTIuNjUtMTYuMTdhMTIgMTIgMCAwIDEtMTEuNzgtMTJWMjM4LjMzYTEyIDEyIDAgMCAxIDMuNTUtOC41MnoiIGNsYXNzPSJmYS1zZWNvbmRhcnkiLz48cGF0aCBkPSJNMTA0IDIyNEgyNGEyNCAyNCAwIDAgMC0yNCAyNHYyNDBhMjQgMjQgMCAwIDAgMjQgMjRoODBhMjQgMjQgMCAwIDAgMjQtMjRWMjQ4YTI0IDI0IDAgMCAwLTI0LTI0ek02NCA0NzJhMjQgMjQgMCAxIDEgMjQtMjQgMjQgMjQgMCAwIDEtMjQgMjR6IiAvPjwvc3ZnPg==)
}

.icon-calendar-alt::before {
  display: inline-block;
  position: absolute;
  margin: -1px 0 0-23px;
  width: 16px;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNhYWMyZTAiIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48ZGVmcz48c3R5bGU+LmZhLXNlY29uZGFyeXtvcGFjaXR5Oi40fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik0wIDE5MnYyNzJhNDggNDggMCAwIDAgNDggNDhoMzUyYTQ4IDQ4IDAgMCAwIDQ4LTQ4VjE5MnptMTI4IDI0NGExMiAxMiAwIDAgMS0xMiAxMkg3NmExMiAxMiAwIDAgMS0xMi0xMnYtNDBhMTIgMTIgMCAwIDEgMTItMTJoNDBhMTIgMTIgMCAwIDEgMTIgMTJ6bTAtMTI4YTEyIDEyIDAgMCAxLTEyIDEySDc2YTEyIDEyIDAgMCAxLTEyLTEydi00MGExMiAxMiAwIDAgMSAxMi0xMmg0MGExMiAxMiAwIDAgMSAxMiAxMnptMTI4IDEyOGExMiAxMiAwIDAgMS0xMiAxMmgtNDBhMTIgMTIgMCAwIDEtMTItMTJ2LTQwYTEyIDEyIDAgMCAxIDEyLTEyaDQwYTEyIDEyIDAgMCAxIDEyIDEyem0wLTEyOGExMiAxMiAwIDAgMS0xMiAxMmgtNDBhMTIgMTIgMCAwIDEtMTItMTJ2LTQwYTEyIDEyIDAgMCAxIDEyLTEyaDQwYTEyIDEyIDAgMCAxIDEyIDEyem0xMjggMTI4YTEyIDEyIDAgMCAxLTEyIDEyaC00MGExMiAxMiAwIDAgMS0xMi0xMnYtNDBhMTIgMTIgMCAwIDEgMTItMTJoNDBhMTIgMTIgMCAwIDEgMTIgMTJ6bTAtMTI4YTEyIDEyIDAgMCAxLTEyIDEyaC00MGExMiAxMiAwIDAgMS0xMi0xMnYtNDBhMTIgMTIgMCAwIDEgMTItMTJoNDBhMTIgMTIgMCAwIDEgMTIgMTJ6bS04MC0xODBoMzJhMTYgMTYgMCAwIDAgMTYtMTZWMTZhMTYgMTYgMCAwIDAtMTYtMTZoLTMyYTE2IDE2IDAgMCAwLTE2IDE2djk2YTE2IDE2IDAgMCAwIDE2IDE2em0tMTkyIDBoMzJhMTYgMTYgMCAwIDAgMTYtMTZWMTZhMTYgMTYgMCAwIDAtMTYtMTZoLTMyYTE2IDE2IDAgMCAwLTE2IDE2djk2YTE2IDE2IDAgMCAwIDE2IDE2eiIgY2xhc3M9ImZhLXNlY29uZGFyeSIvPjxwYXRoIGQ9Ik00NDggMTEydjgwSDB2LTgwYTQ4IDQ4IDAgMCAxIDQ4LTQ4aDQ4djQ4YTE2IDE2IDAgMCAwIDE2IDE2aDMyYTE2IDE2IDAgMCAwIDE2LTE2VjY0aDEyOHY0OGExNiAxNiAwIDAgMCAxNiAxNmgzMmExNiAxNiAwIDAgMCAxNi0xNlY2NGg0OGE0OCA0OCAwIDAgMSA0OCA0OHoiIGNsYXNzPSJmYS1wcmltYXJ5Ii8+PC9zdmc+)
}

.icon-eye::before {
  display: inline-block;
  position: absolute;
  margin: -3px 0 0 -30px;
  width: 26px;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNhYWMyZTAiIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48ZGVmcz48c3R5bGU+LmZhLXNlY29uZGFyeXtvcGFjaXR5Oi40fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik01NzIuNTIgMjQxLjRDNTE4LjI5IDEzNS41OSA0MTAuOTMgNjQgMjg4IDY0UzU3LjY4IDEzNS42NCAzLjQ4IDI0MS40MWEzMi4zNSAzMi4zNSAwIDAgMCAwIDI5LjE5QzU3LjcxIDM3Ni40MSAxNjUuMDcgNDQ4IDI4OCA0NDhzMjMwLjMyLTcxLjY0IDI4NC41Mi0xNzcuNDFhMzIuMzUgMzIuMzUgMCAwIDAgMC0yOS4xOXpNMjg4LjE0IDQwMEgyODhhMTQzLjkzIDE0My45MyAwIDEgMSAuMTQgMHoiIGNsYXNzPSJmYS1zZWNvbmRhcnkiLz48cGF0aCBkPSJNMzgwLjY2IDI4MC44N2E5NS43OCA5NS43OCAwIDEgMS0xODQuODctNTAuMTggNDcuODUgNDcuODUgMCAwIDAgNjYuOS02Ni45IDk1LjMgOTUuMyAwIDAgMSAxMTggMTE3LjA4eiIgY2xhc3M9ImZhLXByaW1hcnkiLz48L3N2Zz4=)
}

.icon-comment-dots::before {
  display: inline-block;
  position: absolute;
  margin: 1px 0 0 -23px;
  width: 20px;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNhYWMyZTAiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmZhLXNlY29uZGFyeXtvcGFjaXR5Oi40fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik00NDggMEg2NEE2NC4wNiA2NC4wNiAwIDAgMCAwIDY0djI4OGE2NC4wNiA2NC4wNiAwIDAgMCA2NCA2NGg5NnY4NGExMiAxMiAwIDAgMCAxOS4xIDkuN0wzMDQgNDE2aDE0NGE2NC4wNiA2NC4wNiAwIDAgMCA2NC02NFY2NGE2NC4wNiA2NC4wNiAwIDAgMC02NC02NHpNMzIwIDEzMy4yYTI2LjggMjYuOCAwIDEgMS0yNi44IDI2LjggMjYuOCAyNi44IDAgMCAxIDI2LjgtMjYuOHptLTEyOCAwYTI2LjggMjYuOCAwIDEgMS0yNi44IDI2LjggMjYuOCAyNi44IDAgMCAxIDI2LjgtMjYuOHptMTY0LjIgMTQwLjlhMTMyLjMyIDEzMi4zMiAwIDAgMS0yMDAuNCAwIDE2IDE2IDAgMCAxIDI0LjMtMjAuNyAxMDAuMjMgMTAwLjIzIDAgMCAwIDE1MS42LS4xIDE2LjA3IDE2LjA3IDAgMCAxIDI0LjUgMjAuOHoiIGNsYXNzPSJmYS1zZWNvbmRhcnkiLz48cGF0aCBkPSJNMzIwIDE4Ni44YTI2LjggMjYuOCAwIDEgMC0yNi44LTI2LjggMjYuOCAyNi44IDAgMCAwIDI2LjggMjYuOHptLTEyOCAwYTI2LjggMjYuOCAwIDEgMC0yNi44LTI2LjggMjYuOCAyNi44IDAgMCAwIDI2LjggMjYuOHptMTYyLjMgNjQuN2ExNi4xMSAxNi4xMSAwIDAgMC0yMi42IDEuOCAxMDAuMjMgMTAwLjIzIDAgMCAxLTE1MS42LjEgMTYgMTYgMCAwIDAtMjQuMyAyMC43IDEzMi4zMiAxMzIuMzIgMCAwIDAgMjAwLjQgMCAxNiAxNiAwIDAgMC0xLjktMjIuNnoiIGNsYXNzPSJmYS1wcmltYXJ5Ii8+PC9zdmc+)
}

.icon-heart::before {
  display: inline-block;
  position: absolute;
  margin: -14px 0 0 -50px;
  width: 30px;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmYmIwMDAiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDU4LjQgNjQuM0M0MDAuNiAxNS43IDMxMS4zIDIzIDI1NiA3OS4zIDIwMC43IDIzIDExMS40IDE1LjYgNTMuNiA2NC4zLTIxLjYgMTI3LjYtMTAuNiAyMzAuOCA0MyAyODUuNWwxNzUuNCAxNzguN2MxMCAxMC4yIDIzLjQgMTUuOSAzNy42IDE1LjkgMTQuMyAwIDI3LjYtNS42IDM3LjYtMTUuOEw0NjkgMjg1LjZjNTMuNS01NC43IDY0LjctMTU3LjktMTAuNi0yMjEuM3ptLTIzLjYgMTg3LjVMMjU5LjQgNDMwLjVjLTIuNCAyLjQtNC40IDIuNC02LjggMEw3Ny4yIDI1MS44Yy0zNi41LTM3LjItNDMuOS0xMDcuNiA3LjMtMTUwLjcgMzguOS0zMi43IDk4LjktMjcuOCAxMzYuNSAxMC41bDM1IDM1LjcgMzUtMzUuN2MzNy44LTM4LjUgOTcuOC00My4yIDEzNi41LTEwLjYgNTEuMSA0My4xIDQzLjUgMTEzLjkgNy4zIDE1MC44eiIvPjwvc3ZnPg==)
}

.icon-heart-alt::before,
.icon-heart:hover::before {
  display: inline-block;
  position: absolute;
  margin: -14px 0 0 -50px;
  width: 30px;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmYmIwMDAiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDYyLjMgNjIuNkM0MDcuNSAxNS45IDMyNiAyNC4zIDI3NS43IDc2LjJMMjU2IDk2LjVsLTE5LjctMjAuM0MxODYuMSAyNC4zIDEwNC41IDE1LjkgNDkuNyA2Mi42Yy02Mi44IDUzLjYtNjYuMSAxNDkuOC05LjkgMjA3LjlsMTkzLjUgMTk5LjhjMTIuNSAxMi45IDMyLjggMTIuOSA0NS4zIDBsMTkzLjUtMTk5LjhjNTYuMy01OC4xIDUzLTE1NC4zLTkuOC0yMDcuOXoiLz48L3N2Zz4=)
}

.icon-repair::before {
  display: inline-block;
  position: absolute;
  margin: -14px 0 0 -20px;
  width: 30px;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNhYWMyZTAiIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48ZGVmcz48c3R5bGU+LmZhLXNlY29uZGFyeXtvcGFjaXR5Oi40fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik01NjkuNTIgNDQwTDMyOS41OCAyNGMtMTguNDQtMzItNjQuNjktMzItODMuMTYgMEw2LjQ4IDQ0MGMtMTguNDIgMzEuOTQgNC42NCA3MiA0MS41NyA3Mmg0NzkuODljMzYuODcgMCA2MC4wNi00MCA0MS41OC03MnpNMjg4IDQ0OGEzMiAzMiAwIDEgMSAzMi0zMiAzMiAzMiAwIDAgMS0zMiAzMnptMzguMjQtMjM4LjQxbC0xMi44IDEyOEExNiAxNiAwIDAgMSAyOTcuNTIgMzUyaC0xOWExNiAxNiAwIDAgMS0xNS45Mi0xNC40MWwtMTIuOC0xMjhBMTYgMTYgMCAwIDEgMjY1LjY4IDE5Mmg0NC42NGExNiAxNiAwIDAgMSAxNS45MiAxNy41OXoiIGNsYXNzPSJmYS1zZWNvbmRhcnkiLz48cGF0aCBkPSJNMzEwLjMyIDE5MmgtNDQuNjRhMTYgMTYgMCAwIDAtMTUuOTIgMTcuNTlsMTIuOCAxMjhBMTYgMTYgMCAwIDAgMjc4LjQ4IDM1MmgxOWExNiAxNiAwIDAgMCAxNS45Mi0xNC40MWwxMi44LTEyOEExNiAxNiAwIDAgMCAzMTAuMzIgMTkyek0yODggMzg0YTMyIDMyIDAgMSAwIDMyIDMyIDMyIDMyIDAgMCAwLTMyLTMyeiIgY2xhc3M9ImZhLXByaW1hcnkiLz48L3N2Zz4=)
}

.icon-facebook-f::before {
  display: inline-block;
  padding-top: 4px;
  width: 14px;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBkPSJNMjc5LjE0IDI4OGwxNC4yMi05Mi42NmgtODguOTF2LTYwLjEzYzAtMjUuMzUgMTIuNDItNTAuMDYgNTIuMjQtNTAuMDZoNDAuNDJWNi4yNlMyNjAuNDMgMCAyMjUuMzYgMGMtNzMuMjIgMC0xMjEuMDggNDQuMzgtMTIxLjA4IDEyNC43MnY3MC42MkgyMi44OVYyODhoODEuMzl2MjI0aDEwMC4xN1YyODh6Ii8+PC9zdmc+)
}

.icon-vk::before {
  display: inline-block;
  padding-top: 5px;
  width: 24px;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA1NzYgNTEyIj48cGF0aCBkPSJNNTQ1IDExNy43YzMuNy0xMi41IDAtMjEuNy0xNy44LTIxLjdoLTU4LjljLTE1IDAtMjEuOSA3LjktMjUuNiAxNi43IDAgMC0zMCA3My4xLTcyLjQgMTIwLjUtMTMuNyAxMy43LTIwIDE4LjEtMjcuNSAxOC4xLTMuNyAwLTkuNC00LjQtOS40LTE2LjlWMTE3LjdjMC0xNS00LjItMjEuNy0xNi42LTIxLjdoLTkyLjZjLTkuNCAwLTE1IDctMTUgMTMuNSAwIDE0LjIgMjEuMiAxNy41IDIzLjQgNTcuNXY4Ni44YzAgMTktMy40IDIyLjUtMTAuOSAyMi41LTIwIDAtNjguNi03My40LTk3LjQtMTU3LjQtNS44LTE2LjMtMTEuNS0yMi45LTI2LjYtMjIuOUgzOC44Yy0xNi44IDAtMjAuMiA3LjktMjAuMiAxNi43IDAgMTUuNiAyMCA5My4xIDkzLjEgMTk1LjVDMTYwLjQgMzc4LjEgMjI5IDQxNiAyOTEuNCA0MTZjMzcuNSAwIDQyLjEtOC40IDQyLjEtMjIuOSAwLTY2LjgtMy40LTczLjEgMTUuNC03My4xIDguNyAwIDIzLjcgNC40IDU4LjcgMzguMSA0MCA0MCA0Ni42IDU3LjkgNjkgNTcuOWg1OC45YzE2LjggMCAyNS4zLTguNCAyMC40LTI1LTExLjItMzQuOS04Ni45LTEwNi43LTkwLjMtMTExLjUtOC43LTExLjItNi4yLTE2LjIgMC0yNi4yLjEtLjEgNzItMTAxLjMgNzkuNC0xMzUuNnoiLz48L3N2Zz4=)
}

.icon-odnoklassniki::before {
  display: inline-block;
  padding-top: 3px;
  width: 15px;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBkPSJNMjc1LjEgMzM0Yy0yNy40IDE3LjQtNjUuMSAyNC4zLTkwIDI2LjlsMjAuOSAyMC42IDc2LjMgNzYuM2MyNy45IDI4LjYtMTcuNSA3My4zLTQ1LjcgNDUuNy0xOS4xLTE5LjQtNDcuMS00Ny40LTc2LjMtNzYuNkw4NCA1MDMuNGMtMjguMiAyNy41LTczLjYtMTcuNi00NS40LTQ1LjcgMTkuNC0xOS40IDQ3LjEtNDcuNCA3Ni4zLTc2LjNsMjAuNi0yMC42Yy0yNC42LTIuNi02Mi45LTkuMS05MC42LTI2LjktMzIuNi0yMS00Ni45LTMzLjMtMzQuMy01OSA3LjQtMTQuNiAyNy43LTI2LjkgNTQuNi01LjcgMCAwIDM2LjMgMjguOSA5NC45IDI4LjlzOTQuOS0yOC45IDk0LjktMjguOWMyNi45LTIxLjEgNDcuMS04LjkgNTQuNiA1LjcgMTIuNCAyNS43LTEuOSAzOC0zNC41IDU5LjF6TTMwLjMgMTI5LjdDMzAuMyA1OCA4OC42IDAgMTYwIDBzMTI5LjcgNTggMTI5LjcgMTI5LjdjMCA3MS40LTU4LjMgMTI5LjQtMTI5LjcgMTI5LjRzLTEyOS43LTU4LTEyOS43LTEyOS40em02NiAwYzAgMzUuMSAyOC42IDYzLjcgNjMuNyA2My43czYzLjctMjguNiA2My43LTYzLjdjMC0zNS40LTI4LjYtNjQtNjMuNy02NHMtNjMuNyAyOC42LTYzLjcgNjR6Ii8+PC9zdmc+)
}

.icon-twitter::before {
  display: inline-block;
  padding-top: 5px;
  width: 20px;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDU5LjM3IDE1MS43MTZjLjMyNSA0LjU0OC4zMjUgOS4wOTcuMzI1IDEzLjY0NSAwIDEzOC43Mi0xMDUuNTgzIDI5OC41NTgtMjk4LjU1OCAyOTguNTU4LTU5LjQ1MiAwLTExNC42OC0xNy4yMTktMTYxLjEzNy00Ny4xMDYgOC40NDcuOTc0IDE2LjU2OCAxLjI5OSAyNS4zNCAxLjI5OSA0OS4wNTUgMCA5NC4yMTMtMTYuNTY4IDEzMC4yNzQtNDQuODMyLTQ2LjEzMi0uOTc1LTg0Ljc5Mi0zMS4xODgtOTguMTEyLTcyLjc3MiA2LjQ5OC45NzQgMTIuOTk1IDEuNjI0IDE5LjgxOCAxLjYyNCA5LjQyMSAwIDE4Ljg0My0xLjMgMjcuNjE0LTMuNTczLTQ4LjA4MS05Ljc0Ny04NC4xNDMtNTEuOTgtODQuMTQzLTEwMi45ODV2LTEuMjk5YzEzLjk2OSA3Ljc5NyAzMC4yMTQgMTIuNjcgNDcuNDMxIDEzLjMxOS0yOC4yNjQtMTguODQzLTQ2Ljc4MS01MS4wMDUtNDYuNzgxLTg3LjM5MSAwLTE5LjQ5MiA1LjE5Ny0zNy4zNiAxNC4yOTQtNTIuOTU0IDUxLjY1NSA2My42NzUgMTI5LjMgMTA1LjI1OCAyMTYuMzY1IDEwOS44MDctMS42MjQtNy43OTctMi41OTktMTUuOTE4LTIuNTk5LTI0LjA0IDAtNTcuODI4IDQ2Ljc4Mi0xMDQuOTM0IDEwNC45MzQtMTA0LjkzNCAzMC4yMTMgMCA1Ny41MDIgMTIuNjcgNzYuNjcgMzMuMTM3IDIzLjcxNS00LjU0OCA0Ni40NTYtMTMuMzIgNjYuNTk5LTI1LjM0LTcuNzk4IDI0LjM2Ni0yNC4zNjYgNDQuODMzLTQ2LjEzMiA1Ny44MjcgMjEuMTE3LTIuMjczIDQxLjU4NC04LjEyMiA2MC40MjYtMTYuMjQzLTE0LjI5MiAyMC43OTEtMzIuMTYxIDM5LjMwOC01Mi42MjggNTQuMjUzeiIvPjwvc3ZnPg==)
}

.icon-paper-plane::before {
  display: inline-block;
  padding-top: 5px;
  padding-right: 3px;
  width: 20px;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmYiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDc2IDMuMkwxMi41IDI3MC42Yy0xOC4xIDEwLjQtMTUuOCAzNS42IDIuMiA0My4yTDEyMSAzNTguNGwyODcuMy0yNTMuMmM1LjUtNC45IDEzLjMgMi42IDguNiA4LjNMMTc2IDQwN3Y4MC41YzAgMjMuNiAyOC41IDMyLjkgNDIuNSAxNS44TDI4MiA0MjZsMTI0LjYgNTIuMmMxNC4yIDYgMzAuNC0yLjkgMzMtMTguMmw3Mi00MzJDNTE1IDcuOCA0OTMuMy02LjggNDc2IDMuMnoiLz48L3N2Zz4=)
}

.icon-mobile-alt::before {
  display: block;
  padding: 5px 0;
  width: 40px;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNhYWMyZTAiIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48ZGVmcz48c3R5bGU+LmZhLXNlY29uZGFyeXtvcGFjaXR5Oi40fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik0yNzIgMEg0OEE0OCA0OCAwIDAgMCAwIDQ4djQxNmE0OCA0OCAwIDAgMCA0OCA0OGgyMjRhNDggNDggMCAwIDAgNDgtNDhWNDhhNDggNDggMCAwIDAtNDgtNDh6bS02NCA0NTJhMTIgMTIgMCAwIDEtMTIgMTJoLTcyYTEyIDEyIDAgMCAxLTEyLTEydi04YTEyIDEyIDAgMCAxIDEyLTEyaDcyYTEyIDEyIDAgMCAxIDEyIDEyem02NC04MGExMiAxMiAwIDAgMS0xMiAxMkg2MGExMiAxMiAwIDAgMS0xMi0xMlY2MGExMiAxMiAwIDAgMSAxMi0xMmgyMDBhMTIgMTIgMCAwIDEgMTIgMTJ6IiBjbGFzcz0iZmEtc2Vjb25kYXJ5Ii8+PHBhdGggZD0iTTI3MiAzNzJhMTIgMTIgMCAwIDEtMTIgMTJINjBhMTIgMTIgMCAwIDEtMTItMTJWNjBhMTIgMTIgMCAwIDEgMTItMTJoMjAwYTEyIDEyIDAgMCAxIDEyIDEyeiIgY2xhc3M9ImZhLXByaW1hcnkiLz48L3N2Zz4=)
}

.icon-com-thumbs-up::before {
  display: inline-block;
  position: absolute;
  margin-top: -4px;
  width: 15px;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNhYWMyZTAiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDY2LjI3IDI4Ni42OUM0NzUuMDQgMjcxLjg0IDQ4MCAyNTYgNDgwIDIzNi44NWMwLTQ0LjAxNS0zNy4yMTgtODUuNTgtODUuODItODUuNThIMzU3LjdjNC45Mi0xMi44MSA4Ljg1LTI4LjEzIDguODUtNDYuNTRDMzY2LjU1IDMxLjkzNiAzMjguODYgMCAyNzEuMjggMGMtNjEuNjA3IDAtNTguMDkzIDk0LjkzMy03MS43NiAxMDguNi0yMi43NDcgMjIuNzQ3LTQ5LjYxNSA2Ni40NDctNjguNzYgODMuNEgzMmMtMTcuNjczIDAtMzIgMTQuMzI3LTMyIDMydjI0MGMwIDE3LjY3MyAxNC4zMjcgMzIgMzIgMzJoNjRjMTQuODkzIDAgMjcuNDA4LTEwLjE3NCAzMC45NzgtMjMuOTUgNDQuNTA5IDEuMDAxIDc1LjA2IDM5Ljk0IDE3Ny44MDIgMzkuOTQgNy4yMiAwIDE1LjIyLjAxIDIyLjIyLjAxIDc3LjExNyAwIDExMS45ODYtMzkuNDIzIDExMi45NC05NS4zMyAxMy4zMTktMTguNDI1IDIwLjI5OS00My4xMjIgMTcuMzQtNjYuOTkgOS44NTQtMTguNDUyIDEzLjY2NC00MC4zNDMgOC45OS02Mi45OXptLTYxLjc1IDUzLjgzYzEyLjU2IDIxLjEzIDEuMjYgNDkuNDEtMTMuOTQgNTcuNTcgNy43IDQ4Ljc4LTE3LjYwOCA2NS45LTUzLjEyIDY1LjloLTM3LjgyYy03MS42MzkgMC0xMTguMDI5LTM3LjgyLTE3MS42NC0zNy44MlYyNDBoMTAuOTJjMjguMzYgMCA2Ny45OC03MC44OSA5NC41NC05Ny40NiAyOC4zNi0yOC4zNiAxOC45MS03NS42MyAzNy44Mi05NC41NCA0Ny4yNyAwIDQ3LjI3IDMyLjk4IDQ3LjI3IDU2LjczIDAgMzkuMTctMjguMzYgNTYuNzItMjguMzYgOTQuNTRoMTAzLjk5YzIxLjExIDAgMzcuNzMgMTguOTEgMzcuODIgMzcuODIuMDkgMTguOS0xMi44MiAzNy44MS0yMi4yNyAzNy44MSAxMy40ODkgMTQuNTU1IDE2LjM3MSA0NS4yMzYtNS4yMSA2NS42MnpNODggNDMyYzAgMTMuMjU1LTEwLjc0NSAyNC0yNCAyNHMtMjQtMTAuNzQ1LTI0LTI0IDEwLjc0NS0yNCAyNC0yNCAyNCAxMC43NDUgMjQgMjR6Ii8+PC9zdmc+)
}

.icon-com-thumbs-down::before {
  display: inline-block;
  position: absolute;
  margin-top: -6px;
  margin-left: -15px;
  width: 15px;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNhYWMyZTAiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDY2LjI3IDIyNS4zMWM0LjY3NC0yMi42NDcuODY0LTQ0LjUzOC04Ljk5LTYyLjk5IDIuOTU4LTIzLjg2OC00LjAyMS00OC41NjUtMTcuMzQtNjYuOTlDNDM4Ljk4NiAzOS40MjMgNDA0LjExNyAwIDMyNyAwYy03IDAtMTUgLjAxLTIyLjIyLjAxQzIwMS4xOTUuMDEgMTY4Ljk5NyA0MCAxMjggNDBoLTEwLjg0NWMtNS42NC00Ljk3NS0xMy4wNDItOC0yMS4xNTUtOEgzMkMxNC4zMjcgMzIgMCA0Ni4zMjcgMCA2NHYyNDBjMCAxNy42NzMgMTQuMzI3IDMyIDMyIDMyaDY0YzExLjg0MiAwIDIyLjE3NS02LjQzOCAyNy43MDgtMTZoNy4wNTJjMTkuMTQ2IDE2Ljk1MyA0Ni4wMTMgNjAuNjUzIDY4Ljc2IDgzLjQgMTMuNjY3IDEzLjY2NyAxMC4xNTMgMTA4LjYgNzEuNzYgMTA4LjYgNTcuNTggMCA5NS4yNy0zMS45MzYgOTUuMjctMTA0LjczIDAtMTguNDEtMy45My0zMy43My04Ljg1LTQ2LjU0aDM2LjQ4YzQ4LjYwMiAwIDg1LjgyLTQxLjU2NSA4NS44Mi04NS41OCAwLTE5LjE1LTQuOTYtMzQuOTktMTMuNzMtNDkuODR6TTY0IDI5NmMtMTMuMjU1IDAtMjQtMTAuNzQ1LTI0LTI0czEwLjc0NS0yNCAyNC0yNCAyNCAxMC43NDUgMjQgMjQtMTAuNzQ1IDI0LTI0IDI0em0zMzAuMTggMTYuNzNIMjkwLjE5YzAgMzcuODIgMjguMzYgNTUuMzcgMjguMzYgOTQuNTQgMCAyMy43NSAwIDU2LjczLTQ3LjI3IDU2LjczLTE4LjkxLTE4LjkxLTkuNDYtNjYuMTgtMzcuODItOTQuNTRDMjA2LjkgMzQyLjg5IDE2Ny4yOCAyNzIgMTM4LjkyIDI3MkgxMjhWODUuODNjNTMuNjExIDAgMTAwLjAwMS0zNy44MiAxNzEuNjQtMzcuODJoMzcuODJjMzUuNTEyIDAgNjAuODIgMTcuMTIgNTMuMTIgNjUuOSAxNS4yIDguMTYgMjYuNSAzNi40NCAxMy45NCA1Ny41NyAyMS41ODEgMjAuMzg0IDE4LjY5OSA1MS4wNjUgNS4yMSA2NS42MiA5LjQ1IDAgMjIuMzYgMTguOTEgMjIuMjcgMzcuODEtLjA5IDE4LjkxLTE2LjcxIDM3LjgyLTM3LjgyIDM3LjgyeiIvPjwvc3ZnPg==)
}

.icon-com-thumbs-down:hover::before {
  filter: hue-rotate(100deg);
  -webkit-filter: hue-rotate(100deg)
}

.icon-com-thumbs-up:hover::before {
  filter: hue-rotate(241deg);
  -webkit-filter: hue-rotate(241deg)
}

.ratingtypeplusminus {
  margin: 0 15px
}

.icon-nav-arrow-left::before {
  display: inline-block;
  ;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMyMjRjNmUiIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNNDQ4IDIwOHY5NmMwIDEzLjMtMTAuNyAyNC0yNCAyNEgyMjR2MTAzLjhjMCAyMS40LTI1LjggMzIuMS00MSAxN0w3IDI3M2MtOS40LTkuNC05LjQtMjQuNiAwLTM0TDE4MyA2My4zYzE1LjEtMTUuMSA0MS00LjQgNDEgMTdWMTg0aDIwMGMxMy4zIDAgMjQgMTAuNyAyNCAyNHoiLz48L3N2Zz4=);
  width: 30px
}

.icon-nav-arrow-right::before {
  display: inline-block;
  ;
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMyMjRjNmUiIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMCAzMDR2LTk2YzAtMTMuMyAxMC43LTI0IDI0LTI0aDIwMFY4MC4yYzAtMjEuNCAyNS44LTMyLjEgNDEtMTdMNDQxIDIzOWM5LjQgOS40IDkuNCAyNC42IDAgMzRMMjY1IDQ0OC43Yy0xNS4xIDE1LjEtNDEgNC40LTQxLTE3VjMyOEgyNGMtMTMuMyAwLTI0LTEwLjctMjQtMjR6Ii8+PC9zdmc+);
  width: 30px
}

.icon-cog {
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMyMjRjNmUiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBkPSJNNDg3LjQgMzE1LjdsLTQyLjYtMjQuNmM0LjMtMjMuMiA0LjMtNDcgMC03MC4ybDQyLjYtMjQuNmM0LjktMi44IDcuMS04LjYgNS41LTE0LTExLjEtMzUuNi0zMC02Ny44LTU0LjctOTQuNi0zLjgtNC4xLTEwLTUuMS0xNC44LTIuM0wzODAuOCAxMTBjLTE3LjktMTUuNC0zOC41LTI3LjMtNjAuOC0zNS4xVjI1LjhjMC01LjYtMy45LTEwLjUtOS40LTExLjctMzYuNy04LjItNzQuMy03LjgtMTA5LjIgMC01LjUgMS4yLTkuNCA2LjEtOS40IDExLjdWNzVjLTIyLjIgNy45LTQyLjggMTkuOC02MC44IDM1LjFMODguNyA4NS41Yy00LjktMi44LTExLTEuOS0xNC44IDIuMy0yNC43IDI2LjctNDMuNiA1OC45LTU0LjcgOTQuNi0xLjcgNS40LjYgMTEuMiA1LjUgMTRMNjcuMyAyMjFjLTQuMyAyMy4yLTQuMyA0NyAwIDcwLjJsLTQyLjYgMjQuNmMtNC45IDIuOC03LjEgOC42LTUuNSAxNCAxMS4xIDM1LjYgMzAgNjcuOCA1NC43IDk0LjYgMy44IDQuMSAxMCA1LjEgMTQuOCAyLjNsNDIuNi0yNC42YzE3LjkgMTUuNCAzOC41IDI3LjMgNjAuOCAzNS4xdjQ5LjJjMCA1LjYgMy45IDEwLjUgOS40IDExLjcgMzYuNyA4LjIgNzQuMyA3LjggMTA5LjIgMCA1LjUtMS4yIDkuNC02LjEgOS40LTExLjd2LTQ5LjJjMjIuMi03LjkgNDIuOC0xOS44IDYwLjgtMzUuMWw0Mi42IDI0LjZjNC45IDIuOCAxMSAxLjkgMTQuOC0yLjMgMjQuNy0yNi43IDQzLjYtNTguOSA1NC43LTk0LjYgMS41LTUuNS0uNy0xMS4zLTUuNi0xNC4xek0yNTYgMzM2Yy00NC4xIDAtODAtMzUuOS04MC04MHMzNS45LTgwIDgwLTgwIDgwIDM1LjkgODAgODAtMzUuOSA4MC04MCA4MHoiLz48L3N2Zz4=);
  width: 20px
}

.img-box,
.img-wide,
.img-resp,
.img-resp-vert,
.img-fit {
  overflow: hidden;
  position: relative
}

.img-resp {
  padding-top: 70%
}

.img-resp-vert {
  padding-top: 140%
}

.img-box img,
.img-resp img,
.img-resp-vert img {
  width: 100%;
  min-height: 100%;
  display: block
}

.img-resp img,
.img-resp-vert img {
  position: absolute;
  left: 0;
  top: 0
}

.img-wide img {
  width: 100%;
  display: block
}

.img-fit img {
  width: 100%;
  height: 100%;
  object-fit: cover
}

.nowrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.fx-row,
#dle-content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

.fx-col {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column
}

.fx-center {
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center
}

.fx-middle {
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center
}

.fx-start {
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}

.fx-first {
  -ms-flex-order: -1;
  -webkit-order: -1;
  order: -1
}

.fx-last {
  -ms-flex-order: 10;
  -webkit-order: 10;
  order: 10
}

.fx-last-1 {
  -ms-flex-order: 10;
  -webkit-order: 10;
  order: 1
}

.fx-last-2 {
  -ms-flex-order: 2;
  -webkit-order: 2;
  order: 2
}

.fx-last-3 {
  -ms-flex-order: 3;
  -webkit-order: 3;
  order: 3
}

.fx-last-4 {
  -ms-flex-order: 4;
  -webkit-order: 4;
  order: 4
}

.fx-last-5 {
  -ms-flex-order: 5;
  -webkit-order: 5;
  order: 5
}

.fx-1 {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  min-width: 50px
}

.fx-between {
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  justify-content: space-between
}

b,
strong,
.fw700 {
  font-weight: 600
}

.icon-left [class*=fa-],
.icon-left .icon {
  margin-right: 10px
}

.icon-right [class*=fa-],
.icon-right .icon {
  margin-left: 10px
}

.hidden,
#dofullsearch {
  display: none
}

.anim,
.btn,
button,
.popular-item-img:before,
.short-item a,
.sidebar a,
.header-btn,
.short-img,
.footer a,
.side-nav a {
  transition: all .3s
}

.mtitle,
.sub-title h1,
.form-wrap h1 {
  margin-bottom: 30px;
  font-size: 24px !important;
  font-weight: 600
}

#dle-content>* {
  width: 100%
}

.wrap {
  min-width: 320px;
  position: relative;
  padding: 30px
}

.wrap-center {
  max-width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 20
}

.wrap-main {
  background-color: #18202a;
  border-radius: 5px;
  box-shadow: 0 15px 30px rgba(0, 0, 0, .8)
}

.header {
  padding: 20px 40px;
  background-color: #121820;
  border-radius: 5px 5px 0 0
}

.cols {
  padding: 20px 40px
}

.main {
  min-height: 100vh
}

.sidebar {
  width: 300px;
  margin-right: 40px
}

.footer {
  background: #090c10 url(../images/logo.svg) 40px 10px/40px no-repeat;
  height: 60px;
  padding: 0 40px 0 90px;
  color: #8fa7c6;
  border-radius: 0 0 5px 5px
}

.footer a {
  color: #fb0;
  text-decoration: none
}

#gotop {
  position: fixed;
  width: 70px;
  height: 60px;
  line-height: 60px;
  right: 10px;
  bottom: 10px;
  z-index: 990;
  display: none;
  background-color: #090c10;
  color: #8fa7c6;
  cursor: pointer;
  font-size: 34px;
  border-radius: 2px;
  text-align: center;
  box-shadow: 0 23px 57px rgba(0, 0, 0, .6)
}

#gotop::before {
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNhYWMyZTAiIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjQwLjk3MSAxMzAuNTI0bDE5NC4zNDMgMTk0LjM0M2M5LjM3MyA5LjM3MyA5LjM3MyAyNC41NjkgMCAzMy45NDFsLTIyLjY2NyAyMi42NjdjLTkuMzU3IDkuMzU3LTI0LjUyMiA5LjM3NS0zMy45MDEuMDRMMjI0IDIyNy40OTUgNjkuMjU1IDM4MS41MTZjLTkuMzc5IDkuMzM1LTI0LjU0NCA5LjMxNy0zMy45MDEtLjA0bC0yMi42NjctMjIuNjY3Yy05LjM3My05LjM3My05LjM3My0yNC41NjkgMC0zMy45NDFMMjA3LjAzIDEzMC41MjVjOS4zNzItOS4zNzMgMjQuNTY4LTkuMzczIDMzLjk0MS0uMDAxeiIvPjwvc3ZnPg==);
  position: absolute;
  width: 40px;
  top: 6px;
  left: 15px
}

.logo {
  display: block;
  height: 50px;
  line-height: 60px;
  color: #aac2e0;
  font-weight: 300;
  margin-top: -10px;
  font-size: 26px;
  background: url(../images/logo.svg) 0 center/50px no-repeat;
  padding-left: 45px
}

.logo span {
  font-weight: 600;
  padding-left: 15px;
  color: #fb0;
  text-transform: uppercase
}

.header-btn {
  padding: 0 10px
}

.search-wrap {
  position: relative;
  margin: 0 20px 0 40px
}

.search-box input,
.search-box input:focus {
  padding: 0 50px 0 16px;
  border-radius: 3px;
  box-shadow: 0 10px 16px 0 rgba(0, 0, 0, .3)
}

.search-box input:not(:focus)::placeholder {
  color: #aac2e0;
  opacity: 1;
  font-size: 16px
}

.search-box button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  width: 50px;
  cursor: pointer;
  background: 0 0;
  color: #aac2e0;
  line-height: 40px;
  text-align: center;
  border-radius: 0 20px 20px 0
}

.search-btn {
  position: relative
}

.search-btn::before {
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNhYWMyZTAiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48ZGVmcz48c3R5bGU+LmZhLXNlY29uZGFyeXtvcGFjaXR5Oi40fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGQ9Ik0yMDggODBhMTI4IDEyOCAwIDEgMS05MC41MSAzNy40OUExMjcuMTUgMTI3LjE1IDAgMCAxIDIwOCA4MG0wLTgwQzkzLjEyIDAgMCA5My4xMiAwIDIwOHM5My4xMiAyMDggMjA4IDIwOCAyMDgtOTMuMTIgMjA4LTIwOFMzMjIuODggMCAyMDggMHoiIGNsYXNzPSJmYS1zZWNvbmRhcnkiLz48cGF0aCBkPSJNNTA0LjkgNDc2LjdMNDc2LjYgNTA1YTIzLjkgMjMuOSAwIDAgMS0zMy45IDBMMzQzIDQwNS4zYTI0IDI0IDAgMCAxLTctMTdWMzcybDM2LTM2aDE2LjNhMjQgMjQgMCAwIDEgMTcgN2w5OS43IDk5LjdhMjQuMTEgMjQuMTEgMCAwIDEtLjEgMzR6IiBjbGFzcz0iZmEtcHJpbWFyeSIvPjwvc3ZnPg==);
  position: absolute;
  width: 24px;
  top: 7px;
  left: 15px
}

.searchtable {
  display: none
}

.carou-content {
  height: 200px
}

.carou-sect {
  padding: 20px 40px;
  background-color: #090c10
}

.carou-title {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px
}

.popular-item-img {
  display: block;
  border-radius: 3px;
  height: 200px
}

.popular-item-title {
  position: absolute;
  z-index: 10;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 20px;
  color: #aac2e0;
  font-weight: 500;
  word-wrap: break-word
}

.popular-item-img:before {
  content: '';
  position: absolute;
  z-index: 5;
  left: 0;
  right: 0;
  bottom: 0;
  height: 70%;
  background: linear-gradient(to bottom, transparent 0, #18202a 100%);
  opacity: 1
}

.popular-item:hover .popular-item-img:before,
.popular-item:hover .popular-item-title {
  opacity: 0
}

.side-recommend-item {
  display: block;
  margin-bottom: 20px;
  width: 46.6%
}

.side-recommend-item-img {
  border-radius: 3px
}

.side-recommend-item:hover {
  opacity: 0.8
}

.side-box {
  margin-bottom: 40px
}

.side-bt {
  font-size: 18px;
  font-weight: 500;
  text-align: center;
  background-color: #121820;
  border-radius: 3px;
  padding: 10px 0;
  margin-bottom: 20px
}

.mb-remove {
  margin-bottom: -20px
}

.nav-col {
  width: 55%
}

.nav-col+.nav-col {
  width: 40%
}

.nav-title {
  font-weight: 500;
  margin-bottom: 9px
}

.nav-menu+.nav-title {
  margin-top: 12px
}

.nav-menu a {
  display: block;
  padding: 5px 0;
  font-size: 15px;
  color: #8fa7c6
}

.nav-menu a:hover,
.side-popular-item:hover .side-popular-item-title {
  color: #fb0
}

.nav-menu .nmbold {
  font-weight: 900
}

.side-popular-item {
  margin-bottom: 20px;
  background: #253242;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px
}

.side-popular-item-img {
  width: 70px;
  height: 90px;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  margin-right: 20px
}

.side-popular-item-desc {
  padding: 5px 5px 5px 0
}

.side-popular-item-title {
  font-weight: 600;
  font-size: 15px
}

.side-popular-item-info {
  color: #8fa7c6;
  margin-top: 10px;
  font-size: 14px
}

.side-popular-item-date {
  color: #8fa7c6;
  margin-top: 10px;
  font-size: 13px
}

.lcomm {
  margin-bottom: 20px
}

.ltitle {
  display: block;
  line-height: 1;
  font-weight: 300;
  font-size: 13px;
  margin-top: 10px;
  padding-left: 2px
}

.ltext {
  line-height: 1.3;
  background-color: #121820;
  padding: 10px;
  border-radius: 10px
}

.lmeta {
  font-size: 13px;
  margin: 10px 0;
  color: #8fa7c6;
  font-weight: 300
}

.ldate,
.lav,
.lname {
  display: inline-block;
  vertical-align: middle;
  margin-right: 7px
}

.lav {
  width: 20px;
  height: 20px;
  border-radius: 50%
}

.lcomm .comm-letter {
  line-height: 20px;
  font-size: 12px
}

.lname {
  color: #8fa7c6;
  font-weight: 400
}

.sect {
  margin-bottom: 40px
}

.sect:last-child {
  margin-bottom: 0
}

.sect-header {
  margin-bottom: 20px
}

.sect-title {
  font-weight: 600;
  font-size: 24px;
  text-align: center
}

.short-item {
  margin-bottom: 20px;
  padding: 20px;
  border-radius: 3px;
  background-color: #121820
}

.short-img {
  width: 170px;
  height: 250px;
  margin-right: 20px;
  display: block;
  border-radius: 3px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .6)
}

.short-header {
  margin-bottom: 10px
}

.short-title {
  display: block;
  font-size: 18px;
  color: #9db1cc;
  font-weight: 600;
  line-height: 1.5
}

.short-header a:hover,
.short-header a:focus {
  color: #537b99
}

.short-text {
  font-size: 14px;
  line-height: 1.7
}

.short-list li {
  position: relative;
  padding-left: 120px;
  margin: 5px 0;
  font-size: 14px;
  line-height: 1.5
}

.short-list li>span:first-child {
  position: absolute;
  left: 0;
  top: 0;
  color: #6e84a0
}

.short-list a {
  color: #fb0;
  border-bottom: 1px dotted #fb0
}

.short-item-text {
  font-size: 14px;
  line-height: 1.5;
  padding: 5px 8px;
  border-radius: 3px;
  background-color: #18202a;
  color: #9db1cc
}

.short-meta {
  margin-top: 10px;
  color: #6e84a0;
  font-size: 13px;
  font-weight: 300
}

.short-meta-item {
  margin-right: 20px
}

.short-rating {
  line-height: 28px;
  background-color: #18202a;
  padding: 0 10px;
  font-size: 15px;
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, .8);
  margin-right: 20px
}

.short-rating .fa-thumbs-up {
  color: #83bf45;
  margin-right: 10px
}

.short-rating .fa-thumbs-down {
  color: #ee3442;
  margin: 0 10px
}

.short-label {
  background-color: #253242;
  color: #fff;
  padding: 3px 6px;
  border-radius: 2px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 10;
  font-size: 12px;
  font-weight: 500
}

.short-seriya {
  background-color: #224c6e;
  color: #bde0ff;
  padding: 3px 6px;
  border-radius: 2px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 10;
  font-size: 12px;
  font-weight: 500
}

.short-btn {
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  padding: 0 10px;
  border-radius: 2px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .6)
}

.short-rate-in {
  background-color: #224c6e;
  line-height: 30px;
  border-radius: 2px;
  text-align: center;
  font-size: 13px;
  opacity: .9;
  padding: 0 6px;
  margin-left: 10px;
  font-weight: 500;
  box-shadow: 0 2px 6px rgba(0, 0, 0, .6)
}

.short-rate-in:before {
  content: attr(data-text);
  display: inline;
  margin-right: 3px;
  text-transform: uppercase
}

.mrating {
  margin-right: 20px;
  overflow: hidden
}

.mrating a {
  transition: none
}

.short-img:hover {
  opacity: .8
}

.site-desc {
  line-height: 1.7;
  color: #8fa7c6;
  font-size: 14px;
  padding-top: 40px
}

.site-desc:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  height: 5px
}

.site-desc h1,
.site-desc h2 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 10px;
  color: #aac2e0
}

.site-desc li {
  list-style-type: disc;
  margin-left: 40px
}

.site-desc p {
  margin-bottom: 10px
}

.site-desc>*:last-child {
  margin-bottom: 0
}

.site-desc a {
  color: #fb0;
  text-decoration: underline
}

.site-desc img {
  float: left;
  max-width: 200px;
  margin: 0 10px 10px 0
}

.bottom-nav {
  margin-bottom: -10px;
  text-align: center
}

.navigation a,
.navigation span,
.swchItemA,
.pnext a,
.pprev a,
.pprev>span,
.pnext>span {
  display: inline-block;
  padding: 0 10px;
  margin: 0 10px 10px 0;
  line-height: 50px;
  min-width: 50px;
  background-color: #121820;
  border-radius: 2px;
  font-weight: 500;
  font-size: 18px
}

.navigation span:not(.nav_ext),
.pagi-nav a:hover {
  background-color: #253242;
  color: #aac2e0
}

.fleft {
  width: 200px;
  margin-right: 20px
}

.fimg {
  border-radius: 3px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, .15)
}

.ftext {
  margin: 20px 0
}

.fcols .short-list li {
  font-size: 14px
}

.fcols .short-meta-item:last-child {
  margin-right: 0
}

.fcols h1 {
  color: #9db1cc
}

h1 a {
  margin-left: 10px;
  font-size: 15px
}

.fcols {
  padding: 20px;
  border-radius: 3px;
  background-color: #121820
}

.frels .popular-item-img:before {
  background: linear-gradient(to bottom, transparent 0, #090c10 100%);
  opacity: 1
}

.article h2 {
  text-align: center;
  color: #9db1cc;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 20px
}

.fplayer {
  position: relative;
  background-color: #090c10;
  border-radius: 3px
}

.fplayer .tab-sel-all {
  background-color: #253242;
  padding-right: 20px
}

.fplayer .tabs-sel span {
  display: inline-block;
  background-color: #253242;
  padding: 0 20px;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  font-weight: 500
}

.fplayer .tabs-sel span:first-child {
  border-top-left-radius: 3px
}

.fplayer .tabs-sel span.current {
  background-color: #224c6e;
  color: #aac2e0
}

.js .tabs-b {
  background-color: #000;
  display: none
}

.js .tabs-b.visible {
  display: block
}

.fcompl a:hover,
.ffav a:hover,
.ffav span:hover {
  color: #fb0;
  cursor: pointer
}

.fcompl,
.ffav {
  margin-left: 20px;
  background-color: #253242
}

.fshare {
  padding: 15px 0;
  text-align: center;
  white-space: nowrap
}

.fshare span {
  display: block;
  width: 50px;
  height: 30px;
  border-radius: 2px;
  text-align: center;
  margin: 0 2px;
  cursor: pointer
}

.fshare span:hover {
  opacity: .8
}

.icon-vk {
  background-color: #5075a5
}

.icon-facebook-f {
  background-color: #4b6baf
}

.icon-twitter {
  background-color: #2daae1
}

.icon-odnoklassniki,
.fa.fa-rss {
  background-color: #fc6d00
}

.icon-paper-plane {
  background-color: #5682a3
}

.sub-ftext {
  background-color: #121820;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 8px 13px;
  margin-bottom: 30px
}

.sub-ftext span {
  float: left;
  padding-right: 13px
}

.video-box embed,
.video-box object,
.video-box video,
.video-box iframe,
.video-box frame {
  max-width: 100% !important;
  display: block;
  width: 100%;
  height: 400px
}

.mejs-container {
  max-width: 100% !important
}

.full-text {
  line-height: 1.7;
  font-size: 15px;
  color: #9db1cc
}

.full-text img:not(.emoji) {
  max-width: 100%;
  margin-top: 10px;
  margin-bottom: 10px
}

.full-text>img[style*=left],
.full-text>.highslide img[style*=left] {
  margin: 0 10px 10px 0
}

.full-text>img[style*=right],
.full-text>.highslide img[style*=right] {
  margin: 0 0 10px 10px
}

.full-text a {
  text-decoration: underline;
  color: #06c
}

.full-text a:hover {
  text-decoration: none
}

.full-text h2,
.full-text h3,
.full-text h4,
.full-text h5 {
  margin: 10px 0;
  font-size: 24px;
  font-weight: 700
}

.full-text p {
  margin-bottom: 10px
}

.full-text>ul,
.full-text>ol {
  margin: 0
}

.full-text>ul li {
  list-style: disc;
  margin-left: 40px
}

.full-text>ol li {
  list-style: decimal;
  margin-left: 40px
}

.add-comms {
  margin-bottom: 26px;
  padding: 20px;
  background-color: #121820;
  border-radius: 3px
}

.ac-inputs input {
  width: 48.5%;
  margin-bottom: 15px
}

.ac-textarea textarea {
  height: 150px;
  margin-bottom: 15px;
  border-radius: 2px;
  resize: none
}

.ac-submit button {
  font-size: 18px !important
}

.ac-protect,
.ac-textarea .bb-editor+br {
  display: none
}

.comments_subscribe input {
  margin-right: 10px
}

.comments_subscribe {
  display: block
}

.mass_comments_action {
  display: none
}

.last-comm-link {
  display: inline-block;
  padding-bottom: 20px;
  color: #06c;
  font-size: 18px
}

.comm-avatar {
  position: absolute;
  left: 0;
  top: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%
}

.comm-letter {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  line-height: 40px;
  text-align: center;
  background-color: #000;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase
}

.comm-item {
  font-size: 13px;
  padding-left: 55px;
  position: relative;
  min-height: 40px;
  margin-bottom: 20px
}

.comm-two {
  margin: 5px 0 10px
}

.comm-one>span {
  margin-right: 15px;
  opacity: .6
}

.comm-one>span.comm-author,
.comm-one>span.comm-author a {
  font-weight: 500;
  opacity: 1
}

.comm-three-left>a,
.comm-three-right li a {
  opacity: .6
}

.comm-three-right li {
  display: inline-block;
  margin-left: 15px
}

.comm-rate3 {
  white-space: nowrap;
  margin-right: 15px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: -3px
}

.comm-rate3 a {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  opacity: .8
}

.comm-rate3 a:first-child {
  top: -5px
}

.comm-rate3>span {
  margin: 0 5px
}

.comm-rate3>span>span.ratingtypeplus {
  color: #06b601
}

.comm-rate3>span>span.ratingplus {
  color: #95c613
}

.comm-rate3>span>span.ratingminus {
  color: #ff0e0e
}

.comm-three a:hover {
  border-bottom-color: transparent
}

.comm-three-left>a {
  opacity: 1;
  color: #8fa7c6;
  border-bottom: 1px dotted #8fa7c6
}

.overlay-box {
  position: fixed;
  z-index: 998;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .8;
  background-color: #000;
  cursor: pointer
}

.login-box {
  position: fixed;
  z-index: 999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #18202a;
  padding: 30px 60px 40px;
  border-top: 5px solid #fb0;
  width: 400px;
  box-shadow: 0 20px 60px rgba(0, 0, 0, .5)
}

.login-close {
  width: 26px;
  height: 26px;
  cursor: pointer;
  position: absolute;
  top: -30px;
  right: -30px
}

.login-close::before {
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmZmJiMDAiIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNMjA3LjYgMjU2bDEwNy43Mi0xMDcuNzJjNi4yMy02LjIzIDYuMjMtMTYuMzQgMC0yMi41OGwtMjUuMDMtMjUuMDNjLTYuMjMtNi4yMy0xNi4zNC02LjIzLTIyLjU4IDBMMTYwIDIwOC40IDUyLjI4IDEwMC42OGMtNi4yMy02LjIzLTE2LjM0LTYuMjMtMjIuNTggMEw0LjY4IDEyNS43Yy02LjIzIDYuMjMtNi4yMyAxNi4zNCAwIDIyLjU4TDExMi40IDI1NiA0LjY4IDM2My43MmMtNi4yMyA2LjIzLTYuMjMgMTYuMzQgMCAyMi41OGwyNS4wMyAyNS4wM2M2LjIzIDYuMjMgMTYuMzQgNi4yMyAyMi41OCAwTDE2MCAzMDMuNmwxMDcuNzIgMTA3LjcyYzYuMjMgNi4yMyAxNi4zNCA2LjIzIDIyLjU4IDBsMjUuMDMtMjUuMDNjNi4yMy02LjIzIDYuMjMtMTYuMzQgMC0yMi41OEwyMDcuNiAyNTZ6Ii8+PC9zdmc+);
  position: absolute;
  width: 26px
}

.login-title {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 15px;
  text-align: center
}

.login-avatar {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  margin: 0 auto 15px;
  text-align: center;
  line-height: 60px;
  font-size: 24px;
  background-color: #090c10;
  color: #8fa7c6
}

.login-input {
  margin-bottom: 15px
}

.login-btn button {
  width: 100%;
  margin: 15px 0
}

.login-btm a {
  border-bottom: 1px dotted #2c69b7;
  color: #2c69b7;
  font-size: 13px
}

.login-check {
  position: relative;
  font-size: 14px
}

.login-check input {
  opacity: 0;
  position: absolute;
  cursor: pointer
}

.login-check span {
  display: block;
  padding-left: 36px;
  height: 30px;
  line-height: 30px;
  color: #939393
}

.login-check span:before,
.login-check span:after {
  content: '';
  position: absolute;
  top: 50%;
  transition: .3s
}

.login-check span:before {
  left: 0;
  height: 10px;
  margin-top: -5px;
  width: 26px;
  border-radius: 5px;
  background: #090c10;
  box-shadow: inset 0 1px 4px rgba(0, 0, 0, .3)
}

.login-check span:after {
  left: 1px;
  height: 12px;
  width: 12px;
  margin-top: -6px;
  background: #2ecc71;
  border-radius: 6px;
  box-shadow: 0 1px 4px transparent
}

.login-check input:checked+span:before {
  background-color: #fff
}

.login-check input:checked+span:after {
  left: 13px;
  background-color: #fff;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .3)
}

.login-menu {
  border-top: 1px solid #090c10;
  border-left: 1px solid #090c10
}

.login-menu li {
  text-align: center;
  border-right: 1px solid #090c10;
  border-bottom: 1px solid #090c10;
  width: 50%
}

.login-menu a {
  display: block;
  padding: 10px 5px;
  font-size: 13px
}

.login-menu li .fa {
  display: none;
  height: 28px;
  font-size: 22px;
  color: #2c69b7
}

.login-admin {
  text-align: center;
  margin: -10px 0 25px
}

.login-soc-title {
  display: flex;
  align-items: center;
  margin: 30px 0 15px
}

.login-soc-title:before,
.login-soc-title:after {
  content: '';
  height: 1px;
  background-color: #090c10;
  flex: 1
}

.login-soc-title:before {
  margin-right: 15px
}

.login-soc-title:after {
  margin-left: 15px
}

.login-soc-btns {
  text-align: center
}

.login-soc-btns a {
  display: inline-block;
  margin: 0 3px;
  vertical-align: top
}

.login-soc-btns img {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%
}

.usp-btn a {
  font-size: 12px
}

.owl-carousel {
  display: none;
  opacity: 0;
  transition: opacity .3s linear;
  width: 100%;
  position: relative;
  z-index: 10
}

.owl-carousel .owl-stage {
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0px, 0px, 0px)
}

.owl-carousel .owl-item {
  position: relative;
  min-height: 1px
}

.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled,
.owl-carousel.owl-refresh .owl-item {
  display: none
}

.owl-carousel.owl-loaded,
.owl-carousel.owl-loading,
.no-js .owl-carousel {
  display: block;
  opacity: 1
}

.owl-carousel.owl-loading,
.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel.owl-drag .owl-item {
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab
}

.owl-carousel .animated {
  animation-duration: 1000ms;
  animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
  z-index: 0
}

.owl-carousel .owl-animated-out {
  z-index: 1
}

.owl-carousel .fadeOut {
  animation-name: fadeOut
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

.owl-height {
  transition: height 500ms ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 400ms ease
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}

.owl-nav {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1
}

.owl-prev,
.owl-next {
  display: block;
  cursor: pointer;
  background: 0 0;
  color: #fb0;
  box-shadow: none;
  height: 20px;
  line-height: 20px;
  position: absolute;
  top: -46px;
  box-shadow: none;
  font-size: 28px
}

.owl-prev {
  right: 45px;
  color: #fb0
}

.owl-next {
  right: 0
}

.owl-prev:hover,
.owl-next:hover {
  color: #aac2e0
}

.btn-menu {
  position: relative;
  width: 40px;
  display: none
}

.btn-menu::before {
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNmYmIwMDAiIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBkPSJNNDM2IDEyNEgxMmMtNi42MjcgMC0xMi01LjM3My0xMi0xMlY4MGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDQyNGM2LjYyNyAwIDEyIDUuMzczIDEyIDEydjMyYzAgNi42MjctNS4zNzMgMTItMTIgMTJ6bTAgMTYwSDEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0zMmMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDQyNGM2LjYyNyAwIDEyIDUuMzczIDEyIDEydjMyYzAgNi42MjctNS4zNzMgMTItMTIgMTJ6bTAgMTYwSDEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0zMmMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDQyNGM2LjYyNyAwIDEyIDUuMzczIDEyIDEydjMyYzAgNi42MjctNS4zNzMgMTItMTIgMTJ6Ii8+PC9zdmc+);
  position: absolute;
  width: 40px;
  bottom: -28px;
  left: 0
}

.side-panel {
  width: 280px;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  background-color: #18202a;
  padding: 20px;
  z-index: 9999;
  position: fixed;
  left: -320px;
  top: 0;
  transition: left .4s
}

.side-panel.active {
  left: 0
}

.close-overlay {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .5);
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9998;
  display: none
}

.btn-close {
  cursor: pointer;
  display: block;
  left: 280px;
  top: -40px;
  position: fixed;
  z-index: 9999;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-size: 18px;
  background-color: #224c6e;
  transition: top .4s
}

.btn-close::before {
  content: url(data:image/svg+xml;utf8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiNhYWMyZTAiIHZpZXdCb3g9IjAgMCAzMjAgNTEyIj48cGF0aCBkPSJNMjA3LjYgMjU2bDEwNy43Mi0xMDcuNzJjNi4yMy02LjIzIDYuMjMtMTYuMzQgMC0yMi41OGwtMjUuMDMtMjUuMDNjLTYuMjMtNi4yMy0xNi4zNC02LjIzLTIyLjU4IDBMMTYwIDIwOC40IDUyLjI4IDEwMC42OGMtNi4yMy02LjIzLTE2LjM0LTYuMjMtMjIuNTggMEw0LjY4IDEyNS43Yy02LjIzIDYuMjMtNi4yMyAxNi4zNCAwIDIyLjU4TDExMi40IDI1NiA0LjY4IDM2My43MmMtNi4yMyA2LjIzLTYuMjMgMTYuMzQgMCAyMi41OGwyNS4wMyAyNS4wM2M2LjIzIDYuMjMgMTYuMzQgNi4yMyAyMi41OCAwTDE2MCAzMDMuNmwxMDcuNzIgMTA3LjcyYzYuMjMgNi4yMyAxNi4zNCA2LjIzIDIyLjU4IDBsMjUuMDMtMjUuMDNjNi4yMy02LjIzIDYuMjMtMTYuMzQgMC0yMi41OEwyMDcuNiAyNTZ6Ii8+PC9zdmc+);
  position: absolute;
  width: 20px;
  bottom: -10px;
  left: 10px
}

.btn-close.active {
  top: 0
}

body.opened-menu {
  overflow: hidden;
  width: 100%;
  height: 100%
}

.side-panel .side-nav a {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis
}

.side-panel .side-box {
  margin-bottom: 20px
}

@media screen and (max-width:1220px) {
  .wrap {
    padding: 0;
    overflow: hidden
  }

  .header,
  .footer,
  .cols,
  .carou-sect {
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 0;
    background-image: none
  }

  .wrap-center {
    max-width: 1000px;
    border-radius: 0
  }

  .sidebar {
    display: none
  }

  .btn-menu {
    display: block;
    font-size: 28px;
    margin-left: 20px;
    cursor: pointer
  }

  .cols {
    padding-top: 20px
  }

  .video-box embed,
  .video-box object,
  .video-box video,
  .video-box iframe,
  .video-box frame {
    height: 400px
  }
}

@media screen and (max-width:950px) {
  .wrap-center {
    max-width: 768px
  }

  .short-meta-item:not(.mrating-count) {
    display: none
  }

  .footer {
    display: block;
    text-align: center;
    height: 90px
  }

  .footer-copyright {
    margin: 0 0 5px;
    padding-top: 10px
  }
}

@media screen and (max-width:760px) {
  .wrap-center {
    max-width: 640px
  }

  .not-logged .login-avatar {
    display: none
  }

  .login-close {
    top: -12px
  }

  .login-title {
    font-size: 18px
  }

  .login-box {
    max-width: calc(100% - 60px);
    padding: 15px
  }

  .search-wrap {
    -ms-flex-order: 10;
    -webkit-order: 10;
    order: 10;
    min-width: 100%;
    margin: 0;
    margin-top: 20px
  }

  .header-btn {
    padding: 0 10px
  }

  .logo {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
    min-width: 50px;
    position: relative;
    margin-right: 20px
  }

  .fcols {
    display: block;
    padding: 0;
    background-color: transparent
  }

  .fleft {
    margin: 0 auto 10px
  }

  .fcols:after {
    content: "";
    display: table;
    clear: both
  }

  .short-rates {
    width: 100%;
    margin: 10px 0 0 -10px;
    justify-content: flex-start
  }

  .fcols .short-list li {
    padding-left: 120px
  }

  .mrating-count {
    text-align: right;
    margin-right: 0;
    margin-left: -20px
  }

  .ffav,
  .fcompl {
    display: none
  }

  .fplayer .tabs-sel>span {
    width: 50%;
    text-align: center
  }

  .fctrl {
    padding: 0
  }

  .fplayer {
    margin-left: -20px;
    margin-right: -20px
  }

  .dcont button {
    font-size: 12px;
    padding: 0 15px !important
  }

  .comments-tree-list .comments-tree-list {
    padding-left: 0 !important
  }

  .comments-tree-list .comments-tree-list:before {
    display: none
  }

  .mass_comments_action {
    display: none
  }
}

@media screen and (max-width:590px) {
  .wrap-center {
    max-width: 480px
  }

  .short-item {
    width: 47% !important;
    margin-bottom: 10px;
    padding: 0;
    background-color: transparent;
    border: 0
  }

  .short-item .short-img {
    width: 100%;
    margin: 0;
    margin-bottom: 10px;
    padding-top: 140%;
    height: auto
  }

  .short-item .short-meta,
  .short-item .short-list,
  .short-item .short-rates,
  .short-item-text {
    display: none
  }

  .short-item .short-title {
    white-space: normal;
    font-size: 15px;
    font-weight: 600
  }

  .short-item .short-img img {
    position: absolute;
    left: 0;
    top: 0
  }

  .navigation {
    justify-content: center
  }

  .sect-title,
  .logo {
    font-size: 18px
  }

  .ac-inputs input {
    width: 100%
  }

  .video-box embed,
  .video-box object,
  .video-box video,
  .video-box iframe,
  .video-box frame {
    height: 300px
  }

  .ui-dialog {
    width: 100% !important
  }

  .upop-left,
  .upop-right {
    float: none !important;
    width: 100% !important;
    margin: 0;
    padding: 0 20px
  }

  .upop-left {
    margin-bottom: 10px;
    text-align: center
  }

  .ui-dialog-buttonset button {
    display: block;
    margin: 0 0 5px;
    width: 100%
  }

  #dofullsearch,
  #searchsuggestions span.seperator {
    display: none !important
  }

  .attach .download-link {
    margin: 0 -15px 0 0;
    float: none;
    display: block;
    padding: 0 10px
  }

  .attach-info {
    float: none
  }
}

@media screen and (max-width:470px) {
  .wrap-center22 {
    max-width: 360px
  }

  .fleft {
    width: 100%
  }

  .fimg {
    height: 140px
  }

  .fimg img {
    height: 100%;
    object-fit: cover
  }

  .fimg:before {
    content: '';
    position: absolute;
    z-index: 5;
    left: 0;
    right: 0;
    bottom: 0;
    height: 70%;
    background: linear-gradient(to bottom, transparent 0, #090c10 100%);
    opacity: 1
  }

  .video-box embed,
  .video-box object,
  .video-box video,
  .video-box iframe,
  .video-box frame {
    height: 250px
  }
}


.form-wrap>div,
.form-vote>div {
  margin-bottom: 20px
}

.form-item {
  margin-bottom: 20px;
  padding-left: 200px;
  position: relative
}

.form-item>label {
  display: block;
  float: left;
  width: 200px;
  margin-left: -200px;
  padding-top: 10px
}

.form-item>input[type=text],
.form-item>input[type=password],
.form-item>input[type=file] {
  float: left;
  max-width: 600px
}

.imp>label:after {
  content: "*";
  margin: 0 0 0 10px;
  color: #e85319
}

.form-buts input[type=button],
.form-buts a {
  width: 48%;
  float: left;
  display: block;
  text-align: center;
  box-shadow: none;
  border-radius: 0;
  font-size: 14px
}

.form-buts a {
  float: right
}

.form-textarea>label {
  display: block;
  padding: 10px 20px;
  background-color: #444;
  color: #fff;
  font-size: 16px
}

#category {
  width: 100% !important
}

.form-xfield .addnews {
  vertical-align: middle
}

.form-checks label,
#allow_subscribe+label {
  display: inline-block;
  line-height: 30px;
  margin-left: 5px;
  position: relative;
  top: 1px
}

.form-submit button:last-child {
  margin-left: 10px
}

.form-secur {
  width: 100%;
  float: right
}

.form-secur input {
  display: inline-block;
  max-width: 300px;
  vertical-align: top
}

.form-secur>a {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px
}

.form-secur select {
  width: 100%;
  max-width: 600px
}

.form-item>input[type=button] {
  position: absolute;
  right: 0;
  top: 0;
  height: 40px;
  line-height: 40px
}


@media screen and (max-width:600px) {
  .form-wrap h1 {
    font-size: 16px
  }

  .form-item {
    padding-left: 0
  }

  .form-item>label {
    float: none;
    width: 100%;
    margin-left: 0;
    padding: 0 0 10px
  }

  .form-item>input[type=text],
  .form-item>input[type=password],
  .form-item>input[type=file] {
    float: none
  }

  .form-item>input[type=button] {
    display: none
  }

  .form-checks input#allow_main {
    margin-left: 10px
  }

  .form-buts input[type=button],
  .form-buts a {
    width: 50%;
    padding: 0;
    font-size: 12px
  }

  .stat-list {
    width: 100%;
    float: none
  }

  .bb-pane {
    padding: 0 0 0 5px;
    height: 50px !important;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto
  }

  .bb-btn {
    float: none
  }
}

.berrors {
  background: #fce5ba;
  color: #a76846;
  margin: 0 0 45px 0;
  padding: 10px 20px;
}

.berrors a {
  color: #aa4e43;
  text-decoration: underline;
}

.berrors+.speedbar {
  margin-top: 0;
}


/* Userinfo */
.up-img {
  width: 100px;
  height: 100px;
  border-radius: 3px;
  border: 5px solid #111;
  box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
  position: absolute;
  left: 30px;
  bottom: -30px;
}

.user-popup {
  padding: 20px 0;
  position: relative;
  margin: -20px;
}

.upop-left {
  width: 28%;
  float: left;
  position: relative;
  z-index: 50;
  text-align: center;
}

.upop-left .up-img {
  position: static;
  display: block;
  margin: 0 auto 10px auto;
}

.upop-right {
  width: 72%;
  float: right;
}

.upop-right li {
  padding: 5px 0;
}

.us-prof {
  border: 0px solid #ebeef3;
  background-color: #111;
  margin-bottom: 20px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
}

.usp-left {
  width: 240px;
  padding: 20px;
  background-color: #222;
  color: #fff;
  text-align: center;
  position: relative;
}

.usp-right {
  width: calc(100% - 240px);
  width: -webkit-calc(100% - 240px);
  padding: 20px;
}

.usp-status {
  position: absolute;
  left: 0;
  top: 0;
}

.offline,
.online {
  padding: 3px 5px;
  display: inline-block;
  color: #fff;
  background-color: #626262;
}

.online {
  background: #99ce1b;
}

.usp-av {
  width: 100px;
  height: 100px;
  border: 5px solid #111;
  margin: 0 auto;
}

.usp-activ {
  margin: 10px -20px 0 -20px;
  background-color: #111;
  color: #fff;
}

.usp-activ>div {
  width: 50%;
  float: left;
  padding: 10px 0;
}

.usp-activ>div div {
  font-weight: 700;
  font-size: 16px;
}

.usp-activ>div+div {
  border-left: 3px solid #222;
}

.usp-btn a {
  display: block;
  margin-top: 10px;
  padding: 0;
  font-size: 12px;
}

.usp-name {
  margin: -20px -20px 10px -20px;
  padding: 20px;
  border-bottom: 1px solid #111;
  background-color: #222;
}

.usp-name h1 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 5px;
}

.usp-group span {
  color: #fa5800 !important;
  font-weight: 700;
}

.usp-meta li {
  padding: 7px 10px;
}

.usp-meta li a {
  text-decoration: underline;
}

.usp-meta li:nth-child(2n+1) {
  background-color: #111;
}

@media screen and (max-width: 760px) {
  .up-first {
    padding: 20px 10px;
    height: auto;
    text-align: center;
  }

  .up-img {
    position: relative;
    margin: 10px auto;
    left: 0;
    bottom: 0;
  }

  .up-status {
    position: relative;
    margin: 0 auto;
    left: 0;
    bottom: 0;
  }

  .up-second,
  .up-edit {
    padding: 20px 10px;
  }

  .usp-left {
    width: 100%;
  }

  .usp-right {
    width: 100%
  }
}

/* statistics */
.stat-list {
  min-height: 70px;
  width: 33.33%;
  float: left;
}

.stat-list li {
  padding: 0 15px 10px 1px;
}

.statistics h4 {
  font-weight: 400;
  font-size: 16px;
}

.statsbox li {
  padding: 8px 0;
}


/*--- SEARCH SUGGESTIONS---*/
#searchsuggestions {
  z-index: 99998;
  max-width: 400px !important;
  width: auto !important;
  font-size: 12px;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
}

#searchsuggestions a,
#searchsuggestions span {
  display: block;
}

#searchsuggestions a,
#searchsuggestions span.notfound {
  padding: 10px 15px;
  border-bottom: 1px solid #f5f5f5;
}

#searchsuggestions a {
  color: #010101;
}

#searchsuggestions a:hover {
  background-color: #f5f6f8
}

#searchsuggestions span.searchheading {
  margin-bottom: 10px;
  font-size: 16px;
}

#searchsuggestions span.searchheading+span {
  color: #949494;
}

#searchsuggestions span.seperator a {
  padding: 10px 0;
  text-align: center;
  background-color: #444;
  color: #fff;
}

#searchsuggestions span.notfound {
  padding: 15px 20px;
}

#searchsuggestions .break,
#searchsuggestions span.seperator {
  display: none;
}

@media screen and (max-width: 960px) {
  #searchsuggestions {
    width: calc(100% - 40px);
  }
}


/* PM */
.pm-menu {
  height: 60px;
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
}

.pm-menu li {
  display: inline-block;
  margin-right: 10px;
}

.pm-menu a {
  padding: 0 15px;
  background: #222;
  line-height: 40px;
  display: block;
}

.pm-menu a:hover {
  background: #111;
  color: #fff;
}

.pm-status {
  margin-bottom: 40px;
}

.pm_progress_bar {
  border-radius: 4px;
  background-color: #222;
  margin: 10px 0;
  overflow: hidden;
}

.pm_progress_bar span {
  background: #fb643c;
  font-size: 0;
  text-indent: -2000em;
  height: 20px;
  display: block;
  overflow: hidden;
}

.table-resp {
  overflow-y: hidden;
  overflow-x: auto;
}

.pm,
.userstop {
  border: 1px solid #ccc;
  width: 100%;
}

.pm tr td,
.userstop tr td {
  padding: 10px;
  border: 1px solid #111;
  font-size: 12px;
}

.pm tr:nth-child(1) {
  background-color: #111;
  color: #FFF;
}

.pm tr:nth-child(2n+2),
.userstop tr:nth-child(2n+2) {
  background-color: #222;
}

.pm select {
  width: 100%;
  margin-bottom: 10px;
}




#dle-pm-preview .bform {
  display: none;
}