:root {
--main-blue: #0171bd; --main-yellow: #FFBC15; --main-background: #f6f7f8;
--beige-background: rgba(249, 245, 235, .5); --main-link: #0171bd;  --spoto-blue: #007AFF; --spoto-mint: #ffffff; --spoto-bg: #F2F2F7; --spoto-dark: #1C1C1E; --spoto-purp: #777; }
html {
scroll-behavior: smooth;
}
::selection {
background-color: #e6f7ff;
}
.container-fluid {
max-width: 1780px;
}
.lwpcngNotice-light {
font-size: 13px;
}
.lwpcngNotice_accept {
margin: 0 !important;
margin-right: 10px !important;
}
.lwpcngNotice-light .lwpcngNotice_accept {
color: #232323 !important;
background-color: #fff !important;
border: 1px solid #bdbdbd !important;
border-radius: 5px;
}
.lwpcngNoticeBox {
width: 100%;
max-width: 230px;
}
.lwpcngNotice-light a,
.lwpcngNotice-light a:hover,
.lwpcngNotice-light a:visited {
color: #565656;
} a {
color: var(--main-blue);
text-underline-offset: 0.25em;
}
a:hover {
color: var(--main-blue);
text-decoration: none;
}
a.link-to-blog {
border: 2px solid black;
padding: .5rem 1rem;
text-decoration: none;
border-radius: 99px;
color: black;
transition: all .4s ease;
}
a.link-to-blog:hover {
border: 2px solid var(--main-blue);
text-decoration: none;
}
a.link-to-blog.yellow-button {
border-color: #ffb624;
color: black;
}
a.link-to-blog.yellow-button:hover {
border-color: black;
color: black;
}
a.link-to-blog.green-button {
border-color: #23deb2;
color: black;
}
a.link-to-blog.green-button:hover {
border-color: black;
color: black;
}
a.link-to-blog.blue-button {
border-color: var(--main-blue);
color: black;
}
a.link-to-blog.blue-button:hover {
border-color: black;
color: black;
}
.active-post {
font-weight: bold;
color: #990000;
background-color: #efefef;
}
.news-title {
font-weight: 600;
text-decoration: none;
color: black;
font-size: 1.5rem;
}
.news-title:hover {
font-weight: 600;
text-decoration: none;
color: black;
}
article h2 {
font-weight: 600;
}
article h3,
article h4,
article h5,
article h6 {
font-weight: 600;
}
.navigation-bar {
line-height: 1.25;
font-weight: 600;
}
.bg-light-yellow {
background-color: #f8f7f4;
}
.bg-light-blue {
background-color: #e6f7ff; }
.bg-light-green {
background-color: #e6fff6;
}
.bg-light-red {
background-color: #ffe6e6;
}
.bg-yellow {
background-color: #ffedcc;
}
.blue-grey-bg {
background-color: var(--blue-grey-light);
}
.beige-bg {
background-color: #F7F4EB;
}
.light-border {
border: 1px solid #cdcdce;
}
.image-row {
background-color: #f8f9fa !important;
}
.top-logo-image {
width: 24px;
height: 24px;
}
.new-background {
background-image: url(//probeach.ru/wp-assets/images/news-background.jpg);
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
}
.top-yellow-line {
background-color: var(--main-yellow);
height: 3px;
width: 100%;
} .navigation-bar { }
.navigation-bar__popup {
display: none;
}
.navigation-bar__popup ul {
list-style: none;
padding: 0;
margin: 0;
}
.navigation-bar__popup ul li {
margin-bottom: .6em;
}
.navigation-bar__popup ul li a {
text-decoration: none;
color: rgba(0, 0, 0, 1);
}
.navigation-bar__popup ul li a:hover {
text-decoration: none;
color: rgba(0, 0, 0, .8);
}
.navigation-bar__main {
background-color: rgba(255, 255, 255, 1);
border-radius: 25px;
padding: 16px 32px;
box-shadow: 0 0 40px 0 rgba(120, 120, 120, 0.15);
}
.navigation-bar__main a {
text-decoration: none;
color: rgba(0, 0, 0, 1);
font-weight: 600;
}
.navigation-bar__main a:hover {
text-decoration: none;
color: rgba(0, 0, 0, .7);
}
.hamburger-button:hover {
cursor: pointer;
}  .crp-posts {
background-color: rgba(255, 255, 255, 1);
border-radius: 8px;
box-shadow: 0 0 10px 0 rgba(120, 120, 120, 0.15);
}
.crp_link {
text-decoration: none;
color: rgba(0, 0, 0, 1);
font-weight: 500;
font-size: 1.15em;
line-height: 1.25;
}
.crp_link:hover {
text-decoration: none;
color: rgba(0, 0, 0, .65);
}
.crp-image img {
border-radius: 8px;
}
.btn-primary {
color: #fff;
background-color: rgb(1, 113, 189);
border-color: rgb(1, 113, 189);
}
.btn-primary:hover {
color: #fff;
background-color: rgba(1, 113, 189, .75);
border-color: rgba(1, 113, 189, .75);
}
.btn-outline-primary {
color: var(--main-blue);
border-color: var(--main-blue);
}
.btn-outline-primary:hover {
color: #fff;
background-color: var(--main-blue);
border-color: var(--main-blue);
} .fw-100 {
font-weight: 100;
}
.fw-200 {
font-weight: 200;
}
.fw-400 {
font-weight: 400;
}
.fw-500 {
font-weight: 500;
}
.fw-600 {
font-weight: 600;
}
.fw-600 {
font-weight: 600;
}
.fw-700 {
font-weight: 700;
}
.fw-800 {
font-weight: 800;
}
.fw-900 {
font-weight: 900;
}
.png-shadow {
-webkit-filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, .15));
filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, .15));
}
.hero-section {
position: relative;
}
.hero-section p {
color: #002335;
}
.hero-section h1 {
color: #002334;
}
.home-description a {
color: var(--main-link);
-webkit-transition: color .2s;
-o-transition: color .2s;
transition: color .2s;
text-decoration: none;
border-bottom: 1px solid var(--main-link);
}
.home-description a:hover {
color: var(--main-link);
text-decoration: none;
border-bottom: 1px solid var(--neo-bg);
}
.news-section,
.crp-section {
position: relative;
background-color: var(--blue-grey-light); }  .players-section {
padding: 11% 0; background:
url(//probeach.ru/files/bg-blue-top.png) top /100% auto,
url(//probeach.ru/files/bg-blue-bottom.png) bottom/100% auto,
linear-gradient(#f0f7fb, #f0f7fb) content-box; background-repeat: no-repeat;
}
.players-section img {
max-width: 200px;
height: auto;
-webkit-filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, .35));
filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, .35));
}
.player-shadow { max-width: 180px;
}
h2.bottom-color-line,
h4.bottom-color-line {
position: relative;
}
h2.bottom-color-line:after,
h4.bottom-color-line:after {
margin-top: 10px;
content: '';
background: var(--main-yellow);
width: 140px;
height: 4px;
display: block;
}
.entry-content h2 {
position: relative;
}
.entry-content h2:after {
margin-top: 10px;
content: '';
background: var(--main-yellow);
width: 140px;
height: 4px;
display: block;
} .logo-header h1 {
color: #232323;
}
.top-top {
font-size: 13px; }
.top-top img {
margin-top: -2px;
}
.top-top a {
text-decoration: none;
color: #565656;
}
.top-top a:hover {
text-decoration: none;
color: #121212;
} .hero-image-block {
background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), url(//probeach.ru/files/2on2hero.jpg);
height: 100%;
width: 100%;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: relative; border-radius: 50% 20% / 10% 40%;
text-align: center;
}
.hero-text-block { height: 100%;
color: white;
display: flex;
flex-direction: column;
align-items: center; text-shadow: rgba(0, 0, 0, .5) 1px 0 10px;
}
.fw-100 {
font-weight: 100;
}
.fw-200 {
font-weight: 200;
}
.fw-300 {
font-weight: 300;
}
.fw-400 {
font-weight: 400;
}
.fw-600 {
font-weight: 600;
}
.fw-600 {
font-weight: 600;
}
.fw-700 {
font-weight: 700;
}
.fw-800 {
font-weight: 800;
}
.fw-900 {
font-weight: 900;
}
.home-title {
font-size: 2em;
}
.divider {
clear: both;
display: block;
}
.divider-50 {
clear: both;
height: 50px;
}
.divider-100 {
clear: both;
height: 100px;
}
.bg-main {
background-color: #f0f0f0;
}
.header-svg svg {
fill: #FFFFFF;
}
.header-svg svg:hover {
fill: #FFCF01;
}
.bg-theme-primary {
background-color: #a1907f;
}
.home-time-date {
padding: 6px 12px;
color: #FFF;
font-weight: bold;
font-size: 16px;
}
.list-group-coach {
font-size: 16px;
} .dropbtn {
border: none;
color: #000;
font-weight: bold;
}
.dropbtn img {
width: 20px;
height: 20px;
}
.dropbtn:hover,
.dropbtn:focus {
cursor: pointer;
color: #565656;
text-decoration: none;
}
.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f5f5f5;
min-width: 160px;
overflow: auto;
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.15);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown a:hover { }
.show {
display: block;
}
.dropdown-small {
font-size: .8em;
}
.dropdown-toggle::after {
margin-left: 0;
} .arrowNav img {
width: 32px;
height: 32px
}
.arrowLeft a {
position: fixed;
z-index: 100;
left: -5px;
top: 45%;
padding: 15px 10px;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
border: 0;
}
.arrowLeft a:hover {
left: 0;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
color: #666;
border: 0;
}
.arrowRight a {
position: fixed;
z-index: 100;
right: -5px;
top: 45%;
padding: 15px 10px;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
border: 0;
}
.arrowRight a:hover {
right: 0;
-webkit-transition: .2s ease-in;
-moz-transition: .2s ease-in;
-o-transition: .2s ease-in;
transition: .2s ease-in;
color: #666;
border: 0;
}
.arrowNav a {
background: #fff;
color: #666;
text-decoration: none;
font-size: 24px;
font-weight: 700;
border: 0;
}
p.site-description {
color: #777;
font-size: 14px;
line-height: 1.2;
}
.blue-color {
color: #0171BD;
}
.yellow-color {
color: #FFCF01;
}
.orange-gradient {
background-image: linear-gradient(to bottom, #EDD346, #D58757);
} .dark-link a,
a.dark-link {
color: #000000;
text-decoration: none;
}
.dark-link a:hover,
a.dark-link:hover {
color: #565656;
text-decoration: none;
}
.dark-link-underline a,
a.dark-link-underline {
color: #000000;
text-decoration: underline;
}
.dark-link-underline a:hover,
a.dark-link-underline:hover {
color: #565656;
text-decoration: none;
}
.menu-link a {
color: rgba(255, 255, 255, 1);
text-decoration: none;
transition: all .2s ease;
}
.menu-link a:hover {
color: rgba(255, 255, 255, .65);
text-decoration: none;
}
.submenu-link {
font-size: .9rem;
color: rgba(255, 255, 255, .95);
}
.submenu-link a {
color: rgba(255, 255, 255, .7);
text-decoration: none;
transition: all .2s ease;
}
.submenu-link a:hover {
color: rgba(255, 255, 255, .95);
text-decoration: none;
}
.menu-time {
color: rgba(255, 255, 255, .65);
}
figcaption {
text-align: left !important;
max-width: 600px !important;
}
footer {
color: rgba(0, 0, 0, .85);
background: #ffffff;
}
.da-footer-menu a {
color: rgba(0, 0, 0, .8);
text-decoration: none;
font-weight: 400;
transition: all .4s ease;
}
.da-footer-menu a:hover {
color: rgba(0, 0, 0, 1);
text-decoration: none;
}
.da-footer-menu a svg {
fill: var(--main-yellow);
transition: all .4s ease;
}
.da-footer-menu a:hover svg {
fill: #ffffff;
}
.da-footer-menu {
color: rgba(0, 0, 0, 1);
line-height: 1;
font-size: 14px;
}
.da-footer-menu ul,
ul.da-footer-menu {
list-style: none;
margin: 0;
padding: 0;
}
.da-footer-menu li {
margin-bottom: .5em;
display: block;
line-height: 1.8;
}
.orange-color {
color: #0490d2;
}
.max-width {
max-width: 768px;
margin: 0 auto;
}
.main-back {
background-color: #f9ecee;
}
.main-color {
color: #0490d2;
}
.posts-number {
font-size: .7em;
}
.title-bg {
background-color: #f9f8f3;
}
.page-title-bg {
background-color: #EAF2F8;
}
.tag-links a {
color: #000;
}
.tag-links a:hover {
color: #000;
text-decoration: none;
}
blockquote {
background: rgba(0, 0, 0, .035);
border-left: 6px solid #000000;
margin: 1.5em 0;
padding: 1em;
border-radius: 8px;
}
blockquote:before {
color: #dfdfdf;
content: "\201D";
font-size: 7em;
line-height: .1em;
vertical-align: 0;
float: right;
}
.archive-title {
font-size: 1.35em;
}
.home-quote {
font-style: italic;
position: relative;
}
.home-quote p {
font-size: 1.25em;
}
.home-quote:before,
.home-quote:after {
position: absolute;
color: #f1efe6;
font-size: 8rem;
width: 4rem;
height: 4rem;
}
.home-quote:before {
content: '“';
left: -0.7em;
top: -0.5em;
}
.home-quote:after {
content: '”';
right: -0.5em;
bottom: 0.4em;
}
.book-line {
font-weight: 400;
font-size: 1.4em;
}
.book-title {
font-weight: 600;
font-size: 3.6em;
}
figcaption {
font-size: .85em;
;
margin: .5em 0;
text-align: center;
color: #777;
}
.wp-block-table {
margin: 2em 0;
}
.wp-block-gallery img {
border: 1px solid #bdbdbd;
border-radius: 10px;
}
.border-blue {
border-top: 5px solid #369;
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
.border-blue:hover {
box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .25) !important;
}
.tech-svg img {
width: 64px;
height: 64px;
margin: 1em;
}
.hometitle {
text-decoration: none;
border: none;
color: #000;
}
.hometitle:hover {
text-decoration: none;
border: none;
color: #666;
}
.homedate {
color: #ababab;
text-transform: lowercase;
}
.dataSpeed {
font-size: .7em;
color: #777;
}
.nopage {
padding: .2em 1em;
}
.video-image {
width: 84px;
height: 84px
}
.entry-header p {
margin-bottom: 0;
}
.entry-content img,
.imgmax img { }
.back-yellow {
background: #fff5e6;
padding: 0 .25em;
}
.responsive-container {
position: relative;
padding-bottom: 50.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-bottom: 1em;
}
.responsive-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#toc_container {
width: 100% !important;
background-color: #edf2f6;
border: 0;
padding: 1.5em;
border-radius: 25px
}
#toc_container p.toc_title {
text-align: left
}
#toc_container.no_bullets ul li ul {
margin-top: .2em;
margin-left: .5em;
margin-bottom: .8em;
}
#toc_container.no_bullets ul li {
margin: 0 0 0 .5em !important;
padding: 0 0 0 .8em;
list-style: none;
}
#toc_container.no_bullets ul>li:before {
display: inline-block;
content: "-";
width: 0.8em;
margin-left: -1em;
}
pre {
padding: 1.3em;
margin: 1em 0 2em;
word-break: break-all !important;
overflow: auto !important;
background-color: #edf2f6 !important;
border-radius: 15px;
color: #333;
white-space: pre !important;
}
.wp-block-code code {
white-space: pre;
overflow-wrap: break-word;
}
p code {
padding: 2px 4px;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
.home-tuts__image {
width: 32px;
height: 32px;
margin: 1em;
}
.home-tuts__link {
color: #000;
text-decoration: none;
font-weight: 600;
font-size: 1.05em;
}
.home-tuts__link:hover {
color: #369;
text-decoration: none;
font-weight: 600
}
.dashicons,
.dashicons-before:before {
line-height: 1em;
}
.external-link {
font-size: 1rem;
color: #777;
}
.services-image {
width: 16px;
height: 16px;
}
.services-link {
font-size: 1.2em;
} .author-meta-block {
border-top: 1px solid #bdbdbd;
border-bottom: 1px solid #bdbdbd;
font-size: 14px;
}
.top-author-block {
padding-bottom: 12px;
}
.top-author-block img {
max-width: 48px;
height: auto;
border-radius: 99px;
}
.top-author-block a {
color: rgba(0, 0, 0, 1);
text-decoration: none;
font-weight: 500;
}
.top-author-block a:hover {
color: rgba(0, 0, 0, .8);
text-decoration: none;
}
.avatar-100 {
float: left;
width: 64px;
height: 64px;
margin: 0 1em 1em 0;
border-radius: 50%;
}
.postauthor-wrap {
width: 100%;
clear: both;
}
.postauthor-wrap .fn {
color: #000;
font-size: .85em;
font-weight: 700;
}
.postauthor-wrap .fn:hover {
color: #000;
text-decoration: none;
}
.postauthor img {
float: right;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 20px;
border-radius: 50%;
}
.author-aka {
font-size: 16px;
text-transform: lowercase;
font-weight: normal;
color: #5e5e5e;
}
.author-aka-name {
font-size: 17px;
text-transform: lowercase;
font-weight: normal;
color: #111111;
}
.post-author-links {
display: inline-block;
}
a.author-link {
background: #cc0000;
color: #fff;
width: 30px;
text-align: center;
line-height: 1;
height: 30px;
font-size: 12px;
padding: 5px 0;
box-sizing: border-box;
border-radius: 100%;
margin: 0 7px 0 0;
float: left;
text-decoration: none;
}
a.author-link.f {
background: #3b5998;
}
a.author-link.t {
background: #2DA8D2;
}
a.author-link.w {
background: #e64522;
}
a.author-link.i {
background: #bc2a8d;
}
a.author-link.l {
background: #fff;
color: #000;
}
.about-the-author {
font-size: .85em;
color: #777;
} .fs-1-15 {
font-size: 1.15em;
}
.home-ions__image {
width: 80px;
height: 80px;
}
.kwork__image {
max-width: 100%;
height: auto;
}
.home-ions__link {
font-size: 1.15em;
color: #000;
text-decoration: none;
}
.wp-block-image {
margin: 0 0 2em;
}
.bg-da {
background-color: #66806A;
}
.bg-dablue {
background-color: #19253f;
}
.order-menu-link a {
color: rgba(102, 128, 106, 1) !important;
}
.order-menu-link a:hover {
color: rgba(102, 128, 106, .7) !important;
}
.order-menu-link a img,
.order-menu-link a svg {
margin-top: -3px;
} .bg-black {
background-color: #000000;
}
.max-width {
max-width: 1320px;
} #comments .comment-navigation {
margin-bottom: 0;
}
#comments .comment-navigation-below {
margin-bottom: 20px;
margin-top: 15px;
}
#comments .media-list li .media {
margin-top: 15px;
}
#comments .media-list li .media .media-body {
border: 1px solid #eee;
padding: 10px;
background-color: white;
}
#comments .media-list li .media .media-body .comment-author {
font-size: 12px;
margin-bottom: 10px;
}
#comments .media-list ul.children {
list-style: none;
margin-left: 0;
}
.comment-content { overflow-wrap: break-word;
word-wrap: break-word;
-ms-word-break: break-all; word-break: break-all; word-break: break-word; -ms-hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
hyphens: auto;
}
.avatar {
border-radius: 99px;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right,
.media>.pull-right {
padding-left: 10px;
}
.media-left,
.media>.pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.comment-reply-link {
font-size: .85em;
color: rgba(0, 0, 0, .7);
text-decoration: none;
}
.comment-reply-link:hover {
color: rgba(0, 0, 0, 1);
text-decoration: none;
}
.comment-reply-title a {
margin-left: 1em;
}
.archive-posts {
position: relative;
box-shadow: rgba(83, 91, 110, 0.11) 10px 15px 40px 0px;
border-radius: 15px;
}
.archive-posts:hover {
box-shadow: 0 0 40px rgb(94 104 125 / 30%);
}
.archive-posts small a {
z-index: 2;
position: relative
}
.tag-image {
margin-bottom: .7em;
display: inline-block;
width: 36px;
}
.tag-image a {
z-index: 2;
position: relative
}
.tag-image img {
width: 32px;
height: 32px;
}
.block-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1; background-image: url(//probeach.ru/fonts/empty.gif);
}
.prevNextBlock {
display: flex;
justify-content: space-between;
}
.page-item.active .page-link {
background-color: #232323;
border-color: #232323;
}
.page-link {
color: #232323; }
.page-link:hover {
color: #232323;
} .tag-image-archive {
width: 64px;
height: 64px;
}
.all-tags {
font-size: .9em;
line-height: 1.9em;
color: black;
text-transform: uppercase;
}
.all-tags a {
text-decoration: none;
line-height: 1.4;
color: #000;
margin: 0 10px;
border-bottom: 1px solid #000;
display: inline-block;
}
.all-tags a:hover {
text-decoration: none;
color: #000;
border-bottom: 1px solid #fff;
}
.all-tags span {
margin: 0;
}
.ya-share-re .ya-share2__list_direction_horizontal>.ya-share2__item .ya-share2__badge {
background-color: black;
}
.ya-share-re .ya-share2__list_direction_horizontal>.ya-share2__item .ya-share2__badge:hover {
background-color: #369;
}
.footer-about {
line-height: 1.15em;
}
.thumbnail-archive img {
float: right;
margin: 0 0 1em 1em;
border-radius: 5px;
}
.search-post-block {
box-shadow: 0 4px 10px 7px rgb(0 0 0 / 6%);
border-radius: 12px;
}
.search-post-block:hover {
box-shadow: 0 4px 10px 7px rgb(0 0 0 / 12%);
}
a.search-link h3 {
color: #000;
text-decoration: none;
font-weight: 600;
}
a.search-link {
text-decoration: none;
}
a.search-link:hover h3 {
color: #000;
text-decoration: none;
font-weight: 600;
}
a.search-link:hover {
text-decoration: none;
}
.lh-1-15 {
line-height: 1.15em;
}
.tutorials-link {
font-weight: 400;
color: #000;
text-decoration: none;
border-bottom: 1px solid #000;
}
.tutorials-link:hover {
font-weight: 400;
color: #000;
text-decoration: none;
border-bottom: 1px solid #fff;
}
.mt-56 {
margin-top: 56px;
}
.btn-blue {
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
color: #ffffff;
font-size: 14px;
background: #5e9dc7;
padding: 5px 10px 5px 10px;
text-decoration: none;
font-weight: 600;
margin-right: 10px;
}
.btn-blue:hover {
background: #6ea8cc;
text-decoration: none;
color: #ffffff;
}
.btn-orange {
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
color: #ffffff;
font-size: 14px;
background: #e6962e;
padding: 5px 10px 5px 10px;
text-decoration: none;
font-weight: 600;
margin-right: 10px;
}
.btn-orange:hover {
background: #f0af3e;
text-decoration: none;
color: #ffffff;
}
.btn-green {
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
color: #ffffff;
font-size: 14px;
background: #54c799;
padding: 5px 10px 5px 10px;
text-decoration: none;
font-weight: 600;
margin-right: 10px;
}
.btn-green:hover {
background: #70cc95;
text-decoration: none;
color: #ffffff;
}
.btn-grey {
-webkit-border-radius: 5;
-moz-border-radius: 5;
border-radius: 5px;
color: #ffffff;
font-size: 14px;
background: #ababab;
padding: 5px 10px 5px 10px;
text-decoration: none;
font-weight: 600;
margin-right: 10px;
}
.btn-grey:hover {
background: #b8b8b8;
text-decoration: none;
color: #ffffff;
}
.homepage-banner {
max-width: 450px;
height: auto;
}
.customer {
max-width: 80px;
height: auto;
}
.customer {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
transition: all 0.3s;
}
.customer:hover {
-webkit-filter: none;
filter: none;
}
.description {
font-size: 1rem;
line-height: 1.25rem;
}
label {
color: #333;
}
.help-block.with-errors {
color: #ff5050;
margin-top: 5px;
}
.btn-close {
float: right;
font-size: 1em;
font-weight: 700;
color: #000;
text-shadow: 0 1px 0 #fff;
opacity: .5;
}
.logo-image {
width: 300px;
height: 300px
}
.rotation {
color: #000;
font-size: 2.8em;
font-weight: 600
}
.letters-color {
color: #d6a477
}
.radius-5 {
border-radius: 5px;
}
.radius-10 {
border-radius: 10px;
}
.radius-15 {
border-radius: 15px;
}
.borders-radius-big {
border-radius: 7px;
}
.br-10 {
border-radius: 10px;
}
.br-15 {
border-radius: 15px;
}
.br-25 {
border-radius: 25px;
}
.br-35 {
border-radius: 35px;
}
.br-50 {
border-radius: 50px;
}
.guides-links,
.archive-post {
transition: transform .2s;
}
.guides-links:hover,
.archive-post:hover {
-webkit-transform: translate3d(0, -8px, 0);
transform: translate3d(0, -8px, 0);
}
.home-archive-title a {
color: #000000;
text-decoration: none;
font-weight: 600;
}
.home-archive-title a:hover {
color: #434343;
text-decoration: none;
}
.img-max img {
max-width: 100%;
height: auto;
}
.grey-button-links a {
background-color: rgba(0, 0, 0, .05);
border-radius: 99px;
color: #000;
text-decoration: none;
padding: 5px 20px;
display: inline-block;
margin: 10px 10px 10px 0;
}
.grey-button-links a:last-child {
margin: 10px 0 10px 0;
}
.grey-button-links a:hover {
background-color: rgba(0, 0, 0, .1);
text-decoration: none;
} .footer-posts-links {
line-height: 1.6;
}
.pagination {
justify-content: center;
}
.author-info {
font-size: 14px;
}
.author-info img {
border-radius: 99px;
}
.author-info a {
color: #454545;
text-decoration: none;
}
.author-info a:hover {
color: #000000;
text-decoration: none;
}
.tags-section {
padding: 5px 0;
font-size: 1rem;
}
.tags-section__links a {
text-decoration: none;
border-bottom: 1px solid var(--main-blue);
}
.tags-section__links a:hover {
text-decoration: none;
border-bottom: 1px solid #FFFFFF;
}
.bw-image {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-webkit-transition: all 1.5s ease;
-moz-transition: all 1.5s ease;
-o-transition: all 1.5s ease;
transition: all 1.5s ease;
}
.bw-image:hover {
filter: none;
-webkit-filter: grayscale(0);
cursor: pointer;
}
.bw-logo {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0.5;
}
.bw-logo:hover {
filter: none;
-webkit-filter: grayscale(0);
cursor: pointer;
opacity: 1;
}
.back-to-top {
position: fixed;
bottom: 70px;
right: 25px;
display: none;
z-index: 199;
}
.icons-footer svg {
width: 24px;
height: 24px;
fill: #565656;
}
.icons-footer svg:hover {
fill: #000000;
}
.header-svg svg {
fill: #FFFFFF;
}
.header-svg svg:hover {
fill: #FFCF01;
}
.nounderline a,
a.nounderline {
text-decoration: none !important;
}
.noborder a,
a.noborder {
border: none !important;
}
.video {
aspect-ratio: 16 / 9;
width: 100%;
}
.advert-title {
padding-bottom: 1em;
position: inherit;
}
.school-description {
font-size: 1em;
} span.arrow {
position: relative;
text-decoration: none;
}
.left {
transform: rotate(180deg);
}
span.arrow:before,
span.arrow:after {
border-right: 2px solid;
content: '';
display: block;
height: 8px;
margin-top: -6px;
position: absolute;
transform: rotate(135deg);
right: 10px;
top: 50%;
width: 0;
}
span.arrow:after {
margin-top: -1px;
transform: rotate(45deg);
}
span.arrow:hover,
span.arrow:focus,
span.arrow:hover:before,
span.arrow:hover:after,
span.arrow:focus:before,
span.arrow:focus:after {
color: #FFFFFF;
}
.auxiliar-menu {
line-height: 1;
}
.auxiliar-menu a span.arrow {
color: #fdd017;
}
.auxiliar-menu a:hover span.arrow {
color: #ffffff;
}
.auxiliar-menu a {
color: #ffffff;
text-decoration: none;
margin: 0 0.5em;
font-weight: 600;
}
.auxiliar-menu a:hover {
color: #ffffff;
text-decoration: none;
}
.edit-block {
font-size: 14px;
}
.entry-content p {
margin-bottom: 1em;
line-height: 1.6;
}
.entry-content ul,
.entry-content ol {
padding-top: 0;
padding-bottom: 1.3em;
padding-left: 1.5em;
padding-right: 1.3em; }
.entry-content ul li,
.entry-content ol li {
margin-bottom: .1em;
}
.entry-content ul li:last-child,
.entry-content ol li:last-child {
margin-bottom: 0;
} .source-link {
margin-bottom: 10px;
}
.source-link a {
color: #565656;
text-decoration: none;
font-size: 12px;
}
.source-link a:hover {
color: #000000;
text-decoration: none;
font-size: 12px;
}
.topic-block img { max-width: 100px;
margin-right: 10px;
border: 1px solid #bdbdbd;
border-radius: 4px;
max-width: 36px;
height: 36px;
}
.topic-block a {
color: #565656;
text-decoration: none;
font-size: 1em;
}
.topic-block a:hover {
color: #000000;
text-decoration: none;
font-size: 1em;
}
.topic-archive-block img {
border: 1px solid #bdbdbd;
}
.topics-table {
font-size: 14px;
}
.topics-table img {
max-width: 60px;
border: 1px solid #bdbdbd;
}
.topics-table a {
color: #565656;
text-decoration: none;
font-size: 14px;
}
.topics-table a:hover {
color: #000000;
text-decoration: none;
font-size: 14px;
}
.topics-table img {
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
transition: .5s;
}
.topics-table img:hover {
filter: none;
-webkit-filter: grayscale(0);
}
img.top-logo {
width: 120px;
height: 50px;
}
.search-block .form-control {
border: 0!important;
}
.has-search input {
background: url(//probeach.ru/files/search.svg) no-repeat scroll 10px 10px;
background-size: 24px 24px;
padding-left: 50px !important;
}
.context mark {
background: orange;
color: black;
padding: 0 !important;
} .igra-image {
max-width: 600px !important;
height: auto;
width: 100%;
}
.igra-label {
text-transform: uppercase;
color: rgba(0, 113, 186, 0.8);
font-weight: bold;
}
.igra-text {
font-weight: 700;
font-size: 1.1em;
line-height: 1;
}
.igra-text-small {
font-weight: 400;
font-size: 1em;
}
.top-dashed>a {
border-bottom: 1px dashed #777777;
} .new-year {
position: fixed;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100px;
z-index: 989;
display: block;
pointer-events: none;
background-image: url(//probeach.ru/assets/images/new-year.png);
background-repeat: repeat-x;
background-position: bottom;
background-size: contain
}
.christmas-hat {
position: absolute;
width: 30px;
height: auto;
top: 3px;
right: -13px;
z-index: 99;
-webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .5));
filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, .5));
}
.logo-shadow {
-webkit-filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, .25));
filter: drop-shadow(0px 0px 7px rgba(0, 0, 0, .25));
} #map {
height: 480px;
width: 100%;
}
#mapapp {
height: 1000px;
width: 100%;
}
#maptax {
height: 600px;
width: 100%;
}
.countries-tax-image {
height: auto;
max-width: 64px;
}
.countries-list {
list-style: none;
margin: 0;
padding: 0;
display: inline-block;
}
.countries-list li {
display: inline-block;
margin: 0 1em 1em 0;
background-color: #ffffff;
}
.countries-list li:nth-child(n+7) {
display: none;
}
.countries-list.open li:nth-child(n+7) {
display: inline-block;
}
.countries-list li img {
margin-right: 5px;
}
.list-toggle {
display: inline-block;
} #cookie_note {
display: none;
position: fixed;
z-index: 999;
bottom: 15px;
left: 50%;
width: 100%;
max-width: 90%;
transform: translateX(-50%);
padding: 20px;
background-color: white;
border-radius: 4px;
box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
flex-direction: column;
gap: 1em;
}
#cookie_note p {
margin: 0;
font-size: 0.7rem;
text-align: left;
color: black;
}
#cookie_note .btn-sm {
display: block;
margin: 0 auto;
}
.cookie_accept {
width: 90%;
}
#cookie_note.show {
display: flex;
}  .navbar-brand,
.navbar-nav,
.footer-logo-name {
}
.navbar-expand-md .navbar-nav .menu-item>.nav-link {
font-weight: 600;
}
.navbar-dark .navbar-toggler .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h12M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-light .navbar-toggler {
color: black;
font-weight: 500;
}
.navbar-toggler-icon {
font-size: .75em;
font-weight: bold;
}
.navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.85%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='3' d='M4 7h22M4 15h12M4 23h22'/%3e%3c/svg%3e") !important;
}
.navbar-brand svg {
width: 40px;
height: 66px;
}
.bg-dark {
background-color: #161616 !important;
}
.navbar-light .navbar-nav .nav-link {
color: rgba(0, 0, 0, 1);
}
.navbar-light .navbar-nav .nav-link:hover {
color: rgba(0, 0, 0, .55);
}
.navbar-dark .navbar-nav .nav-link {
color: rgba(255, 255, 255, .75);
}
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
color: rgba(255, 255, 255, 1);
} .dropdown-item {
font-weight: 400;
font-size: .9em;
}
.dropdown-item:active {
color: #1e2125;
background-color: #e9ecef;
}
.rmp-heading--title {
font-weight: 600 !important;
font-size: 1.3em !important;
}
.table-calendar tr>th {
min-width: 200px;
} .lwptoc_i {
padding: 0 !important;
} .lwptoc_header {
margin-bottom: 2em !important;
}
.lwptoc_item {
box-sizing: border-box;
display: inline-block;
max-width: 100%;
width: 100%;
margin: 1.5em 0 1.5em;
}
.lwptoc_item a {
text-decoration: none;
color: rgba(0, 0, 0, 1);
background-color: rgba(0, 0, 0, .055);
transition: all .5s;
padding: 8px 16px 8px 8px;
border-radius: 8px;
}
.lwptoc_item a:hover {
text-decoration: none;
color: rgba(0, 0, 0, 1);
background-color: rgba(0, 0, 0, .15);
}
.lwptoc_item_number {
font-size: .85em;
color: rgba(0, 0, 0, .7);
margin-right: 10px !important;
}
.table-news td {
border-bottom: none;
}
.table-calendar {
border-collapse: separate;
border-spacing: 0 15px;
}
.table-calendar tr {
background-color: #ffffff;
padding: 8px 20px;
}
.table-calendar tr th:first-child {
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
padding-left: 20px;
}
.table-calendar tr td:last-child {
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
padding-right: 20px;
}
.table-calendar td,
.table-calendar th {
border-bottom: none;
} .div-table {
display: table;
width: 100%;  border-collapse: collapse; font-size: 14px;
}
.div-tr {
display: table-row;
margin-bottom: 1em;
border-bottom: 1px solid #cdcdcd;
}
.div-td {
display: table-cell;
border: 0;
padding: 2px 0 3px;  }
.div-td:first-child {
font-weight: bold;
}
.sticky-image {
position: absolute;
top: 30px;
right: 30px;
background-color: #ffffff;
width: 32px;
height: 32px;
}
.sticky-icon {
fill: #bcbcbc;
}
.link-to-comments {
color: rgba(0, 0, 0, 1);
text-decoration: none;
}
.link-to-comments:hover {
color: rgba(0, 0, 0, .7);
text-decoration: none;
}
.other-news-link a {
color: rgba(0, 0, 0, 1);
text-decoration: none;
}
.other-news-link a:hover {
color: rgba(0, 0, 0, .7);
text-decoration: none;
} ul.spec-pages-list {
background-color: #FFFFFF;
padding: 0;
margin: 0;
}
ul.spec-pages-list li {
list-style: none;
display: inline-block;
margin-right: 2em;
margin-bottom: 2em;
}
ul.spec-pages-list li:last-child {
margin-right: 0;
}
ul.spec-pages-list li a {
padding: 8px 16px;
border: 1px solid #bdbdbd;
border-radius: 10px;
text-decoration: none;
color: #000000;
}
ul.spec-pages-list li a:hover {
padding: 8px 16px;
border: 1px solid #565656;
border-radius: 10px;
text-decoration: none;
color: #000000;
}
.spec-breadcrumbs a {
text-decoration: none;
color: #777777;
font-size: 14px;
}
.spec-breadcrumbs a:hover {
text-decoration: none;
color: #000000;
font-size: 14px;
}
.table-men {
background-color: #D7EFF7;
font-size: 14px;
}
.table-men img {
width: 18px;
height: 12px;
}
.table-women {
background-color: #efe4f0;
font-size: 14px;
}
.table-women img {
width: 18px;
height: 12px;
}
.table-small {
overflow-x: auto;
}
.table-small table {
font-size: 14px;
table-layout: fixed;
}
.thumb-img {
transition: all .2s ease-in-out;
border-radius: 0 40px 40px 40px;
}
.home-posts .thumb-img {
border-radius: 50px;
}
.home-posts:hover .thumb-img {
border-radius: 25px;
}
.left-white-back {
background-color: white;
box-shadow: 0 0 10px 0 rgba(120, 120, 120, 0.15);
border-radius: 10px;
}
img.bordered-image-left {
border-radius: 8px;
}
.white-back {
background-color: white;
box-shadow: 0 0 40px 0 rgba(120, 120, 120, 0.15);
border-radius: 20px 20px 20px 0;
}
img.bordered-image {
border-radius: 20px 20px 20px 0;
} .pricing-table-3 h4,
.pricing-table-3 div,
.pricing-table-3 p,
.pricing-table-3 a {
margin: 0px;
}
.pricing-table-3 h4 {
text-transform: uppercase;
line-height: 1
}
.pricing-table-3 ul {
margin: 0px;
padding: 0px;
list-style: none;
}
.pricing-table-3 {
background-color: #FFF;
margin: 15px auto;
box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.1); border-radius: 0px 10px 0px 10px;
overflow: hidden;
position: relative;
min-height: 250px;
transition: all ease-in-out 0.25s;
}
.pricing-table-3:hover {
transform: scale(1.04, 1.04);
cursor: pointer;
}
.pricing-table-3.basic .price {
background-color: #3466cb;
color: #FFF;
line-height: 1
}
.pricing-table-3.premium .price {
background-color: #ff9f00;
color: #FFF;
line-height: 1
}
.pricing-table-3.business .price {
background-color: #e60000;
color: #FFF;
line-height: 1
}
.pricing-table-3 .pricing-table-header {
background-color: #212121;
color: #FFF;
padding: 20px 0px 0px 20px;
position: absolute;
z-index: 5;
}
.pricing-table-3 .pricing-table-header p {
font-size: 12px;
opacity: 0.7;
}
.pricing-table-3 .pricing-table-header::before {
content: "";
position: absolute;
left: -50px;
right: -180px;
height: 125px;
top: -50px;
background-color: #212121;
z-index: -1;
transform: rotate(-10deg)
}
.pricing-table-3 .price {
position: absolute;
top: 0px;
text-align: right;
padding: 90px 20px 0px 0px;
right: 0px;
left: 0px;
font-size: 1rem;
z-index: 4;
}
.pricing-table-3 .price::before {
content: "";
position: absolute;
left: 0px;
right: 0px;
height: 100px;
bottom: -15px;
background-color: inherit;
transform: skewY(5deg);
z-index: -1;
box-shadow: 0px 5px 0px 5px rgba(0, 0, 0, 0.05);
}
.pricing-table-3 .pricing-body {
padding: 20px;
padding-top: 150px;
}
.pricing-table-3 .pricing-table-ul li {
color: rgba(0, 0, 0, 0.7);
font-size: 13px;
padding: 10px 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pricing-table-3 .view-more {
margin: 10px 0;
text-align: center;
background-color: #1f3d7a;
padding: 10px;
color: #ffffff;
text-decoration: none;
}
.pricing-table-3 .view-more:hover {
color: #ffffff;
text-decoration: none;
background-color: #2952a3;
}
.lwpcngNotice-light .lwpcngNotice_accept {
color: white;
background-color: var(--main-blue);
border: none;
}
.lwpcngNotice-light .lwpcngNotice_accept:hover {
color: white;
background-color: rgba(1, 113, 189, .75);
}
.entry-content blockquote>p:last-child {
padding-bottom: 0;
margin-bottom: 0;
}
.entry-content blockquote>p {
font-size: 1rem;
}
.pravila-links {
font-size: 1em;
}
.pravila-links a {
text-decoration: none;
color: var(--main-blue);
border-bottom: 1px solid var(--main-blue);
}
.pravila-links a:hover {
text-decoration: none;
color: var(--main-blue);
border-bottom: 1px solid #ffffff;
}
.filters__group {
align-items: center;
display: flex;
overflow-x: auto;
width: 100%;
}
.filters__tab {
align-items: center;
background-color: #eee;
border-radius: 8px;
color: #000000; cursor: pointer;
display: flex;
font-size: .85rem;
height: 28px;
margin-right: 8px;
padding: 2px 12px;
text-decoration: none;
font-weight: 600;
}
.filters__tab:hover {
background-color: #c8cdcd;
color: #000000; }
.filter_main {
background-color: rgba(255, 188, 21, 1);
color: rgba(0, 0, 0, .75);
}
.filter_main:hover {
background-color: rgba(255, 188, 21, .75);
color: rgba(0, 0, 0, 1);
}
.courts-link {
background-color: white;
border-radius: 8px;
border: 1px solid #e1e1e1;
}
.search-cats a {
font-weight: normal;
}
.leaflet-marker-icon {
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.11));
}
.type-courts {
filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.15));
}
.logo-description {
font-size: 14px;
color: rgba(255, 255, 255, .65);
}
.sticky-top {
z-index: 999;
}
.image-sidebar {
max-width: 68px;
height: auto;
}
.entry-content table { }
.entry-content blockquote>p {
font-style: italic;
} .svg-container {
max-width: 1180px;
}
.svg-container svg {
width: auto;
height: auto;
} .btn-light {
background-color: rgba(0, 0, 0, .05);
}
.spots-icons-home {
width: 28px;
height: 28px;
margin-left: -3px;
margin-top: -2px;
filter: drop-shadow(0 0 3px rgba(120, 120, 120, 0.35));
}
.title-court-type .spots-icons-single {
width: 42px;
height: 42px;
filter: drop-shadow(0 0 3px rgba(120, 120, 120, 0.25));
}
.spots-icons-single {
width: 24px;
height: 24px;
}
.single-spot-list .list-group {
border-radius: 0 !important;
}
.home-big-numbers {
font-size: 3em;
font-weight: 700;
line-height: 1;
color: var(--main-blue);
}
.help-button {
background-color: #75C14E;
border-radius: 8px;
color: white;
height: 46px;
padding-left: 54px;
padding-right: 54px;
text-decoration: none;
font-size: 1em;
font-weight: 600;
box-sizing: border-box;
max-width: 240px;
}
.help-button:hover {
background: linear-gradient(0deg, #00000026, #00000026), #75C14E;
text-decoration: none;
color: white;
}
.help-button svg {
display: inline-block;
width: 24px;
height: 24px;
fill: white;
margin-top: -5px;
}
.cities-group {
margin: 0;
padding: 0;
line-height: 1.7;
}
.cities-group li {
list-style: none;
display: inline-block;
margin-right: 1em;
}
.cities-group li:last-child {
margin-right: 0;
}
.mt-n3 {
margin-top: -1rem !important;
} .totop {
display: none;
position: fixed;
bottom: 30px;
left: 30px;
z-index: 999;
display: none;
background-color: rgba(255, 255, 255, .65);
padding: 5px;
border-radius: 5px;
}
.tag-cloud a {
margin-right: 1em;
}
.tag-cloud a:last-child {
margin-right: 0;
}
.site-rules {
font-size: .9em;
}
.site-rules a {
color: rgba(0, 0, 0, .85);
}
.site-rules a:hover {
color: rgba(0, 0, 0, 1);
}
.age {
margin-left: auto;
height: 46px;
width: 46px;
}
.age::before {
border: 2px solid #ced4da;
box-sizing: border-box;
color: #ced4da;
content: "12+";
-webkit-box-align: center;
align-items: center;
display: flex;
-webkit-box-pack: center;
justify-content: center;
font-size: 19px;
font-weight: bold;
height: 46px;
width: 46px;
}
.single-spot-list .list-group {
border-radius: 0 !important;
} .card-wrapper {
max-width: 100%;
margin: 0 60px 35px;
padding: 20px 10px;
overflow: hidden;
}
.card-list .card-item { background-color: #fff;
padding: 20px 30px;
}
.card-list .card-item {
list-style: none;
}
.card-wrapper .swiper-pagination-bullet {
height: 13px;
width: 13px;
opacity: 0.5;
background: var(--main-blue); }
.card-wrapper .swiper-pagination-bullet-active {
opacity: 1;
}
.card-wrapper .swiper-slide-button {
color: #5372f0;
margin-top: -35px;
}
.swiper-button-prev,
.swiper-button-next {
background-color: #fff;
border-radius: 50%;
padding: 20px 22px;
color: #000;
border: 1px solid #777;
}
.swiper-button-prev:after,
.swiper-button-next:after {
font-size: 18px !important;
color: #565656;
}
.swiper-wrapper {
padding-left: 0;
}
@media screen and (max-width: 768px) {
.card-wrapper {
margin: 0 10px 25px;
}
}  .hover-shadow-block {
transition: all .4s ease;
background-color: white; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.hover-shadow-block:hover {
box-shadow: 0 10px 30px #0000001a;
}   [data-tooltip] {
position: relative;
z-index: 2;
cursor: pointer;
} [data-tooltip]:before,
[data-tooltip]:after {
visibility: hidden;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
opacity: 0;
pointer-events: none;
} [data-tooltip]:before {
position: absolute;
bottom: 75%;
left: 50%;
margin-bottom: 5px;
margin-left: -60px;
padding: 7px;
width: 120px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color: #000;
background-color: hsla(0, 0%, 20%, 0.9);
color: #fff;
content: attr(data-tooltip);
text-align: center;
font-size: 14px;
line-height: 1.2;
} [data-tooltip]:after {
position: absolute;
bottom: 75%;
left: 50%;
margin-left: -5px;
width: 0;
border-top: 5px solid #000;
border-top: 5px solid hsla(0, 0%, 20%, 0.9);
border-right: 5px solid transparent;
border-left: 5px solid transparent;
content: " ";
font-size: 0;
line-height: 0;
} [data-tooltip]:hover:before,
[data-tooltip]:hover:after {
visibility: visible;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
opacity: 1;
}
.coach-face {
max-width: 250px;
} .green-camp {
background-color: #caf2c2;
padding: 4px 8px;
font-weight: 500;
color: #000000;
}
.yellow-camp {
background-color: #fff8b8;
padding: 4px 8px;
font-weight: 500;
color: #000000;
}
.red-camp {
background-color: #ffd6c9;
padding: 4px 8px;
font-weight: 500;
color: #000000;
}
.hero__trust {
background: url(//probeach.ru/wp-assets/svg/underline.svg) no-repeat 0% 100%;
background-size: 102px 12px;
}
.top-spots div {
line-height: 2;
}
.nav-item-footer {
text-decoration: none;
color: #555;
display: flex;
flex-direction: column;
align-items: center;
font-size: 12px;
}
.nav-icon {
font-size: 20px;
margin-bottom: 2px;
}
.nav-item-footer:active {
color: #ff9800; }
.hero-top-tags {
display: flex;
flex-wrap: wrap;
justify-content: start;
align-items: center; gap: 12px;
} .hero-tags-title {
font-size: 12px;
font-weight: 700; color: #333; text-transform: uppercase;
}
.hero-top-tags a {
font-size: 12px;
font-weight: 500;
text-transform: uppercase; text-decoration: none;
transition: color 0.2s;
}
.hero-top-tags a:hover { }
.navbar-expand-lg .navbar-nav .nav-link {
font-weight: 600;
}
.stat-number-inline {
font-weight: 800;
color: #ff6b00;
font-size: 1.1em;
padding: 0 2px;
}
.home-countries-list {
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
list-style: none;
padding: 0;
gap: 20px;
}
.home-countries-list li {
position: relative;
padding: 10px 20px;
border-radius: 4px;
border: 1px solid #bdbdbd;
}
.home-countries-list li img {
width: 36px;
height: 24px;
vertical-align: baseline;
}
.home-countries-list li a {
text-decoration: none;
color: #000000;
font-weight: 600;
}
.home-countries-list li a:hover {
text-decoration: none;
color: #565656;
} .uxui-fav-btn {
background: #fff;
border: 1px solid var(--spoto-purp);
color: var(--spoto-purp);
padding: 4px 8px;
border-radius: 25px;
cursor: pointer;    
font-weight: 700;
font-size: .875rem;
transition: all 0.2s ease;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 150px; } .uxui-fav-btn .uxui-fav-state-on { display: none; } .uxui-fav-btn.active {
background: var(--spoto-purp);
color: #fff;
}
.uxui-fav-btn.active .uxui-fav-state-off { display: none; }
.uxui-fav-btn.active .uxui-fav-state-on { display: inline; }
.uxui-fav-btn:hover {
transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
.uxui-menu-fav-link {
position: relative;
display: flex;
align-items: center;
text-decoration: none;
color: #333;
padding: 5px;
}
.uxui-fav-menu-icon {
font-size: 28px;
color: #ffffff; }
.menu-fav-link {
position: relative;
display: flex;
align-items: center;
text-decoration: none;
color: #333;
padding: 5px;
}
.fav-menu-icon {
font-size: 28px;
color: #ffffff; }
.uxui-fav-main-menu-icon {
font-size: 18px;
color: var(--spoto-purp); }
.uxui-fav-title-icon {
font-size: 1em;
color: var(--spoto-purp); } .uxui-badge {
position: absolute;
top: 4px;
right: -5px;
background: var(--spoto-purp);
color: #fff;
font-size: 10px;
font-weight: 700;
padding: 1px 5px 1px 6px;
border-radius: 15px;
min-width: 16px;
text-align: center;
display: none; } .uxui-badge.active {
display: block;
}
.uxui-remove-btn {
background: none;
border: none;
color: #ff5252; cursor: pointer;
font-size: 13px;
font-weight: 600;
padding: 5px 0;
transition: 0.2s;
}
.uxui-remove-btn:hover {
text-decoration: underline;
color: #d32f2f;
}
.uxui-tag-badge {
padding: 2px 6px;
font-size: .9em;
background-color: var(--spoto-mint);
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
}
.uxui-tag-badge-home {
padding: 2px 6px;
font-size: .7em;
background-color: var(--spoto-mint);
color: #ffffff;
font-weight: 600;
text-transform: uppercase;
}
.spoto-add-btn {
display: inline-flex;
align-items: center;
background-color: var(--spoto-mint);
color: #000000;
padding: 10px 18px;
border-radius: 50px;
text-decoration: none;
font-family: 'Montserrat', sans-serif;
font-weight: 600;
font-size: 14px;
transition: all 0.3s ease;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.uxui-header-shrunk .spoto-add-btn {
padding: 6px 12px;
}
.spoto-add-btn svg {
width: 20px;
height: 20px;
margin-right: 8px;
color: #000000;
}
.spoto-add-btn:hover {
background-color: var(--spoto-mint);
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
color: #000000;
}
@media (max-width: 480px) {
.spoto-add-btn span { display: none; }
.spoto-add-btn { padding: 10px; }
.spoto-add-btn svg { margin-right: 0; }
} .court-sports-icons {
display: flex;
gap: 8px;
} .sport-icon-badge {
width: 64px;
height: 64px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 21px;
transition: all 0.3s ease;
border: 1px solid transparent;
filter: grayscale(100%);
}
.sport-icon-badge:hover {
cursor: pointer;
} .sport-icon-badge.active {
background-color: #ffffff;
border-color: #e2e8f0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); opacity: 1;
transform: scale(1);
} .sport-icon-badge.inactive {
background-color: #f8fafc;
border-color: #f1f5f9;
opacity: 0.25; filter: grayscale(100%); transform: scale(0.9);
} .infra-icon-badge {
position: relative;
width: 36px;
height: 36px;
border-radius: 8px; display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
transition: all 0.3s ease;
border: 1px solid transparent;
cursor: pointer;
filter: grayscale(100%);    
} .infra-icon-badge.active {
background-color: #ffffff;
border-color: #e2e8f0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05); } .infra-icon-badge.inactive {
background-color: #f8fafc;
border-color: #f1f5f9;
opacity: 0.25;
transform: scale(0.9);
} .infra-icon-badge .sport-emoji {
filter: grayscale(100%);
opacity: 0.8;
transition: filter 0.3s ease, opacity 0.3s ease;
} .share-main-trigger-btn {
background: #ffffff !important;
font-size: 13px !important;
transition: all 0.2s ease !important;
}
.share-main-trigger-btn:hover {
background: #f8fafc !important;
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08) !important;
} .modal-backdrop.show {
backdrop-filter: blur(4px);
background-color: rgba(15, 23, 42, 0.3) !important; } .modal-share-btn {
font-size: 14px !important;
font-weight: 600 !important;
color: #374151 !important;
background: #ffffff !important;
border-color: #e5e7eb !important;
transition: all 0.15s ease !important;
}
.modal-share-btn:hover {
background: #f9fafb !important;
border-color: #d1d5db !important;
color: #111111 !important;
} .modal-share-btn.btn-success {
background-color: #10b981 !important;
border-color: #10b981 !important;
color: #ffffff !important;
} .booking-main-trigger-btn {
transition: all 0.25s ease !important;
}
.booking-main-trigger-btn:hover {
transform: translateY(-1px);
box-shadow: 0 6px 16px rgba(0, 149, 246, 0.25) !important; opacity: 0.95;
} #uxuiBookingModal .btn-outline-primary {
color: #0095f6 !important;
border-color: #0095f6 !important;
font-size: 12px !important;
}
#uxuiBookingModal .btn-outline-primary:hover {
background-color: #0095f6 !important;
border-color: #0095f6 !important;
color: #ffffff !important;
} .probeach-categories-wrapper ul.post-categories {
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style: none;
padding: 0;
margin: 0;
gap: 8px; } .probeach-categories-wrapper ul.post-categories li a {
display: inline-block;
padding: 0.35em 0.65em;
font-size: 0.75em;
font-weight: 700;
line-weight: 1;
color: #fff;
background-color: #0d6efd; text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: 0.375rem; text-decoration: none;
transition: background-color 0.2s ease-in-out;
} .probeach-categories-wrapper ul.post-categories li a:hover {
background-color: #0b5ed7; color: #fff;
}  .probeach-hero {
min-height: 85vh; background-color: #0b0f14; overflow: hidden;
} .probeach-hero .hero-bg-media {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; background-image: url(//probeach.ru/wp-content/themes/digger/images/hero-beach.jpg); 
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 1;
} .probeach-hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(11, 15, 20, 0.85) 0%, rgba(11, 15, 20, 0.7) 100%);
z-index: 2;
} .probeach-hero .container {
z-index: 3;
} .hero-title {
font-size: clamp(2rem, 4vw, 3.75rem); font-weight: 900;
letter-spacing: -0.03em;
line-height: 1.15;
} .text-accent {
color:  #fbe5ad; }
.hero-subtitle {
font-size: clamp(1rem, 1.25vw, 1.35rem);
font-weight: 400;
line-height: 1.6;
max-width: 640px;
margin: 0 auto;
color: rgba(255,255,255,.75);
} .hero-actions {
display: flex;
flex-direction: column;
gap: 16px;
justify-content: center;
align-items: center;
} .btn-modern {
display: inline-flex;
align-items: center;
justify-content: center;
padding: 14px 28px;
font-size: 0.95rem;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
text-decoration: none;
border-radius: 4px; transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
width: 100%; } .btn-main {
background-color: #fbe5ad; color: #0b0f14 !important;
border: 2px solid #fbe5ad; }
.btn-main:hover {
background-color: #f9d885;
border-color: #f9d885;
transform: translateY(-1px);
} .btn-sec {
background-color: rgba(255, 255, 255, 0.03);
color: #ffffff !important;
border: 2px solid rgba(255, 255, 255, 0.15);
backdrop-filter: blur(4px);
}
.btn-sec:hover {
background-color: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.4);
transform: translateY(-1px);
} @media (min-width: 768px) {
.hero-actions {
flex-direction: row; }
.btn-modern {
width: auto; }
} .hero-search-wrapper {
max-width: 580px;
margin: 0 auto;
} .search-group {
border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 6px;
overflow: hidden;
background-color: rgba(255, 255, 255, 0.03);
backdrop-filter: blur(8px);
transition: all 0.25s ease-in-out;
} .search-group:focus-within {
border-color: #fbe5ad; box-shadow: 0 0 15px rgba(255, 170, 0, 0.2);
} .search-input {
border: none !important; color: #f8f9fa !important; font-size: 1.1rem;
padding-left: 20px;
box-shadow: none !important; } .search-input::placeholder {
color: rgba(248, 249, 250, 0.4) !important; font-weight: 300;
} .btn-search {
background-color: rgba(255, 255, 255, 0.05);
border: none;
border-left: 1px solid rgba(255, 255, 255, 0.15) !important;
color: #e9ecef !important; font-size: 1rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
padding: 0 24px;
transition: all 0.2s ease-in-out;
border-radius: 0 !important;
}
.btn-search:hover {
background-color: #fbe5ad;
color: #0b0f14 !important;
} .fs-7 {
font-size: 0.85rem !important;
} .probeach-sidebar-widget {
background-color: #ffffff;
border-radius: 16px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04), 
0 6px 16px rgba(11, 15, 20, 0.04);
padding: 24px;
margin-bottom: 24px;
border: 1px solid rgba(0, 0, 0, 0.02);
}
.probeach-sidebar-title {
font-size: 1.1rem;
font-weight: 700;
color: #1a252f;
margin-bottom: 16px;
}
.probeach-sidebar-links {
display: flex;
flex-direction: column;
gap: 6px;
}
.sidebar-link {
display: block;
padding: 10px 14px;
color: #4f5d75;
font-size: 0.95rem;
font-weight: 500;
text-decoration: none;
border-radius: 8px;
transition: all 0.2s ease-in-out;
}
.sidebar-link:hover {
background-color: #f8f9fa;
color: #565656;
padding-left: 1em;
} @media (max-width: 767px) { #probeachMobileSidebar.offcanvas {
position: fixed !important;
top: 0 !important;
left: 0 !important;
width: 100% !important; height: 100vh !important;
max-height: 100vh !important;
z-index: 1055 !important;
display: flex !important;
flex-direction: column !important;
transform: translateX(-100%);
transition: transform 0.3s ease-in-out !important;
} #probeachMobileSidebar.offcanvas.show {
transform: translateX(0) !important;
} #probeachMobileSidebar .offcanvas-body {
flex-grow: 1 !important;
overflow-y: scroll !important; overflow-x: hidden !important;
height: calc(100vh - 60px) !important; max-height: calc(100vh - 60px) !important;
-webkit-overflow-scrolling: touch !important; padding-bottom: 60px !important; display: block !important; } #probeachMobileSidebar .offcanvas-body::-webkit-scrollbar {
width: 4px;
}
#probeachMobileSidebar .offcanvas-body::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.1);
border-radius: 4px;
}
} .probeach-page-hero {
background-color: #0b0f14;
overflow: hidden;
width: 100%;
} @media (min-width: 992px) {
.py-lg-header {
padding-top: 230px !important; padding-bottom: 230px !important;
}
} .probeach-page-hero .page-hero-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 1;
} .probeach-page-hero::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(11, 15, 20, 0.85) 0%, rgba(11, 15, 20, 0.65) 100%);
z-index: 2;
} .probeach-page-hero .container {
z-index: 3;
} .page-hero-title {
font-size: clamp(1.85rem, 4vw, 3.5rem); font-weight: 900;
letter-spacing: -0.02em;
line-height: 1.15;
text-shadow: 0 4px 20px rgba(0, 0, 0, 0.6);
} .btn-probeach-anchor {
display: inline-flex;
align-items: center;
background-color: rgba(255, 255, 255, 0.1) !important;
color: #ffffff !important;
border: 1px solid rgba(255, 255, 255, 0.3) !important;
border-radius: 30px !important;
font-size: 0.85rem !important;
letter-spacing: 0.05em !important;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2) !important;
} .btn-probeach-anchor:hover {
background-color: #fbe5ad !important;
border-color: #fbe5ad !important;
color: #0b0f14 !important;
} #probeach-content-start {
scroll-margin-top: 40px !important; 
}
.contribution-banner {
background: #ffffff; border: 1px solid #bdbdbd; border-radius: 0;
padding: 1em;
margin: 0 0 1em;
display: flex;
align-items: center;
gap: 20px;    
}
.cb-content h4 { 
margin: 0 0 5px 0; 
color: #333; 
font-size: 1em;
}
.cb-content p { 
margin: 0 0 10px 0; 
font-size: 13px; 
color: #666; 
line-height: 1.4;
}
@media (max-width: 600px) {
.contribution-banner { 
flex-direction: column; 
text-align: center; 
padding: 25px 15px;
}
} @media (min-width: 992px) {
.countries-tax-image {
height: auto;
max-width: 104px;
}
#map {
height: 600px;
width: 100%;
}
.admin-bar .fixed-top {
top: 32px;
} .custom-dropdown:hover>.dropdown-menu {
display: block;
margin-top: 0; animation: navFadeIn 0.2s ease-out;
} .custom-dropdown>[data-bs-toggle="dropdown"] {
pointer-events: auto; } .custom-dropdown.show>.dropdown-menu {
display: block;
}
.div-tr .div-td {
width: 25%;
}
} @keyframes navFadeIn {
from {
opacity: 0;
transform: translateY(8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (min-width: 768px) {
#cookie_note {
flex-direction: row;
}
.cookie_accept {
width: 20%;
}
}
@media (min-width: 992px) {
.fs-lg-4 {
font-size: 1.15rem !important; }
.fs-lg-5 {
font-size: 1.25rem !important; }
.div-tr:nth-child(even) {
background-color: #eafaff;
}
.search-icon {
line-height: 1.4;
}
.totop {
bottom: 30px;
left: 10px;
}
.text-xxl {
font-size: 3.8rem !important;
}
.text-xl {
font-size: 2.8rem !important;
}
.home-description,
.description {
font-size: 1.25em;
line-height: 1.45em;
}
.da-footer-menu li {
margin-bottom: .5em;
display: block;
line-height: 1.4;
}
.igra-text {
font-size: 1.35em;
}
.igra-text-small {
font-size: 1em;
}
.filters__tab {
font-size: 1rem;
padding: 16px 12px;
}
.page-link {
font-size: 21px;
}
.pravila-links {
font-size: 1.25em;
}
.pravila-links a {
border-bottom: 2px solid var(--main-blue);
}
.pravila-links a:hover {
border-bottom: 2px solid #ffffff;
}
.countries-list li {
margin: 0 1em 0 0;
}
.crp-posts {
background-color: rgba(255, 255, 255, 1);
border-radius: 8px;
box-shadow: 0 0 10px 0 rgba(120, 120, 120, 0.15);
}
.crp-image img {
border-radius: 8px;
}
.entry-content ul,
.entry-content ol {
padding-top: 0;
padding-bottom: 1.3em;
padding-left: 2.5em;
padding-right: 1.3em;
}
.single-thumb {
border-radius: 10px;
}
.left-white-back {
background-color: white;
box-shadow: 0 0 10px 0 rgba(120, 120, 120, 0.15);
border-radius: 10px;
}
img.bordered-image-left {
border-radius: 8px;
}
.white-back {
background-color: white;
box-shadow: 0 0 40px 0 rgba(120, 120, 120, 0.15);
border-radius: 40px 40px 40px 0;
}
img.bordered-image {
border-radius: 30px 30px 30px 0;
}
.tags-section {
font-size: 1.25rem;
} .entry-posts p,
.entry-news p {
font-size: 1.15em;
}
.lwptoc_item {
box-sizing: border-box;
display: inline-block;
max-width: 50%;
width: 100%;
margin: 1.5em 0 1.5em;
}
.borders-radius-big {
border-radius: 25px;
}
.other-news-link a {
font-size: 1.25em;
}
.div-td {
padding: 10px;
}
.top-logo-image {
width: 32px;
height: 32px;
}
.single-title { line-height: 1.25;
}
.single-news-title {
font-size: 2.8em;
line-height: 1.25;
}
.entry-content p,
.entry-content blockquote>p {
font-size: 1.15em;
}
.entry-content ul li,
.entry-content ol li {
font-size: 1.1em;
}
.advert-title {
position: absolute;
top: 5px;
right: 10px;
padding-bottom: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
}
article h2,
article h3,
article h4 {
margin-top: 1em;
margin-bottom: .8em;
}
.back-to-top {
position: fixed;
bottom: 90px;
right: 30px;
display: none;
z-index: 199;
line-height: 1;
padding-top: 15px;
padding-bottom: 15px;
}
.flex-item-left {
flex: 40%;
}
.flex-item-left img {
margin-left: -40px;
margin-top: -30px;
margin-bottom: 30px;
}
.flex-image-posts img {
min-width: 200px;
}
.flex-item-right {
flex: 60%;
}
.diagonal-box {
padding-top: 150px;
padding-bottom: 150px;
margin-top: 150px;
margin-bottom: 150px;
}
.mlf-100 {
margin-left: -100px;
margin-right: -100px;
}
.auxiliar-menu a {
margin: 0 1.5em;
}
}
@media (min-width: 1200px) { }
@media (max-width: 991.98px) {
.top-outside-menu a {
font-weight: 400;
color: #000000;
text-decoration: none;
}
.top-outside-menu a:hover {
text-decoration: none;
color: rgb(255, 195, 11);
}
}
@media (max-width: 767.98px) {
.div-tr {
height: 180px !important;
}
.coach-face {
max-width: 180px;
}
.courts-toggler {
padding-left: 10px !important;
padding-right: 10px !important;
}
table {
overflow-x: scroll !important;
}
.div-tr {
display: block;
float: left;
margin-right: 2em;
padding-bottom: 2em;
}
.div-td {
display: block;
}
.top-menu-text {
display: none;
}
.navbar-name {
display: none;
}
.logo-image {
width: 200px;
height: 200px
}
.new-year {
background-size: cover;
background-position: left bottom;
width: 100%;
height: 80px;
}
.btt {
display: none !important;
}
}
@media (max-width: 575.98px) {
.navbar-brand svg {
width: 40px;
height: 66px;
}
.navbar-toggler {
padding: .25rem .25rem;
}
.logo-description {
font-size: 13px;
}
.div-tr {}
.div-td {
width: 100%;
}
.div-td {
padding: 5px 0;
}
.div-tr {
width: 48%;
margin-right: 0;
}
.div-tr:nth-child(odd) { background-color: white;
margin-right: 10px;
padding: 10px;
}
.div-tr:nth-child(even) { background-color: white;
margin-right: 0;
padding: 10px;
}
.speed-time,
.speed-status {
flex: 100%;
}
.home-quote:before {
display: none;
}
.home-quote:after {
display: none;
}
.book-line {
font-weight: 400; }
.book-title {
font-weight: 600;
font-size: 1.8em;
}
.table-news,
.table-calendar {
font-size: 0.9em;
}
.table-calendar {
line-height: 1.2;
}
.table-calendar tr td,
.table-calendar tr th {
padding-top: 20px;
padding-bottom: 20px;
}
.table-news a {
font-weight: 400;
}
}
@media screen and (max-width: 575px) {
.main-news {
border-bottom: 1px solid #bdbdbd;
margin-bottom: 1em;
}
.other-news p {
border-bottom: 1px solid #bdbdbd;
padding-bottom: 1em;
} table,
tbody,
tr,
td {
display: block;
width: 100% !important;
box-sizing: border-box;
} thead {
display: none;
} tr {
margin-bottom: 20px;
border: 1px solid #eee; }
td {
text-align: center !important;
border: none;
position: relative;
padding: 10px;
}
}
@media (max-width: 370.98px) {
.menu-item-false {
display: none !important;
}
.menu-item-true {
display: block !important;
}
.navbar-toggler {
font-size: 1.4em;
}
}