must be hidden using toggle() */
margin: 0 0 10px 0;
text-align: left;
}
/* For devices with portrait mode */
/* @media screen and (orientation: portrait) { */
/* Unfortunately, Android devices break "portrait" mode (break viewport size) in case when the soft-keyboard pops up :-( */
/* So it distorts the "height" of the viewport size, "height" < "width" (landscape mode instead of portrait mode as result) */
/* Therefore, it’s easier to use "portrait interface" (Even for "landscape" mode) for small devices that have a small viewport using - (max-width: 736px) */
/* Comfortable minimum "width" for "landscape site interface" starts from ~736px... Therefore, this value was chosen as a breakpoint. */
/* It is older Android devices and older iPhone models (Except: iPhone X / XR / XS / XS Max because the "width" > 736px in landscape mode) */
/* For devices with "portrait" mode or ("," -- like a logical "OR" operator) "small devices" which have "width" <= 736 px */
@media screen and (orientation: portrait), screen and (max-width: 736px) {
.ads, #ads_in_search_results {
width: 100%;
}
}
/* ------------------------------ */
/* Fix the issue of the "Cumulative Layout Shift" (CLS - https://web.dev/cls/) metric of the Google Search Console */
.ads_in_s_r_lightbox_mode {
position: absolute;
z-index: 10000;
top: 10px;
}
/* --------------------------------------------------------------------------------------------------------------- */
.ads .ads_container, #ads_in_search_results .ads_container {
width: 100%;
max-width: 728px;/* "width" - for correct detection of adblock */
min-height: 90px;/* Fix the issue of the "Cumulative Layout Shift" (CLS - https://web.dev/cls/) metric of the Google Search Console */
display: inline-block;
text-align: center;/* For "small" ad formats and screens */
vertical-align: top;
}
/* For devices with "portrait" mode or ("," -- like a logical "OR" operator) "small devices" which have "width" <= 727 px */
/* 727px - is the max. value for "small screens" that doesn't fit the "728x90" banner size */
@media screen and (orientation: portrait), screen and (max-width: 727px) {
/* Different mobile banner formats (Google Ads or Yandex Ads) */
.ads .ads_container.diff_b_formats, #ads_in_search_results .ads_container.diff_b_formats {
/*min-height: 50px;*/
/* 50px -- is disabled to fix the issue of the "Cumulative Layout Shift" (CLS - https://web.dev/cls/) metric of the Google Search Console */
min-height: 100px;/* For mobile banners (320x100 and 320x50) */
}
}
/* Centering content of the
"vertically" using "flexbox" container */
/* This is necessary in the case of "small banners" (320x50) that are not centered vertically (Inside a large container) as a result */
.ads .ads_container > div, #ads_in_search_results .ads_container > div {
width: 100%;
height: auto;
min-height: 90px;/* Fix the issue of the "Cumulative Layout Shift" (CLS - https://web.dev/cls/) metric of the Google Search Console */
display: -webkit-box; /* Old iOS 6-, Safari 3.1-6 */
display: -moz-box; /* Old FF 19- */
display: -ms-flexbox; /* Old IE 10 */
display: -webkit-flex;
display: flex;/* jQuery .show() cannot be used for "flex" because it adds style="display: block". It's nessesary to use .removeClass() or another way */
/*-webkit-box-flex: 1; Old iOS 6-, Safari 3.1-6 */
/*-moz-box-flex: 1; Old FF 19- */
/*-ms-flex: 1 1 auto; Old IE 10 */
/*-webkit-flex: 1 1 auto;*/
/*flex: 1 1 auto;*/
-webkit-box-orient: vertical; /* Old iOS, Safari */
-moz-box-orient: vertical; /* Old FF */
-ms-box-orient: vertical; /* Old IE */
-moz-flex-direction: column; /* Old FF */
-ms-flex-direction: column; /* Old IE */
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center; /* Old Webkit */
-ms-flex-pack: center; /* Old IE */
-webkit-justify-content: center;/* Old Webkit */
-moz-justify-content: center; /* Old FF */
-ms-justify-content: center; /* Old IE */
justify-content: center;/* Centering the "column" (vertically) in case of "small" ad formats */
}
/* For devices with "portrait" mode or ("," -- like a logical "OR" operator) "small devices" which have "width" <= 727 px */
/* 727px - is the max. value for "small screens" that doesn't fit the "728x90" banner size */
@media screen and (orientation: portrait), screen and (max-width: 727px) {
/*.ads .ads_container > div, #ads_in_search_results .ads_container > div { }*/
.ads .ads_container > div:not(.banner), #ads_in_search_results .ads_container > div:not(.banner) {
/*min-height: 50px;*/
/* 50px -- is disabled to fix the issue of the "Cumulative Layout Shift" (CLS - https://web.dev/cls/) metric of the Google Search Console */
min-height: 100px;/* For mobile banners (320x100 and 320x50) */
}
}
/* Google Ads */
/* max-height: 100px; --- Disabled since the "height" of the "Responsive Google Adsense format" can be more than > 100px in some cases... */
/* This is important if the "Responsive Google Adsense script" is rotated directly */
.ads .ads_container .g_banner, #ads_in_search_results .ads_container .g_banner {
/*max-height: 100px;*/
background-color: #e5e5e5;
}
/* Yandex Ads */
.ads .ads_container .y_banner, #ads_in_search_results .ads_container .y_banner {
max-height: 100px;
background-color: #e5e5e5;
}
.ads .ads_container .native_widget, #ads_in_search_results .ads_container .native_widget {
width: 100%;
}
.ads .ads_container .banner, #ads_in_search_results .ads_container .banner {
width: 100%;
max-height: 90px;
background-color: #e5e5e5;
}
/* 20.04.15 - "object" and "embed" has been added for adcash */
.ads_container .banner img, .ads_container .banner iframe, .ads_container .banner object, .ads_container .banner embed {
width: 100% !important; /* Flexible banner */
max-width: 100%; /* Flexible banner */
height: 100% !important; /* Flexible banner */
max-height: 90px;
aspect-ratio: 728 / 90; /* For correct "vertical centering" inside "flex" since iframe has dynamic sizes depending on the screen width */
border: none;
}
/* ------------------------------------------------------------------------------ */
#nav {
/*width: 728px;*/
}
#nav div {
display: inline-block;
cursor: pointer;
background-color: #ababab;
}
#nav #prev {
left: 0;
}
#nav #next {
right: 0;
}
.ads .banner .pb {
height: 2px;
margin-top: 0px;
background-color: #ababab;
}
.ads .banner .pb .pb-line {
background-color: #4d4d4d;
height: 2px;
}
.ads .show-hide {
display: inline-block;
vertical-align: top;
}
.ads .show-hide span {
margin-left: 7px;
cursor: pointer;
font-size: 15px;
}
.ads .show-hide .hide-b {
color: #858585;
border-bottom: 1px dotted #858585;
}
.ads .show-hide .hide-b:hover {
color: #000000;
border-bottom: 1px dotted #000000;
}
.ads .show-hide .show-b {
color: #858585;
border-bottom: 1px dotted #858585;
}
.ads .show-hide .show-b:hover {
color: #000000;
border-bottom: 1px dotted #000000;
}
.ads .ads_preloader, #ads_in_search_results .ads_preloader {
width: 25px;
height: 18px;
display: inline-block;
vertical-align: top;
background: url(images/ads_preloader.gif) repeat;
}
.qrcode {
padding: 10px;
width: 150px;
height: 150px;
background-color: #ffffff;
}
/* ---- Slider/Carousel (Logos of top supported sites) ---- */
#s_logos_slider {
width: 95%;
height: 45px;
overflow: hidden;/* vertical fix */
margin: 20px 0 40px 0;
position: relative;
}
/* For devices with portrait mode */
/* @media screen and (orientation: portrait) { */
/* Unfortunately, Android devices break "portrait" mode (break viewport size) in case when the soft-keyboard pops up :-( */
/* So it distorts the "height" of the viewport size, "height" < "width" (landscape mode instead of portrait mode as result) */
/* Therefore, it’s easier to use "portrait interface" (Even for "landscape" mode) for small devices that have a small viewport using - (max-width: 736px) */
/* Comfortable minimum "width" for "landscape site interface" starts from ~736px... Therefore, this value was chosen as a breakpoint. */
/* It is older Android devices and older iPhone models (Except: iPhone X / XR / XS / XS Max because the "width" > 736px in landscape mode) */
/* For devices with "portrait" mode or ("," -- like a logical "OR" operator) "small devices" which have "width" <= 736 px */
@media screen and (orientation: portrait), screen and (max-width: 736px) {
#s_logos_slider {
width: 100%;
}
}
/* ------------------------------ */
#s_logos_slider .bx-wrapper {
height: 45px;/* Vertical fix */
overflow: hidden;/* Vertical fix */
position: relative;
margin: 0;
padding: 0 45px 0 45px;
*zoom: 1;
-ms-touch-action: pan-y;
touch-action: pan-y;
}
#s_logos_slider .bx-wrapper img {
max-width: 100%;
display: block;
}
/* JS onclick linked slide (Supported video sites) */
#s_logos_slider .bx-wrapper .bx_supported_v_s {
cursor: pointer;
}
#s_logos_slider .bxslider {
margin: 0;
padding: 0;
-webkit-perspective: 1000;/* Fix flickering in case of using background-image instead of ![]()
(on Chrome) */
}
/*
- style (If necessary...) */
#s_logos_slider ul.bxslider {
list-style: none;
}
#s_logos_slider .bx-viewport {
-webkit-transform: translateZ(0);/* Fix other elements on the page moving (in Chrome) */
}
/* Preloader */
#s_logos_slider .bx-wrapper .bx-loading, #s_logos_slider #s_logos_svg_preloader {
/*width: 100%;*/ /* Old .GIF preloader */
height: 100%;
min-height: 45px;
position: absolute;
top: 0;
/*left: 0;*/ /* Old .GIF preloader */
left: 0; /* left:30px - displays the left arrow for SVG div */
right: 0; /* right:30px - displays the right arrow for SVG div */
/*background: url(images/bxslider/bx_loader.gif) center center no-repeat #ffffff;*/ /* Old .GIF preloader */
background-color: #ffffff;
z-index: 200;
display: -webkit-box; /* Old iOS 6-, Safari 3.1-6 */
display: -moz-box; /* Old FF 19- */
display: -ms-flexbox; /* Old IE 10 */
display: -webkit-flex;
display: flex; /* SVG div alignment */
-webkit-justify-content: center;/* Old Webkit */
-moz-justify-content: center; /* Old FF */
-ms-justify-content: center; /* Old IE */
justify-content: center; /* Centering SVG div */
align-items: center; /* Centering SVG div vertically */
}
/* Preloader animation */
#s_logos_slider #s_logos_svg_preloader svg {
/*max-width: 5em;*/ /* This can be used if the "svg" tag doesn't have "width" and "height" attributes */
stroke: #f8f8f8;
stroke-linecap: round;
fill: none;
stroke-width: 15%;
}
#s_logos_slider #s_logos_svg_preloader svg use {
stroke: #bfbfbf;
animation: animate_infinity_s_loader 0.2s linear infinite;
}
@keyframes animate_infinity_s_loader {
to { stroke-dashoffset: 0px; }
}
/* Controls (Prev/Next) */
#s_logos_slider .bx-wrapper .bx-prev {
left: 0;
-webkit-transform: scaleX(-1); /* Old Webkit */
-moz-transform: scaleX(-1); /* Old FF */
-ms-transform: scaleX(-1); /* Old IE 9 */
transform: scaleX(-1);
/*background: url(images/bxslider/controls.gif) no-repeat;*/
}
#s_logos_slider .bx-wrapper .bx-next {
right: 0;
/*background: url(images/bxslider/controls.gif) -30px 0 no-repeat;*/
}
#s_logos_slider .bx-wrapper .bx-prev:hover {
/*background-position: 0 -45px;*/
}
#s_logos_slider .bx-wrapper .bx-next:hover {
/*background-position: -30px -45px;*/
}
#s_logos_slider .bx-wrapper .bx-controls-direction a {
position: absolute;
top: 0;
margin-top: 0;
outline: 0;
display: block;/* Fix the issue of the "Cumulative Layout Shift" (CLS - https://web.dev/cls/) metric of the Google Search Console. "Horizontal" CLS */
width: 30px;
height: 45px;
background: url(images/bxslider/arrow.png);/* PNG fallback for older IE browsers. PNG must be before SVG */
background: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='45' viewBox='0 0 30 45'%3E%3Cpath fill='%23000000' d='M14.489 44.217c-.75 0-1.478-.221-2.105-.639-.844-.563-1.419-1.422-1.618-2.417s.002-2.009.565-2.853l10.146-15.211L11.27 6.734c-.538-.861-.708-1.88-.479-2.869s.83-1.829 1.691-2.366A3.794 3.794 0 0 1 14.49.922c1.322 0 2.528.668 3.227 1.789L27.789 18.72c2.006 3.328 2.007 5.23-.001 8.479L17.653 42.526a3.793 3.793 0 0 1-3.164 1.691z'/%3E%3C/svg%3E"), linear-gradient(transparent, transparent);/* SVG icon. linear-gradient() is a trick for detecting older browsers */
opacity: 0.2;
text-indent: -9999px;
z-index: 100;
}
#s_logos_slider .bx-wrapper .bx-controls-direction a:hover {
opacity: 0.45;
}
#s_logos_slider .bx-wrapper .bx-controls-direction a:active {
/*opacity: 0.7;*/
opacity: 0.45;
}
/* focus-visible - is supported by newer browsers (Firefox 85+, Chrome 86+, Edge 86+, Opera 72+, Safari 15.4+) */
/* https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible */
#s_logos_slider .bx-wrapper .bx-controls-direction a:focus-visible {
/*opacity: 0.7;*/
opacity: 0.45;
}
/* Fallback for browsers without :focus-visible support */
@supports not selector(:focus-visible) {
#s_logos_slider .bx-wrapper .bx-controls-direction a:focus {
/*opacity: 0.7;*/
opacity: 0.45;
}
}
#s_logos_slider .bx-wrapper .bx-controls-direction a.disabled {
display: none;
}
/* -------------------------------------------------------- */
.text {
width: 95%;
font-family: Tahoma,Verdana,Arial;
font-size: 13px;
/*color: #858585;*/
/* Recommended minimum color contrast ratio 4.5:1 (Small text) or 3:1 (Large text) */
color: #757575; /* Color Contrast Ratio (4.60 : 1) */
}
/* For devices with portrait mode */
/* @media screen and (orientation: portrait) { */
/* Unfortunately, Android devices break "portrait" mode (break viewport size) in case when the soft-keyboard pops up :-( */
/* So it distorts the "height" of the viewport size, "height" < "width" (landscape mode instead of portrait mode as result) */
/* Therefore, it’s easier to use "portrait interface" (Even for "landscape" mode) for small devices that have a small viewport using - (max-width: 736px) */
/* Comfortable minimum "width" for "landscape site interface" starts from ~736px... Therefore, this value was chosen as a breakpoint. */
/* It is older Android devices and older iPhone models (Except: iPhone X / XR / XS / XS Max because the "width" > 736px in landscape mode) */
/* For devices with "portrait" mode or ("," -- like a logical "OR" operator) "small devices" which have "width" <= 736 px */
@media screen and (orientation: portrait), screen and (max-width: 736px) {
.text {
width: 100%;
}
}
/* ------------------------------ */
#footer {
width: 90%;
margin: 70px auto;
text-align: center;
}
#footer #footer_menu a, #footer #footer_menu span {
display: inline-block;
margin: 8px 2% 8px 2%;
white-space: nowrap; /* Instead of