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,
FONT,
IMG,
INS,
KBD,
Q,
S,
SAMP,
SMALL,
STRIKE,
STRONG,
TT,
VAR,
B,
U,
I,
CENTER,
DL,
DT,
DD,
OL,
UL,
LI,
FIELDSET,
FORM,
LABEL,
LEGEND {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: 0 0
}

SUP,
SUB {
    line-height: 1px
}

BODY {
    line-height: 1
}

UL {
    list-style: none
}

:focus {
    outline: 0
}

INS {
    text-decoration: none
}

DEL {
    text-decoration: line-through
}

input::-moz-focus-inner {
    border: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary,
.block {
    display: block
}

audio,
canvas,
video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

.none,
.hidden,
.on980,
.on760,
.on320,
.only980,
.only760 {
    display: none
}

.clear,
.clr {
    clear: both
}

hr.clear,
hr.clr {
    padding: 0;
    margin: 0;
    height: 1px;
    overflow: hidden;
    border: 0
}

.clearfix:before,
.clearfix:after,
.clf:before,
.clf:after {
    content: " ";
    display: table
}

.clearfix:after,
.clf:after {
    clear: both
}

.clearfix,
.clf {
    zoom: 1;
}

.alignright,
.right {
    float: right
}

.alignleft,
.left {
    float: left
}

.center {
    text-align: center
}

.centered,
.aligncenter {
    display: block;
    margin: 0 auto
}

img.alignright,
img.right {
    margin: 0 0 7px 20px;
    display: inline
}

img.alignleft,
img.left {
    margin: 0 20px 7px 0;
    display: inline
}

a img {
    border: none
}

img {
    max-width: 100%
}

.entry img {
    height: auto
}

body {
    color: #fff;
    font-size: 15px;
    line-height: 20px;
    font-family: 'Roboto Condensed', sans-serif;
    background: #2D0B0B;
    text-align: center
}

.wrap {
    width: 1220px;
    margin: 0 auto;
    text-align: left
}

input,
textarea {
    color: #222;
    font-size: 16px;
    line-height: 20px;
    font-family: 'Roboto Condensed', sans-serif
}

a {
    color: #ffbc00;
    text-decoration: none;
    transition: all .3s .02s ease
}

a:hover {
    color: #1ab354;
    text-decoration: underline
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.title,
.entry table,
.entry form,
.entry ul,
.entry ol,
.entry hr,
blockquote {
    margin: 0 0 20px
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
.title {
    color: #fff;
    font-weight: 700
}

h1,
.h1,
.title {
    font-size: 32px;
    line-height: 34px
}

h2,
.h2 {
    font-size: 25px;
    line-height: 30px
}

h3,
.h3 {
    font-size: 22px;
    line-height: 28px
}

h4,
.h4 {
    font-size: 20px;
    line-height: 26px
}

h5,
.h5 {
    font-size: 18px;
    line-height: 25px
}

h6,
.h6 {
    font-size: 16px;
    line-height: 24px
}

.black {
    color: #000
}

.white {
    color: #fff
}

.grey {
    color: gray
}

.green {
    color: #34c924
}

.red {
    color: red
}

.orange {
    color: orange
}

.yellow {
    color: #ff0
}

.blue {
    color: #00f
}

.purple {
    color: #8b00ff
}

.pink {
    color: pink
}

.table,
.entry table {
    border-spacing: 0;
    border-collapse: collapse;
    border-top: 1px solid #959596;
    border-left: 1px solid #959596
}

.table tr th,
.entry table tr th {
    border-bottom: 1px solid #959596;
    border-right: 1px solid #959596;
    background: #f4f4f4;
    padding: 8px 10px
}

.table tr td,
.entry table tr td {
    border-bottom: 1px solid #959596;
    border-right: 1px solid #959596;
    padding: 8px 10px
}

.entry table.nobord,
.entry table.nobord tr th,
.entry table.nobord tr td {
    border: 0;
    padding: 0;
    background: 0 0
}

.entry ul,
ul.list {
    padding: 0 0 0 20px;
    list-style: none
}

.entry ol,
ol.list {
    padding: 0 0 0 25px;
    list-style: none
}

.entry ul ul,
.entry ol ol,
.entry ol ul,
.entry ul ol,
ul.list ul,
ol.list ol,
ol.list ul,
ul.list ol {
    margin: 5px 0 0
}

.entry ol>li,
ol.list>li {
    margin: 7px 0 7px 10px;
    list-style: decimal outside
}

.entry ul>li,
ul.list>li {
    margin: 7px 0 7px 10px;
    list-style-type: disc
}

code {
    font: 1.1em 'Courier New', Courier, Fixed
}

acronym,
abbr,
span.caps {
    font-size: .9em;
    letter-spacing: .07em;
    cursor: help
}

acronym,
abbr {
    border-bottom: 1px dashed #999
}

blockquote {
    padding-left: 20px;
    border-left: 5px solid #ddd
}

blockquote cite {
    margin: 5px 0 0;
    display: block
}

header {
    padding: 10px;
    background: #480000;
    margin: 0 0 20px
}

.header_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.logo {
    width: 120px;
    transition: all .3s .02s ease
}

.header_h.fixed .logo {
    width: 100px
}

.logo img {
    vertical-align: bottom;
    transition: all .3s .02s ease
}

.logo:hover {
    transform: scale(1.05)
}

.main_nav {
    display: none;
    padding: 20px 0 0
}

.main_nav>ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center
}

.main_nav>ul>li {
    display: block;
    padding: 0 0 0 20px;
    position: relative
}

.main_nav>ul>li:first-child {
    padding: 0
}

.main_nav>ul>li>a {
    font-weight: 500;
    font-size: 15px;
    line-height: 110%;
    color: #fff;
    text-decoration: none;
    position: relative
}

.main_nav>ul>li>a:hover,
.main_nav>ul>li.current-menu-item>a {
    color: #27ae60
}

.main_nav>ul>li>a:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    bottom: -2px;
    right: 0;
    height: 1px;
    width: 0;
    background: #ffbc00;
    border-radius: 2px;
    transition: all .3s .02s ease
}

.main_nav>ul>li>a:hover:before,
.main_nav>ul>li.current-menu-item>a:before {
    width: 100%
}

.main_nav>ul>li>ul {
    display: none;
    position: absolute;
    z-index: 77;
    top: 100%;
    left: 0;
    padding: 10px 0;
    border-radius: 8px;
    box-shadow: 0 0 12px rgb(0 0 0/32%);
    background: #fff;
    min-width: 200px
}

.main_nav>ul>li:hover>ul {
    display: block
}

.main_nav>ul>li>ul>li {
    display: block;
    position: relative;
    padding: 0 10px 5px
}

.main_nav>ul>li>ul>li>a {
    font-weight: 400;
    font-size: 15px;
    line-height: 110%;
    color: #222;
    text-decoration: none;
    position: relative
}

.main_nav>ul>li>ul>li>a:hover,
.main_nav>ul>li>ul>li.current-menu-item>a {
    color: #27ae60;
    text-decoration: underline
}

.main_nav>ul>li>ul>li>ul {
    display: none;
    position: absolute;
    z-index: 77;
    top: 0;
    left: 100%;
    padding: 10px 0;
    border-radius: 8px;
    box-shadow: 0 0 12px rgb(0 0 0/32%);
    background: #fff;
    min-width: 160px
}

.main_nav>ul>li>ul>li:hover>ul {
    display: block
}

.main_nav>ul>li>ul>li>ul>li {
    display: block;
    padding: 0 10px 5px
}

.main_nav>ul>li>ul>li>ul>li>a {
    font-weight: 400;
    font-size: 15px;
    line-height: 110%;
    color: #222;
    text-decoration: none;
    position: relative
}

.main_nav>ul>li>ul>li>ul>li>a:hover,
.main_nav>ul>li>ul>li>ul>li.current-menu-item>a {
    color: #27ae60;
    text-decoration: underline
}

.adapt_menu {
    display: block;
    margin: 0;
    width: 29px;
    height: 18px;
    position: relative;
    z-index: 1000;
    cursor: pointer;
    transition: all .3s ease-in-out
}

.adapt_menu span {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    transition: all .2s ease-in-out
}

.adapt_menu span:nth-child(2) {
    top: 10px;
    left: auto;
    right: 0;
    width: 83%;
    transition: all 1.1s .02s ease
}

.adapt_menu span:nth-child(3) {
    top: 19px
}

.adapt_menu.open span {
    top: 10px
}

.adapt_menu.open span:nth-child(1) {
    transform: rotate(45deg)
}

.adapt_menu.open span:nth-child(2) {
    opacity: 0;
    width: 100%;
    transform: rotate(360deg)
}

.adapt_menu.open span:nth-child(3) {
    transform: rotate(-45deg)
}

.top_main_b {
    background: #3D1212;
    border-radius: 8px;
    padding: 10px;
    margin: 0 0 20px
}

.top_main_b_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.autor_list {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background: #252525;
    border-radius: 4px;
    padding: 10px;
    box-sizing: border-box;
    margin: 0 0 20px
}

.autor_list_img {
    flex: 0 0 120px;
    margin: 0 20px 0 0
}

.autor_list_img img {
    border-radius: 10px
}

.autor_list_r {
    width: 100%;
    font-size: 14px;
    line-height: 18px
}

.autor_list_r>span {
    display: block;
    font-size: 16px;
    margin: 0 0 5px;
    font-weight: 700
}

.ba_block_but {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    margin: 0 0 20px
}

a.m_but {
    position: relative;
    display: block;
    width: 140px;
    box-sizing: border-box;
    padding: 12px 0;
    background: #AE2727;
    border-radius: 100px;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .3)
}

a.m_but:hover {
    color: #fff;
    background: #3fcd7b;
    letter-spacing: .1em
}

a.c_but {
    position: relative;
    display: block;
    width: 200px;
    box-sizing: border-box;
    padding: 12px 0;
    background-color: #AE2727;
    /* box-shadow: 0 5px 20px rgb(49 188 105/50%); */
    border-radius: 100px;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    margin: 20px auto
}

a.c_but:hover {
    color: #fff;
    box-shadow: 0 5px 30px rgb(49 188 105/50%)
}

.ba_block_time {
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 18px;
    color: #fff;
    margin: 0 0 20px
}

.param_list {
    background: #303030;
    box-sizing: border-box;
    margin: 0 0 20px;
    padding: 10px;
    border-radius: 8px
}

.param_b {
    width: auto;
    margin: 0 0 10px
}

.param_bt {
    font-size: 11px;
    line-height: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    text-shadow: 1px 1px 1px rgb(0 0 0/50%);
    margin: 0
}

.param_bl {
    height: 15px;
    border-radius: 3px;
    background: #edc97f
}

span.param_b_line {
    display: block;
    height: 15px;
    line-height: 16px;
    border-radius: 3px;
    background: #27ae60;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    text-align: right;
    text-shadow: 1px 1px 1px rgb(0 0 0/50%);
    padding: 0 10px 0 0;
    box-sizing: border-box
}

.ba_block_l {
    box-sizing: border-box
}

.ba_block_title {
    font-weight: 700;
    font-size: 32px;
    line-height: 36px;
    letter-spacing: .04em;
    color: #7a3413;
    text-align: center;
    margin: 0 0 30px
}

.main_zag {
    color: #fff;
    font-size: 28px;
    line-height: 30px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 20px
}

.formats_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.formats_b {
    width: 49%;
    margin: 0 0 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative
}

.formats_block {
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
    line-height: 26px;
    background: #303030;
    border-radius: 8px
}

.formats_block:hover {
    box-shadow: 0 0 32px rgb(0 0 0/32%)
}

.formats_title {
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    margin: 0 0 10px;
    padding: 0 0 0 18px;
    position: relative
}

.formats_title:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 12px;
    height: 2px;
    background: #27ae60;
    transition: all .3s .02s ease
}

.formats_title:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 0;
    transform: translateY(-50%) rotate(90deg);
    width: 12px;
    height: 2px;
    background: #27ae60;
    transition: all .3s .02s ease
}

.formats_minus .formats_title:after {
    display: none
}

.formats_text {
    font-size: 15px;
    line-height: 18px
}

.formats_text p {
    margin: 0 0 14px
}

.monetizing {
    background: #3D1212;
    padding: 10px;
    margin: 0 0 20px;
    border-radius: 8px
}

.monetizing_block {
    box-sizing: border-box;
    margin: 0 0 30px
}

.monetizing_list {
    max-width: 980pxpx;
    margin: 0 auto
}

.monetizing_b_l {
    padding: 0 0 0 120px
}

.monetizing_b:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 100px;
    height: 73px;
    background: url(../../../themes/molodej/images/arrow.svg) no-repeat right center;
    background-size: auto 72px;
    transition: all .3s .02s ease
}

.monetizing_b_l:before {
    right: auto;
    left: 0;
    transform: translateY(-50%) rotate(180deg)
}

.monetizing_b:hover:before {
    right: 5px
}

.monetizing_b_l:hover:before {
    left: 5px
}

.monetizing_text {
    border: 1px solid #4c4c50;
    border-radius: 12px;
    padding: 30px;
    box-sizing: border-box;
    transition: all .3s .02s ease
}

.monetizing_b:hover .monetizing_text {
    box-shadow: 0 10px 20px rgb(0 0 0/20%)
}

.faqs_list {
    margin: 0 0 50px
}

.faq_b {
    box-shadow: 0 0 5px rgba(0, 0, 0, .3);
    background: #252525;
    border-radius: 8px;
    margin: 0 0 15px;
    transition: all .3s .02s ease
}

.faq_b.active {
    background: #303030
}

.faq_b_title {
    font-weight: 700;
    font-size: 18px;
    line-height: 22px;
    color: #fff;
    position: relative;
    padding: 10px;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    transition: all .3s .02s ease
}

.faq_b_title.active {
    color: #27ae60
}

.faq_b_title span {
    display: block;
    width: 30px;
    font-weight: 700;
    font-size: 18px;
    line-height: 20px;
    color: #31bc69
}

.faq_b_title:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    right: 10px;
    width: 23px;
    height: 3px;
    background: #27ae60;
    transition: all .3s .02s ease
}

.faq_b_title:after {
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    right: 10px;
    width: 23px;
    height: 3px;
    background: #27ae60;
    transform: rotate(90deg);
    transition: all .3s .02s ease
}

.faq_b_title.active:before {
    transform: rotate(180deg)
}

.faq_b_title.active:after {
    transform: rotate(360deg)
}

.faq_b_text {
    display: none;
    padding: 0 10px 20px;
    font-size: 16px;
    line-height: 20px;
    color: #fff
}

.form_block {
    background: #303030;
    padding: 10px;
    border-radius: 8px;
    margin: 0 0 20px
}

.benefits_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start
}

.benefits_line {
    width: 31%;
    margin: 0 0 30px
}

.tb_form_inp {
    display: block;
    width: 100%;
    height: 28px;
    margin: 0;
    padding: 0 0 10px;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid rgba(36, 36, 36, .4)
}

.tb_form_textarea {
    display: block;
    width: 100%;
    height: 60px;
    margin: 0 0 30px;
    padding: 0;
    background: 0 0;
    border: 0;
    border-bottom: 1px solid rgba(36, 36, 36, .4);
    resize: none
}

.tb_form_sub {
    display: block;
    height: 50px;
    width: 230px;
    margin: 0 auto;
    padding: 0;
    background: #158d43;
    border: 0;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    transition: all .3s .02s ease;
    cursor: pointer
}

.tb_form_sub:hover {
    background: #30b965;
    letter-spacing: 2.25px
}

footer {
    background: #480000;
    padding: 20px 10px
}

.flogo {
    margin: 0 auto;
    text-align: center;
    width: 160px;
    transition: all .3s .02s ease
}

.flogo img {
    vertical-align: bottom;
    transition: all .3s .02s ease
}

.flogo:hover {
    transform: scale(1.05)
}

.copu {
    color: #fff;
    font-weight: 700;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    padding: 10px 0 0
}

.nav_scroll {
    position: relative
}

.nav_scroll>div {
    position: absolute;
    z-index: 1;
    top: -80px;
    left: 0
}

.f_soc {
    padding: 10px 0 0
}

.f_soc ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.f_soc li {
    display: block;
    padding: 0 0 0 10px
}

.f_soc li:first-child {
    padding: 0
}

.f_soc li a {
    display: block;
    width: 36px;
    height: 36px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.f_soc li img {
    vertical-align: bottom;
    transition: all .3s .02s ease
}

.f_soc li:nth-child(1) img {
    max-height: 35px
}

.f_soc li:nth-child(2) img {
    max-height: 22px
}

.f_soc li:nth-child(3) img {
    max-height: 25px
}

.f_soc li:nth-child(4) img {
    max-height: 20px
}

.f_soc li:nth-child(5) img {
    max-height: 25px
}

.f_soc li a:hover img {
    transform: rotate(360deg)
}

.form_line {
    padding: 0 0 15px
}

.lab {
    display: block;
    padding: 0 0 2px
}

.inp {
    box-sizing: border-box;
    width: 100%;
    height: 40px;
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    -webkit-appearance: none;
    color: #000;
    font-size: 15px;
    line-height: 18px
}

.ta {
    box-sizing: border-box;
    width: 100%;
    height: 100px;
    padding: 10px 20px;
    background: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 3px;
    -webkit-appearance: none;
    color: #000;
    font-size: 15px;
    line-height: 18px;
    vertical-align: bottom
}

.form_sub {
    position: relative
}

.btn {
    display: inline-block;
    box-sizing: border-box;
    min-height: 40px;
    padding: 10px 20px;
    border: 1px solid #57b64d;
    background: #ffbc00;
    border-radius: 5px;
    transition: all .3s .02s ease;
    -webkit-appearance: none;
    color: #fff;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
    text-decoration: none;
    text-align: center;
    cursor: pointer
}

.btn:hover {
    border-color: #ca2a3c;
    background-color: #c18f03;
    color: #fff;
    text-decoration: none
}

.form_sub .ajax-loader {
    position: absolute;
    top: -5px;
    right: -5px
}

.comments_list li {
    padding: 15px;
    margin: 0 0 15px;
    border: 1px solid #ddd;
    background: #f8f8f8
}

.comments_list li li {
    margin: 15px 0 0
}

.comments_list li.thread-even {
    background: #fff
}

.comments_list .even {
    background: #fff
}

.comments_list .alt {
    background: #f8f8f8
}

.comment_ava {
    float: left;
    padding: 0 10px 0 0
}

.comment_top {
    padding: 0 0 10px
}

.comment_a {
    font-weight: 700
}

.comment_d {
    font-style: italic
}

.comment_repl {
    text-align: right
}

#respond {
    border-radius: 4px;
    -webkit-transition: border-radius .2s;
    transition: border-radius .2s;
    margin: 0 0 30px
}

.comments_list #respond {
    margin: 0 15px 15px
}

#cancel-comment-reply-link {
    display: inline-block;
    margin: 0 0 15px
}

.wp-caption {
    box-sizing: border-box;
    max-width: 100%;
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding: 4px;
    margin: 10px;
    border-radius: 3px
}

.wp-caption img {
    max-width: 100%;
    height: auto;
    padding: 0;
    border: 0 none
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0
}

.wpcf7-not-valid {
    border-color: #ad2929 !important;
    color: #ad2929
}

#wp-calendar #prev a,
#wp-calendar #next a {
    font-size: 9pt
}

#wp-calendar a {
    text-decoration: none
}

#wp-calendar caption {
    font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
    text-align: center
}

#wp-calendar th {
    font-style: normal;
    text-transform: capitalize
}

#wp-calendar {
    empty-cells: show;
    margin: 10px auto 0;
    width: 155px
}

#wp-calendar #next a {
    padding-right: 10px;
    text-align: right
}

#wp-calendar #prev a {
    padding-left: 10px;
    text-align: left
}

#wp-calendar a {
    display: block
}

#wp-calendar caption {
    text-align: center;
    width: 100%
}

#wp-calendar td {
    padding: 3px 0;
    text-align: center
}

#wp-calendar td.pad:hover {
    background-color: #fff
}

@media (max-width:1260px) {
    .wrap {
        width: 980px
    }
}

@media (max-width:1020px) {
    .wrap {
        width: 760px;
        box-sizing: border-box;
        padding: 0 10px
    }

    p {
        margin: 0 0 20px
    }

    header {
        height: auto
    }

    .header_h {
        padding: 8px 0;
        box-shadow: 0 0 5px rgba(0, 0, 0, .3);
        transition: all .3s .02s ease
    }

    .header_h.fixed {
        position: relative
    }

    .logo {
        width: 70px;
        order: 1
    }

    .header_h.fixed .logo {
        width: 70px
    }

    .adapt_menu {
        display: block;
        order: 3
    }

    .top_icon {
        order: 2
    }

    .main_nav {
        padding: 10px 0 0;
        display: none;
        order: 3;
        width: 100%
    }

    .main_nav>ul {
        display: block
    }

    .main_nav>ul>li {
        display: block;
        padding: 0 0 7px
    }

    .main_nav>ul>li:first-child {
        padding: 0 0 7px
    }

    .main_nav>ul>li>ul {
        display: block;
        position: relative;
        z-index: 77;
        top: auto;
        left: auto;
        padding: 10px;
        border-radius: 8px;
        box-shadow: 0 0 0 rgb(0 0 0/32%);
        background: 0 0;
        min-width: 200px
    }

    .main_nav>ul>li>ul>li>ul {
        display: block;
        position: relative;
        z-index: 77;
        top: auto;
        left: auto;
        padding: 10px;
        border-radius: 8px;
        box-shadow: 0 0 0 rgb(0 0 0/32%);
        background: 0 0;
        min-width: 160px
    }

    .main_nav>ul>li>ul>li>a {
        color: #fff
    }

    .main_nav>ul>li>ul>li>a:hover,
    .main_nav>ul>li>ul>li.current-menu-item>a {
        color: #27ae60
    }

    .main_nav>ul>li>ul>li>ul>li>a {
        color: #fff
    }

    .main_nav>ul>li>ul>li>ul>li>a:hover,
    .main_nav>ul>li>ul>li>ul>li.current-menu-item>a {
        color: #27ae60
    }

    .top_icon a {
        margin: 0 0 0 5px
    }

    .ba_block {
        padding: 30px 0;
        overflow: hidden;
        position: relative
    }

    .ba_block_l {
        width: 100%;
        box-sizing: border-box;
        position: relative;
        z-index: 2
    }

    .ba_block_text {
        font-size: 16px;
        line-height: 20px
    }

    .main_zag {
        font-size: 30px;
        line-height: 34px;
        margin: 0 0 30px
    }

    .top_main_b_list {
        display: block
    }

    .autor_list {
        width: auto
    }

    .param_list {
        width: auto
    }
}

@media (max-width:759px) {
    .wrap {
        width: 100%;
        min-width: 300px
    }

    body {
        font-size: 16px;
        line-height: 20px
    }

    .ba_block_text {
        font-size: 15px;
        line-height: 18px
    }

    .main_zag {
        font-size: 28px;
        line-height: 32px;
        margin: 0 0 20px
    }

    .formats {
        padding: 30px 0
    }

    .formats_b {
        width: 100%
    }

    .formats_b:nth-child(3n) {
        width: 100%
    }

    .formats_block {
        padding: 20px 10px
    }

    .faq_b {
        margin: 0 0 15px
    }

    .faqs {
        padding: 80px 0
    }

    .faq_b_title {
        font-weight: 500;
        font-size: 17px;
        line-height: 20px;
        padding: 10px
    }

    .faq_b_title span {
        font-size: 16px;
        line-height: 20px;
        width: 24px
    }

    .faq_b_text {
        padding: 0 10px 10px;
        font-size: 15px;
        line-height: 20px
    }

    .benefits {
        padding: 30px 0
    }

    .benefits_list {
        display: block
    }

    .benefits_line {
        width: auto;
        margin: 0 0 20px
    }

    .autor_list {
        display: block
    }

    .autor_list_img {
        margin: 0 auto
    }

    a.m_but {
        width: 140px;
        padding: 7px 0;
        font-size: 14px;
        line-height: 20px
    }
}

table {
    width: 100%
}

a.dwn_but {
    font-size: 20px;
    padding: 5px;
    border: 1px solid;
    display: none
}

a.dwn_but:hover {
    color: #12a256;
    text-decoration: underline
}

.top_exc_st_id {
    margin: 0 0 20px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    transition: all .3s .02s ease
}

.top_exc_st_id_title {
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    padding: 0 10px 0 0
}

.top_exc_st_id_b {
    position: relative
}

input.top_exc_st_id_input {
    display: block;
    height: 34px;
    width: 100%;
    max-width: 180px;
    box-sizing: border-box;
    border: 1px solid #49cfda;
    border-radius: 3px;
    background: #fff;
    padding: 5px 10px;
    font-size: 20px;
    line-height: 18px;
    font-weight: 600
}

input.top_exc_st_id_input {
    border: 1px solid #cc8887
}

a.top_exc_st_id_sub {
    display: block;
    height: 18px;
    width: 18px;
    margin: 0 0 0 12px;
    box-sizing: border-box;
    background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgZmlsbD0iIzQ5Y2ZkYSIgaGVpZ2h0PSIxNzkyIiB2aWV3Qm94PSIwIDAgMTc5MiAxNzkyIiB3aWR0aD0iMTc5MiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTY2NCAxNjMydi0xMDg4cTAtMTMtOS41LTIyLjV0LTIyLjUtOS41aC0xMDg4cS0xMyAwLTIyLjUgOS41dC05LjUgMjIuNXYxMDg4cTAgMTMgOS41IDIyLjV0MjIuNSA5LjVoMTA4OHExMyAwIDIyLjUtOS41dDkuNS0yMi41em0xMjgtMTA4OHYxMDg4cTAgNjYtNDcgMTEzdC0xMTMgNDdoLTEwODhxLTY2IDAtMTEzLTQ3dC00Ny0xMTN2LTEwODhxMC02NiA0Ny0xMTN0MTEzLTQ3aDEwODhxNjYgMCAxMTMgNDd0NDcgMTEzem0tMzg0LTM4NHYxNjBoLTEyOHYtMTYwcTAtMTMtOS41LTIyLjV0LTIyLjUtOS41aC0xMDg4cS0xMyAwLTIyLjUgOS41dC05LjUgMjIuNXYxMDg4cTAgMTMgOS41IDIyLjV0MjIuNSA5LjVoMTYwdjEyOGgtMTYwcS02NiAwLTExMy00N3QtNDctMTEzdi0xMDg4cTAtNjYgNDctMTEzdDExMy00N2gxMDg4cTY2IDAgMTEzIDQ3dDQ3IDExM3oiLz48L3N2Zz4=');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px auto;
    cursor: pointer
}

a.top_exc_st_id_sub:hover {
    transform: rotate(90deg)
}

.top_exc_st_id_copied {
    color: #fff;
    position: absolute;
    z-index: 1;
    top: 100%;
    left: 0;
    width: 100%;
    display: none;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    text-align: center
}
.logo img {
    width: 100px;
}