@import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700;800&display=swap");
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
strong {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
,
header,
hgroup,
menu,
nav,
section {
    display: block
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

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

* {
    outline: 0;
    text-decoration: none
}

img {
    display: block;
    max-width: 100%
}

input,
textarea,
select,
button {
    margin: 0;
    font: 100% "Lato", sans-serif;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box
}

button,
input[type="submit"] {
    padding: 0;
    margin: 0;
    border: 0;
    cursor: pointer
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

:-moz-placeholder {
    color: #a3abaf
}

::-moz-placeholder {
    color: #a3abaf;
    opacity: 1
}

::-webkit-input-placeholder {
    color: #a3abaf
}

:-ms-input-placeholder {
    color: #a3abaf
}

::placeholder {
    color: #a3abaf
}

:focus:-moz-placeholder {
    color: transparent
}

:focus::-moz-placeholder {
    color: transparent
}

:focus::-webkit-input-placeholder {
    color: transparent
}

:focus:-ms-input-placeholder {
    color: transparent
}

:focus::placeholder {
    color: transparent
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    margin: 0;
    color: #fff;
    background: #181e26;
    font: 14px/1.2 "Lato", sans-serif;
    min-width: 320px
}

.container {
    width: 100%;
    margin: 0 auto;
    padding: 0 10px
}

@media screen and (max-width:1024px) {
    .container {
        padding: 0 10px
    }
}

.logo {
    margin-right: 15px;
    font-size: 23px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 0;
    flex-grow: 0
}

@media screen and (max-width:1024px) {
    .logo {
        font-size: 23px
    }
}

@media screen and (max-width:639px) {
    .logo {
        font-size: 23px
    }
}

.logo a {
    color: #fff;
    display: block
}

.logo span {
    color: #5f8fd7
}

.main {
    padding: 10px 0 0 0
}

.header {
    background-color: #000;
    border-bottom: 1px solid #2d3848
}

.header .container {
    padding: 0
}

/*.row-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 4px 10px
}

@media screen and (max-width:768px) {
    .header {
        padding: 0 0 41px 0
    }
    .row-header {
        padding: 5px
    }
}
*/

.nav {
    display: flex;
    margin: 0 auto
}

.nav li {
    margin: 0 10px
}

.nav .link {
    font-size: 15px;
    line-height: 40px;
    color: #fff;
    font-weight: 700;
    display: block;
}

.nav .link:hover,
.nav .link.active {
    color: #5f8fd7
}

@media screen and (max-width:1024px) {
    .nav {
        margin: 0 auto
    }
    .nav li {
        margin: 0 10px
    }
    .nav .link {
        font-size: 15px
    }
}

@media screen and (max-width:900px) {
    .nav {
        display: flex;
        margin: 0 auto
    }
}

@media screen and (max-width:768px) {
    .nav {
        position: absolute;
        top: 100%;
        background: #181e26;
        left: 0;
        right: 0;
        margin: 0 auto;
        border-top: 1px solid #2d3848;
        display: flex
    }
    .nav li {
        margin: 0;
        flex-grow: 1;
        text-align: center
    }
    .nav .link:hover,
    .nav .link.active {
        background: #5f8fd7;
        color: #000
    }
}

.breadcrumbs {
    overflow: hidden;
    max-height: 52px;
    margin: 15px 0 0 0
}

.breadcrumbs li {
    float: left;
    margin: 2px 5px 10px 0;
    height: 24px;
    line-height: 24px
}

.breadcrumbs li:after {
    content: "/";
    padding-left: 5px
}

.breadcrumbs li:last-child:after {
    display: none
}

.breadcrumbs a {
    float: left;
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 13px;
    font-weight: 700;
    padding: 0 10px;
    border-radius: 0;
    webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.list a,
.breadcrumbs li a {
    background-color: #2d3848;
    color: #fff
}

.list {
    margin: -5px 5px 10px 0;
    overflow: hidden
}

.list li {
    float: left;
    margin: 5px 5px 0 0
}

.list a {
    border-radius: 0;
    padding: 0 10px;
    display: block;
    overflow: hidden;
    height: 35px;
    line-height: 30px;
    font-size: 13px;
    font-weight: 700;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.list a:before {
    color: #fff
}

.list a:hover {
    background-color: #5f8fd7;
    color: #000
}

.searches-l {
    height: 35px
}

.breadcrumbs li:last-child a {
    background-color: #5f8fd7;
    color: #000
}

@media all and (min-width:1360px) {
    .searches-l {
        height: 35px
    }
    .list a {
        height: 35px;
        line-height: 30px
    }
    .list a:before {
        font-size: 16px
    }
}

@media all and (min-width:1024px) {
    .list a:hover:before {
        color: inherit
    }
    .list a:hover,
    .breadcrumbs a:hover {
        background-color: #5f8fd7;
        color: #000
    }
}

.contact-form {
    overflow: hidden;
    padding: 30px 10px 0 5px
}

.text-block p {
    margin: 20px 10px 0 5px;
    font-size: 14px;
    line-height: 25px;
    text-align: justify
}

.text-block a {
    text-decoration: underline;
    font-weight: bold;
    color: #5f8fd7
}

.textarea {
    border-style: solid;
    border-width: 1px;
    padding: 10px;
    border-radius: 0;
    margin-top: 20px;
    max-width: 700px;
    overflow: hidden
}

.textarea textarea {
    background: 0;
    max-width: 100% !important;
    width: 100% !important;
    min-height: 150px !important;
    height: 150px;
    max-height: 740px !important;
    border: 0 none;
    outline: 0 none;
    line-height: 20px;
    font-size: 16px
}

.input {
    display: inline-block;
    vertical-align: top;
    width: 150px;
    border-style: solid;
    border-width: 1px;
    border-radius: 0;
    overflow: hidden;
    padding: 0 15px;
    margin: 0 10px 0 0;
    height: 45px;
    line-height: 45px;
    background: #fff;

}

.input input {
    background: 0;
    border: 0 none;
    width: 100%;
    outline: 0 none;
    font-size: 15px;
    height: inherit;
    line-height: normal;
    color: #000;
}

button.submit {
    border: 0 none;
    background: #5f8fd7;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    width: 120px;
    margin-top: 15px;
    font-size: 15px;
    font-weight: bold;
    padding: 0 20px;
    outline: 0 none;
    height: 50px;
    line-height: normal
}

.togglers {
    height: 40px;
    margin: 0;
    display: flex;
    align-items: center;
    order: 3;
    font-size: 23px;
    line-height: 30px;
    color: #ff5700
}

.togglers span {
    cursor: pointer
}

.togglers .nav-toggle {
    margin: 0 0 0 10px;
    display: none
}

.dropdown {
    position: relative
}

.dropdown-container {
    position: absolute;
    left: 0;
    margin: 5px 0;
    padding: 0;
    background: #000;
    border-radius: 0;
    z-index: 2;
    white-space: nowrap;
    font-size: 14px;
    text-align: left;
    line-height: normal;
    display: none;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25)
}

.dropdown-container li {
    margin: 400px;
    padding: 5px 5px 10px 5px;
    display: block;
    list-style: none
}

.dropdown-container li a {
    color: #fff;
    text-transform: none
}

.dropdown-container li a:hover {
    color: #5f8fd7
}

.dropdown-container.toggled {
    display: block
}

.dropdown li {
    margin: 0 10px
}

.dropdown .dropdown-toggle {
    font-size: 15px;
    line-height: 40px;
    color: #fff;
    font-weight: 700
}

.dropdown .dropdown-toggle :hover,
.dropdown .dropdown-toggle .active {
    color: #5f8fd7
}

@media screen and (max-width:768px) {
    .dropdown-container {
        margin: 5px 0
    }
}

.btn-search {
    display: none;
    margin: 0 0 0 10px;
    cursor: pointer;
    height: 35px;
    width: 35px;
    background: #000;
    position: relative;
    transition: background .3s;
    border-radius: 0
}

.btn-search.active {
    background: 0
}

.search-form {
    flex-grow: 1
}

.search-form.open {
    display: block
}

.search-form .form {
    position: relative
}

.search-form .input {
    width: 97%;
    font-size: 16px;
    line-height: 25px;
    height: 35px;
    padding: 0 50px 0 12px;
    background: #fff;
    border: 0;
    border-radius: 0;
    float: right;
}

.search-form .btn-submit {
    position: absolute;
    top: 0;
    right: 0;
    height: 35px;
    width: 40px;
    background: 0;
    border-radius: 0
}

.search-form .btn-submit:disabled {
    cursor: not-allowed;
    background: #ccc
}


@media screen and (max-width:1024px) {
    .search-form {
        display: none;
        position: absolute;
        top: 100%;
        background: #000;
        padding: 7px;
        left: 0;
        right: 0
    }
    /*
    .btn-search {
        display: block;
        height: 100%;

    }*/
}

@media screen and (max-width:768px) {
    .btn-search {
        order: 30
    }
    /*
    .search-form {
        top: calc(100% + 36px)
    }*/
}


.wrapper-line {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin: 10px 0 10px 0
}

.wrapper-line .title {
    font-size: 18px;
    color: #ededed;
    margin: 0 12px 0 0;
    font-weight: 700;
    text-transform: uppercase
}

@media screen and (max-width:768px) {
    .wrapper-line .title {
        margin: 0
    }
    .wrapper-line {
        flex-direction: column;
        margin: 10px 0 8px 0
    }
}

.sort-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin: 0 0 5px 0
}

.sortings {
    display: flex;
    text-align: center
}

.sortings .item-sort {
    border: 1px solid #2d3848;
    color: #f5f5f5;
    font-size: 13px;
    font-weight: 700;
    line-height: 36px;
    margin: 0 6px 0 0;
    padding: 0 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-radius: 0
}

.sortings .item-sort:last-child {
    margin: 0
}

.sortings .item-sort.active,
.sortings .item-sort:hover {
    background: #5f8fd7;
    color: #000;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

.pages {
    display: flex;
    text-align: center
}

.pages li {
    margin: 0 6px 15px 0
}

.pages li:last-child {
    margin: 0
}

.pages .item-page {
    background-color: #2d3848;
    color: #f5f5f5;
    display: block;
    padding: 0 12px;
    font-size: 13px;
    font-weight: 700;
    line-height: 38px;
    min-width: 42px;
    border-radius: 0;
    margin: 10px 0 10px 0
}

.pages .item-page:hover,
.pages .active .item-page {
    background-color: #5f8fd7;
    color: #000;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in
}

@media screen and (max-width:768px) {
    .sort-block {
        flex-direction: column;
        margin: 0 0 -5px 0
    }
    .sortings {
        margin: 0 0 10px 0;
        width: 100%
    }
    .sortings .item-sort {
        flex-grow: 1;
        margin: 0 3px 0 0;
        padding: 0 5px
    }
    .pages {
        width: 100%;
        margin: 0 0 8px 0
    }
    .pages li {
        margin: 0 4px 0 0;
        flex-grow: 1
    }
    .pages .item-page {
        padding: 0 3px;
        min-width: auto
    }
}

@media screen and (max-width:440px) {
    .pages li {
        display: none
    }
    .pages .active,
    .pages .nextprev {
        display: block
    }
}

.thumbs {
    text-align: center;
    font-size: 0;
    overflow: hidden;
    margin: 0 -2px 10px -2px
}

.thumb-main {
    display: inline-block;
    vertical-align: top;
    width: 20%;
    font-size: 11px
}

.thumb {
    margin: 2px;
    border: 1px solid #2d3848;
    display: block;
    position: relative;
    transition: border-color .3s;
    text-align: center
}

.thumb:hover {
    border-color: #5f8fd7
}

.thumb .img-holder {
    position: relative;
    overflow: hidden;
    display: block
}

.thumb .link-img-4x3 {
    display: block;
    padding: 0 0 75% 0
}

.thumb .link-img-16x9 {
    display: block;
    padding: 0 0 56.25% 0
}

.thumb .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.thumb .thumb-name {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #f5f5f5;
    transition: color .3s;
    margin: 4px 0
}

.thumb .thumb-name:hover {
    color: #5f8fd7
}

.thumbs-categories .thumb .thumb-name {
    font-size: 15px;
    font-weight: 700;
    text-transform: none;
    text-align: left
}

.thumbs-categories .thumb:hover .thumb-name {
    color: #5f8fd7
}

.thumb .thumb-links {
    margin: 4px 0;
    height: 16px;
    overflow: hidden
}

.thumb .thumb-links a {
    color: #5f8fd7
}

.thumb .thumb-links a:hover {
    color: #fff
}

.thumb .info-holder {
    bottom: 0;
    padding: 1px 10px;
    left: 0;
    right: 0;
    text-align: left;
    font-size: 13px;
    font-weight: 700;
    line-height: 16px;
    background: #2d3848
}

.thumb .item-info {
    position: absolute;
    color: #fff;
    background: rgba(0, 0, 0, 0.4);
    border-radius: 0;
    max-width: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: 700;
    line-height: 21px;
    padding: 0
}

.thumb .item-text {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff
}

.thumb .hires {
    top: 0;
    right: 0;
    min-width: 30px;
    cursor: pointer;
    color: #000;
    background-color: #5f8fd7
}

.thumb .souce:hover {
    color: #5f8fd7
}

.thumb .dateadded {
    top: 0;
    left: 0;
    min-width: 50px
}

.thumb .duration {
    bottom: 1px;
    right: 0;
    min-width: 40px
}

.thumb .count {
    bottom: 28px;
    right: 0;
    min-width: 65px
}

@media screen and (max-width:1224px) {
    .thumb-main {
        width: 25%
    }
}

@media screen and (max-width:900px) {
    .thumb-main {
        width: 33.333%
    }
}

@media screen and (max-width:640px) {
    .thumb-main {
        width: 50%
    }
    .thumb {
        margin: 1px
    }
    .thumb .info-holder {
        position: static;
        padding: 2px 6px
    }
}

@media screen and (max-width:480px) {
    .thumb .info-holder {
        position: static;
        padding: 1px 3px;
        font-size: 12px
    }
    .thumb .thumb-name {
        margin: 1px 0
    }
    .thumbs-categories .thumb .thumb-name {
        font-size: 13px
    }
    .thumb .thumb-links {
        margin: 1px 0
    }
    .thumb .item-info {
        line-height: 18px;
        font-size: 10px
    }
    .thumb .duration {
        min-width: 54px
    }
    .thumb .report {
        min-width: 54px
    }
    .thumb .souce {
        min-width: 64px
    }
    .thumb .dateadded {
        min-width: 64px
    }
}

@media screen and (max-width:370px) {
    .thumb-main {
        width: 100%
    }
    .thumb {
        margin: 1px
    }
    .thumb .info-holder {
        position: static;
        padding: 2px 6px
    }
}

.categories-listing {
    column-count: 5;
    margin: 0 0 20px 0
}

.main-letter .letter {
    background: 0;
    border-bottom: 1px solid #2d3848;
    color: #5f8fd7;
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    font-weight: 700;
    padding: 0 0 0 10px
}

.main-letter .tags-list {
    padding: 5px;
    font-size: 0
}

.main-letter .tags-list a {
    font-size: 19px;
    font-weight: 700;
    color: #f5f5f5;
    display: block;
    margin: 10px 0 0 0;
    text-transform: capitalize
}

.main-letter .tags-list a:hover {
    color: #5f8fd7
}

.tags-list span {
    font-size: 12px;
    font-weight: 700;
    color: #6b6b6b;
    display: block;
    margin: 5px 0 0 0
}

.main-letter .tags-trader {
    padding: 5px;
    font-size: 0
}

.main-letter .tags-trader a {
    font-size: 14px;
    font-weight: 700;
    color: #5f8fd7;
    display: block;
    margin: 5px 0;
    text-transform: capitalize
}

.main-letter .tags-trader span {
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.main-letter .tags-trader a:hover {
    color: #f5f5f5
}

@media screen and (max-width:1024px) {
    .categories-listing {
        column-count: 4
    }
}

@media screen and (max-width:768px) {
    .categories-listing {
        column-count: 3
    }
}

@media screen and (max-width:640px) {
    .categories-listing {
        column-count: 1
    }
    .main-letter .tags-list a {
        display: inline-block;
        vertical-align: top;
        margin: 5px
    }
    .main-letter .tags-list span {
        display: inline-block;
        vertical-align: top;
        margin: 5px;
        padding-top: 7px
    }
    .main-letter .tags-trader a {
        display: inline-block;
        vertical-align: top;
        margin: 5px
    }
}

.footer {
    padding: 15px 0;
    background: #000;
    text-align: center;
    margin: 40px 0 0 0;
    border-top: 1px solid #2d3848
}

.footer p {
    color: #c8c8c8;
    font-size: 12px;
    line-height: 20px
}

.footer p+p {
    margin: 20px 0 0 0
}

.footer-links {
    margin: 10px 0 10px 0
}

.footer-links a {
    margin: 3px 5px;
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    font-weight: 700;
    color: #fff
}

.footer-links a:hover {
    color: #5f8fd7
}

@media screen and (max-width:768px) {
    .footer {
        margin: 20px 0 0 0
    }
    .footer p+p {
        margin: 10px 0 0 0
    }
}

.bottom-text {
    margin: 55px 0 20px 0
}

.bottom-text .title {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 15px 0
}

.bottom-text .text {
    font-size: 13px;
    line-height: 20px;
    color: #c8c8c8
}

.bottom-text .text a {
    color: #5f8fd7
}

.bottom-text .text a:hover {
    color: #fff;
    text-decoration: underline
}

@media screen and (max-width:768px) {
    .bottom-text {
        margin: 20px 0
    }
    .bottom-text .title {
        margin: 0 0 10px 0
    }
}

.img-holder .calendar-date {
    position: relative;
    bottom: 0;
    right: 3px;
    height: 12px;
    width: 12px;
    background: 0
}

.searches {
    padding: 5px 0 30px
}

.searches a::before {
    content: "★";
    color: #5f8fd7;
    padding-right: 5px
}

.searches a {
    color: #fff
}

.searches a:hover {
    color: #5f8fd7
}

.searches-tags {
    padding: 5px 0 30px
}

.searches-tags a::before {
    content: "➝";
    color: #5f8fd7;
    padding-right: 5px
}

.searches-tags a {
    color: #fff
}

.searches-tags a:hover {
    color: #5f8fd7
}

.f14 {
    font-size: 14px;
    letter-spacing: .28px;
    margin: 5px 5px 0 0
}

.f15 {
    font-size: 15px;
    letter-spacing: .3px;
    margin: 5px 5px 0 0
}

.f16 {
    font-size: 16px;
    letter-spacing: .32px;
    margin: 5px 5px 0 0
}

.f18 {
    font-size: 18px;
    letter-spacing: .36px;
    margin: 5px 5px 0 0
}

.f20 {
    font-size: 20px;
    letter-spacing: .4px;
    margin: 5px 5px 0 0
}

.f22 {
    font-size: 22px;
    letter-spacing: .44px;
    margin: 5px 5px 0 0
}

.f24 {
    font-size: 24px;
    letter-spacing: .48px;
    margin: 5px 5px 0 0
}

.f26 {
    font-size: 26px;
    letter-spacing: .52px;
    margin: 5px 5px 0 0
}

.f30 {
    font-size: 30px;
    letter-spacing: .6px;
    margin: 5px 5px 0 0
}

@media(max-width:567.98px) {
    .section-video .title {
        line-height: 30px
    }
}

.calendar-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    max-width: 250px
}

.review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 5px
}

.percent {
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.5
}

.progress {
    width: 95px;
    height: 5px;
    background-color: #f50000;
    position: relative;
    border-radius: 0 3px 3px 0
}

.progress-done {
    background-color: #709823;
    height: 5px;
    width: 0;
    border-radius: 3px 0 0 3px;
    -webkit-transition: width 1s ease .3s;
    -o-transition: width 1s ease .3s;
    transition: width 1s ease .3s
}

.votes {
    color: #fff;
    font-size: 13px;
    line-height: 1.5
}

.like {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 35%;
    height: auto;
    margin: 0 10px;
    padding: 7px 0;
    width: 48px;
    height: 48px;
    border-radius: 0;
    background-color: #181e26;
    border-bottom: 2px solid transparent;
    cursor: pointer
}

.like svg {
    width: 25px;
    height: 25px
}

.like svg path {
    -webkit-transition: all .5 ease-in;
    -o-transition: all .5 ease-in;
    transition: all .5 ease-in
}

.like-g svg path {
    fill: #709823
}

.like-r svg path {
    fill: #f50000
}

.textarea {
    width: 100%;
    height: 93px;
    border-radius: 0;
    background-color: #fff;
    resize: none;
    padding: 10px
}
/*
.video-wrap {
    max-width: 1540px;
    margin: 0 auto
}
*/

.player {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-bottom: 56.25%
}

.player video,
.player iframe,
.player object,
.player embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover
}

.player__overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4) url("data:image/svg+xml,%3Csvg width='64px' height='64px' version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 477.867 477.867' style='enable-background:new 0 0 477.867 477.867;' xml:space='preserve'%3E%3Cpath fill='%235f8fd7' d='M238.933,0C106.974,0,0,106.974,0,238.933s106.974,238.933,238.933,238.933s238.933-106.974,238.933-238.933 C477.726,107.033,370.834,0.141,238.933,0z M339.557,246.546c-1.654,3.318-4.343,6.008-7.662,7.662v0.085L195.362,322.56 c-8.432,4.213-18.682,0.794-22.896-7.638c-1.198-2.397-1.815-5.043-1.8-7.722V170.667c-0.004-9.426,7.633-17.07,17.059-17.075 c2.651-0.001,5.266,0.615,7.637,1.8l136.533,68.267C340.331,227.863,343.762,238.11,339.557,246.546z'/%3E%3C/svg%3E") 50% 50% no-repeat;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer
}

.player__overlay.o {
    background: 0
}

.report {
    background-color: #2d3848;
    margin-bottom: 20px;
    padding: 5px 15px
}

.report-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 10px 0
}

.report-row form {
    width: 100%;
    max-width: 500px;
    min-width: 290px
}

.report__title {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: .64px
}

.report-info {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 10px
}

.report-info span {
    color: #fff;
    font-weight: 700;
    font-size: 15px;
    line-height: 30px;
    padding: 0 20px;
    white-space: nowrap
}

.report__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-left: auto
}

.report__btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    cursor: pointer;
    height: 25px;
    margin: 3px;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    position: relative;
    background-color: #1f1f1f
}

@media(min-width:767.98px) {
    .report {
        padding: 5px 15px
    }
    .report-row {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
    .report__title {
        padding: 15px 0
    }
}

.btn {
    color: #fff;
    font-size: 13px;
    line-height: 25px;
    text-transform: uppercase;
    border-radius: 5px;
    background-color: #404040;
    padding: 0 9px;
    -webkit-transition: all .5s ease-in;
    -o-transition: all .5s ease-in;
    transition: all .5s ease-in;
    margin: 0 4px;
    cursor: pointer
}

.btn:hover {
    background-color: #ff995c
}

.btn.active {
    background-color: #ff995c
}

@media(min-width:991.98px) {
    .report-info {
        margin-top: 0
    }
}

@media(min-width:1041.98px) {
    .report-info span {
        line-height: 45px
    }
}

@media(max-width:567.98px) {
    .section-video .title {
        line-height: 10px
    }
}

.tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 30px
}

.tags a {
    display: block;
    height: 25px;
    line-height: 25px;
    border-radius: 0;
    background-color: #181e26;
    color: #fff;
    padding: 0 20px;
    font-size: 13px;
    font-weight: 700;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
    margin: 0 5px
}

.tags a:hover,
.tags a.active {
    background-color: #5f8fd7;
    color: #000
}

.tags__title {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    margin-right: 15px
}

.video-text {
    margin: 5px 0 2px 0
}

.video-text .text {
    font-size: 13px;
    line-height: 15px;
    color: #c8c8c8
}

.video-text .text a {
    font-size: 13px;
    line-height: 15px;
    color: #5f8fd7
}

@media screen and (max-width:768px) {
    .video-text {
        margin: 5px 0
    }
}

.footer-links-lg {
    padding: 10px 3px 0 3px
}

.footer-links-lg li {
    display: inline-block;
    vertical-align: top;
    margin: 5px 7px 0 7px
}

.footer-links-lg a {
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    font-size: 14px;
    height: 20px;
    line-height: 0;
    color: #fff
}

.footer-links-lg a:hover {
    color: #5f8fd7
}

#scrollup {
    background-color: #5f8fd7;
    border-color: #5f8fd7;
}

#scrollup {
    border: 0 none;
    -moz-transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -o-transition: 0.3s ease;
    transition: 0.3s ease;
    overflow: hidden;
    opacity: 0.9;
    position: fixed;
    z-index: 20000;
    right: 10px;
    bottom: 45px;
    cursor: pointer;
    display: none;
    width: 45px;
    height: 45px;
    line-height: 45px;
    font-size: 34px;
    text-align: center;
}

#scrollup img {
    width: 30px;
    height: 30px;
    margin: 0 auto;
}

#scrollup:hover {
    opacity: 1;
}

@media all and (min-width:1020px) {
    #scrollup {
        display: none !important;
        width: 45px;
        height: 45px;
        line-height: 45px;
        font-size: 35px;
        right: 20px;
        bottom: 20px;
    }
}

.flag-icon-background {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
}

.flag-icon {
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    width: 1.33333333em;
    line-height: 1em;
}

.flag-icon:before {
    content: " ";
}

.flag-icon.flag-icon-squared {
    width: 1em;
}

.flag-icon-ad {
    background-image: url(flags/ad.svg);
}

.flag-icon-ae {
    background-image: url(flags/ae.svg);
}

.flag-icon-af {
    background-image: url(flags/af.svg);
}

.flag-icon-ag {
    background-image: url(flags/ag.svg);
}

.flag-icon-ai {
    background-image: url(flags/ai.svg);
}

.flag-icon-al {
    background-image: url(flags/al.svg);
}

.flag-icon-am {
    background-image: url(flags/am.svg);
}

.flag-icon-ao {
    background-image: url(flags/ao.svg);
}

.flag-icon-aq {
    background-image: url(flags/aq.svg);
}

.flag-icon-ar {
    background-image: url(flags/ar.svg);
}

.flag-icon-as {
    background-image: url(flags/as.svg);
}

.flag-icon-at {
    background-image: url(flags/at.svg);
}

.flag-icon-au {
    background-image: url(flags/au.svg);
}

.flag-icon-aw {
    background-image: url(flags/aw.svg);
}

.flag-icon-ax {
    background-image: url(flags/ax.svg);
}

.flag-icon-az {
    background-image: url(flags/az.svg);
}

.flag-icon-ba {
    background-image: url(flags/ba.svg);
}

.flag-icon-bb {
    background-image: url(flags/bb.svg);
}

.flag-icon-bd {
    background-image: url(flags/bd.svg);
}

.flag-icon-be {
    background-image: url(flags/be.svg);
}

.flag-icon-bf {
    background-image: url(flags/bf.svg);
}

.flag-icon-bg {
    background-image: url(flags/bg.svg);
}

.flag-icon-bh {
    background-image: url(flags/bh.svg);
}

.flag-icon-bi {
    background-image: url(flags/bi.svg);
}

.flag-icon-bj {
    background-image: url(flags/bj.svg);
}

.flag-icon-bl {
    background-image: url(flags/bl.svg);
}

.flag-icon-bm {
    background-image: url(flags/bm.svg);
}

.flag-icon-bn {
    background-image: url(flags/bn.svg);
}

.flag-icon-bo {
    background-image: url(flags/bo.svg);
}

.flag-icon-bq {
    background-image: url(flags/bq.svg);
}

.flag-icon-br {
    background-image: url(flags/br.svg);
}

.flag-icon-bs {
    background-image: url(flags/bs.svg);
}

.flag-icon-bt {
    background-image: url(flags/bt.svg);
}

.flag-icon-bv {
    background-image: url(flags/bv.svg);
}

.flag-icon-bw {
    background-image: url(flags/bw.svg);
}

.flag-icon-by {
    background-image: url(flags/by.svg);
}

.flag-icon-bz {
    background-image: url(flags/bz.svg);
}

.flag-icon-ca {
    background-image: url(flags/ca.svg);
}

.flag-icon-cc {
    background-image: url(flags/cc.svg);
}

.flag-icon-cd {
    background-image: url(flags/cd.svg);
}

.flag-icon-cf {
    background-image: url(flags/cf.svg);
}

.flag-icon-cg {
    background-image: url(flags/cg.svg);
}

.flag-icon-ch {
    background-image: url(flags/ch.svg);
}

.flag-icon-ci {
    background-image: url(flags/ci.svg);
}

.flag-icon-ck {
    background-image: url(flags/ck.svg);
}

.flag-icon-cl {
    background-image: url(flags/cl.svg);
}

.flag-icon-cm {
    background-image: url(flags/cm.svg);
}

.flag-icon-cn {
    background-image: url(flags/cn.svg);
}

.flag-icon-co {
    background-image: url(flags/co.svg);
}

.flag-icon-cr {
    background-image: url(flags/cr.svg);
}

.flag-icon-cu {
    background-image: url(flags/cu.svg);
}

.flag-icon-cv {
    background-image: url(flags/cv.svg);
}

.flag-icon-cw {
    background-image: url(flags/cw.svg);
}

.flag-icon-cx {
    background-image: url(flags/cx.svg);
}

.flag-icon-cy {
    background-image: url(flags/cy.svg);
}

.flag-icon-cz {
    background-image: url(flags/cz.svg);
}

.flag-icon-de {
    background-image: url(flags/de.svg);
}

.flag-icon-dj {
    background-image: url(flags/dj.svg);
}

.flag-icon-dk {
    background-image: url(flags/dk.svg);
}

.flag-icon-dm {
    background-image: url(flags/dm.svg);
}

.flag-icon-do {
    background-image: url(flags/do.svg);
}

.flag-icon-dz {
    background-image: url(flags/dz.svg);
}

.flag-icon-ec {
    background-image: url(flags/ec.svg);
}

.flag-icon-ee {
    background-image: url(flags/ee.svg);
}

.flag-icon-eg {
    background-image: url(flags/eg.svg);
}

.flag-icon-eh {
    background-image: url(flags/eh.svg);
}

.flag-icon-er {
    background-image: url(flags/er.svg);
}

.flag-icon-es {
    background-image: url(flags/es.svg);
}

.flag-icon-et {
    background-image: url(flags/et.svg);
}

.flag-icon-fi {
    background-image: url(flags/fi.svg);
}

.flag-icon-fj {
    background-image: url(flags/fj.svg);
}

.flag-icon-fk {
    background-image: url(flags/fk.svg);
}

.flag-icon-fm {
    background-image: url(flags/fm.svg);
}

.flag-icon-fo {
    background-image: url(flags/fo.svg);
}

.flag-icon-fr {
    background-image: url(flags/fr.svg);
}

.flag-icon-ga {
    background-image: url(flags/ga.svg);
}

.flag-icon-gb {
    background-image: url(flags/gb.svg);
}

.flag-icon-gd {
    background-image: url(flags/gd.svg);
}

.flag-icon-ge {
    background-image: url(flags/ge.svg);
}

.flag-icon-gf {
    background-image: url(flags/gf.svg);
}

.flag-icon-gg {
    background-image: url(flags/gg.svg);
}

.flag-icon-gh {
    background-image: url(flags/gh.svg);
}

.flag-icon-gi {
    background-image: url(flags/gi.svg);
}

.flag-icon-gl {
    background-image: url(flags/gl.svg);
}

.flag-icon-gm {
    background-image: url(flags/gm.svg);
}

.flag-icon-gn {
    background-image: url(flags/gn.svg);
}

.flag-icon-gp {
    background-image: url(flags/gp.svg);
}

.flag-icon-gq {
    background-image: url(flags/gq.svg);
}

.flag-icon-gr {
    background-image: url(flags/gr.svg);
}

.flag-icon-gs {
    background-image: url(flags/gs.svg);
}

.flag-icon-gt {
    background-image: url(flags/gt.svg);
}

.flag-icon-gu {
    background-image: url(flags/gu.svg);
}

.flag-icon-gw {
    background-image: url(flags/gw.svg);
}

.flag-icon-gy {
    background-image: url(flags/gy.svg);
}

.flag-icon-hk {
    background-image: url(flags/hk.svg);
}

.flag-icon-hm {
    background-image: url(flags/hm.svg);
}

.flag-icon-hn {
    background-image: url(flags/hn.svg);
}

.flag-icon-hr {
    background-image: url(flags/hr.svg);
}

.flag-icon-ht {
    background-image: url(flags/ht.svg);
}

.flag-icon-hu {
    background-image: url(flags/hu.svg);
}

.flag-icon-id {
    background-image: url(flags/id.svg);
}

.flag-icon-ie {
    background-image: url(flags/ie.svg);
}

.flag-icon-il {
    background-image: url(flags/il.svg);
}

.flag-icon-im {
    background-image: url(flags/im.svg);
}

.flag-icon-in {
    background-image: url(flags/in.svg);
}

.flag-icon-io {
    background-image: url(flags/io.svg);
}

.flag-icon-iq {
    background-image: url(flags/iq.svg);
}

.flag-icon-ir {
    background-image: url(flags/ir.svg);
}

.flag-icon-is {
    background-image: url(flags/is.svg);
}

.flag-icon-it {
    background-image: url(flags/it.svg);
}

.flag-icon-je {
    background-image: url(flags/je.svg);
}

.flag-icon-jm {
    background-image: url(flags/jm.svg);
}

.flag-icon-jo {
    background-image: url(flags/jo.svg);
}

.flag-icon-jp {
    background-image: url(flags/jp.svg);
}

.flag-icon-ke {
    background-image: url(flags/ke.svg);
}

.flag-icon-kg {
    background-image: url(flags/kg.svg);
}

.flag-icon-kh {
    background-image: url(flags/kh.svg);
}

.flag-icon-ki {
    background-image: url(flags/ki.svg);
}

.flag-icon-km {
    background-image: url(flags/km.svg);
}

.flag-icon-kn {
    background-image: url(flags/kn.svg);
}

.flag-icon-kp {
    background-image: url(flags/kp.svg);
}

.flag-icon-kr {
    background-image: url(flags/kr.svg);
}

.flag-icon-kw {
    background-image: url(flags/kw.svg);
}

.flag-icon-ky {
    background-image: url(flags/ky.svg);
}

.flag-icon-kz {
    background-image: url(flags/kz.svg);
}

.flag-icon-la {
    background-image: url(flags/la.svg);
}

.flag-icon-lb {
    background-image: url(flags/lb.svg);
}

.flag-icon-lc {
    background-image: url(flags/lc.svg);
}

.flag-icon-li {
    background-image: url(flags/li.svg);
}

.flag-icon-lk {
    background-image: url(flags/lk.svg);
}

.flag-icon-lr {
    background-image: url(flags/lr.svg);
}

.flag-icon-ls {
    background-image: url(flags/ls.svg);
}

.flag-icon-lt {
    background-image: url(flags/lt.svg);
}

.flag-icon-lu {
    background-image: url(flags/lu.svg);
}

.flag-icon-lv {
    background-image: url(flags/lv.svg);
}

.flag-icon-ly {
    background-image: url(flags/ly.svg);
}

.flag-icon-ma {
    background-image: url(flags/ma.svg);
}

.flag-icon-mc {
    background-image: url(flags/mc.svg);
}

.flag-icon-md {
    background-image: url(flags/md.svg);
}

.flag-icon-me {
    background-image: url(flags/me.svg);
}

.flag-icon-mf {
    background-image: url(flags/mf.svg);
}

.flag-icon-mg {
    background-image: url(flags/mg.svg);
}

.flag-icon-mh {
    background-image: url(flags/mh.svg);
}

.flag-icon-mk {
    background-image: url(flags/mk.svg);
}

.flag-icon-ml {
    background-image: url(flags/ml.svg);
}

.flag-icon-mm {
    background-image: url(flags/mm.svg);
}

.flag-icon-mn {
    background-image: url(flags/mn.svg);
}

.flag-icon-mo {
    background-image: url(flags/mo.svg);
}

.flag-icon-mp {
    background-image: url(flags/mp.svg);
}

.flag-icon-mq {
    background-image: url(flags/mq.svg);
}

.flag-icon-mr {
    background-image: url(flags/mr.svg);
}

.flag-icon-ms {
    background-image: url(flags/ms.svg);
}

.flag-icon-mt {
    background-image: url(flags/mt.svg);
}

.flag-icon-mu {
    background-image: url(flags/mu.svg);
}

.flag-icon-mv {
    background-image: url(flags/mv.svg);
}

.flag-icon-mw {
    background-image: url(flags/mw.svg);
}

.flag-icon-mx {
    background-image: url(flags/mx.svg);
}

.flag-icon-my {
    background-image: url(flags/my.svg);
}

.flag-icon-mz {
    background-image: url(flags/mz.svg);
}

.flag-icon-na {
    background-image: url(flags/na.svg);
}

.flag-icon-nc {
    background-image: url(flags/nc.svg);
}

.flag-icon-ne {
    background-image: url(flags/ne.svg);
}

.flag-icon-nf {
    background-image: url(flags/nf.svg);
}

.flag-icon-ng {
    background-image: url(flags/ng.svg);
}

.flag-icon-ni {
    background-image: url(flags/ni.svg);
}

.flag-icon-nl {
    background-image: url(flags/nl.svg);
}

.flag-icon-no {
    background-image: url(flags/no.svg);
}

.flag-icon-np {
    background-image: url(flags/np.svg);
}

.flag-icon-nr {
    background-image: url(flags/nr.svg);
}

.flag-icon-nu {
    background-image: url(flags/nu.svg);
}

.flag-icon-nz {
    background-image: url(flags/nz.svg);
}

.flag-icon-om {
    background-image: url(flags/om.svg);
}

.flag-icon-pa {
    background-image: url(flags/pa.svg);
}

.flag-icon-pe {
    background-image: url(flags/pe.svg);
}

.flag-icon-pf {
    background-image: url(flags/pf.svg);
}

.flag-icon-pg {
    background-image: url(flags/pg.svg);
}

.flag-icon-ph {
    background-image: url(flags/ph.svg);
}

.flag-icon-pk {
    background-image: url(flags/pk.svg);
}

.flag-icon-pl {
    background-image: url(flags/pl.svg);
}

.flag-icon-pm {
    background-image: url(flags/pm.svg);
}

.flag-icon-pn {
    background-image: url(flags/pn.svg);
}

.flag-icon-pr {
    background-image: url(flags/pr.svg);
}

.flag-icon-ps {
    background-image: url(flags/ps.svg);
}

.flag-icon-pt {
    background-image: url(flags/pt.svg);
}

.flag-icon-pw {
    background-image: url(flags/pw.svg);
}

.flag-icon-py {
    background-image: url(flags/py.svg);
}

.flag-icon-qa {
    background-image: url(flags/qa.svg);
}

.flag-icon-re {
    background-image: url(flags/re.svg);
}

.flag-icon-ro {
    background-image: url(flags/ro.svg);
}

.flag-icon-rs {
    background-image: url(flags/rs.svg);
}

.flag-icon-ru {
    background-image: url(flags/ru.svg);
}

.flag-icon-rw {
    background-image: url(flags/rw.svg);
}

.flag-icon-sa {
    background-image: url(flags/sa.svg);
}

.flag-icon-sb {
    background-image: url(flags/sb.svg);
}

.flag-icon-sc {
    background-image: url(flags/sc.svg);
}

.flag-icon-sd {
    background-image: url(flags/sd.svg);
}

.flag-icon-se {
    background-image: url(flags/se.svg);
}

.flag-icon-sg {
    background-image: url(flags/sg.svg);
}

.flag-icon-sh {
    background-image: url(flags/sh.svg);
}

.flag-icon-si {
    background-image: url(flags/si.svg);
}

.flag-icon-sj {
    background-image: url(flags/sj.svg);
}

.flag-icon-sk {
    background-image: url(flags/sk.svg);
}

.flag-icon-sl {
    background-image: url(flags/sl.svg);
}

.flag-icon-sm {
    background-image: url(flags/sm.svg);
}

.flag-icon-sn {
    background-image: url(flags/sn.svg);
}

.flag-icon-so {
    background-image: url(flags/so.svg);
}

.flag-icon-sr {
    background-image: url(flags/sr.svg);
}

.flag-icon-ss {
    background-image: url(flags/ss.svg);
}

.flag-icon-st {
    background-image: url(flags/st.svg);
}

.flag-icon-sv {
    background-image: url(flags/sv.svg);
}

.flag-icon-sx {
    background-image: url(flags/sx.svg);
}

.flag-icon-sy {
    background-image: url(flags/sy.svg);
}

.flag-icon-sz {
    background-image: url(flags/sz.svg);
}

.flag-icon-tc {
    background-image: url(flags/tc.svg);
}

.flag-icon-td {
    background-image: url(flags/td.svg);
}

.flag-icon-tf {
    background-image: url(flags/tf.svg);
}

.flag-icon-tg {
    background-image: url(flags/tg.svg);
}

.flag-icon-th {
    background-image: url(flags/th.svg);
}

.flag-icon-tj {
    background-image: url(flags/tj.svg);
}

.flag-icon-tk {
    background-image: url(flags/tk.svg);
}

.flag-icon-tl {
    background-image: url(flags/tl.svg);
}

.flag-icon-tm {
    background-image: url(flags/tm.svg);
}

.flag-icon-tn {
    background-image: url(flags/tn.svg);
}

.flag-icon-to {
    background-image: url(flags/to.svg);
}

.flag-icon-tr {
    background-image: url(flags/tr.svg);
}

.flag-icon-tt {
    background-image: url(flags/tt.svg);
}

.flag-icon-tv {
    background-image: url(flags/tv.svg);
}

.flag-icon-tw {
    background-image: url(flags/tw.svg);
}

.flag-icon-tz {
    background-image: url(flags/tz.svg);
}

.flag-icon-ua {
    background-image: url(flags/ua.svg);
}

.flag-icon-ug {
    background-image: url(flags/ug.svg);
}

.flag-icon-um {
    background-image: url(flags/um.svg);
}

.flag-icon-us {
    background-image: url(flags/us.svg);
}

.flag-icon-uy {
    background-image: url(flags/uy.svg);
}

.flag-icon-uz {
    background-image: url(flags/uz.svg);
}

.flag-icon-va {
    background-image: url(flags/va.svg);
}

.flag-icon-vc {
    background-image: url(flags/vc.svg);
}

.flag-icon-ve {
    background-image: url(flags/ve.svg);
}

.flag-icon-vg {
    background-image: url(flags/vg.svg);
}

.flag-icon-vi {
    background-image: url(flags/vi.svg);
}

.flag-icon-vn {
    background-image: url(flags/vn.svg);
}

.flag-icon-vu {
    background-image: url(flags/vu.svg);
}

.flag-icon-wf {
    background-image: url(flags/wf.svg);
}

.flag-icon-ws {
    background-image: url(flags/ws.svg);
}

.flag-icon-ye {
    background-image: url(flags/ye.svg);
}

.flag-icon-yt {
    background-image: url(flags/yt.svg);
}

.flag-icon-za {
    background-image: url(flags/za.svg);
}

.flag-icon-zm {
    background-image: url(flags/zm.svg);
}

.flag-icon-zw {
    background-image: url(flags/zw.svg);
}

.flag-icon-ac {
    background-image: url(flags/ac.svg);
}

.flag-icon-cp {
    background-image: url(flags/cp.svg);
}

.flag-icon-dg {
    background-image: url(flags/dg.svg);
}

.flag-icon-ea {
    background-image: url(flags/ea.svg);
}

.flag-icon-es-ct {
    background-image: url(flags/es-ct.svg);
}

.flag-icon-es-ga {
    background-image: url(flags/es-ga.svg);
}

.flag-icon-eu {
    background-image: url(flags/eu.svg);
}

.flag-icon-gb-eng {
    background-image: url(flags/gb-eng.svg);
}

.flag-icon-gb-nir {
    background-image: url(flags/gb-nir.svg);
}

.flag-icon-gb-sct {
    background-image: url(flags/gb-sct.svg);
}

.flag-icon-gb-wls {
    background-image: url(flags/gb-wls.svg);
}

.flag-icon-ic {
    background-image: url(flags/ic.svg);
}

.flag-icon-ta {
    background-image: url(flags/ta.svg);
}

.flag-icon-un {
    background-image: url(flags/un.svg);
}

.flag-icon-xk {
    background-image: url(flags/xk.svg);
}

.flag-icon-xx {
    background-image: url(flags/xx.svg);
}


#menu__toggle {
    opacity: 0;
}

.menu__btn {
    display: flex;
    align-items: center;
    position: absolute !important;
    top: 11px;
    left: 8px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    z-index: 2;
}

@media screen and (max-width:1224px) {
    .menu__btn>span,
    .menu__btn>span::before,
    .menu__btn>span::after {
        display: block;
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #5f8fd7;
    }
    .menu__btn>span::before {
        content: '';
        top: -8px;
    }
    .menu__btn>span::after {
        content: '';
        top: 8px;
    }
}

.menu__box {
    display: block;
    position: fixed;
    visibility: hidden;
    top: 0;
    left: -100%;
    width: 280px;
    height: 100%;
    margin: 0;
    padding: 80px 0;
    list-style: none;
    text-align: center;
    background-color: #181e26;
    box-shadow: 1px 0px 6px rgba(0, 0, 0, .5);
    z-index: 1;
    border-right: 1px solid #2d3848;
}

.menu__item {
    display: block;
    padding: 12px 24px;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
}

.menu__item:hover {
    background-color: #2d3848;
}

#menu__toggle:checked~.menu__btn>span {
    transform: rotate(45deg);
}

#menu__toggle:checked~.menu__btn>span::before {
    top: 0;
    transform: rotate(0);
}

#menu__toggle:checked~.menu__btn>span::after {
    top: 0;
    transform: rotate(90deg);
}

#menu__toggle:checked~.menu__box {
    visibility: visible;
    left: 0;
}

@media screen and (max-width:1224px) {
    .nav {
        display: none;
        margin: 0 auto
    }
}
/* это надо добавить */
.lika {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 10px 0;
    max-width: 100%;
    background-color: #2d3848;
}

.lika>*:not(script) {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    min-width: 0;
    display: block;
    margin: 10px;
    max-width: calc(100% - 20px)
}

.video-s {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    min-width: 0;
    display: block;
    max-width: 100%
}

.video-s {
    width: 320px;
    margin-left: 20px
}

@media (max-width: 1023px) {
    .video-s {
        width: 100%;
        margin: 0
    }
}

.video-wrap {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    width: 100%;
    position: relative
}

@media (max-width: 1023px) {
    .video-wrap {
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.row-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 4px 27px
}

@media screen and (max-width:768px) {
    .header {
        padding: 0
    }
    .row-header {
        padding: 5px
    }
}

@media screen and (max-width:1024px) {
    .btn-search {
        display: block;
        height: 100%;
        order: 30;
    }
}

@media screen and (max-width:768px) {
    .search-form {
        top: calc(100% + 1px)
    }
}