/*
Theme Name: depsport
*/

/* NULL */

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: transparent;}
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;
 }

.entry-image-link {
 display: block;
 cursor: zoom-in;
 -webkit-tap-highlight-color: transparent;
 margin: 0 0 20px;
}

.lead-copy .entry-image-link:first-child,
.entry > .entry-image-link:first-child {
 margin-top: 0;
}

.entry-image-link:has(+ .block-cta) {
 margin-bottom: 0;
}

.entry-image-link img {
 display: block;
 width: 100%;
 height: auto;
 border-radius: var(--radius-md);
}

/* END NULL */

/* BASE */

:root {
 --bg: #ffffff;
 --bg-2: #ebf0f4;
 --surface: #ffffff;
 --surface-2: #f6fafd;
 --surface-3: #ebf0f4;
 --border: #d5dde6;
 --border-strong: #c5d0db;
 --text: #001a3a;
 --text-muted: #5a6b7d;
 --text-dim: #87939f;
 --brand: #007fff;
 --brand-light: #487efb;
 --brand-dark: #0066cc;
 --brand-glow: rgba(0, 127, 255, 0.28);
 --accent-blue: #9fc4ff;
 --footer-bg: #02074f;
 --grad-cta: #007fff;
 --grad-cta-hover: #0066cc;
 --header-h: 100px;
 --radius: 4px;
 --radius-md: 8px;
 --radius-lg: 8px;
 --transition: 0.2s ease;
}

body {
 color: var(--text);
 font-size: 16px;
 line-height: 1.6; 
 font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
 background: var(--bg);
 background-color: var(--bg);
 text-align: center;
 -webkit-font-smoothing: antialiased;
 font-feature-settings: "lnum";
 }
.wrap {
 width: 100%;
 max-width: 1280px;
 margin: 0 auto;
 text-align: left;
 padding-inline: 24px;
 box-sizing: border-box;
 }

input, textarea {
 color: #222222;
 font-size: 16px;
 line-height: 20px;
 font-family: Raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
 }

a {
 color: var(--brand);
 text-decoration: none;
 transition: all 0.3s 0.02s ease;
 }

a:hover {
 color: var(--brand-light);
 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 0;
 }

.entry {
 color: #222;
 text-align: left;
 }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .title {
 color: var(--text);
 font-weight: 700;
 }
h1, .h1, .title{
 color: var(--text);
 font-size: 26px;
 line-height: 30px;
 text-transform: none;
 }
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: #808080;
 }
.green{
 color: #34c924;
 }
.red{
 color: #ff0000;
 }
.orange{
 color: #ffa500;
 }
.yellow{
 color: #ffff00;
 }
.blue{
 color: #0000ff;
 }
.purple{
 color: #8b00ff;
 }
.pink{
 color: #ffc0cb;
 }

.table, .entry table {
 border-spacing: 0;
 border-collapse: collapse;
 border-top: 1px solid var(--border);
 border-left: 1px solid var(--border);
 }

.table tr th, .entry table tr th{
 border-bottom: 1px solid var(--border);
 border-right: 1px solid var(--border);
 background: #ebf0f4;
 padding: 8px 10px;
 }

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

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

.table-card--key-info {
 overflow-x: auto;
 -webkit-overflow-scrolling: touch;
 border: 1px solid var(--border);
 border-radius: var(--radius-md);
 background: #fff;
 margin: 0 0 20px 0;
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);
}

.table-card__head {
 padding: 14px 18px;
 color: #ffffff;
 font-size: 14px;
 font-weight: 700;
 letter-spacing: 0.02em;
 text-transform: uppercase;
 line-height: 1.3;
 text-shadow: none;
 background: var(--brand);
 box-shadow: none;
}

.table-card--key-info table {
 width: 100%;
 border: 0;
 border-collapse: collapse;
 background: #fff;
 margin: 0;
 color: #353535;
 text-align: left;
}

.table-card--key-info tr td {
 padding: 12px 18px;
 border-bottom: 1px solid var(--border);
 border-right: 0;
 border-top: 0;
 border-left: 0;
 color: #353535;
 font-size: 15px;
 line-height: 1.5;
 vertical-align: top;
 background: #fff;
 text-align: left;
}

.table-card--key-info tr td:first-child {
 color: var(--text);
 font-weight: 600;
 background: #f6fafd;
}

.table-card--key-info table tr td:first-child:nth-last-child(2) {
 width: 38%;
}

.table-card--key-info table:has(td:nth-child(3)) {
 min-width: 640px;
}

.table-card--key-info tr td:last-child {
 border-right: 0;
 font-weight: 500;
}

.table-card--key-info tr:nth-of-type(even) td {
 background: #f0f0f0;
}

.table-card--key-info tr:nth-of-type(even) td:first-child {
 background: #ebf0f4;
}

.table-card--key-info tr:last-child td {
 border-bottom: 0;
}

.table-card--key-info tr:first-child td {
 color: #fff;
 font-weight: 700;
 background: var(--brand);
}

.table-card--key-info tr:first-child td:first-child,
.table-card--key-info tr:first-child td:last-child {
 color: #fff;
 background: var(--brand);
}

.pros-cons {
 display: grid;
 grid-template-columns: 1fr 1fr;
 gap: 18px;
 margin: 16px 0 20px;
}

.pros-cons-col {
 background: var(--surface);
 border: 1px solid var(--border);
 border-radius: 14px;
 padding: 24px 26px;
 position: relative;
 overflow: hidden;
}

.pros-cons-col::before {
 content: "";
 position: absolute;
 inset: 0 auto 0 0;
 width: 4px;
}

.pros-cons-col.pros::before {
 background: linear-gradient(180deg, #34d399 0%, #10b981 100%);
}

.pros-cons-col.cons::before {
 background: linear-gradient(180deg, var(--brand-light) 0%, var(--brand-dark) 100%);
}

.pros-cons-col h3 {
 font-size: 16px;
 font-weight: 700;
 letter-spacing: 0.01em;
 margin: 0 0 18px;
 display: inline-flex;
 align-items: center;
 gap: 10px;
 color: var(--text);
 text-transform: none;
}

.pros-cons-col h3::before {
 content: "";
 width: 22px;
 height: 22px;
 border-radius: 50%;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 flex-shrink: 0;
 background-position: center;
 background-repeat: no-repeat;
}

.pros-cons-col.pros h3::before {
 background-color: #10b981;
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
 background-size: 14px 14px;
}

.pros-cons-col.cons h3::before {
 background-color: var(--brand);
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='6' y1='12' x2='18' y2='12'/%3E%3C/svg%3E");
 background-size: 14px 14px;
}

.pros-cons-col ul {
 list-style: none;
 padding: 0;
 margin: 0;
 display: grid;
 gap: 14px;
}

.pros-cons-col ul li {
 position: relative;
 padding-left: 28px;
 color: var(--text);
 font-size: 15px;
 line-height: 1.6;
}

.pros-cons-col ul li::before {
 content: "";
 position: absolute;
 left: 0;
 top: 5px;
 width: 16px;
 height: 16px;
 border-radius: 4px;
 background-position: center;
 background-repeat: no-repeat;
 background-size: 10px 10px;
}

.pros-cons-col.pros ul li::before {
 background-color: rgba(16, 185, 129, 0.18);
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2334d399' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E");
}

.pros-cons-col.cons ul li::before {
 background-color: rgba(230, 56, 84, 0.18);
 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ff5474' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='6' y1='12' x2='18' y2='12'/%3E%3C/svg%3E");
}

#avantages-inconvenients > p {
 color: var(--text);
 font-size: 16px;
 line-height: 1.6;
}

.qa-list {
 margin: 0 0 40px;
}

.qa-list h2 {
 color: var(--text);
 font-size: 22px;
 font-weight: 700;
 line-height: 1.3;
 text-transform: none;
 margin: 0 0 24px;
}

.qa-list__label {
 color: var(--text);
 font-size: 18px;
 font-weight: 700;
 margin: 8px 0 12px;
}

.qa-list__item {
 padding: 18px 0;
 border-bottom: 1px solid var(--border);
}

.qa-list__item:last-child {
 border-bottom: 0;
}

.qa-list__item h3,
.qa-list__item .qa-q {
 display: inline-block;
 margin: 0 0 10px;
 padding: 8px 14px;
 border: 0;
 border-radius: 20px;
 background: #ebf0f4;
 color: #001a3a;
 font-size: 16px;
 font-weight: 700;
 line-height: 1.4;
 text-transform: none;
}

.qa-list__item p {
 color: #222;
 font-size: 16px;
 line-height: 1.6;
 margin: 0;
}

.google-panel {
 padding: 24px;
 border: 1px solid #e0e3e7;
 border-radius: 12px;
 background: #f7f8f8;
 color: #202124;
 box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
 margin: 0 0 40px;
}

.google-panel__head {
 display: grid;
 grid-template-columns: minmax(0, 1fr) auto auto;
 gap: 18px;
 align-items: center;
 margin-bottom: 18px;
}

.google-panel__brand {
 display: flex;
 align-items: center;
 min-width: 0;
 gap: 16px;
}

.google-panel__brand img {
 display: block;
 width: 92px;
 flex: 0 0 auto;
}

.google-panel h2 {
 margin: 0 0 4px;
 color: #202124;
 font-size: 28px;
 font-weight: 700;
 text-transform: none;
 line-height: 1.2;
}

.google-panel__brand p {
 margin: 0;
 color: #5f6368;
 font-size: 14px;
 line-height: 1.4;
}

.google-score {
 display: grid;
 justify-items: end;
 min-width: 110px;
}

.google-score strong {
 font-size: 34px;
 line-height: 1;
 color: #202124;
}

.google-score span,
.google-card__stars {
 color: #fbbc04;
 letter-spacing: 0;
}

.google-score em {
 color: #5f6368;
 font-style: normal;
 font-size: 13px;
}

.google-panel__btn {
 min-width: 170px;
 text-transform: none;
}

.google-panel__cards {
 display: grid;
 grid-template-columns: repeat(4, minmax(0, 1fr));
 gap: 14px;
}

.google-card {
 min-width: 0;
 padding: 16px;
 border: 1px solid #e0e3e7;
 border-radius: 12px;
 background: #fff;
}

.google-card__person {
 display: flex;
 align-items: center;
 min-width: 0;
 gap: 10px;
 margin-bottom: 10px;
}

.google-card__person span {
 display: grid;
 width: 38px;
 height: 38px;
 flex: 0 0 auto;
 place-items: center;
 border-radius: 50%;
 background: #1a73e8;
 color: #fff;
 font-weight: 900;
}

.google-card__person div {
 min-width: 0;
}

.google-card__person strong,
.google-card__person small {
 display: block;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 color: #202124;
}

.google-card__person small {
 color: #5f6368;
 font-weight: 400;
}

.google-card p {
 color: #3c4043;
 font-size: 14px;
 line-height: 1.55;
 margin: 0;
}

.warn {
 margin: 18px 0 8px;
 padding: 16px 18px 16px 20px;
 border-radius: var(--radius-md);
 border: 1px solid rgba(0, 127, 255, 0.28);
 border-left: 4px solid var(--brand);
 background: linear-gradient(90deg, #e8f3ff 0%, #f4f9ff 100%);
 color: var(--text);
 font-size: 15px;
 line-height: 1.65;
 text-align: left;
 box-shadow: 0 1px 0 rgba(2, 7, 79, 0.04);
}

.warn::before {
 content: "Atención";
 display: block;
 margin: 0 0 6px;
 color: var(--brand);
 font-size: 12px;
 font-weight: 800;
 letter-spacing: 0.08em;
 text-transform: uppercase;
}

.warn strong {
 color: var(--footer-bg);
 font-weight: 800;
}

.warn + center,
.warn + .block-cta {
 display: flex;
 margin-top: 28px;
}

.block-cta {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 gap: 12px;
 margin: 24px 0 8px;
 text-align: center;
}

.entry-image-link + .block-cta,
.entry-image-link + .lead-hero__cta {
 margin: 16px 0 24px;
}

.block-cta + p,
.block-cta + ul {
 margin-top: 0;
}

.block-cta:has(+ p),
.block-cta:has(+ ul) {
 margin-bottom: 24px;
}

.block-cta + h3,
.block-cta + .qa-list__label {
 margin-top: 28px;
}

.qa-list > .block-cta {
 margin: 28px 0 8px;
}

.entry ul, ul.list {
 padding: 0 0 0 4px;
 list-style: none;
 color: var(--brand);
 }

.entry ol, ol.list {
 padding: 0;
 list-style: none;
 counter-reset: azur-ol;
 }

.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 0;
 }

.entry ol > li, ol.list > li {
 margin: 10px 0 10px 0;
 list-style: none;
 counter-increment: azur-ol;
 position: relative;
 padding: 4px 0 4px 44px;
 color: var(--text);
 line-height: 1.6;
 }

.entry ol > li::before, ol.list > li::before {
 content: counter(azur-ol);
 position: absolute;
 left: 0;
 top: 2px;
 width: 28px;
 height: 28px;
 border-radius: 6px;
 background: #9fc4ff;
 color: #fff;
 font-size: 14px;
 font-weight: 800;
 line-height: 28px;
 text-align: center;
 }

.entry ul > li, ul.list > li {
 margin: 8px 0 8px 22px;
 list-style-type: disc;
 color: var(--text);
 line-height: 1.6;
 }

code {
 font: 1.1em 'Courier New', Courier, Fixed;
 }
acronym, abbr, span.caps {
 font-size: 0.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;
 }

/* END BASE */

/* HEADER */

:root {
 --header-h: 100px;
}

.site-header {
 position: sticky;
 top: 0;
 z-index: 100;
 height: var(--header-h);
 background: linear-gradient(0deg, #f6fafd, #fff);
 backdrop-filter: none;
 -webkit-backdrop-filter: none;
 border-bottom: 0;
 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.2);
 text-align: left;
 margin: 0 0 28px 0;
}

.site-header > .wrap {
 height: 100%;
 padding-right: 0;
}

.header-inner {
 display: flex;
 align-items: center;
 width: 100%;
 gap: 28px;
 height: 100%;
}

.site-header .logo {
 display: inline-flex;
 align-items: center;
 flex-shrink: 0;
 transition: all 0.3s 0.02s ease;
}

.site-header .logo img {
 height: 58px;
 width: auto;
 max-width: 210px;
 object-fit: contain;
 vertical-align: bottom;
}

.site-header .logo:hover {
 transform: none;
 opacity: 0.85;
}

.nav-menu {
 display: flex;
 align-items: center;
}

.nav-list {
 display: flex;
 align-items: center;
 gap: 20px;
 list-style: none;
 margin: 0;
 padding: 0;
}

.nav-list a {
 color: #001a3a;
 font-size: 16px;
 font-weight: 700;
 letter-spacing: 0;
 text-transform: none;
 transition: color 0.2s ease-out;
 position: relative;
 padding: 8px 0;
 text-decoration: none;
 line-height: 30px;
}

.nav-list a::after {
 content: "";
 position: absolute;
 inset: auto 0 -4px 0;
 height: 3px;
 background: #007fff;
 width: 0;
 transform: none;
 transition: width 0.3s;
}

.nav-list a:hover {
 color: #007fff;
 text-decoration: none;
}

.nav-list a:hover::after {
 width: 100%;
 transform: none;
}

.nav-cta {
 display: flex;
 align-items: center;
 gap: 8px;
 margin-left: auto;
 flex-shrink: 0;
 align-self: stretch;
 background: #007fff;
 padding: 0 28px 0 40px;
 position: relative;
}

.nav-cta::before {
 content: "";
 position: absolute;
 top: 0;
 left: -18px;
 width: 40px;
 height: 100%;
 background: #007fff;
 transform: skew(-20deg);
 transform-origin: 100% 0;
}

.nav-cta .btn {
 position: relative;
 z-index: 1;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 padding: 6px 18px;
 height: 38px;
 border-radius: 100px;
 font-size: 14px;
 font-weight: 700;
 letter-spacing: 0;
 cursor: pointer;
 white-space: nowrap;
 line-height: 1.2;
 user-select: none;
 border: 2px solid #fff;
 box-shadow: none;
 background: #fff;
 color: #000;
 background-image: none;
 background-blend-mode: normal;
 transition: box-shadow 0.25s linear;
 text-decoration: none;
 text-transform: none;
}

.nav-cta .btn:hover {
 text-decoration: none;
 transform: none;
 color: #000;
 background: #fff;
 box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.18), 0 6px 12px 0 rgba(0, 0, 0, 0.12);
}

.nav-cta .btn:active {
 transform: none;
}

.nav-cta .btn-primary {
 color: #000;
 background: #fff;
 border-color: #fff;
 box-shadow: none;
 text-shadow: none;
}

.nav-cta .btn-primary:hover {
 color: #000;
 background: #fff;
 box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.18), 0 6px 12px 0 rgba(0, 0, 0, 0.12);
}

.nav-cta .btn-ghost {
 color: #000;
 background: #fff;
 border-color: #fff;
 text-shadow: none;
}

.nav-cta .btn-ghost:hover {
 color: #000;
 background: #fff;
 border-color: #fff;
}

.logoimg{
 width: 180px;
 margin: 0;
 transition: all 0.3s 0.02s ease;
 }
.logoimg img{
 vertical-align: bottom;
 transition: all 0.3s 0.02s ease;
 }
.logoimg:hover {
 transform: scale(1.05);
 }

.main_nav{
 background-image: linear-gradient(92deg,#1e283f,rgba(20,27,46,.6));
 border-radius: 10px;
 padding: 10px;
 margin: 0 0 10px 0
 }
.main_nav > ul{
 display: flex; 
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 } 
.main_nav > ul > li{
 display: block;
 padding: 0 10px 0 10px;
 position: relative;
 } 
.main_nav > ul > li:first-child{
 padding: 0 0 0 0;
 } 
.main_nav > ul > li > a{
 font-weight: 700;
 font-size: 13px;
 line-height: 110%;
 color: #fff;
 text-decoration: none;
 text-transform: uppercase;
 position: relative;
 } 
.main_nav > ul > li > a:hover, .main_nav > ul > li.current-menu-item > a{
 color: var(--brand);
 }
.main_nav > ul > li > a:before{
 content:"";
 display:block;
 position:absolute;
 z-index:1;
 bottom: -4px;
 left: 0;
 height: 2px;
 width: 0;
 background: var(--brand);
 border-radius: 2px;
 transition: all 0.3s 0.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: 3px;
 box-shadow: 0 0 12px rgb(0 0 0 / 32%);
 background:#edf2fe;
 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 10px;
 } 
.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: var(--brand);
 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: 3px;
 box-shadow: 0 0 12px rgb(0 0 0 / 32%);
 background:#edf2fe;
 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 10px;
 } 
.main_nav > ul > li > ul > li > ul > li > a{
 font-weight: 400;
 font-size: 15px;
 line-height: 110%;
 color: #222222;
 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: var(--brand);
 text-decoration: underline;
 }

.adapt_menu{
 display: none;
 margin: 0 0 0 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: var(--brand);
 transition: all .2s ease-in-out;
 }
.adapt_menu span:nth-child(2){
 top: 10px;
 left: auto;
 right: 0;
 width: 83%;
 transition: all 1.1s 0.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);
 } 

/* END HEADER */

/* HOME */

.lead-hero {
 margin: 0 0 30px;
 text-align: left;
}

.banner-slot {
 position: relative;
 display: block;
 overflow: hidden;
 border-radius: var(--radius-lg);
 background: var(--surface);
 text-decoration: none;
 transition: transform 0.2s ease, filter 0.2s ease;
 margin: 0 auto 22px;
 width: 100%;
 max-width: 1108px;
 aspect-ratio: 16 / 9;
 max-height: none;
 border: 1px solid var(--border);
}

.banner-slot:hover,
.banner-slot:focus-visible {
 transform: translateY(-3px);
 filter: brightness(1.04);
 text-decoration: none;
}

.banner-slot img {
 display: block;
 width: 100%;
 height: 100%;
 object-fit: contain;
 object-position: center;
}

.section-media {
 display: block;
 margin: 4px 0 22px;
 overflow: hidden;
 border-radius: var(--radius-md);
 border: 1px solid var(--border);
 background: #fff;
 line-height: 0;
 max-width: 100%;
}

.section-media img {
 display: block;
 width: 100%;
 height: auto;
}

.fresh-chip {
 display: flex;
 align-items: center;
 justify-content: center;
 width: fit-content;
 min-height: 40px;
 padding: 0 16px;
 margin: 8px auto 40px;
 border: 1px solid rgba(0, 127, 255, 0.28);
 border-radius: 999px;
 background: #e8f3ff;
 color: #001a3a;
 font-weight: 700;
 font-size: 14px;
 line-height: 1.2;
}

.lead-copy {
 margin: 0 0 22px;
 color: var(--text);
 text-align: left;
}

.lead-copy--box {
 padding: 24px 26px;
 border-radius: var(--radius-md);
 background: #fff;
 border: 1px solid var(--border);
 box-sizing: border-box;
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);
}

.lead-copy p,
.lead-copy ul {
 color: #222;
 font-size: 16px;
 line-height: 1.75;
 margin: 0 0 14px;
}

.lead-copy ul {
 padding: 0 0 0 4px;
 color: var(--brand);
}

.lead-copy ul > li {
 margin: 6px 0 6px 22px;
 list-style-type: disc;
 color: #222;
}

.lead-copy > :last-child {
 margin-bottom: 0;
}

.lead-hero__cta {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 gap: 12px;
 text-align: center;
}

.lead-hero__btn {
 min-width: 200px;
}

.highlights {
 display: grid;
 grid-template-columns: repeat(3, 1fr);
 gap: 14px;
 margin: 0 0 22px;
}

.highlight-card {
 display: flex;
 align-items: center;
 gap: 16px;
 padding: 18px 20px;
 border-radius: var(--radius-md);
 background: #fff;
 border: 1px solid var(--border);
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);
 transition: border-color 0.2s ease, transform 0.2s ease;
}

.highlight-card:hover {
 border-color: #007fff;
 transform: translateY(-2px);
}

.highlight-icon {
 flex-shrink: 0;
 width: 56px;
 height: 56px;
 display: flex;
 align-items: center;
 justify-content: center;
}

.highlight-icon img {
 max-width: 100%;
 height: auto;
}

.highlight-text {
 font-size: 14px;
 line-height: 1.5;
 color: var(--text-muted);
 margin: 0;
}

.top_main_b{
 margin: 0 0 20px 0;
 border-radius: 6px;
 padding: 20px 10px 10px 10px;
 background: var(--surface);
 }
.top_main_b_list{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 }

.autor_list{
 display: flex;
 justify-content: flex-start;
 align-items: center;
 background-color: var(--surface);
 border-radius: 6px;
 padding: 10px 10px 10px 10px;
 box-sizing: border-box;
 margin: 0 0 20px 0;
 color: var(--text);
 }
.autor_list_img{
 flex: 0 0 120px;
 margin: 0 20px 0 0;
 }
.autor_list_img img{
 max-width: 120px;
 border-radius: 10px;
 }
.autor_list_r{
 font-size: 14px;
 line-height: 18px;
 }
.autor_list_r > span{
 display: block;
 font-size: 15px;
 margin: 0 0 3px 0;
 font-weight: bold;
 }

.ba_block_but{
 display: flex; 
 flex-wrap: wrap;
 justify-content: space-evenly;
 align-items: center;
 margin: 0 0 20px 0;
 }
a.m_but{
 position: relative;
 display: inline-flex;
 align-items: center;
 justify-content: center;
 min-width: 170px;
 box-sizing: border-box;
 padding: 0 28px;
 height: 48px;
 margin: 0;
 border: 2px solid #007fff;
 border-radius: 100px;
 font-weight: 700;
 font-size: 16px;
 letter-spacing: 0;
 line-height: 1.2;
 text-align: center;
 text-transform: none;
 color: #ffffff;
 text-decoration: none;
 background: #007fff;
 text-shadow: none;
 box-shadow: none;
 transition: background 0.25s linear, border-color 0.25s linear, box-shadow 0.25s linear;
 }
a.m_but:hover{
 color: #fff;
 text-decoration: none;
 background: #0066cc;
 border-color: #0066cc;
 transform: none;
 box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.18), 0 6px 12px 0 rgba(0, 0, 0, 0.12);
 filter: none;
 }
a.m_but:active{
 transform: none;
 box-shadow: none;
 } 
a.d_but{
 position: relative;
 display: block;
 width: 140px;
 box-sizing: border-box;
 padding: 12px 0; 
 background-color: #7ca934;
 box-shadow: 0 5px 20px rgb(49 188 105 / 50%);
 border-radius: 7px;
 font-weight: bold;
 font-size: 14px;
 line-height: 18px;
 text-align: center;
 text-transform: uppercase;
 color: #fff;
 text-decoration: none;
 }
a.d_but:hover{
 color: #fff;
 background-color: #ff2400;
 box-shadow: 0 5px 30px rgb(49 188 105 / 50%);
 }

.block_time{
 width: 100%;
 text-align: center;
 font-weight: bold;
 font-size: 17px;
 color: var(--brand-dark);
 text-transform: uppercase;
 margin: 0 0 10px 0;
 padding: 0 0 0 0;
 }

a.c_but{
 position: relative;
 display: block;
 width: 200px;
 box-sizing: border-box;
 padding: 12px 0; 
 background-color: var(--brand);
 box-shadow: 0 5px 20px rgb(49 188 105 / 50%);
 border-radius: 7px;
 font-weight: bold;
 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%);
 } 

.param_list{
 box-sizing: border-box;
 margin: 0 0 20px 0;
 padding: 10px;
 background-color: var(--surface);
 border-radius: 6px;
 }
.param_b{
 width: auto;
 margin: 0 0 10px 0;
 }
.param_bt{
 font-size: 12px;
 line-height: 16px;
 font-weight: bold;
 text-transform: uppercase;
 color: var(--text);
 margin: 0 0 0 0;
 }
.param_bl{
 height: 15px;
 border-radius: 5px;
 background: #08150c;
 }
span.param_b_line{
 display: block;
 height: 15px;
 line-height: 16px;
 border-radius: 5px;
 background: var(--brand-dark);
 color: #fff;
 font-size: 12px;
 font-weight: bold;
 text-align: right;
 text-shadow: 1px 1px 1px rgb(0 0 0 / 50%);
 padding: 0 10px 0 0;
 box-sizing: border-box;
 }

.ba_block{
 }
.ba_block_l{
 box-sizing: border-box;
 }

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

.main_zag{
 color: var(--text);
 font-size: 22px;
 line-height: 26px;
 font-weight: 700;
 text-transform: none;
 letter-spacing: 0;
 margin: 0 0 20px 0; 
 border-radius: 0;
 text-align: left;
 position: relative;
 text-shadow: none; 
 }

h1.main_zag {
 font-size: 32px;
 line-height: 38px;
 font-weight: 700;
 color: #000;
 text-align: center;
 margin: 12px 0 28px;
 }

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

.formats_block{
 width: 100%;
 box-sizing: border-box;
 padding: 10px 10px;
 line-height: 24px;
 background-color: var(--surface);
 border-radius: 6px;
 transition: all 0.3s 0.02s ease;
 }
.formats_title{
 color: var(--text);
 font-size: 18px;
 font-weight: 500;
 margin: 0 0 10px 0;
 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: 10px;
 height: 2px;
 background: var(--brand-dark);
 transition: all 0.3s 0.02s ease; 
 }
.formats_title:after{
 content:"";
 display: block;
 position:absolute;
 z-index:1;
 top: 50%;
 left: 0;
 transform: translateY(-50%) rotate(90deg);
 width: 10px;
 height: 2px;
 background: var(--brand-dark);
 transition: all 0.3s 0.02s ease; 
 }
.formats_minus .formats_title:after{
 display:none;
 }
.formats_text{
 font-size: 15px;
 line-height: 18px;
 }
.formats_text p{
 margin: 0 0 14px 0;
 }

.monetizing{
 margin: 0 0 20px 0;
 border-radius: var(--radius-md);
 padding: 24px 26px 24px 26px;
 background: #fff;
 border: 1px solid var(--border);
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.08);
 }
.monetizing_block{
 box-sizing: border-box;
 margin: 0 0 30px 0;
 }
.monetizing_list {
 max-width: 980px;
 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('images/arrow.svg') no-repeat right center;
 background-size: auto 72px;
 transition: all 0.3s 0.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 0.3s 0.02s ease;
 }
.monetizing_b:hover .monetizing_text{
 box-shadow: 0 10px 20px rgb(0 0 0 / 20%);
 }

 
 
.faqs_list{
 margin: 0 0 20px 0;
 } 
.faq_b{
 background-color: var(--surface);
 border-radius: 6px;
 margin: 0 0 12px 0;
 } 
.faq_b_title{
 font-weight: bold;
 font-size: 20px;
 line-height: 24px;
 color: var(--text);
 position:relative;
 padding: 10px;
 cursor: pointer;
 display: flex; 
 flex-wrap: wrap;
 justify-content: flex-start;
 align-items: center;
 transition: all 0.3s 0.02s ease;
 }
.faq_b_title.active{
 color: var(--brand-dark);
 }
.faq_b_title span{
 display: block;
 width: 30px;
 font-weight: bold;
 font-size: 18px;
 line-height: 20px;
 color: #ffba00;
 } 

.faq_b_title:before{
 content:"";
 display: block;
 position:absolute;
 z-index:1;
 right: 10px;
 width: 18px;
 height: 2px;
 background: var(--brand-dark);
 transition: all 0.3s 0.02s ease; 
 }
.faq_b_title:after{
 content:"";
 display: block;
 position:absolute;
 z-index:1;
 right: 10px;
 width: 18px;
 height: 2px;
 background: var(--brand-dark);
 transform:rotate(90deg);
 transition: all 0.3s 0.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 10px 10px;
 font-size: 16px;
 line-height: 20px; 
 color: var(--text);
 } 
 

 

.form_block{
 }
.benefits_list{
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: flex-start;
 }
.benefits_line{
 width: 31%;
 margin: 0 0 30px 0;
 }
.tb_form_inp{
 display: block;
 width: 100%;
 height: 28px;
 margin: 0 0 0 0;
 padding: 0 0 10px 0;
 background: none;
 border: 0;
 border-bottom: 1px solid rgba(36, 36, 36, 0.4);
 }
.tb_form_textarea{
 display: block;
 width: 100%;
 height: 60px;
 margin: 0 0 30px 0;
 padding: 0 0 0 0;
 background: none;
 border: 0;
 border-bottom: 1px solid rgba(36, 36, 36, 0.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: bold;
 font-size: 14px;
 line-height: 26px;
 letter-spacing: 1.5px;
 text-transform: uppercase;
 transition: all 0.3s 0.02s ease;
 cursor: pointer;
 } 
.tb_form_sub:hover{
 background: #30b965;
 letter-spacing: 2.25px;
 }

/* END HOME */

/* FOOTER */

.site-footer,
footer {
 background: #02074f;
 padding: 50px 0 40px;
 margin-top: 20px;
 }
.f_list {
 display: flex; 
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: center;
 }

.flogoimg{
 padding: 0 0 16px 0;
 margin: 0 auto;
 width: 220px;
 transition: all 0.3s 0.02s ease;
 }
.flogoimg img{
 vertical-align: bottom;
 transition: all 0.3s 0.02s ease;
 filter: none;
 width: 220px;
 max-width: 100%;
 height: auto;
 object-fit: contain;
 }
.flogoimg:hover {
 transform: none;
 opacity: 0.85;
 }
.flogo{
 padding: 0 0 10px 0;
 transition: all 0.3s 0.02s ease;
 text-align: center;
 }
.flogo a{
 color: #fff;
 font-size: 24px;
 line-height: 26px;
 font-weight: bold;
 text-shadow: 1px 1px 1px #000;
 text-transform: uppercase;
 letter-spacing: 1px;
 text-decoration: none;
 }
.flogo a:hover {
 letter-spacing: 2px;
 }

.copu{
 color: #fff;
 font-weight: bold;
 font-size: 12px;
 line-height: 18px;
 text-transform: uppercase;
 text-align: center;
 padding: 0 0 10px 0;
 }

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

.f_soc{
 margin: 0 0 10px 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 0 0 0;
 }
.f_soc li a{
 display:block;
 width: 32px;
 height: 32px;
 background: #000;
 border-radius: 30%;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center
 } 
.f_soc li img{
 vertical-align: bottom;
 transition: all 0.3s 0.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{
 }
.f_soc li a:hover img{
 transform: rotate(360deg);
 }

/* END FOOTER */

.entry_table {
 width: 100%;
 overflow: auto;
 -webkit-overflow-scrolling: touch;
 }

.matches {
 margin: 0 auto 30px auto;
 color: #fff;
 }

.matches table {
 border: 1px solid #1e283f;
 border-radius: 10px;
 }

.matches table tr th {
 padding: 10px;
 background-color: #323b45;
 color: #fff;
 }

.matches table tr th:first-child {
 border-radius: 10px 0 0 0;
 }

.matches table tr th:last-child {
 border-radius: 0 10px 0 0;
 }

.matches table tr td {
 padding: 10px;
 background: rgba(255, 255, 255, 0.1);
 border-bottom: 1px solid #323b45;
 }

.matches table tr:nth-child(2n) td {
 background: rgba(255, 255, 255, 0.2);
 }

.matches table tr:last-child td:first-child {
 border-radius: 0 0 0 10px;
 }

.matches table tr:last-child td:last-child {
 border-radius: 0 0 10px 0;
 }

.matches_time {
 width: 80px;
 font-size: 14px;
 text-align: right;
 }

.matches_time div{
 padding: 5px 20px 5px 0;
 border-right: 2px solid #fff;
 }

.matches_time div span{
 display: block;
 font-size: 12px;
 }

.matches_b {
 font-weight: bold;
 }

.g_img_list{ 
 display: flex;
 flex-wrap: wrap;
 justify-content: space-around;
 align-items: center;
 margin: 0 0 20px 0;
 }
.g_img_b{
 padding: 0 5px 10px 5px;
 }
.g_img_b img{
 max-width: 300px;
 vertical-align: bottom;
 border-radius: 14px;
 }

/* FORM */

.form_line{
 padding: 0 0 15px 0;
 }

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

.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;
 }

.form_sub .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 0.3s 0.02s ease;
 -webkit-appearance: none;
 color: #fff;
 font-size: 16px;
 line-height: 18px;
 text-transform: uppercase;
 text-decoration: none;
 text-align: center;
 cursor: pointer;
 }

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

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

/* END FORM */

/* COMMENTS */

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

.comments_list li li {
 margin: 15px 0 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 0;
 }

.comment_a{
 font-weight: bold;
 }

.comment_d{
 font-style: italic;
 }

.comment_repl{
 text-align: right;
 }

#respond{
 margin: 0 0 20px 0;
 }

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

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

/* END COMMENTS */

/* WP OTHER */

.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 { /* Doesn't work in IE */
 background-color: #fff; 
 }

/* END WP OTHER */

@media (max-width: 1260px) {
 .wrap {
 width: 100%;
 }
 .bgall{
 margin: 10px 10px;
 }
}

@media (max-width: 1020px) {
 .wrap {
 width: 100%;
 box-sizing: border-box;
 }
 p{
 margin: 0 0 20px 0;
 }

 .site-header {
 --header-h: 80px;
 height: var(--header-h);
 }
 .site-header .logo img {
 height: 48px;
 }
 .header-inner {
 gap: 16px;
 }
 .nav-list {
 gap: 18px;
 }
 .nav-list a {
 font-size: 13px;
 }
 .nav-cta {
 padding: 0 16px 0 28px;
 }
 .nav-cta .btn {
 padding: 6px 12px;
 font-size: 12px;
 height: 34px;
 }

 .google-panel__cards {
 display: flex;
 grid-template-columns: none;
 overflow-x: auto;
 scroll-snap-type: x mandatory;
 -webkit-overflow-scrolling: touch;
 gap: 12px;
 margin: 0 -16px;
 padding: 0 16px 8px;
 scrollbar-width: thin;
 }
 .google-panel__cards::-webkit-scrollbar {
 height: 6px;
 }
 .google-panel__cards::-webkit-scrollbar-thumb {
 background: #dadce0;
 border-radius: 999px;
 }
 .google-card {
 flex: 0 0 calc(50% - 6px);
 scroll-snap-align: start;
 scroll-snap-stop: always;
 }

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

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

 .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:none;
 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: none;
 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: var(--brand);
 }

 .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: var(--brand);
 }

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

 .ba_block{
 padding: 30px 0 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: 21px;
 line-height: 24px;
 margin: 0 0 30px 0;
 }
 .top_main_b_list{
 display: block;
 }
 .autor_list{
 width: auto;
 }
 .param_list {
 width: auto;
 }
}

@media (max-width: 759px) {
 :root {
 --header-h: 72px;
 }
 .site-header .logo img {
 height: 42px;
 }
 .header-inner {
 gap: 6px;
 }
 .nav-menu {
 display: none;
 }
 .nav-cta {
 gap: 6px;
 padding: 0 12px 0 24px;
 }
 .nav-cta .btn {
 padding: 6px 10px;
 font-size: 11px;
 height: 32px;
 }
 .wrap {
 width: 100%;
 min-width: 300px;
 padding: 0 10px;
 }
 body {
 font-size: 16px;
 line-height: 20px;
 }
 #countdown {
 margin: 0 auto!important;
 }
 .logoimg {
 width: 140px;
 }
 .ba_block_text{
 font-size: 15px;
 line-height: 18px;
 }
 .main_zag {
 font-size: 20px;
 line-height: 22px;
 margin: 0 0 20px 0;
 }

 .formats {
 padding: 30px 0;
 }
 .formats_b{
 width: 100%;
 }
 .formats_b:nth-child(3n){
 width: 100%;
 }
 .formats_block {
 padding: 20px 10px;
 }

 .monetizing_block{
 }
 .faq_b {
 margin: 0 0 15px 0;
 }
 .faqs {
 padding: 80px 0 80px 0;
 }
 .faq_b_title{
 font-weight: 500;
 font-size: 17px;
 line-height: 20px;
 padding: 10px 10px;
 }
 .faq_b_title span {
 font-size: 16px;
 line-height: 20px;
 width: 24px;
 }
 .faq_b_text {
 padding: 0 10px 10px 10px;
 font-size: 15px;
 line-height: 20px;
 }

 .benefits {
 padding: 30px 0;
 }
 .benefits_list{
 display: block;
 }
 .benefits_line {
 width: auto;
 margin: 0 0 20px 0;
 }

 .ba_block_l{
 }

 .autor_list{
 display: block;
 text-align: center;
 }
 .autor_list_img{
 margin: 0 auto;
 } 
 a.m_but{
 min-width: 140px;
 padding: 11px 20px;
 font-size: 14px;
 border-radius: 100px;
 }
 a.d_but {
 margin: 0 auto;
 }
 .pros-cons {
 grid-template-columns: 1fr;
 gap: 14px;
 }
 .pros-cons-col {
 padding: 20px 22px;
 }
 .qa-list h2 {
 font-size: 22px;
 margin-bottom: 18px;
 }
 .qa-list__item h3,
 .qa-list__item .qa-q {
 font-size: 16px;
 }
 .qa-list__item p {
 font-size: 15px;
 }
 .lead-copy p,
 .lead-copy ul {
 font-size: 15px;
 }
 .lead-copy--box {
 padding: 18px 16px;
 }
 .lead-hero__btn {
 min-width: 180px;
 }
 .highlights {
 grid-template-columns: 1fr;
 gap: 10px;
 }
 .google-panel {
 padding: 16px;
 overflow: hidden;
 }
 .google-panel__cards {
 display: flex;
 grid-template-columns: none;
 overflow-x: auto;
 scroll-snap-type: x mandatory;
 -webkit-overflow-scrolling: touch;
 gap: 12px;
 margin: 0 -16px;
 padding: 0 16px 8px;
 scrollbar-width: thin;
 }
 .google-panel__cards::-webkit-scrollbar {
 height: 6px;
 }
 .google-panel__cards::-webkit-scrollbar-thumb {
 background: #dadce0;
 border-radius: 999px;
 }
 .google-card {
 flex: 0 0 88%;
 scroll-snap-align: start;
 scroll-snap-stop: always;
 }
 .google-panel__head {
 grid-template-columns: 1fr;
 align-items: start;
 }
 .google-panel__brand {
 align-items: flex-start;
 flex-direction: column;
 }
 .google-score {
 justify-items: start;
 }
 .google-panel__btn {
 width: 100%;
 min-width: 0;
 }
}

table {
 width: 100%
}
.bigtable {
 display: block;
 width: 100%;
 overflow-x: auto;
 -ms-overflow-style: -ms-autohiding-scrollbar;
}
h3.faqh {
 margin: 0px;
}
.video {
 height: 0;
 position: relative;
 padding-bottom: 56.25%;
 margin: 30px auto;
}

.video iframe {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}

#countdown {
 font-size: 19px;
 font-weight: bold;
 text-align: center;
 margin: 0 0 0 0;
 width: 150px;
 height: 36px;
 line-height: 36px;
 border: 3px solid var(--brand-dark);
 border-radius: 10px;
 }

.top_exc_st_id{
 margin: 0 0 20px 0;
 box-sizing:border-box;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
 transition: all 0.3s 0.02s ease;
 } 
.top_exc_st_id_title{
 color: #fff;
 font-size: 14px;
 text-transform: uppercase;
 font-weight: bold;
 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 5px 10px;
 font-size: 18px;
 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: #000;
 position:absolute;
 z-index:1;
 top: 100%;
 left: 0;
 width: 100%;
 display: none;
 padding: 0 0 0 0;
 font-size: 12px;
 line-height: 16px;
 text-align:center;
 }