*,
*::before,
*::after {
box-sizing: border-box;
} :root {
-moz-tab-size: 4;
-o-tab-size: 4;
tab-size: 4;
} html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }  body {
margin: 0;
} body {
font-family:
system-ui,
-apple-system, 'Segoe UI',
Roboto,
Helvetica,
Arial,
sans-serif,
'Apple Color Emoji',
'Segoe UI Emoji';
}  hr {
height: 0; color: inherit; }  abbr[title] {
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
} b,
strong {
font-weight: bolder;
} code,
kbd,
samp,
pre {
font-family:
ui-monospace,
SFMono-Regular,
Consolas,
'Liberation Mono',
Menlo,
monospace; font-size: 1em; } small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  table {
text-indent: 0; border-color: inherit; }  button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 100%; line-height: 1.15; margin: 0; } button,
select { text-transform: none;
} button,
[type='button'],
[type='reset'],
[type='submit'] {
-webkit-appearance: button;
} ::-moz-focus-inner {
border-style: none;
padding: 0;
} :-moz-focusring {
outline: 1px dotted ButtonText;
} :-moz-ui-invalid {
box-shadow: none;
} legend {
padding: 0;
} progress {
vertical-align: baseline;
} ::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
} [type='search'] {
-webkit-appearance: textfield; outline-offset: -2px; } ::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }  summary {
display: list-item;
}  blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
margin: 0;
}
button {
background-color: transparent;
background-image: none;
} button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
fieldset {
margin: 0;
padding: 0;
}
ol,
ul {
list-style: none;
margin: 0;
padding: 0;
}  html {
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 1.5; } body {
font-family: inherit;
line-height: inherit;
} *,
::before,
::after {
box-sizing: border-box; border-width: 0; border-style: solid; border-color: #e5e7eb; } hr {
border-top-width: 1px;
} img {
border-style: solid;
}
textarea {
resize: vertical;
}
input::-moz-placeholder, textarea::-moz-placeholder {
opacity: 1;
color: #9ca3af;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
opacity: 1;
color: #9ca3af;
}
input::placeholder,
textarea::placeholder {
opacity: 1;
color: #9ca3af;
}
button,
[role="button"] {
cursor: pointer;
}
table {
border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: inherit;
font-weight: inherit;
} a {
color: inherit;
text-decoration: inherit;
} button,
input,
optgroup,
select,
textarea {
padding: 0;
line-height: inherit;
color: inherit;
} pre,
code,
kbd,
samp {
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
} img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
display: block;
vertical-align: middle;
} img,
video {
max-width: 100%;
height: auto;
}
* {
--tw-shadow: 0 0 #0000;
--tw-ring-inset: var(--tw-empty,  );
--tw-ring-offset-width: 0px;
--tw-ring-offset-color: #fff;
--tw-ring-color: rgba(59, 130, 246, 0.5);
--tw-ring-offset-shadow: 0 0 #0000;
--tw-ring-shadow: 0 0 #0000;
}
.container {
width: 100%;
margin-right: auto;
margin-left: auto;
padding-right: 1rem;
padding-left: 1rem;
}
@media (min-width: 100%) {
.container {
max-width: 100%;
}
}
@media (min-width: 720px) {
.container {
max-width: 720px;
}
}
@media (min-width: 960px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1140px) {
.container {
max-width: 1140px;
}
}
.fixed {
position: fixed;
}
.top-0 {
top: 0px;
}
.left-0 {
left: 0px;
}
.z-20 {
z-index: 20;
}
.z-10 {
z-index: 10;
}
.ml-0 {
margin-left: 0px;
}
.ml-4 {
margin-left: 1rem;
}
.mb-8 {
margin-bottom: 2rem;
}
.flex {
display: flex;
}
.table {
display: table;
}
.hidden {
display: none;
}
.w-full {
width: 100%;
}
.flex-col {
flex-direction: column;
}
.flex-wrap {
flex-wrap: wrap;
}
.items-center {
align-items: center;
}
.justify-between {
justify-content: space-between;
}
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
}
.bg-header-bg-color {
background-color: var(--header-bg-color);
}
.bg-header-second-bg-color {
background-color: var(--header-second-bg-color);
}
.px-1 {
padding-left: 0.25rem;
padding-right: 0.25rem;
}
.px-3 {
padding-left: 0.75rem;
padding-right: 0.75rem;
}
.py-2 {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.px-4 {
padding-left: 1rem;
padding-right: 1rem;
}
.text-sm {
font-size: 0.875rem;
line-height: 1.25rem;
}
.ring {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
@media (min-width: 640px) {
.sm\:text-base {
font-size: 1rem;
line-height: 1.5rem;
}
}
@media (min-width: 768px) {
.md\:flex-row {
flex-direction: row;
}
.md\:py-0 {
padding-top: 0px;
padding-bottom: 0px;
}
}
@media (min-width: 1280px) {
.xl\:ml-4 {
margin-left: 1rem;
}
.xl\:mr-4 {
margin-right: 1rem;
}
.xl\:block {
display: block;
}
.xl\:hidden {
display: none;
}
.xl\:px-0 {
padding-left: 0px;
padding-right: 0px;
}
.xl\:px-2 {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
.bg-black {
--tw-bg-opacity: 1;
background-color: rgba(0, 0, 0, var(--tw-bg-opacity)); }
.bg-white {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }
.bg-gray-100 {
--tw-bg-opacity: 1;
background-color: rgba(243, 244, 246, var(--tw-bg-opacity)); }
.bg-gray-200 {
--tw-bg-opacity: 1;
background-color: rgba(229, 231, 235, var(--tw-bg-opacity)); }
.bg-main-color {
background-color: var(--main-color); }
.bg-second-color {
background-color: var(--second-color); }
.bg-header-bg-color {
background-color: var(--header-bg-color); }
.bg-header-second-bg-color {
background-color: var(--header-second-bg-color); }
.bg-footer-bg-color {
background-color: var(--footer-bg-color); }
.bg-opacity-30 {
--tw-bg-opacity: 0.3
; }
.bg-opacity-50 {
--tw-bg-opacity: 0.5
; }
.bg-center {
background-position: center; }
.bg-cover {
background-size: cover; }
.rounded {
border-radius: .25rem; }
.rounded-md {
border-radius: .375rem; }
.rounded-border-radius {
border-radius: var(--border-radius); }
.border {
border-width: 1px; }
.block {
display: block; }
.inline-block {
display: inline-block; }
.flex {
display: flex; }
.flow-root {
display: flow-root; }
.grid {
display: grid; }
.contents {
display: contents; }
.hidden {
display: none; }
.flex-row {
flex-direction: row; }
.flex-col {
flex-direction: column; }
.flex-col-reverse {
flex-direction: column-reverse; }
.flex-wrap {
flex-wrap: wrap; }
.flex-nowrap {
flex-wrap: nowrap; }
.items-end {
align-items: flex-end; }
.items-center {
align-items: center; }
.items-stretch {
align-items: stretch; }
.justify-start {
justify-content: flex-start; }
.justify-center {
justify-content: center; }
.justify-between {
justify-content: space-between; }
.justify-around {
justify-content: space-around; }
.flex-1 {
flex: 1 1 0%; }
.flex-auto {
flex: 1 1 auto; }
.order-3 {
order: 3; }
.order-4 {
order: 4; }
.font-medium {
font-weight: 500; }
.font-bold {
font-weight: 700; }
.h-40 {
height: 10rem; }
.h-full {
height: 100%; }
.text-xs {
font-size: .75rem;
line-height: 1rem; }
.text-sm {
font-size: .875rem;
line-height: 1.25rem; }
.text-base {
font-size: 1rem;
line-height: 1.5rem; }
.text-lg {
font-size: 1.125rem;
line-height: 1.75rem; }
.text-xl {
font-size: 1.25rem;
line-height: 1.75rem; }
.text-4xl {
font-size: 2.25rem;
line-height: 2.5rem; }
.text-5xl {
font-size: 3rem;
line-height: 1;
font-family: var(--font-family-title);
font-weight: 800; }
.text-9xl {
font-size: 8rem;
line-height: 1; }
.leading-4 {
line-height: 1rem; }
.m-2 {
margin: .5rem; }
.m-3 {
margin: .75rem; }
.m-4 {
margin: 1rem; }
.m-auto {
margin: auto; }
.-m-3 {
margin: -.75rem; }
.my-0 {
margin-top: 0;
margin-bottom: 0; }
.my-4 {
margin-top: 1rem;
margin-bottom: 1rem; }
.my-8 {
margin-top: 2rem;
margin-bottom: 2rem; }
.-mx-2 {
margin-left: -.5rem;
margin-right: -.5rem; }
.mt-0 {
margin-top: 0; }
.mr-0 {
margin-right: 0; }
.ml-0 {
margin-left: 0; }
.mb-2 {
margin-bottom: .5rem; }
.ml-2 {
margin-left: .5rem; }
.mt-4 {
margin-top: 1rem; }
.mb-4 {
margin-bottom: 1rem; }
.ml-4 {
margin-left: 1rem; }
.mb-6 {
margin-bottom: 1.5rem; }
.mt-8 {
margin-top: 2rem; }
.mb-8 {
margin-bottom: 2rem; }
.max-h-12 {
max-height: 3rem; }
.max-w-1\/4 {
max-width: 25%; }
.min-h-20 {
min-height: 20vh; }
.object-contain {
-o-object-fit: contain;
object-fit: contain; }
.object-cover {
-o-object-fit: cover;
object-fit: cover; }
.overflow-hidden {
overflow: hidden; }
.p-2 {
padding: .5rem; }
.p-3 {
padding: .75rem; }
.p-4 {
padding: 1rem; }
.px-0 {
padding-left: 0;
padding-right: 0; }
.py-1 {
padding-top: .25rem;
padding-bottom: .25rem; }
.px-1 {
padding-left: .25rem;
padding-right: .25rem; }
.py-2 {
padding-top: .5rem;
padding-bottom: .5rem; }
.px-2 {
padding-left: .5rem;
padding-right: .5rem; }
.py-3 {
padding-top: .75rem;
padding-bottom: .75rem; }
.px-3 {
padding-left: .75rem;
padding-right: .75rem; }
.py-4 {
padding-top: 1rem;
padding-bottom: 1rem; }
.px-4 {
padding-left: 1rem;
padding-right: 1rem; }
.px-6 {
padding-left: 1.5rem;
padding-right: 1.5rem; }
.px-8 {
padding-left: 2rem;
padding-right: 2rem; }
.pr-0 {
padding-right: 0; }
.pl-3 {
padding-left: .75rem; }
.pt-4 {
padding-top: 1rem; }
.pl-4 {
padding-left: 1rem; }
.pt-8 {
padding-top: 2rem; }
.pt-12 {
padding-top: 3rem; }
.pb-32 {
padding-bottom: 8rem; }
.pb-1\/3 {
padding-bottom: 33%; }
.fixed {
position: fixed; }
.absolute {
position: absolute; }
.relative {
position: relative; }
.top-0 {
top: 0; }
.bottom-0 {
bottom: 0; }
.left-0 {
left: 0; }
.resize {
resize: both; }
.shadow {
--tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.hover\:shadow-lg:hover {
--tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); }
.text-center {
text-align: center; }
.text-black {
--tw-text-opacity: 1;
color: rgba(0, 0, 0, var(--tw-text-opacity)); }
.text-white {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity)); }
.text-gray-50 {
--tw-text-opacity: 1;
color: rgba(249, 250, 251, var(--tw-text-opacity)); }
.text-gray-200 {
--tw-text-opacity: 1;
color: rgba(229, 231, 235, var(--tw-text-opacity)); }
.text-gray-400 {
--tw-text-opacity: 1;
color: rgba(156, 163, 175, var(--tw-text-opacity)); }
.text-gray-500 {
--tw-text-opacity: 1;
color: rgba(107, 114, 128, var(--tw-text-opacity)); }
.text-gray-700 {
--tw-text-opacity: 1;
color: rgba(55, 65, 81, var(--tw-text-opacity)); }
.text-red-500 {
--tw-text-opacity: 1;
color: rgba(239, 68, 68, var(--tw-text-opacity)); }
.text-main-color {
color: var(--main-color); }
.text-links-color {
color: var(--links-color); }
.group:hover .group-hover\:text-links-hover-color {
color: var(--links-hover-color); }
.hover\:text-white:hover {
--tw-text-opacity: 1;
color: rgba(255, 255, 255, var(--tw-text-opacity)); }
.uppercase {
text-transform: uppercase; }
.w-2\/4 {
width: 50%; }
.w-full {
width: 100%; }
.z-10 {
z-index: 10; }
.z-20 {
z-index: 20; }
.gap-4 {
gap: 1rem; }
.grid-cols-4 {
grid-template-columns: repeat(4, minmax(0, 1fr)); }
.col-span-2 {
grid-column: span 2/span 2; }
.col-span-4 {
grid-column: span 4/span 4; }
.auto-rows-min {
grid-auto-rows: -webkit-min-content;
grid-auto-rows: min-content; }
.transform {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.transform-none {
transform: none; }
.scale-100 {
--tw-scale-x: 1;
--tw-scale-y: 1
; }
.group:hover .group-hover\:scale-105 {
--tw-scale-x: 1.05;
--tw-scale-y: 1.05
; }
.transition-all {
transition-property: all;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms; }
.transition {
transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-duration: 150ms; }
.duration-300 {
transition-duration: .3s; }
@-webkit-keyframes spin {
to {
transform: rotate(360deg); } }
@keyframes spin {
to {
transform: rotate(360deg); } }
@-webkit-keyframes ping {
100%,
75% {
transform: scale(2);
opacity: 0; } }
@keyframes ping {
100%,
75% {
transform: scale(2);
opacity: 0; } }
@-webkit-keyframes pulse {
50% {
opacity: .5; } }
@keyframes pulse {
50% {
opacity: .5; } }
@-webkit-keyframes bounce {
0%,
100% {
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
50% {
transform: none;
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } }
@keyframes bounce {
0%,
100% {
transform: translateY(-25%);
-webkit-animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
animation-timing-function: cubic-bezier(0.8, 0, 1, 1); }
50% {
transform: none;
-webkit-animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } }
.filter {
--tw-blur: var(--tw-empty, );  --tw-brightness: var(--tw-empty, );  --tw-contrast: var(--tw-empty, );  --tw-grayscale: var(--tw-empty, );  --tw-hue-rotate: var(--tw-empty, );  --tw-invert: var(--tw-empty, );  --tw-saturate: var(--tw-empty, );  --tw-sepia: var(--tw-empty, );  --tw-drop-shadow: var(--tw-empty, );  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); }
.hover\:brightness-125:hover {
--tw-brightness: brightness(1.25)
; }
@media (min-width: 640px) {
.sm\:flex-row {
flex-direction: row; }
.sm\:text-base {
font-size: 1rem;
line-height: 1.5rem; }
.sm\:w-1\/2 {
width: 50%; } }
@media (min-width: 768px) {
.md\:block {
display: block; }
.md\:inline-block {
display: inline-block; }
.md\:flex {
display: flex; }
.md\:hidden {
display: none; }
.md\:flex-row {
flex-direction: row; }
.md\:items-start {
align-items: flex-start; }
.md\:order-3 {
order: 3; }
.md\:order-4 {
order: 4; }
.md\:text-xl {
font-size: 1.25rem;
line-height: 1.75rem; }
.md\:text-2xl {
font-size: 1.5rem;
line-height: 2rem; }
.md\:-mr-24 {
margin-right: -6rem; }
.md\:min-h-40 {
min-height: 40vh; }
.md\:py-0 {
padding-top: 0;
padding-bottom: 0; }
.md\:px-4 {
padding-left: 1rem;
padding-right: 1rem; }
.md\:pr-8 {
padding-right: 2rem; }
.md\:bottom-3 {
bottom: .75rem; }
.md\:left-1\/2 {
left: 50%; }
.md\:w-1\/2 {
width: 50%; }
.md\:w-1\/3 {
width: 33.333333%; }
.md\:w-1\/4 {
width: 25%; }
.md\:w-2\/6 {
width: 33.333333%; }
.md\:w-4\/6 {
width: 66.666667%; }
.md\:w-5\/6 {
width: 83.333333%; }
.md\:w-6\/12 {
width: 50%; }
.md\:grid-cols-8 {
grid-template-columns: repeat(8, minmax(0, 1fr)); }
.md\:grid-cols-12 {
grid-template-columns: repeat(12, minmax(0, 1fr)); }
.md\:col-span-2 {
grid-column: span 2/span 2; }
.md\:col-span-3 {
grid-column: span 3/span 3; }
.md\:col-span-6 {
grid-column: span 6/span 6; }
.md\:transform {
--tw-translate-x: 0;
--tw-translate-y: 0;
--tw-rotate: 0;
--tw-skew-x: 0;
--tw-skew-y: 0;
--tw-scale-x: 1;
--tw-scale-y: 1;
transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); }
.md\:-translate-x-1\/2 {
--tw-translate-x: -50%
; } }
@media (min-width: 1024px) {
.lg\:w-2\/3 {
width: 66.666667%; }
.lg\:w-1\/4 {
width: 25%; } }
@media (min-width: 1280px) {
.xl\:block {
display: block; }
.xl\:hidden {
display: none; }
.xl\:mr-4 {
margin-right: 1rem; }
.xl\:ml-4 {
margin-left: 1rem; }
.xl\:px-0 {
padding-left: 0;
padding-right: 0; }
.xl\:px-2 {
padding-left: .5rem;
padding-right: .5rem; }
.xl\:w-1\/4 {
width: 25%; } }
html {
scroll-behavior: smooth; }
body {
background-color: #ffffff;
overflow-x: hidden;
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-between; }
.main-page {
background: #E5E5E5; }
.front-page {
background: #E5E5E5; }
p, a, input, li, th, td, figcaption, div {
color: black;
font-size: 18px;
line-height: 1.35;
font-family: var(--font-family); }
input, textarea {
max-width: 100%; }
th, td {
padding: 10px; }
a {
cursor: pointer;
color: var(--links-color);
text-decoration: none;
transition: all 0.3s; }
h1 {
color: black;
font-size: 42px;
line-height: 1.2;
font-family: var(--font-family-title);
margin: 1em 0; }
h2 {
color: black;
font-size: 35px;
line-height: 1.1;
font-family: var(--font-family-title);
margin: 1em 0; }
h3 {
color: black;
font-size: 25px;
line-height: 1;
font-family: var(--font-family-title);
margin: 1em 0; }
h4 {
color: black;
font-size: 18px;
line-height: 1;
font-family: var(--font-family-title);
margin: 1em 0; }
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
line-height: 1; }
img, svg, picture {
max-width: 100%;
height: auto;
outline: none !important; }
ul {
list-style: none;
padding: 0; }
@media (max-width: 992px) {
p, a, input, li, th, td, figcaption, div {
font-size: 16px;
line-height: 1.1; }
h1 {
font-size: 42px;
line-height: 1.2; }
h2 {
font-size: 32px;
line-height: 34px; }
h3 {
font-size: 16px;
line-height: 20px; }
h4 {
font-size: 16px;
line-height: 20px; } }
.text-center {
text-align: center; }
@media (max-width: 576px) {
p, a, input, li, th, td, figcaption, div {
font-size: 16px;
line-height: 20px; }
h1 {
font-size: 26px;
line-height: 28px; }
h2 {
font-size: 24px;
line-height: 26px; }
h3 {
font-size: 16px;
line-height: 20px; }
h4 {
font-size: 16px;
line-height: 20px; } }
@media (max-width: 370px) {
p, a, input, li, th, td, figcaption, div {
font-size: 14px;
line-height: 16px; }
h1 {
font-size: 28px;
line-height: 30px; }
h2 {
font-size: 24px;
line-height: 26px; }
h3 {
font-size: 14px;
line-height: 16px; }
h4 {
font-size: 14px;
line-height: 16px; } }
.toc_list li {
padding-left: 0 !important; }
.toc_list li::before {
content: none !important; }
.page404 {
font-size: 40px;
line-height: 46px;
font-weight: bold;
text-align: center;
padding-top: 10%; }
@media (max-width: 370px) {
.page404 {
font-size: 24px;
line-height: 28px; } }
.page404 span {
color: #1D8EFE; }
.page404__button {
display: block !important;
margin: 40px auto; }
.icon-arrow {
border: solid white;
border-width: 0 2px 2px 0;
display: inline-block;
padding: 3px;
transform: rotate(45deg); }
.wp-block-columns {
padding-right: 0 !important;
padding-left: 0 !important; }
:root {
--main-color: #126e51;
--second-color: #f0f0f0;
--links-color: #126e51;
--links-hover-color: #eeee22;
--header-bg-color: #126e51;
--nav-color: #ffffff;
--header-second-bg-color: #126e51;
--nav-second-color: #8f6969;
--site-button-bg-color: #efe700;
--site-button-color: #0a0a0a;
--site-button-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
--site-button-hover-bg-color: #3eb263;
--site-button-hover-color: #ffffff;
--site-button-hover-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
--border-radius: 4px;
--footer-bg-color: #000000;
--footer-text-color: #ffffff;
--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
--font-family-title: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
--font-size: 16px;
--line-height: 1.35;
--h1-font-size: 32px;
--h2-font-size: 24px;
--h3-font-size: 22px;
--h4-font-size: 20px;
--list-style: "\274B"; }
.button {
position: relative;
cursor: pointer;
display: inline-block;
min-width: 8em;
background: linear-gradient(180deg, #FEF380 0%, #FCE959 100%);
font-family: var(--font-family);
font-size: 18px;
line-height: 22px;
font-style: normal;
font-weight: bold;
padding: 1em 2em;
text-align: center;
color: #000000;
text-decoration: none;
text-transform: uppercase;
border: none;
outline: none;
transition: all .5s; }
.button:hover {
box-shadow: 0 0 30px rgba(253, 239, 110, 0.7); }
.button:active {
box-shadow: 0 0 30px rgba(253, 239, 110, 0.7); }
.site-button, .comments-section .submit {
position: relative;
cursor: pointer;
display: inline-block;
min-width: 8em;
background: var(--site-button-bg-color);
font-family: var(--font-family);
font-size: 18px;
line-height: 22px;
font-style: normal;
font-weight: 700;
padding: 1rem 2rem;
text-align: center;
color: var(--site-button-color);
text-decoration: none;
text-transform: uppercase;
border: none;
outline: 0;
transition: .5s;
border-radius: var(--border-radius);
box-shadow: var(--site-button-shadow); }
.site-button.center, .comments-section .submit.center {
left: 50%;
transform: translateX(-50%); }
.site-button:hover, .comments-section .submit:hover {
background: var(--site-button-hover-color); }
.button.center {
left: 50%;
transform: translateX(-50%); }
.stars {
margin: 0 20px 0 0;
display: flex;
flex-wrap: nowrap;
align-items: baseline; }
@media (max-width: 576px) {
.stars {
display: block; } }
.stars span {
font-style: normal;
font-weight: normal;
font-size: 21px;
line-height: 23px;
color: #FFFFFF;
margin-left: 10px; }
.header-gift__icon {
background-color: #ff2e60;
width: 10px;
height: 10px;
font-size: 9px;
line-height: 1;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
color: white;
right: 2px;
top: 14px;
position: absolute; }
.active .header-gift__icon {
font-size: 15px;
width: 30px;
height: 30px;
z-index: 3;
right: 4px;
top: -3px; }
.header-gift.active .header-gift-content__wrap {
display: block; }
.header-gift-content {
cursor: pointer;
position: absolute;
right: 15px;
top: 15px;
z-index: 2; }
.header-gift-content__img img {
width: 100%;
height: auto; }
.header-gift-content__button {
margin-top: 10px; }
.header-gift-content__button a, .header-gift-content__button button {
width: 100%; }
.header-gift-content__body {
display: grid;
align-items: center;
grid-template-columns: 50px 1fr;
grid-gap: 10px; }
.header-gift-content__wrap {
display: none;
background-color: white;
border-radius: var(--border-radius);
border: 2px solid var(--button-border-color);
padding: 10px;
min-width: 240px;
max-width: 300px;
margin: 0 auto; }
.header-gift {
position: relative;
margin-right: 20px; }
.header-gift svg {
fill: var(--header-bg-color);
stroke: var(--site-button-bg-color); }
@media (min-width: 576px) {
.header-gift {
display: none; } }
.logo {
max-width: 140px;
margin: 22px 10px; }
@media (max-width: 992px) {
.logo {
max-width: 177px;
margin: 17px 34px; } }
@media (max-width: 576px) {
.logo {
max-width: 85px;
margin: 17px 10px; } }
.top-nav {
position: relative; }
@media (max-width: 1200px) {
.top-nav {
position: absolute;
top: -500%;
left: 0;
right: 0;
background-color: #000000;
transition: top 0.5s;
z-index: -1; } }
.top-nav-active {
top: 100% !important; }
@media screen and (max-width: 768px) {
.top-nav .mob-menu .main-menu {
display: flex; }
.top-nav .standart-menu {
display: none; } }
@media screen and (min-width: 768px) {
.top-nav .mob-menu {
display: none; } }
.top-nav .main-menu {
padding: 0;
display: flex;
flex-direction: row;
justify-content: center;
list-style: none;
margin: 0;
flex-wrap: wrap;
align-content: center; }
@media (max-width: 1200px) {
.top-nav .main-menu {
flex-direction: column; } }
.top-nav .main-menu .menu-item {
display: inline-block;
padding: 0;
margin: 0; }
@media (max-width: 1024px) {
.top-nav .main-menu .menu-item {
width: 100%; } }
.top-nav .main-menu .menu-item::before {
content: none; }
.top-nav .main-menu .menu-item-has-children {
position: relative; }
.top-nav .main-menu .menu-item-has-children .nav__link {
padding: 15px 20px 15px 10px;
min-width: 58px; }
@media (max-width: 1200px) {
.top-nav .main-menu .menu-item-has-children .nav__link {
padding: 10px 30px 10px 10px; } }
.top-nav .main-menu .menu-item-has-children .dropdown-icon {
display: block;
cursor: pointer;
position: absolute;
right: 5px;
top: calc(50% - 6px);
width: 6px;
height: 6px;
fill: #fff;
z-index: 10; }
.top-nav .main-menu .menu-item-has-children .dropdown-icon:hover {
fill: #FDEF6E; }
.top-nav .main-menu .menu-item-has-children .dropdown-icon-active {
fill: #FDEF6E;
transform: rotate(225deg); }
@media (max-width: 576px) {
.top-nav .main-menu .menu-item-has-children .dropdown-icon {
z-index: 20; } }
@media (max-width: 1200px) {
.top-nav .main-menu .menu-item-has-children .dropdown-icon {
right: 16px; } }
.top-nav__link {
display: block;
position: relative;
font-family: var(--font-family);
font-weight: normal;
font-size: 15px;
line-height: 18px;
text-transform: uppercase;
color: #ffffff;
background-color: #090909;
letter-spacing: 0.01em;
padding: 15px 10px; }
@media (max-width: 1200px) {
.top-nav__link {
padding: 10px; } }
.top-nav__link:hover {
color: #FDEF6E;
text-decoration: underline; }
.top-nav__link-active {
color: #FDEF6E;
text-decoration: underline; }
.top-nav .sub-menu {
padding: 0;
position: absolute;
top: -1000%;
left: 0;
display: flex;
flex-direction: column;
justify-content: flex-end;
list-style: none;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
margin: 0;
background-color: #090909;
z-index: 15;
opacity: 0; }
@media (max-width: 1200px) {
.top-nav .sub-menu {
position: relative;
width: 100%; } }
.top-nav .sub-menu .nav__link {
padding: 10px 11px !important; }
@media (max-width: 1200px) {
.top-nav .sub-menu .nav__link {
max-height: 0;
padding: 0 11px !important;
background-color: #1D8EFE; }
.top-nav .sub-menu .nav__link:hover {
color: #000000; }
.top-nav .sub-menu .nav__link-active {
color: #000000; } }
.top-nav .sub-menu-active {
top: 100%;
opacity: 1; }
@media (max-width: 1200px) {
.top-nav .sub-menu-active .top-nav__link {
padding: 10px 11px !important;
max-height: 200px; } }
.top-nav .nav__link {
display: block;
position: relative;
font-family: var(--font-family);
font-weight: 400;
font-size: 15px;
line-height: 18px;
text-transform: uppercase;
color: var(--nav-color);
background-color: var(--header-bg-color);
letter-spacing: .01em;
padding: 15px 10px;
white-space: nowrap; }
.top-button .button {
font-size: 15px;
line-height: 18px; }
.second-bar .top-nav .nav__link {
font-size: .9rem;
padding: 10px 11px;
background-color: var(--header-second-bg-color); }
.second-bar .top-nav .main-menu .menu-item-has-children .nav__link {
padding: 10px 31px 10px 11px; }
@media (max-width: 1200px) {
.button,
.site-button {
font-size: 14px;
padding: .5rem 1rem; }
.top-nav {
position: absolute;
top: -500%;
left: 0;
right: 0;
background-color: var(--header-bg-color);
transition: top .5s;
z-index: -1;
overflow: hidden; }
.top-nav .main-menu {
flex-direction: column; }
.top-nav .main-menu .menu-item-has-children .nav__link {
padding: 10px 30px 10px 10px; }
.top-nav .main-menu .menu-item-has-children .dropdown-icon {
right: 16px; }
.top-nav .nav__link {
padding: 10px; }
.top-nav .sub-menu {
position: relative;
width: 100%; }
.top-nav .sub-menu .nav__link {
max-height: 0;
padding: 0 11px !important;
background-color: var(--header-bg-color);
transition: .3s; }
.top-nav .sub-menu .nav__link-active,
.top-nav .sub-menu .nav__link:hover {
color: #000; }
.top-nav .sub-menu-active .nav__link {
padding: 10px 11px !important;
max-height: 200px; } }
.top-bar {
padding: 0;
display: flex;
justify-content: space-between;
align-items: center; }
@media (max-width: 1200px) {
.top-bar {
padding: 12px 0; } }
@media (max-width: 768px) {
.top-bar img {
max-width: 100px;
height: auto; } }
@media (max-width: 576px) {
.top-bar .container {
width: 100%;
flex-wrap: wrap;
display: flex; }
.top-bar .container .header-buttons {
width: 100%;
display: flex;
justify-content: center; } }
.hamburger {
display: inline-block;
position: relative;
background-color: transparent;
width: 25px;
height: 19px; }
@media (max-width: 576px) {
.hamburger {
width: 25px;
height: 19px; } }
.hamburger__line {
position: absolute;
background-color: #FFFFFF;
left: 0;
width: 100%;
height: 4px;
border-radius: 3px; }
@media (max-width: 576px) {
.hamburger__line {
height: 3px; } }
.hamburger__line-a {
top: 0; }
.hamburger__line-b {
top: 50%;
transform: translateY(-50%);
opacity: 1; }
.hamburger__line-c {
bottom: 0; }
.hamburger-active .hamburger__line-a {
-webkit-animation: a-line-active 0.5s forwards;
animation: a-line-active 0.5s forwards; }
.hamburger-active .hamburger__line-b {
-webkit-animation: b-line-active 0.5s forwards;
animation: b-line-active 0.5s forwards; }
.hamburger-active .hamburger__line-c {
-webkit-animation: c-line-active 0.5s forwards;
animation: c-line-active 0.5s forwards; }
.hamburger-close .hamburger__line-a {
-webkit-animation: a-line-close 0.5s forwards;
animation: a-line-close 0.5s forwards; }
.hamburger-close .hamburger__line-b {
-webkit-animation: b-line-close 0.5s forwards;
animation: b-line-close 0.5s forwards; }
.hamburger-close .hamburger__line-c {
-webkit-animation: c-line-close 0.5s forwards;
animation: c-line-close 0.5s forwards; }
@-webkit-keyframes a-line-active {
0% {
top: 0; }
50% {
top: 50%;
transform: translateY(-50%); }
100% {
top: 50%;
transform: translateY(-50%) rotate(-45deg); } }
@keyframes a-line-active {
0% {
top: 0; }
50% {
top: 50%;
transform: translateY(-50%); }
100% {
top: 50%;
transform: translateY(-50%) rotate(-45deg); } }
@-webkit-keyframes a-line-close {
0% {
top: 50%;
transform: translateY(-50%) rotate(-45deg); }
50% {
top: 50%;
transform: translateY(-50%); }
100% {
top: 0; } }
@keyframes a-line-close {
0% {
top: 50%;
transform: translateY(-50%) rotate(-45deg); }
50% {
top: 50%;
transform: translateY(-50%); }
100% {
top: 0; } }
@-webkit-keyframes b-line-active {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 0; } }
@keyframes b-line-active {
0% {
opacity: 1; }
50% {
opacity: 0; }
100% {
opacity: 0; } }
@-webkit-keyframes b-line-close {
0% {
opacity: 0; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@keyframes b-line-close {
0% {
opacity: 0; }
50% {
opacity: 0; }
100% {
opacity: 1; } }
@-webkit-keyframes c-line-active {
0% {
bottom: 0; }
50% {
bottom: 50%;
transform: translateY(50%); }
100% {
bottom: 50%;
transform: translateY(50%) rotate(45deg); } }
@keyframes c-line-active {
0% {
bottom: 0; }
50% {
bottom: 50%;
transform: translateY(50%); }
100% {
bottom: 50%;
transform: translateY(50%) rotate(45deg); } }
@-webkit-keyframes c-line-close {
0% {
bottom: 50%;
transform: translateY(50%) rotate(45deg); }
50% {
bottom: 50%;
transform: translateY(50%); }
100% {
bottom: 0; } }
@keyframes c-line-close {
0% {
bottom: 50%;
transform: translateY(50%) rotate(45deg); }
50% {
bottom: 50%;
transform: translateY(50%); }
100% {
bottom: 0; } }
@media (max-width: 576px) {
.humburger-wrap {
display: flex;
align-items: center;
justify-content: center;
align-content: center; } }
.lang-toggle {
margin: 0;
width: 35px;
position: relative;
z-index: 100; }
.lang-toggle__more {
width: 10px;
height: 10px;
position: absolute;
right: -9px;
top: 6px;
cursor: pointer; }
.lang-toggle__more svg {
fill: white;
width: 10px;
height: 10px; }
.lang-toggle .non-active {
position: absolute;
top: 30px;
left: -5px;
width: 42px;
margin-top: 10px;
padding: 5px;
display: grid;
gap: 10px;
background-color: var(--header-bg-color);
border-radius: 5px; }
.lang-toggle .non-active img {
width: 32px;
height: 22px; }
.lang-toggle.hide .non-active {
display: none; }
@media screen and (min-width: 768px) {
.lang-toggle {
position: relative;
order: 1;
min-width: 35px;
margin: 0 0 0 10px; } }
.nav__link img {
max-height: 18px;
min-height: 16px; }
.hero {
margin: 57px auto 30px;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr auto;
grid-template-rows: 0.8fr auto auto;
grid-column-gap: 0;
grid-row-gap: 0; }
@media (max-width: 992px) {
.hero {
margin: 25px auto 30px; } }
.hero__header {
grid-area: 1 / 1 / 2 / 6; }
@media (max-width: 992px) {
.hero__header {
grid-area: 1 / 1 / 2 / 6; } }
.hero__footer {
grid-area: 2 / 1 / 4 / 3; }
@media (max-width: 992px) {
.hero__footer {
grid-area: 3 / 1 / 4 / 6; } }
.hero__sidebar {
grid-area: 2 / 3 / 4 / 6; }
@media (max-width: 992px) {
.hero__sidebar {
grid-area: 2 / 1 / 3 / 6; } }
.hero__title, .hero h1 {
margin: 10px 0 20px;
font-size: 38px !important;
font-style: normal;
font-weight: bold;
line-height: 1.2;
text-transform: uppercase; }
@media (max-width: 576px) {
.hero__title, .hero h1 {
font-size: 24px !important;
margin: 10px 0 10px; } }
.hero__subtitle {
margin: 10px 0 8px;
font-style: normal;
font-weight: normal;
font-size: 19px;
line-height: 125%;
text-transform: uppercase; }
@media (max-width: 576px) {
.hero__subtitle {
font-size: 16px;
margin: 8px 0 10px; } }
.hero__prize {
margin: 8px 0 30px;
font-style: normal;
font-weight: bold;
font-size: 42px;
line-height: 118%;
background: linear-gradient(90deg, #5c00fa 0, #dc00fa 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent; }
@media (max-width: 576px) {
.hero__prize {
font-size: 32px;
margin: 0 0 30px; } }
.odds {
margin: 30px auto; }
@media (max-width: 576px) {
.odds {
margin: 20px auto; } }
.odds__title {
font-weight: bold;
font-size: 34px;
line-height: 120%;
text-align: center; }
.odds__item {
display: flex;
flex-direction: column;
align-items: center;
margin: 18px auto; }
.odds__item_icon {
width: 95px;
height: 95px;
margin: 19px;
border-radius: 50%;
overflow: hidden;
box-shadow: 0 0 50px rgba(29, 142, 254, 0.55); }
.odds__item_content {
margin: 0 0 0 15px;
width: 100%;
text-align: center; }
.odds__item_title {
margin: 0 0 19px 0 !important;
font-style: normal;
font-weight: bold;
font-size: 17px;
line-height: 125%; }
.odds__item_text {
margin: 0 0 19px 0 !important;
font-style: normal;
font-weight: normal;
font-size: 14px;
line-height: 115%;
color: #111111; }
.block123 {
position: relative;
margin: 70px 0;
z-index: 0; }
.block123__row {
position: relative;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
justify-content: space-between;
margin: 25px 0 0; }
@media (max-width: 992px) {
.block123__row {
flex-direction: column; } }
.block123__title {
margin: 0 !important;
font-style: normal;
font-weight: bold;
font-size: 20px;
line-height: 24px;
color: black; }
@media (max-width: 576px) {
.block123__title {
left: 0;
top: -53px; } }
.block123__item {
padding: 0;
display: flex;
align-items: flex-start;
flex-wrap: nowrap;
flex-basis: 33%; }
@media (max-width: 992px) {
.block123__item {
padding: 15px 10px 15px; } }
.block123__item_num {
color: #1D8EFE;
font-style: normal;
font-weight: 800;
font-size: 135px;
line-height: 100px;
margin: 0 10px 0 0 !important; }
@media (max-width: 992px) {
.block123__item_num {
min-width: 80px; } }
.block123__item_title {
margin: 0 0 7px !important;
font-style: normal;
font-weight: bold;
font-size: 21px;
line-height: 24px;
color: black;
text-decoration: underline; }
.block123__item_subtitle {
margin: 0 !important;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 130%;
color: black; }
.download-app {
padding: 27px 0 0; }
.download-app__text {
font-style: normal;
font-weight: normal;
font-size: 17px;
line-height: 125%; }
.download-app__img {
display: inline-block;
margin: 10px 15px 0 0; }
.content-right-img {
padding: 30px 15px; }
@media (max-width: 576px) {
.content-right-img {
padding: 20px 15px; } }
.content-right-img__text {
font-size: 16px;
line-height: 19px; }
@media (max-width: 576px) {
.content-right-img__text {
margin-bottom: 20px; } }
.content-right-img__text ul {
list-style: none;
padding: 0; }
.content-right-img__text ul li {
position: relative;
margin: 15px 0;
padding-left: 40px; }
@media (max-width: 576px) {
.content-right-img__text ul li {
margin: 10px 0; } }
.content-right-img__text ul li::before {
content: url(//six6s-bangladesh.com/wp-content/themes/six6s-theme/img/verified-1.png);
position: absolute;
top: 0;
left: 0; }
.content-right-img__button {
margin: 37px 0 0; }
.content-right-img__image {
display: block;
padding: 20px 0; }
.colorblock {
padding: 30px 0; }
@media (max-width: 576px) {
.colorblock {
padding: 20px 0; } }
.colorblock__row {
position: relative;
background: linear-gradient(257.74deg, #0069D1 0%, #0069D2 100%);
display: flex; }
@media (max-width: 576px) {
.colorblock__row {
margin-right: 0;
margin-left: 0; } }
.colorblock__row:after {
content: url(//six6s-bangladesh.com/wp-content/themes/six6s-theme/img/888-chip_2.png);
position: absolute;
top: 30px;
left: 40px; }
@media (max-width: 576px) {
.colorblock__row:after {
display: none; } }
.colorblock__content_1 {
flex-basis: 40%;
padding: 30px 0 40px 40px;
display: flex;
flex-direction: column;
align-content: flex-start;
justify-content: flex-end; }
@media (max-width: 992px) {
.colorblock__content_1 {
flex-basis: 50%; } }
@media (max-width: 576px) {
.colorblock__content_1 {
display: none; } }
.colorblock__content_2 {
flex-basis: 30%; }
@media (max-width: 992px) {
.colorblock__content_2 {
display: none; } }
.colorblock__content_3 {
flex-basis: 30%;
text-align: center;
padding: 20px 40px; }
@media (max-width: 992px) {
.colorblock__content_3 {
flex-basis: 50%; } }
@media (max-width: 576px) {
.colorblock__content_3 {
flex-basis: 100%; } }
.colorblock__title {
margin: 0 !important;
color: #FFFFFF;
font-weight: bold;
font-size: 28px;
line-height: 120%; }
.colorblock__text {
margin: 10px 0 !important;
color: #000000;
font-weight: 500;
font-size: 19px;
line-height: 135%;
text-transform: uppercase; }
.colorblock__text-2 {
font-weight: bold;
font-size: 32px;
line-height: 135%;
color: #FFFFFF;
text-transform: uppercase;
margin: 0 !important; }
.colorblock__text-3 {
font-weight: 500;
font-size: 16.4px;
line-height: 135%;
color: #000000;
text-transform: uppercase;
margin: 0 !important; }
.colorblock__bonus {
font-weight: bold;
font-size: 110px;
line-height: 100%;
color: #FFFFFF;
margin: 0 !important; }
.colorblock__button {
background-color: #FFFFFF;
color: #000000;
font-weight: bold;
margin: 20px 0 0; }
.colorblock__image {
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: 45%;
padding: 0; }
.colorblock__image img {
display: block; }
@media (max-width: 992px) {
.colorblock__image img {
display: none; } }
.client {
padding: 30px 15px 0; }
@media (max-width: 576px) {
.client {
padding: 20px 15px; } }
.client .owl-carousel .owl-item img {
display: inline-block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
.client__title {
text-align: center;
margin: 40px auto 0; }
.client__select {
list-style: none;
background-color: #FFFFFF;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0;
margin: 30px auto; }
.client__select_link {
padding: 15px 10px;
margin: 0;
text-transform: uppercase;
display: inline-block;
color: black;
cursor: pointer; }
@media (max-width: 576px) {
.client__select_link {
font-size: 14px; } }
.client__select_link:hover {
color: #1D8EFE; }
.client__select_link.active {
color: #1D8EFE; }
.client__text p {
margin: 15px 0;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px; }
.client__text_title {
margin: 30px 0 0;
font-style: normal;
font-weight: normal;
font-size: 26px;
line-height: 32px; }
.client__text .button {
margin: 30px 0 15px 0; }
.main-page .client__select {
background: #f5f5f5; }
.video {
padding: 30px 15px; }
.video__container {
position: relative;
width: 100%;
height: 0;
padding-bottom: 56.25%;
background-color: #000000;
margin: 40px 0; }
.video__button {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
background: none;
border: none; }
.video__button-shape {
fill: #212121;
fill-opacity: 0.8; }
.video__button-icon {
fill: #ffffff; }
.video__button:focus {
outline: none; }
.video__button:hover .video__button-shape, .video__button:focus .video__button-shape {
fill: #ff0000;
fill-opacity: 1; }
.video__button:hover {
cursor: pointer; }
.video__preview {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.video__preview img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover; }
@media (max-width: 576px) {
.video {
padding: 20px 15px; } }
.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center, center; }
.video__youtube {
position: relative;
padding-bottom: 56.25%;
background-size: cover;
background-repeat: no-repeat;
background-position: 50% 50%; }
.video__youtube__play {
background-image: url(//six6s-bangladesh.com/wp-content/themes/six6s-theme/img/video-play.png);
background-repeat: no-repeat;
background-position: 50% 50%;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
cursor: pointer;
z-index: 10; }
.video__youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none; }
.video2 {
max-width: 650px; }
.video2.align-center {
margin: 0 auto; }
.video2.align-right {
margin-left: auto; }
.video2__media {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none; }
.news {
padding: 30px 15px; }
@media (max-width: 576px) {
.news {
padding: 20px 15px; } }
.news__img {
display: block;
width: 100%;
height: 166px; }
.news__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center; }
.news__title {
text-align: center;
margin: 40px auto 0; }
.news__wrapper {
margin: 50px auto 20px; }
.news__card {
background-color: #FFFFFF;
overflow: hidden;
min-height: 300px;
height: 100%; }
.news__card_desc {
padding: 30px 19px; }
.news__card_date {
margin: 0 0 10px 0 !important;
color: #cccccc;
font-style: normal;
font-weight: normal;
font-size: 15px;
line-height: 18px; }
.news__card_title {
display: block;
color: black;
margin: 0;
font-style: normal;
font-weight: 600;
font-size: 19px;
line-height: 23px; }
.news .owl-stage {
padding-left: 0 !important;
display: flex;
align-items: stretch; }
.last-news {
padding: 30px 15px; }
@media (max-width: 576px) {
.last-news {
padding: 20px 15px; } }
.last-news__title {
text-align: center;
margin: 40px auto; }
.last-news__row {
display: grid;
grid-template-columns: 2fr repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 2%;
grid-row-gap: 5%;
min-height: 320px; }
@media (max-width: 992px) {
.last-news__row {
grid-template-columns: repeat(2, 1fr);
grid-template-rows: 2fr repeat(2, 1fr);
min-height: 620px; } }
@media (max-width: 576px) {
.last-news__row {
grid-template-columns: 1fr;
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0;
grid-row-gap: 1%;
min-height: 900px; } }
.last-news__card {
position: relative;
display: block;
background-repeat: no-repeat;
background-size: cover;
background-position: 50%;
overflow: hidden;
transition: all 0.5s; }
.last-news__card:hover {
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5); }
.last-news__card a {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.45);
padding: 5%; }
.last-news__card_title {
color: #FFFFFF;
font-weight: bold;
line-height: 135%;
margin: 0 !important; }
.last-news__card_more {
color: #FFFFFF;
font-weight: 500;
line-height: 129%;
text-transform: uppercase;
text-decoration: underline;
position: absolute;
bottom: 5%;
left: 5%;
margin: 0 !important; }
.last-news__card_0 {
grid-area: 1 / 1 / 3 / 2; }
@media (max-width: 992px) {
.last-news__card_0 {
grid-area: 1 / 1 / 2 / 3; } }
@media (max-width: 576px) {
.last-news__card_0 {
grid-area: 1 / 1 / 2 / 3; } }
.last-news__card_0 .last-news__card_title {
font-size: 27px; }
@media (max-width: 576px) {
.last-news__card_0 .last-news__card_title {
font-size: 16px; } }
.last-news__card_0 .last-news__card_more {
font-size: 17px; }
@media (max-width: 576px) {
.last-news__card_0 .last-news__card_more {
font-size: 14px; } }
.last-news__card_1 .last-news__card_title, .last-news__card_2 .last-news__card_title, .last-news__card_3 .last-news__card_title, .last-news__card_4 .last-news__card_title {
font-size: 16px; }
.last-news__card_1 .last-news__card_more, .last-news__card_2 .last-news__card_more, .last-news__card_3 .last-news__card_more, .last-news__card_4 .last-news__card_more {
font-size: 14px; }
.last-news__card_1 {
grid-area: 1 / 2 / 2 / 3; }
@media (max-width: 992px) {
.last-news__card_1 {
grid-area: 2 / 1 / 3 / 2; } }
@media (max-width: 576px) {
.last-news__card_1 {
grid-area: 2 / 1 / 3 / 2; } }
.last-news__card_2 {
grid-area: 1 / 3 / 2 / 4; }
@media (max-width: 992px) {
.last-news__card_2 {
grid-area: 2 / 2 / 3 / 3; } }
@media (max-width: 576px) {
.last-news__card_2 {
grid-area: 3 / 1 / 4 / 2; } }
.last-news__card_3 {
grid-area: 2 / 2 / 3 / 3; }
@media (max-width: 992px) {
.last-news__card_3 {
grid-area: 3 / 1 / 4 / 2; } }
@media (max-width: 576px) {
.last-news__card_3 {
grid-area: 4 / 1 / 5 / 2; } }
.last-news__card_4 {
grid-area: 2 / 3 / 3 / 4; }
@media (max-width: 992px) {
.last-news__card_4 {
grid-area: 3 / 2 / 4 / 3; } }
@media (max-width: 576px) {
.last-news__card_4 {
grid-area: 5 / 1 / 6 / 2; } }
.ows {
padding: 30px 0 0; }
@media (max-width: 576px) {
.ows {
padding: 15px 0;
margin: 0 -15px; } }
.ows .owl-carousel .owl-item img {
display: inline-block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
.ows__title {
text-align: center;
margin: 0 auto 40px; }
@media (max-width: 576px) {
.ows__title {
margin: 0 auto 10px; } }
.ows__wrapper {
display: flex;
flex-direction: row;
align-items: center; }
.ows__arrow {
padding: 5px;
cursor: pointer; }
.ows__tabs {
max-width: 90%; }
@media (max-width: 576px) {
.ows__tabs {
max-width: 80%; } }
.ows__tab {
display: flex;
flex-direction: row; }
@media (max-width: 576px) {
.ows__tab {
flex-direction: column-reverse; } }
.ows__col {
padding: 0 15px 50px;
flex-basis: 50%;
text-align: center; }
@media (max-width: 576px) {
.ows__col {
padding: 0 5px 0;
flex-basis: 100%; } }
.ows__col img {
max-width: 70%; }
.ows__col p {
margin: 0 0 15px;
font-style: normal;
font-weight: normal;
font-size: 16px;
line-height: 20px; }
.ows__col_title {
margin: 30px 0 0;
font-style: normal;
font-weight: normal;
font-size: 26px;
line-height: 32px; }
.ows__col .button {
margin: 30px 0 15px 0; }
.sld-title {
margin-top: 0px;
margin-bottom: 10px;
font-weight: 700; }
.sld-carrousel-flexbox {
display: flex;
flex-wrap: nowrap;
overflow-x: auto;
scrollbar-width: none; }
.sld-card {
flex: 0 0 auto;
padding-right: 15px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none; }
.sld-card a {
display: block; }
.sld-card:hover {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: none; }
.sld-card:last-child {
margin-right: 15px; }
.sld-card:last-child:after {
content: ' ';
display: inline-block; }
.sld-title {
margin-top: 8px;
overflow: hidden;
font-weight: 700; }
.sld-start-from {
display: flex;
align-items: center;
justify-content: space-between; }
.sld-carrousel, .sld-carrousel-flexbox {
width: 100%;
-webkit-overflow-scrolling: touch; }
.sld-carrousel::-webkit-scrollbar, .sld-carrousel-flexbox::-webkit-scrollbar {
display: none; }
.deals-paddle {
height: 38px;
width: 38px;
color: white;
background-color: #00000089;
border: 0px solid;
margin: auto;
position: absolute;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
border-radius: var(--border-radius); }
.deals-paddle:focus {
outline: none; }
.deals-paddle:active {
border-style: solid;
outline: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; }
.deals-scroll-left {
top: 0;
left: 5px;
bottom: 0;
transform: rotateZ(270deg); }
.deals-scroll-right {
top: 0;
bottom: 0;
right: 5px;
transform: rotateZ(90deg); }
.faq {
padding: 30px 0; }
.faq ul li {
padding-left: 0 !important; }
.faq ul li::before {
content: none !important; }
.faq__title {
text-align: center;
margin: 40px auto 35px; }
.faq__nav {
list-style: none;
padding: 0; }
.faq__nav_item {
padding: 10px 20px 8px;
margin: 0 0 4px;
color: #131313;
font-style: normal;
font-weight: 700;
font-size: 21px;
line-height: 26px;
cursor: pointer;
transition: .2s; }
.faq__nav_item:hover {
background-color: #fff;
color: var(--main-color); }
.faq__nav_item-active {
background-color: #fff;
color: var(--main-color); }
.faq__items {
list-style: none;
padding: 0; }
.faq__item {
position: relative;
margin: 0 0 20px;
background-color: #f5f5f5;
padding: 0;
overflow: hidden; }
.faq__item::before {
content: none; }
.faq__item_title {
position: relative;
padding: 16px 50px 16px 16px;
cursor: pointer;
margin: 0;
background-color: #f5f5f5; }
.faq__item_title h2 {
margin: 0; }
.faq__item_title h3 {
margin: 0; }
.faq__item_title h4 {
margin: 0; }
.faq__item_title h5 {
margin: 0; }
.faq__item_icon {
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
height: 17px;
width: 17px; }
.faq__item_icon:after {
content: "";
width: 17px;
height: 3px;
background: #000;
position: absolute;
border-radius: 3px;
left: 50%;
top: 50%;
transition: .2s ease-in-out;
transform: translate(-50%, -50%);
transform: translate(-50%, -50%) rotate(90deg);
z-index: -1; }
.faq__item_icon:before {
content: "";
width: 17px;
height: 3px;
background: #000;
position: absolute;
border-radius: 3px;
left: 50%;
top: 50%;
transition: .2s ease-in-out;
transform: translate(-50%, -50%); }
.faq__item_text {
position: relative;
bottom: 0;
left: 0;
width: 100%;
padding: 0 16px;
margin: 0;
background-color: #f5f5f5;
transition: .5s;
max-height: 0;
font-size: 16px;
line-height: 20px; }
.faq__item_text p {
margin: 0 !important; }
.faq__item_text ul {
padding-left: 30px !important; }
.faq__item_text ul li {
list-style: disc; }
.faq__item-active .faq__item_icon:after {
width: 0; }
.faq__item-active .faq__item_text {
bottom: -100%;
max-height: var(--max-height);
padding: 0 16px 16px; }
.footer a {
color: var(--footer-text-color); }
.footer a:hover {
color: calc(var(--footer-text-color) + 20); }
.footer p {
color: var(--footer-text-color); }
.footer li {
list-style: none;
padding: 0;
margin: 7px 0; }
.footer li::before {
content: none; }
.footer .widget-title {
color: var(--footer-text-color);
text-transform: uppercase;
font-weight: 700; }
.footer .social-icon {
max-width: 24px;
max-height: 24px;
display: inline-block;
margin: 7px; }
.footer .social-icon img {
width: 100%;
height: 100%; }
.footer__scrolltop {
display: block;
visibility: hidden;
opacity: 0;
width: 35px;
height: 35px;
position: fixed;
bottom: 84px;
right: 10px;
z-index: 1000;
cursor: pointer;
transition: visibility, opacity .5s linear;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGcgc3Ryb2tlPSIjMjkyOTI5IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS13aWR0aD0iMi41IiBjbGlwLXBhdGg9InVybCgjYSkiPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjkiLz48cGF0aCBkPSJtMTUgMTMtMy0zLTMgMyIvPjwvZz48ZGVmcz48Y2xpcFBhdGggaWQ9ImEiPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L2NsaXBQYXRoPjwvZGVmcz48L3N2Zz4K");
background-size: contain; }
@media screen and (min-width: 768px) {
.footer__scrolltop {
width: 50px;
height: 50px;
bottom: 10px;
right: 50px; } }
.footer__scrolltop-show {
visibility: visible;
opacity: 1; }
.footer-alt__menu {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly; }
.footer-alt__menu li {
margin-left: 10px;
margin-right: 10px; }
.footer-icons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center; }
.footer-icons .icon {
width: 100px;
margin: 10px;
height: 60px;
filter: grayscale(0.7);
cursor: pointer; }
@media screen and (max-width: 768px) {
.footer-icons .icon {
width: 50px;
margin: 5px;
height: 25px; } }
.footer-icons .icon:hover {
filter: grayscale(0); }
.footer-alt .social-links ul {
justify-content: center; }
.footer-alt .social-links ul li a {
background-color: unset; }
.footer-alt__buttons {
display: flex;
justify-content: center;
width: 100%; }
.footer-alt .site-button {
background: unset;
border: 1px solid var(--footer-text-color);
color: var(--footer-text-color); }
.footer-alt .site-button:hover svg {
fill: calc(var(--footer-text-color) + 20); }
.footer-alt .site-button svg {
fill: var(--footer-text-color); }
.footer-alt hr {
opacity: 0.2; }
.footer-icons ul {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.page-header {
z-index: 20; }
.page-title {
padding: 1em;
position: relative;
width: 100%;
background: #1D8EFE; }
.page-title h1 {
margin: 0;
padding: 0;
color: #ffffff;
text-align: center; }
.content__page {
padding-top: 15px;
padding-bottom: 30px; }
@media (max-width: 576px) {
.content__page {
padding-bottom: 30px; } }
.content__page h1 {
font-size: 42px;
line-height: 1.1;
margin-top: 0; }
@media (max-width: 576px) {
.content__page h1 {
font-size: 32px;
line-height: 1.1; } }
.content__page ul {
list-style: none;
padding: 0; }
.content__page ul li {
position: relative;
margin: 15px 0;
padding-left: 40px; }
@media (max-width: 576px) {
.content__page ul li {
margin: 10px 0; } }
.content__page ul li::before {
content: url(//six6s-bangladesh.com/wp-content/themes/six6s-theme/img/verified-1.png);
position: absolute;
top: 0;
left: 0; }
.content__page ol {
counter-reset: myCounter;
padding: 15px 0; }
.content__page ol li {
list-style: none;
padding-left: 25px;
position: relative;
margin-bottom: 10px; }
.content__page ol li:before {
counter-increment: myCounter;
content: counter(myCounter);
color: #1D8EFE;
display: block;
margin: 2px 10px 2px 2px;
font-weight: 800;
font-size: 22px;
line-height: 90%;
position: absolute;
left: 0;
top: 0; }
.content__page p {
margin: 1em 0; }
.content__page iframe {
max-width: 100%; }
.content__header {
width: 100%;
min-height: 40vh;
background: #e5e5e5; }
@media (max-width: 576px) {
.content__header {
min-height: 20vh; } }
.content__header_img {
width: 100%;
min-height: 40vh;
background-repeat: no-repeat;
background-size: cover;
background-position: center; }
@media (max-width: 576px) {
.content__header_img {
min-height: 20vh; } }
.content__header_container, .content__header_container .row {
position: relative;
height: 100%; }
.content__header_col {
align-self: center;
text-align: center;
background: rgba(0, 0, 0, 0.5);
margin-top: 15px;
margin-bottom: 15px; }
.content__header_text-1 {
color: #ffffff;
font-size: 24px;
line-height: 29px;
text-transform: uppercase;
padding-top: 1em;
margin: 0 !important; }
@media (max-width: 576px) {
.content__header_text-1 {
font-size: 20px;
line-height: 22px; } }
.content__header_bonus {
font-weight: bold;
font-size: 155px;
line-height: 189px;
color: #1D8EFE;
margin: 0 !important; }
@media (max-width: 576px) {
.content__header_bonus {
font-size: 135px;
line-height: 170px; } }
.content__header_text-2 {
color: #ffffff;
font-weight: bold;
font-size: 43px;
line-height: 52px;
text-transform: uppercase;
margin: 0 !important; }
@media (max-width: 576px) {
.content__header_text-2 {
font-size: 36px;
line-height: 40px;
padding-bottom: 0.5em; } }
.content__header_text-3 {
color: #ffffff;
font-size: 21px;
line-height: 26px;
text-transform: uppercase;
padding-bottom: 1em;
margin: 0 !important; }
@media (max-width: 576px) {
.content__header_text-3 {
font-size: 20px;
line-height: 22px; } }
.content__header_button {
margin-bottom: 1em; }
.breadcrumbs {
padding: 15px;
background: #fff; }
@media (max-width: 576px) {
.breadcrumbs {
padding: 15px; } }
.breadcrumbs ol li {
list-style: none;
font-size: 16px;
display: inline;
margin: 0;
color: #000;
transition: .5s; }
.breadcrumbs ol li::after {
content: "/";
margin: 0 7px; }
.breadcrumbs ol li:last-child {
color: #888; }
.breadcrumbs ol li:last-child::after {
content: none; }
.breadcrumbs ol li:hover {
color: #888; }
.breadcrumbs__item {
font-size: 16px;
display: inline;
margin: 0;
color: #000;
white-space: nowrap;
transition: .5s; }
.breadcrumbs__item::after {
content: "/";
margin: 0 7px; }
.breadcrumbs__item:last-child {
color: #888; }
.breadcrumbs__item:last-child::after {
content: none; }
.breadcrumbs__item:hover {
color: #888; }
.category {
padding-bottom: 30px;
background: #e5e5e5; }
.category__title {
margin: 0.5em 0 1em; }
.category__items {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
padding: 0; }
@media (max-width: 576px) {
.category__items {
padding: 0 0 30px; } }
.category__item {
position: relative;
flex-basis: 45%;
background-color: #ffffff;
overflow: hidden;
max-width: 600px;
margin: 15px;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
transition: all 0.5s; }
@media (max-width: 992px) {
.category__item {
flex-basis: 45%;
margin: 10px; } }
@media (max-width: 576px) {
.category__item {
flex-basis: 95%; } }
.category__item_img {
display: block;
width: 100%;
height: 250px;
overflow: hidden; }
.category__item_img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
transition: all 0.5s; }
.category__item_title {
display: block;
color: black;
margin: 0 0 20px 0;
font-style: normal;
font-weight: bold;
font-size: 21px;
line-height: 145%; }
.category__item_desc {
margin: 0;
padding: 30px 19px 60px;
color: black; }
.category__item_desc p {
font-weight: 500;
font-size: 16px;
line-height: 145%;
color: black; }
.category__item_meta {
margin: 0 0 10px 0;
color: rgba(0, 0, 0, 0.35) !important;
font-style: normal;
font-weight: 500;
font-size: 16px;
line-height: 145%; }
.category__item_meta span {
color: #ffffff;
background: #1D8EFE;
font-weight: bold;
font-size: 12px;
vertical-align: bottom;
padding: 3px 5px;
border-radius: 4px;
margin-left: 7px; }
.category__item_read-more {
position: absolute;
bottom: 25px;
left: 25px;
font-weight: 600;
font-size: 16px;
line-height: 145%;
-webkit-text-decoration-line: underline;
text-decoration-line: underline;
color: #000000; }
.category__item:hover {
box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.5); }
.category__item:hover .category__item_img img {
transform: scale(1.1); }
.category__pagination {
margin-top: 30px; }
.category .pagination {
width: 100%; }
.codeblock-mini {
max-width: 350px;
border: 1px solid var(--second-color);
border-radius: var(--border-radius);
padding: 10px;
position: relative;
margin: 20px 0;
background: #fff; }
.codeblock-mini.align-center {
margin: 0 auto; }
@media (max-width: 768px) {
.codeblock-mini {
max-width: 100%; } }
.codeblock-mini__icon-wrap {
display: inline-block;
width: 10px; }
.codeblock-mini__help {
text-align: center; }
.codeblock-mini__body {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap; }
@media (max-width: 768px) {
.codeblock-mini__body {
justify-content: space-around; } }
.codeblock-mini__body a {
text-decoration: none; }
.codeblock-mini__body button {
padding: 0;
margin: 0;
border: unset; }
.codeblock-mini__title {
font-style: normal;
font-size: 16px;
line-height: 135%;
text-align: center;
font-weight: bolder;
padding: 10px 0; }
.codeblock-mini input {
border: unset;
text-align: center; }
.codeblock-mini__code, .codeblock-mini input {
font-style: normal;
font-weight: 500;
font-size: 14.6524px;
line-height: 125%;
color: #000000;
outline: 1px dashed var(--main-color);
outline-offset: -1px;
height: 38px;
width: 128px;
border-radius: 5px;
justify-content: center;
align-items: center;
display: flex;
text-decoration: unset;
font-weight: 900;
position: relative;
overflow: hidden;
z-index: 2; }
.codeblock-mini__code:before, .codeblock-mini input:before {
content: " ";
position: absolute;
top: 9px;
height: 7px;
width: 4rem;
border: 17px solid transparent;
border-right: 16px solid var(--main-color);
transform: rotateZ(343deg);
z-index: 20;
filter: brightness(0.5); }
.codeblock-mini__code:after, .codeblock-mini input:after {
content: " ";
position: absolute;
background-color: var(--main-color);
width: 105px;
height: 40px;
left: -8px;
z-index: -1;
transform: skewX(16deg); }
.codeblock-mini__code-sticker {
content: "COPY";
position: absolute;
background-color: var(--main-color);
color: white; }
.codeblock-mini .button_bonus {
font-style: normal;
font-weight: 500;
font-size: 14.6524px;
line-height: 125%;
border: unset;
height: 40px;
width: 130px;
border-radius: 5px;
justify-content: center;
align-items: center;
display: flex;
text-decoration: unset;
font-weight: 900; }
.codeblock-mini .codeblock-block-ref {
display: none; }
.quote {
padding: 30px 0; }
@media (max-width: 576px) {
.quote {
padding: 20px 0; } }
.quote__wrapper {
background: #ffffff;
display: flex;
flex-wrap: nowrap;
justify-content: space-between;
overflow: hidden; }
.quote__col-left {
width: 100%;
padding: 15px; }
.quote__col-right {
width: 240px;
display: flex;
flex-direction: column;
justify-content: space-between;
-webkit-clip-path: polygon(40% 0%, 100% 0, 100% 100%, 0% 100%);
clip-path: polygon(40% 0%, 100% 0, 100% 100%, 0% 100%); }
.quote__text {
font-weight: bold;
font-size: 18px;
line-height: 20px;
padding-bottom: 10px; }
.quote__text p {
margin: 0 !important; }
.quote__link {
display: block;
text-align: right;
font-weight: normal;
font-size: 14px;
line-height: 26px;
text-decoration: underline; }
.quote__image {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
background-image: url(//six6s-bangladesh.com/wp-content/themes/six6s-theme/img/poker-bg.jpg);
background-size: cover;
padding: 10px 0 10px 40px; }
.quote__image img {
display: block; }
.quote__button {
height: 35px;
background: #FDEF6E;
color: #000000;
text-align: center;
line-height: 35px; }
.comments-section .commentlist {
list-style: none;
padding: 0; }
.comments-section .comment {
background: #ffffff;
margin: 10px 0;
padding: 15px; }
.comments-section .comment-author {
display: flex;
align-items: center;
margin-bottom: 5px; }
.comments-section .comment-author img {
border: 1px solid #aaa;
padding: 1px;
border-radius: 50%;
background: #ffffff; }
.comments-section .comment-author cite {
padding: 0 0 0 10px; }
.comments-section .comment-meta a {
color: #bbb;
font-size: 12px; }
.comments-section .comment-respond {
text-align: center; }
.comments-section .comment-form {
background: #999;
margin: 1em 0 2em;
border-radius: var(--border-radius); }
.comments-section .comment-form-author, .comments-section .comment-form-email {
padding-bottom: 1em; }
.comments-section .comment-form-author label, .comments-section .comment-form-email label {
display: inline-block;
min-width: 80px; }
.comments-section .logged-in-as, .comments-section .comment-notes {
color: #ffffff;
padding: 1em; }
.comments-section .logged-in-as a, .comments-section .comment-notes a {
color: #ffffff; }
.comments-section .comment-form-comment {
display: flex;
flex-direction: column;
align-items: center;
margin: 15px auto;
width: 90%; }
.comments-section .comment-form-comment label {
display: none; }
.comments-section #comment {
margin: 0 auto;
width: 90%; }
.comments-section input, .comments-section textarea {
outline: none;
border: 1px solid #bbbbbb;
padding: 5px 10px; }
.comments-section .submit {
margin: 30px auto; }
.comments-section .says {
margin-left: 20px; }
ul.commentlist li:before {
content: " " !important; }
.rating {
position: relative;
display: inline-block; }
.rating::before {
content: '\2606\2606\2606\2606\2606\2606\2606\2606\2606\2606';
position: relative;
color: #faba05;
font-size: 2rem; }
.rating .stars {
position: absolute;
left: 0;
top: 0;
overflow: hidden; }
.rating .stars::after {
content: '\2605\2605\2605\2605\2605\2605\2605\2605\2605\2605';
display: block;
color: #faba05;
font-size: 2rem; }
.rating .count {
width: 10px; }
.rating-short {
position: relative;
display: inline-block;
margin: 0 auto; }
.rating-short::before {
content: '\2606\2606\2606\2606\2606';
position: relative;
color: #faba05;
font-size: 2rem; }
.rating-short .stars {
position: absolute;
left: 0;
top: 0;
overflow: hidden; }
.rating-short .stars::after {
content: '\2605\2605\2605\2605\2605';
display: block;
color: #faba05;
font-size: 2rem; }
.rating-short .count {
width: 10px; }
.rating_sm .stars::after {
font-size: 1.5rem; }
.rating_sm::before {
font-size: 1.5rem; }
.contents {
padding: 0 15px;
position: absolute;
top: 0;
left: 0;
width: 100%; }
@media (max-width: 992px) {
.contents {
position: relative;
padding: 0;
margin-bottom: 30px; } }
.contents__wrap {
background-color: #ffffff;
overflow: hidden;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2); }
.contents__title {
padding: 15px 15px 0;
margin: 0 !important;
font-weight: bold;
background-color: #ffffff;
color: #333333; }
.contents ul {
padding: 5px 15px 5px 15px; }
.contents ul li {
margin: 15px 0; }
.contents a {
color: #1D8EFE; }
.contents a:hover {
text-decoration: underline; }
.main-content ul {
list-style: none;
padding: 0; }
.main-content ul li {
padding-left: 2rem;
position: relative;
margin-bottom: 1rem; }
.main-content ul li::before {
content: var(--list-style);
position: absolute;
color: var(--main-color);
font-size: var(--font-size);
top: 0;
left: 0; }
.main-content ol {
counter-reset: myCounter;
padding: 15px 0; }
.main-content ol li {
list-style: none;
padding-left: 2.5rem;
position: relative;
margin-bottom: 1rem; }
.main-content ol li:before {
counter-increment: myCounter;
content: counter(myCounter);
color: #fff;
background-color: var(--main-color);
margin: 0;
font-weight: 500;
font-size: calc(var(--font-size) * .8);
line-height: 50%;
border-radius: 50%;
padding: .5rem;
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center; }
.main-content p {
margin: 1rem 0; }
.main-content iframe {
max-width: 100%; }
.main-content .wp-block-image {
margin-top: 2rem;
margin-bottom: 2rem; }
.main-content blockquote {
padding-left: 25px;
position: relative;
display: block;
margin: 20px auto; }
.main-content blockquote p {
font-size: 1.1rem;
font-weight: 200;
line-height: 22px;
font-style: italic; }
.main-content blockquote::before {
content: "";
position: absolute;
top: 0;
left: 10px;
width: 3px;
height: 100%;
background-color: var(--main-color); }
.main-content blockquote cite {
display: block;
margin-top: 10px;
font-size: .8em; }
.main-content .figcaption {
font-size: .9rem;
text-align: center;
font-style: italic;
margin-top: 10px; }
.main-content figcaption {
font-size: .9rem;
text-align: center;
font-style: italic;
margin-top: 10px; }
.darling {
position: fixed;
top: 90px;
right: 5px;
color: #495d45f2;
z-index: 9;
cursor: pointer;
font-family: var(--font-family);
transition: all 0.3s; }
.darling div {
display: inline-block;
vertical-align: top;
width: 17px;
height: 17px;
margin: 0 6px; }
.darling div svg {
fill: #495d45f2;
transition: all 0.3s; }
.darling:hover {
color: #2377d5; }
.darling:hover div svg {
fill: #2377d5; }
.otzyvy {
padding: 30px 15px; }
@media (max-width: 576px) {
.otzyvy {
padding: 20px 15px; } }
.otzyvy__img {
display: block;
width: 100%;
height: 166px; }
.otzyvy__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center; }
.otzyvy__title {
text-align: center;
margin: 40px auto 0; }
.otzyvy__wrapper {
margin: 50px auto 20px; }
.otzyvy__card {
position: relative;
background-color: #FFFFFF;
overflow: hidden;
min-height: 300px;
height: 100%;
padding: 20px 18px 40px; }
.otzyvy__card_icon {
width: 30px;
height: 21px;
background-image: url(//six6s-bangladesh.com/wp-content/themes/six6s-theme/img/review-icon.svg);
background-repeat: no-repeat;
background-position: center; }
.otzyvy__card_title {
display: block;
color: black;
margin: 13px 0 10px 0;
font-style: normal;
font-weight: bold;
font-size: 16px;
line-height: 125%; }
.otzyvy__card_text {
font-weight: 500;
font-size: 16px;
line-height: 129%;
margin: 10px 0 10px 0 !important; }
.otzyvy__card_rating {
position: absolute;
bottom: 20px;
left: 18px;
margin: 0 !important; }
.otzyvy__card_star {
width: 17px !important;
height: 17px !important;
display: inline-block !important; }
.otzyvy .owl-stage {
padding-left: 0 !important;
display: flex;
align-items: stretch; }
.search-page__post {
margin: 1em 0 2em; }
.search-page__post-title {
margin: 1em 0 0.5em; }
@media (max-width: 576px) {
.wp-block-table.is-style-stripes {
margin: 1em 0; } }
.wp-block-table.is-style-stripes tbody tr:nth-child(even) {
background-color: #ffffff; }
.wp-block-table table {
width: 100%;
border: none;
margin-bottom: 20px;
background-color: #fff; }
.wp-block-table table thead th {
font-weight: bold;
text-align: left;
border: none;
padding: 10px 15px;
background: var(--table-bg-color-head);
color: var(--table-font-color-head);
font-size: 15px;
border-left: 1px solid var(--table-bg-color-head);
border-right: 1px solid var(--table-bg-color-head); }
.wp-block-table table tbody td {
text-align: left;
border-left: 1px solid var(--table-border-color);
border-right: 1px solid var(--table-border-color);
padding: 10px 15px;
font-size: 15px;
vertical-align: top; }
.wp-block-table table tbody td:first-child {
border-left: 1px solid var(--table-border-color); }
.wp-block-table table tbody td:last-child {
border-right: 1px solid var(--table-border-color); }
.wp-block-table table tbody tr:last-child td {
border-bottom: 1px solid var(--table-border-color); }
.wp-block-table table tbody tr:first-child td {
border-top: 1px solid var(--table-border-color); }
.wp-block-table table tbody tr:nth-child(odd) {
background: var(--table-bg-cell); }
@media (max-width: 576px) {
.content__page .wp-block-quote {
margin: 1em 0; } }
.content__page .wp-block-quote p {
background: #f3f4f5;
padding: 1em;
border-left: 4px solid #1d8efe; }
.wpcf7-form {
display: flex;
flex-direction: column;
align-items: center; }
.wpcf7-form input, .wpcf7-form textarea {
max-width: 100%;
padding: 0.5rem;
border: 2px solid #1d8efe66;
border-radius: 5px; }
.mobile-app-header {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: auto auto auto auto;
margin: 20px 0; }
.mobile-app-header__title {
grid-row: 1;
grid-column: 1;
align-items: center;
display: grid;
align-content: center; }
.mobile-app-header__description {
grid-row: 2;
grid-column: 1;
z-index: 2; }
@media screen and (max-width: 768px) {
.mobile-app-header__description {
grid-row: 6; }
.mobile-app-header__description p {
color: black !important; } }
.mobile-app-header__text {
font-size: 1.5rem;
padding: 20px 0; }
.mobile-app-header__buttons {
grid-row: 4;
grid-column: 2;
display: grid;
grid-template-columns: 1fr 1fr;
background-color: #d7d7d7; }
.mobile-app-header__rating {
grid-row: 4;
grid-column: 1;
background-color: #d7d7d7; }
.mobile-app-header__rating > div {
text-align: center;
padding: 10px 0; }
.mobile-app-header__promo {
z-index: 2; }
@media screen and (max-width: 768px) {
.mobile-app-header__promo .codeblock-mini {
border: unset;
background: unset;
margin: 0; } }
.mobile-app-header__img {
grid-row: 1/4;
grid-column: 2;
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
align-self: end; }
.mobile-app-header__img img {
box-shadow: 0px -15px 15px 0px #1c1c1c;
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
padding: 10px 10px 0px 10px;
background-color: black;
width: auto;
margin: 0 auto; }
@media screen and (max-width: 768px) {
.mobile-app-header__img {
height: 250px; }
.mobile-app-header__img img {
height: 250px;
width: auto; }
.mobile-app-header {
grid-template-columns: 1fr;
grid-template-rows: auto auto auto auto;
margin-bottom: 0; }
.mobile-app-header:after {
content: " ";
position: absolute;
background-color: #f4f4f4;
width: 90%;
height: 60%;
bottom: 0;
z-index: 0;
border-radius: var(--border-radius) var(--border-radius) 0 0;
left: 5%; }
.mobile-app-header:before {
content: " ";
position: absolute;
width: 100%;
height: 20%;
bottom: 0;
z-index: 0;
left: 0;
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="3px" height="3px" viewBox="0 0 3 3" fill="black"><polygon points="0,0.5 0,1.5 1.5,3 2.5,3"></polygon><polygon points="2.5,0 1.5,0 3,1.5 3,0.5"></polygon></svg>');
background-size: 6px 6px; }
.mobile-app-header__title {
grid-row: 1;
grid-column: 1;
z-index: 2;
margin-bottom: 20px;
background-color: transparent; }
.mobile-app-header__buttons {
margin: 0 20px;
grid-row: 4;
grid-column: 1;
grid-template-columns: 1fr;
z-index: 2;
background-color: transparent; }
.mobile-app-header__rating {
margin: 0 20px;
grid-row: 5;
grid-column: 1;
z-index: 2;
background-color: transparent; }
.mobile-app-header__rating > div {
grid-template-columns: 1fr;
display: grid; }
.mobile-app-header__img {
grid-row: 2;
grid-column: 1;
z-index: 2; } }
@media screen and (min-width: 768px) {
.mobile-app-header__buttons {
border-radius: 0 var(--border-radius) var(--border-radius) 0; }
.mobile-app-header__rating {
border-radius: var(--border-radius) 0 0 var(--border-radius); } }
.casinos-list {
width: 100%; }
.casinos-list__items-container {
margin: 0 auto 20px;
display: flex;
align-self: center;
flex-wrap: wrap;
width: 100%; }
.casinos-list__item {
width: 25%;
padding: 0 5px 12px; }
@media (max-width: 768px) {
.casinos-list__item {
width: 33.3%; } }
@media (max-width: 420px) {
.casinos-list__item {
width: 50%; } }
.casino-item {
position: relative; }
.casino-item__info {
flex: 1 1 auto;
position: relative;
background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, black 37%);
border-radius: 0 0 var(--border-radius) var(--border-radius);
display: flex;
align-items: center;
overflow: hidden;
justify-content: center;
text-align: center;
min-height: 70px;
padding: 10px;
position: absolute;
width: 100%;
bottom: 0;
z-index: 2; }
.casino-item__info-title {
color: #fff;
min-height: 50px;
display: flex;
align-items: center;
justify-content: center; }
.casino-item__image-holder {
border-radius: var(--border-radius) var(--border-radius) var(--border-radius) var(--border-radius);
overflow: hidden; }
.foreign__sites ul {
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0;
position: relative;
margin: 20px 0;
flex-wrap: wrap; }
.foreign__sites ul li {
padding-left: 0;
padding-right: 10px;
padding-bottom: 0;
margin-bottom: 0; }
.foreign__sites ul li::before {
content: none; }
.foreign__sites ul li img {
height: 40px;
width: auto; }
.foreign__sites ul li a {
display: flex;
flex-direction: row;
align-items: center; }
.foreign__sites ul li::before {
content: none; }
.pros-and-cons {
display: flex;
justify-content: space-between;
gap: 50px;
margin: 30px 0; }
.pros-and-cons ol li:before {
background-color: #089e4e; }
@media (max-width: 768px) {
.pros-and-cons {
flex-direction: column; } }
.pros-and-cons__item {
width: 100%; }
.pros-and-cons__header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 2px;
background-color: #089e4e;
border-radius: var(--border-radius) var(--border-radius) 0 0; }
.pros-and-cons__title {
padding-left: 20px;
font-size: 22px;
font-weight: 500;
color: #fff;
line-height: 2rem; }
.pros-and-cons__span {
width: 22px;
height: 22px;
color: #000;
background-color: #fff;
text-align: center;
border-radius: var(--border-radius);
font-size: 22px;
line-height: 22px; }
.pros-and-cons__content {
padding: 30px;
border-right: 2px solid #089e4e;
border-left: 2px solid #089e4e;
border-bottom: 2px solid #089e4e;
border-radius: 0 0 var(--border-radius) var(--border-radius); }
.pros-and-cons__item--dark .pros-and-cons__header {
background-color: #ff5151; }
.pros-and-cons__item--dark ol li:before {
background-color: #ff5151; }
.pros-and-cons__item--dark .pros-and-cons__content {
border-right: 2px solid #ff5151;
border-left: 2px solid #ff5151;
border-bottom: 2px solid #ff5151; }
.showMobBanner.hide {
display: none; }
.showMobBanner.show {
position: fixed;
bottom: 0; }
.mobile-version {
max-width: 400px;
margin: 0 auto; }
.app-download {
max-width: 100%;
margin: 10px;
border-radius: 10px; }
@media screen and (max-width: 320px) {
.app-download {
margin: 0px; } }
.app-download__wrapper {
display: grid;
grid-template-columns: 45px auto 120px;
grid-template-rows: 1fr auto;
padding: 8px;
gap: 8px;
margin-bottom: 10px; }
@media screen and (max-width: 320px) {
.app-download__wrapper {
grid-template-columns: 45px auto 100px; } }
.app-download__logo {
grid-row: 1/3;
border-radius: 10px;
overflow: hidden;
grid-column: 1/1;
align-self: center;
justify-self: center; }
.app-download__logo img {
width: 100%;
height: auto; }
.app-download__title {
font-weight: 500;
font-size: 16px;
line-height: 19px; }
.app-download__bonus {
grid-row: 2;
grid-column: 2/3; }
.app-download__button {
grid-row: 1/3;
grid-column: 3/3;
display: flex;
justify-content: center;
align-items: center; }
.app-download4 {
max-width: 100%;
margin: 10px;
border-radius: 10px; }
.app-download4__wrapper {
display: grid;
grid-template-columns: 45px auto 20px;
grid-template-rows: 1fr auto;
padding: 12px;
gap: 8px;
margin-bottom: 10px; }
.app-download4__logo {
display: flex;
text-align: center;
grid-row: 1/3;
justify-content: center;
align-items: center; }
.app-download4__logo img {
border-radius: 10px;
overflow: hidden;
width: 100%;
height: auto; }
.app-download4__title {
font-weight: 500;
font-size: 16px;
line-height: 19px; }
.app-download4__bonus {
grid-row: 2;
grid-column: 2/3; }
.app-download4__button {
grid-row: 1/3;
grid-column: 3/3;
display: flex;
justify-content: center;
align-items: center;
margin: -12px -12px -12px -12px;
background: linear-gradient(270deg, var(--second-color) -80.16%, var(--main-color) 103.97%) !important;
border-radius: 0px var(--border-radius) var(--border-radius) 0;
display: flex;
justify-content: center;
align-items: center; }
.app-download4__button > div {
height: 20px; }
.app-download6 {
background-color: #1D2730;
max-width: 100%;
margin: 0 auto;
border-radius: 10px; }
.app-download6__wrapper {
display: grid;
grid-template-columns: auto 72px;
grid-template-rows: 1fr auto;
padding: 12px;
gap: 2px;
margin-bottom: 10px; }
.app-download6__title {
font-weight: 500;
font-size: 16px;
grid-row: 1;
grid-column: 1/1; }
.app-download6__bonus {
grid-row: 2;
grid-column: 1/1;
font-weight: 400;
font-size: 12px; }
.app-download6__button {
grid-row: 1/3;
grid-column: 2/2;
display: flex;
justify-content: center;
align-items: center; }
.app-download6__button button, .app-download6__button a {
text-decoration: none;
padding: 10px;
border-radius: 10px;
border-radius: 10px;
font-style: normal;
font-weight: 600;
font-size: 12px;
line-height: 21px;
text-align: center;
text-transform: uppercase; }
.gift-block__arrow-img {
-webkit-animation: stopsignal 2s steps(2) infinite;
animation: stopsignal 2s steps(2) infinite; }
.gift-block__arrow {
position: relative;
height: 50px; }
.gift-block__arrow img:nth-child(2) {
width: 80px;
position: absolute;
top: -8px;
right: calc(50% - 40px);
-webkit-animation-delay: 1s;
animation-delay: 1s; }
.gift-block__arrow img:nth-child(1) {
width: 140px;
position: absolute;
top: 0;
right: calc(50% - 70px); }
@-webkit-keyframes stopsignal {
0% {
opacity: 1; }
to {
opacity: 0; } }
@keyframes stopsignal {
0% {
opacity: 1; }
to {
opacity: 0; } }
@-webkit-keyframes scaleanim {
0% {
transform: scale(1); }
50% {
transform: scale(1.3); }
100% {
transform: scale(1); } }
@keyframes scaleanim {
0% {
transform: scale(1); }
50% {
transform: scale(1.3); }
100% {
transform: scale(1); } }
.gift-block__icon {
width: 60px;
background-color: #f0f0f0;
padding: 11px;
border-radius: 67%;
height: 60px;
-webkit-animation: 4s infinite scaleanim;
animation: 4s infinite scaleanim;
transition: 0.5s;
z-index: 2; }
.gift-block {
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
position: relative;
margin: 20px auto;
min-width: 240px; }
.gift-block__icon path {
fill: var(--main-color); }
.gift-block__text {
color: black;
text-align: center;
padding: 20px;
font-weight: 400;
font-size: 1.5rem;
line-height: 1;
z-index: 1;
max-width: 300px; }
.gift-block__text h1 {
margin: 0 0 5px 0; }
.gift-block__text p {
margin: 0; }
.gift-block::after {
width: 100%;
height: calc(100% - 30px);
content: " ";
position: absolute;
bottom: 0;
z-index: 0;
border-radius: 20px;
background-color: #ffffff;
border: 3px solid var(--button-border-color);
outline: 1px solid #e6e5e4;
outline-offset: -8px;
box-shadow: 0 17px 40px rgba(9, 25, 42, 0.36); }
.gift-block__button {
display: flex;
justify-content: center;
padding: 20px;
z-index: 2; }
.gift-block__button button {
font-size: 1rem;
background: var(--site-button-bg-color);
color: var(--site-button-color);
border: 0px solid #0a0a0a;
font-weight: 900;
min-width: 208px; }
.fast-links-block {
display: flex;
flex-direction: row;
box-sizing: border-box;
padding: 0;
transition: .5s;
margin: 25px 0; }
@media (min-width: 768px) {
.fast-links-block {
justify-content: space-between; } }
@media (max-width: 768px) {
.fast-links-block {
width: 100%;
overflow-x: auto;
white-space: nowrap; } }
.fast-links-block button {
border: unset;
padding: 0;
background: transparent; }
@media (max-width: 768px) {
.fast-links-block button {
width: 100%;
margin-right: 10px; } }
.fast-links-block button:last-child {
margin-right: 0; }
.fast-links-block__item {
box-sizing: border-box;
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 19px;
text-transform: uppercase;
color: black;
background-color: #208d321a;
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 220px;
padding-left: 10px;
padding-right: 10px;
text-align: left;
cursor: pointer;
position: relative;
transition: 0.5s; }
.fast-links-block__item strong {
transition: 0.5s;
display: block;
font-weight: bold; }
@media (min-width: 768px) {
.fast-links-block__item {
justify-content: space-between;
border-radius: 10px; }
.fast-links-block__item:hover strong {
font-weight: bold; }
.fast-links-block__item:hover:before {
position: absolute;
width: 50%;
height: 8px;
top: 0;
background-color: #126e51;
content: " ";
border-radius: 0 0px 10px 10px;
left: 25%; } }
@media (max-width: 768px) {
.fast-links-block__item {
border-radius: 10px; } }
.fast-links-block__item.active {
background-color: var(--main-accent-color);
color: white;
padding: 10px 25px; }
.fast-links-block__item.active span {
color: white; }
.fast-links-block__item span {
font-size: 16px;
color: #000;
margin-right: 20px;
line-height: 1;
display: block; }
.fast-links-block__item strong {
text-align: left; }
.fast-links-block__item p {
font-size: 10px;
text-align: left;
margin: 0; }
.fast-links-block__item img {
height: auto;
padding: 15px 0;
width: 40px; }
.fast-links-block__item a {
font-weight: bold;
text-decoration: none;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 25px; }
.fast-links-block__item:hover {
background-color: #efe700;
color: #000; }
.fast-links-block__item:hover span {
color: white; }
.fast-links-block__item:hover a {
color: white; }
.list-anchor {
background: #FFFFFF;
box-sizing: border-box;
box-shadow: 0 0 25px rgba(0, 0, 0, 0.07);
padding: 14px 20px;
border: 1px solid var(--main-color);
border-radius: 0px 0px 10px 10px;
display: none; }
.list-anchor__title {
font-weight: bold;
font-size: 13px;
line-height: 192.69%;
padding-right: 17px;
text-transform: uppercase;
white-space: nowrap;
margin: 0; }
.list-anchor__title::after {
content: none; }
.list-anchor ol {
width: 100%;
list-style-type: none;
margin: 0;
padding: 10px;
background-color: #ffffff;
border-radius: 15px;
-moz-column-count: 3;
column-count: 3; }
.list-anchor ol li {
padding-right: 45px;
padding-left: 2rem;
margin-bottom: 0; }
.list-anchor ol li:last-child {
padding-right: 0; }
.list-anchor ol a {
text-decoration: none;
color: #838383;
font-size: 15px;
line-height: 142.69%;
font-weight: 700; }
.list-anchor ol a:hover {
text-decoration: underline;
color: var(--main-accent-color); }
.list-anchor ul {
width: 100%;
list-style-type: none;
padding: 0;
margin: 0;
background-color: #ffffff;
border-radius: 15px;
padding: 10px;
-moz-column-count: 3;
column-count: 3; }
.list-anchor ul li {
padding-right: 45px;
padding-left: 1.2rem;
margin-bottom: 0; }
.list-anchor ul li:last-child {
padding-right: 0; }
.list-anchor ul li:before {
content: var(--toc-style); }
.list-anchor ul a {
text-decoration: none;
color: #838383;
font-size: 15px;
line-height: 142.69%;
font-weight: 700; }
.list-anchor ul a:hover {
text-decoration: underline;
color: var(--main-accent-color); }
.list-anchor.show {
display: flex !important; }
@media (max-width: 768px) {
.list-anchor ul, .list-anchor ol {
-moz-column-count: 2;
column-count: 2;
display: block; } }
@media (max-width: 450px) {
.list-anchor {
flex-direction: column; }
.list-anchor__title {
margin-bottom: 7px; }
.list-anchor ul li, .list-anchor ol li {
margin-bottom: 5px;
padding-right: 20px; } }
.list-anchor__head {
text-align: center;
cursor: pointer;
position: relative;
padding: 10px 0;
color: #fff;
background-color: var(--main-color);
display: block; }
.list-anchor__head:before {
content: "\2630";
display: block;
position: absolute;
top: 11px;
right: 20px; }
.list-anchor__wrap {
overflow: hidden;
border-radius: 10px;
margin: 10px 0; }
.list-anchor__old {
border-radius: 10px;
margin: 10px 0; }
.howto888 {
background-color: #f5f5f5;
border: 5px solid var(--header-second-bg-color);
border-radius: var(--border-radius);
padding: 20px;
margin: 35px 50px; }
.howto888__title {
text-align: center;
margin-bottom: 0;
margin-top: 10px;
font-weight: 600;
font-size: 1.7rem;
position: relative; }
.howto888__title::after {
content: none; }
.howto888__description {
border-bottom: 2px solid var(--main-accent-color);
padding: 0 0 20px; }
.howto888__block {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 20px;
position: relative; }
@media (max-width: 768px) {
.howto888 {
margin: 35px 0; } }
.step {
display: flex;
align-items: center;
justify-content: space-between;
margin-left: 100px;
position: relative;
border-bottom: 1px solid #ece7e7;
margin-bottom: 10px;
width: 100%; }
.step::before {
content: '';
position: absolute;
width: 2px;
height: calc(100% + 25px);
background-color: #545454;
left: -62px;
top: 0; }
.step:last-child::before {
background-color: var(--bg-body);
height: 50%; }
.step__body span {
color: #545454;
background-image: linear-gradient(255deg, var(--main-color), white);
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
overflow: hidden;
position: absolute;
left: -80px;
top: 0px;
font-size: 2rem;
font-weight: bold;
border: 2px double #545454; }
.step__body.with-image {
max-width: 45%;
min-width: 45%; }
.step__image {
margin-left: 25px;
min-width: 50%;
max-width: 65%; }
.step__image img {
max-width: 100%;
height: auto; }
.step__title {
color: var(--main-accent-color);
margin: 0;
font-weight: 600;
font-size: 1.3rem; }
@media (min-width: 769px) and (max-width: 991px) {
.step__body.with-image {
width: 50%;
max-width: 50%; }
.step__image {
width: 50%; }
.step__image img {
max-width: 100%;
height: auto; } }
@media (max-width: 768px) {
.step {
flex-direction: column; }
.step__body.with-image {
width: 100%;
min-width: 100%; }
.step__image {
margin-left: 0;
width: 100%; }
.step__image img {
max-width: 100%;
width: 100%;
height: auto; } }
@media (max-width: 450px) {
.step {
margin-left: 35px; }
.step::before {
left: -26px; }
.step__body span {
left: -44px; } }
header {
padding: 5px 0; }
@media (max-width: 1200px) {
header .top-nav {
top: -1000%; } }
header .header-buttons button {
padding: 10px;
font-weight: 600; }
@media (max-width: 768px) {
header .header-buttons button {
min-width: 70px;
padding: 5px 30px;
margin-top: 10px; } }
header .header-buttons button:hover {
box-shadow: none; }
header .header-buttons button:nth-child(1) {
border: 2px solid var(--header-link-border-first);
color: var(--header-link-color-first);
background-color: var(--header-link-bg-first); }
header .header-buttons button:nth-child(1):hover {
box-shadow: none;
background-color: var(--header-link-hover-first);
border: 2px solid var(--header-link-hover-first); }
header .header-buttons button:nth-child(2) {
border: 2px solid var(--header-link-border-secodary);
color: var(--header-link-color-secodary);
background-color: var(--header-link-bg-secodary); }
header .header-buttons button:nth-child(2):hover {
border: 2px solid var(--header-link-hover-secodary);
background-color: var(--header-link-hover-secodary); }
header .bg-header-second-bg-color {
background-color: var(--header-second-bg-color); }
header .bg-header-second-bg-color .top-nav a.nav__link {
color: var(--nav-second-color);
background-color: var(--header-second-bg-color); }
.review__image {
width: 80px;
height: 80px;
margin-right: 20px; }
.review__image img {
border-radius: 20px; }
.grid-block {
margin: 10px 0;
display: grid;
grid-column-gap: 10px;
grid-row-gap: 10px; }
@media screen and (min-width: 768px) {
.grid-block {
grid-template-columns: 1fr 1fr; } }
.grid-block__item {
align-items: center;
background-color: #f5f5f5;
border-radius: 10px;
flex-direction: column; }
@media screen and (min-width: 768px) {
.grid-block__item {
flex-direction: row; }
.grid-block__item:nth-child(2) {
grid-row-start: 1;
grid-row-end: 3;
grid-column: 2;
flex-direction: column; } }
.grid-block__img img {
max-width: 100px;
border-radius: 20px; }
.grid-block__button {
padding: 10px;
margin: 20px; }
.social-links ul {
display: flex;
flex-direction: row;
gap: 1em;
flex-wrap: wrap; }
@media screen and (max-width: 420px) {
.social-links ul {
justify-content: center; } }
.social-links ul li a {
display: inline-block;
filter: grayscale(0.5);
border-radius: 10px;
padding: 5px;
width: 38px;
height: 38px; }
.social-links ul li a:hover {
filter: grayscale(0); }
.telegram-icon {
width: 38px;
height: 38px;
display: block;
background-size: contain;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIiB2aWV3Qm94PSIwIDAgMjU2IDI1NiI+PHBhdGggZmlsbD0iIzQwQjNFMCIgZD0iTTEyOCAwYTEyOCAxMjggMCAxIDAgMCAyNTYgMTI4IDEyOCAwIDEgMCAwLTI1NloiLz48cGF0aCBmaWxsPSIjRkZGIiBkPSJNMTkwLjMgNzMuNiAxNjcuNCAxODlzLTMuMiA4LTEyIDQuMmwtNTIuNy00MC41LTE5LjItOS4zLTMyLjMtMTAuOHMtNS0xLjgtNS40LTUuNmMtLjUtMy45IDUuNi02IDUuNi02bDEyOC4zLTUwLjNzMTAuNi00LjYgMTAuNiAzIi8+PHBhdGggZmlsbD0iI0QyRTVGMSIgZD0iTTk4LjYgMTg3LjZzLTEuNS0uMS0zLjQtNi4yYy0yLTYtMTEuNy0zOC0xMS43LTM4TDE2MSA5NHM0LjUtMi43IDQuMyAwYzAgMCAuOC41LTEuNiAyLjctMi40IDIuMy02MC45IDU0LjgtNjAuOSA1NC44Ii8+PHBhdGggZmlsbD0iI0I1Q0ZFNCIgZD0ibTEyMi45IDE2OC4xLTIwLjkgMTlzLTEuNiAxLjMtMy40LjVsNC0zNS4zIi8+PC9zdmc+Cg=="); }
.instagram-icon {
width: 38px;
height: 38px;
display: block;
background-size: contain;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHJlY3Qgd2lkdGg9IjI4IiBoZWlnaHQ9IjI4IiB4PSIyIiB5PSIyIiBmaWxsPSJ1cmwoI2EpIiByeD0iNiIvPjxyZWN0IHdpZHRoPSIyOCIgaGVpZ2h0PSIyOCIgeD0iMiIgeT0iMiIgZmlsbD0idXJsKCNiKSIgcng9IjYiLz48cmVjdCB3aWR0aD0iMjgiIGhlaWdodD0iMjgiIHg9IjIiIHk9IjIiIGZpbGw9InVybCgjYykiIHJ4PSI2Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTIzIDEwLjVhMS41IDEuNSAwIDEgMS0zIDAgMS41IDEuNSAwIDAgMSAzIDBaIi8+PHBhdGggZmlsbD0iI2ZmZiIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMTYgMjFhNSA1IDAgMSAwIDAtMTAgNSA1IDAgMCAwIDAgMTBabTAtMmEzIDMgMCAxIDAgMC02IDMgMyAwIDAgMCAwIDZaIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02IDE1LjZjMC0zLjQgMC01IC43LTYuM2E2IDYgMCAwIDEgMi42LTIuNmMxLjMtLjcgMy0uNyA2LjMtLjdoLjhjMy40IDAgNSAwIDYuMy43YTYgNiAwIDAgMSAyLjYgMi42Yy43IDEuMy43IDMgLjcgNi4zdi44YzAgMy40IDAgNS0uNyA2LjNhNiA2IDAgMCAxLTIuNiAyLjZjLTEuMy43LTMgLjctNi4zLjdoLS44Yy0zLjQgMC01IDAtNi4zLS43YTYgNiAwIDAgMS0yLjYtMi42Yy0uNy0xLjMtLjctMy0uNy02LjN2LS44Wk0xNS42IDhoLjhhNTEuNyA1MS43IDAgMCAxIDUuNC40IDQgNCAwIDAgMSAxLjggMS44Yy4xLjMuMy43LjMgMS42bC4xIDMuOHYuOGE1MS43IDUxLjcgMCAwIDEtLjQgNS40IDQgNCAwIDAgMS0xLjggMS44Yy0uMy4xLS43LjMtMS42LjNsLTMuOC4xaC0uOGE1MS43IDUxLjcgMCAwIDEtNS40LS40IDQgNCAwIDAgMS0xLjgtMS44Yy0uMS0uMy0uMy0uNy0uMy0xLjZMOCAxNi40di0uOGE1MS43IDUxLjcgMCAwIDEgLjQtNS40IDQgNCAwIDAgMSAxLjgtMS44Yy4zLS4xLjctLjMgMS42LS4zbDMuOC0uMVoiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjxkZWZzPjxyYWRpYWxHcmFkaWVudCBpZD0iYSIgY3g9IjAiIGN5PSIwIiByPSIxIiBncmFkaWVudFRyYW5zZm9ybT0ibWF0cml4KDE1IC0yMSAyMSAxNSAxMiAyMykiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjQjEzNTg5Ii8+PHN0b3Agb2Zmc2V0PSIuOCIgc3RvcC1jb2xvcj0iI0M2MkY5NCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzhBM0FDOCIvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJiIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoOSAtMjAgMjAgOSAxMSAzMSkiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBzdG9wLWNvbG9yPSIjRTBFOEI3Ii8+PHN0b3Agb2Zmc2V0PSIuNCIgc3RvcC1jb2xvcj0iI0ZCOEEyRSIvPjxzdG9wIG9mZnNldD0iLjciIHN0b3AtY29sb3I9IiNFMjQyNUMiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNFMjQyNUMiIHN0b3Atb3BhY2l0eT0iMCIvPjwvcmFkaWFsR3JhZGllbnQ+PHJhZGlhbEdyYWRpZW50IGlkPSJjIiBjeD0iMCIgY3k9IjAiIHI9IjEiIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMzkgLTYgMSA4IC41IDMpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIuMiIgc3RvcC1jb2xvcj0iIzQwNkFEQyIvPjxzdG9wIG9mZnNldD0iLjUiIHN0b3AtY29sb3I9IiM2QTQ1QkUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM2QTQ1QkUiIHN0b3Atb3BhY2l0eT0iMCIvPjwvcmFkaWFsR3JhZGllbnQ+PC9kZWZzPjwvc3ZnPgo="); }
.tiktok-icon {
width: 38px;
height: 38px;
display: block;
background-size: contain;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj48ZyBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCI+PHBhdGggZmlsbD0iIzAxMDEwMSIgZD0iTTI1IDBoMjAwYTI1IDI1IDAgMCAxIDI1IDI1djIwMGEyNSAyNSAwIDAgMS0yNSAyNUgyNWEyNSAyNSAwIDAgMS0yNS0yNVYyNUEyNSAyNSAwIDAgMSAyNSAweiIvPjxwYXRoIGZpbGw9IiNlZTFkNTEiIGQ9Ik0xNTcgMjMwYTEzLjcgMTMuNyAwIDEgMCAwLTI3LjNoLTIuMWM3LjYgMCAxMy44IDYgMTMuOCAxMy42cy02LjIgMTMuNy0xMy44IDEzLjd6Ii8+PHBhdGggZmlsbD0iIzY2YzhjZiIgZD0iTTE1NC43IDIwMi43aC0yYy03LjcgMC0xMy44IDYtMTMuOCAxMy42UzE0NSAyMzAgMTUyLjYgMjMwaDIuMWExMy43IDEzLjcgMCAxIDEgMC0yNy4zeiIvPjxlbGxpcHNlIGN4PSIxNTQuOCIgY3k9IjIxNi4zIiBmaWxsPSIjMDEwMTAxIiByeD0iNi43IiByeT0iNi42Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTUwIDE5Ni41djdoOC4xdjI2LjNoOC4xdi0yNi4yaDYuNmwyLjMtNy4xem02Ni40IDB2N2g4LjF2MjYuM2g4LjF2LTI2LjJoNi42bDIuMy03LjF6bS0zOS44IDRhNCA0IDAgMCAxIDQtNGMyLjIgMCA0IDEuOCA0IDRzLTEuOCAzLjktNCAzLjlhNCA0IDAgMCAxLTQtNHptMCA2LjdoOHYyMi42aC04ek04OCAxOTYuNXYzMy4zaDh2LTguNmwyLjQtMi4yIDcuNyAxMWg4LjVsLTExLjEtMTYgMTAtOS44aC05LjZsLTggNy44di0xNS41em04NS41IDB2MzMuM2g4di04LjZsMi40LTIuMiA3LjcgMTFoOC41bC0xMS4xLTE2IDEwLTkuOGgtOS43bC03LjkgNy44di0xNS41eiIvPjxwYXRoIGZpbGw9IiNlZTFkNTIiIGQ9Ik0xNjEuMiA4MS4yQTY2LjYgNjYuNiAwIDAgMCAyMDAgOTMuNlY2NS44YTM5LjMgMzkuMyAwIDAgMS04LjItLjl2MjJBNjYuNiA2Ni42IDAgMCAxIDE1MyA3NC4zdjU2LjhBNTEuNSA1MS41IDAgMCAxIDcyLjggMTc0YTUxLjQgNTEuNCAwIDAgMCA4OC40LTM2VjgxLjJ6bTEwLTI4LjFjLTUuNi02LjEtOS4yLTE0LTEwLTIyLjd2LTMuNmgtNy44QTM5IDM5IDAgMCAwIDE3MS4yIDUzem0tODAuNCA5OUEyMy40IDIzLjQgMCAwIDEgODYgMTM4YzAtMTMgMTAuNi0yMy41IDIzLjYtMjMuNWEyMy42IDIzLjYgMCAwIDEgNy4xIDFWODdhNTIgNTIgMCAwIDAtOC4xLS40djIyLjFhMjMuNiAyMy42IDAgMCAwLTcuMi0xIDIzLjYgMjMuNiAwIDAgMC0xMC42IDQ0LjV6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE1MyA3NC40YTY2LjYgNjYuNiAwIDAgMCAzOC44IDEyLjRWNjVhMzkgMzkgMCAwIDEtMjAuNi0xMS44IDM5IDM5IDAgMCAxLTE3LjgtMjYuM2gtMjAuM1YxMzhhMjMuNiAyMy42IDAgMCAxLTQyLjMgMTQuMiAyMy41IDIzLjUgMCAwIDEgMTcuOC00My41Vjg2LjZBNTEuNSA1MS41IDAgMCAwIDcyLjggMTc0YTUxLjUgNTEuNSAwIDAgMCA4MC4yLTQyLjh6Ii8+PHBhdGggZmlsbD0iIzY5YzlkMCIgZD0iTTE5MS44IDY0Ljl2LTZhMzguOCAzOC44IDAgMCAxLTIwLjYtNS44IDM5IDM5IDAgMCAwIDIwLjYgMTEuOHptLTM4LjQtMzguMWEzOS41IDM5LjUgMCAwIDEtLjQtMy4yVjIwaC0yOHYxMTEuMmEyMy42IDIzLjYgMCAwIDEtMzQuMiAyMSAyMy41IDIzLjUgMCAwIDAgNDIuMy0xNC4yVjI2Ljh6bS00NC44IDU5Ljh2LTYuNGE1MiA1MiAwIDAgMC03LS40QTUxLjUgNTEuNSAwIDAgMCA3Mi43IDE3NGE1MS41IDUxLjUgMCAwIDEgMzUuNy04Ny41eiIvPjxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xNTQuOSAyMzBhMTMuNyAxMy43IDAgMSAwIDAtMjcuM2gtLjJjLTcuNiAwLTEzLjggNi0xMy44IDEzLjZzNi4yIDEzLjcgMTMuOCAxMy43em0tNi44LTEzLjdjMC0zLjYgMy02LjYgNi43LTYuNnM2LjcgMyA2LjcgNi42LTMgNi43LTYuNyA2LjctNi43LTMtNi43LTYuN3oiLz48L2c+PC9zdmc+Cg=="); }
.facebook-icon {
width: 38px;
height: 38px;
display: block;
background-size: contain;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0OCA0OCI+PHBhdGggZmlsbD0iIzQ0NjBBMCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjUuNiA0OGgtMjNBMi42IDIuNiAwIDAgMSAwIDQ1LjRWMi42QzAgMS4yIDEuMiAwIDIuNiAwaDQyLjhDNDYuOCAwIDQ4IDEuMiA0OCAyLjZ2NDIuOGMwIDEuNC0xLjIgMi42LTIuNiAyLjZIMzNWMjkuNGg2LjNsLjktNy4ySDMzdi00LjdjMC0yIC42LTMuNSAzLjYtMy41aDMuOFY3LjVjLS42IDAtMi45LS4zLTUuNS0uMy01LjYgMC05LjQgMy40LTkuNCA5LjZ2NS40aC02LjJ2Ny4yaDYuMlY0OFoiLz48L3N2Zz4NCg=="); }
.pinterest-icon {
width: 38px;
height: 38px;
display: block;
background-size: contain;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGNpcmNsZSBjeD0iMTYiIGN5PSIxNiIgcj0iMTQiIGZpbGw9IiNmZmYiLz48cGF0aCBmaWxsPSIjQkIwRjIzIiBkPSJNMTYgMzBhMTQgMTQgMCAxIDAtNS44LTEuMiA0MC4zIDQwLjMgMCAwIDEgMC0uOGwuNC0yLjUgMS43LTcuMmMtLjMtLjQtLjUtMS40LS41LTIgMC0zLjMgMS45LTQgMy00IDEuNCAwIDEuNyAxLjUgMS43IDIuNiAwIC42LS4zIDEuNi0uNiAyLjUtLjQgMS0uNyAyLS43IDIuOCAwIDEuNCAxLjQgMiAyLjMgMiAyLjUgMCA0LjgtMyA0LjgtNi4yIDAtMy4xLTEuNS03LTYuMy03cy03IDMuNy03IDYuNWMwIDIgLjggMy4zIDEuMSAzLjUuMS4xLjMuNC4yLjhsLS41IDEuNmMwIC4xIDAgLjMtLjQuMi0uNC0uMi0zLjEtMS44LTMuMS02IDAtNC4zIDMuMy05LjIgOS43LTkuMiA2LjQgMCA5LjcgNC4zIDkuNyA5LjZzLTQuMyA4LjctNy41IDguN2MtMi43IDAtMy43LTEuMi0zLjktMS44bC0xIDMuOGMtLjIuNi0uNiAxLjgtMS4yIDIuOCAxLjMuMyAyLjYuNSAzLjkuNVoiLz48L3N2Zz4K"); }
.youtube-icon {
width: 38px;
height: 38px;
display: block;
background-size: contain;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGNpcmNsZSBjeD0iMjQiIGN5PSIyNCIgcj0iMjAiIGZpbGw9InJlZCIvPjxwYXRoIGZpbGw9IiNmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTM1LjMgMTYuNGMuNC40LjcuOS44IDEuNC45IDMuNC43IDguOCAwIDEyLjRhMy4yIDMuMiAwIDAgMS0yLjIgMi4zYy0yIC41LTEwIC41LTEwIC41cy04IDAtMTAtLjVhMy4yIDMuMiAwIDAgMS0yLjMtMi4zYy0uOS0zLjQtLjctOC44IDAtMTIuNGEzLjIgMy4yIDAgMCAxIDIuMi0yLjJjMi0uNiAxMC0uNiAxMC0uNnM4IDAgMTAgLjVjLjYuMiAxLjEuNSAxLjUuOVpNMjcuOSAyNGwtNi42IDMuOVYyMGw2LjYgMy45WiIgY2xpcC1ydWxlPSJldmVub2RkIi8+PC9zdmc+Cg=="); }
.twitter-icon {
width: 38px;
height: 38px;
display: block;
background-size: contain;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCA0OCA0OCI+PGNpcmNsZSBjeD0iMjQiIGN5PSIyNCIgcj0iMjAiIGZpbGw9IiMxREExRjIiLz48cGF0aCBmaWxsPSIjZmZmIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zNiAxNi4zYy0uOS40LTEuOC43LTIuOC44YTUgNSAwIDAgMCAyLjEtMi43Yy0xIC41LTIgMS0zIDEuMmE1IDUgMCAwIDAtOC41IDQuNEExNCAxNCAwIDAgMSAxMy43IDE1YTQuOSA0LjkgMCAwIDAgMS41IDYuNiA1IDUgMCAwIDEtMi4yLS42IDUgNSAwIDAgMCA0IDQuOCA1IDUgMCAwIDEtMi4zLjEgNSA1IDAgMCAwIDQuNiAzLjUgOS45IDkuOSAwIDAgMS03LjMgMiAxNCAxNCAwIDAgMCAyMS41LTEyLjQgMTAgMTAgMCAwIDAgMi41LTIuNloiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPgo="); }
.lightbox { display: none; position: fixed;
z-index: 999;
top: 0;
left: 0;
right: 0;
bottom: 0; padding: 1em; background: rgba(0, 0, 0, 0.8); }
.lightbox img {
max-height: 100%; }
.lightbox:target {
display: flex;
justify-content: center;
align-items: center; }
.lightbox span { display: block;
width: 100%;
height: 100%; background-position: center;
background-repeat: no-repeat;
background-size: contain; }
.toggle-section {
position: relative; }
.toggle-section__image {
position: absolute;
top: 15px;
height: 30px;
width: 30px;
margin-left: 10px; }
.toggle-section__content {
background: white;
transition: all 0.2s ease;
opacity: 1;
overflow: hidden;
width: 100%;
border: 1px solid var(--table-bg-color-head);
padding: 10px;
margin: 10px 0;
border-radius: var(--border-radius); }
.toggle-section__heading {
color: var(--table-font-color-head);
background: var(--table-bg-color-head);
border-radius: var(--border-radius);
margin: 0;
padding: 0 20px 0 45px;
height: 60px;
display: flex;
align-items: center;
font-size: 1.3rem; }
.toggle-section__heading:after {
content: "\25B2";
position: absolute;
right: 10px;
top: 15px;
height: 30px;
width: 24px;
color: var(--table-font-color-head);
z-index: 1;
transform: rotate(180deg); }
input[type=checkbox].hide-input:checked ~ .toggle-section__content {
height: 0;
opacity: 0;
padding-top: 0;
padding-bottom: 0; }
input[type=checkbox].hide-input:checked ~ .toggle-section__heading:after {
content: "\25B2";
position: absolute;
right: 10px;
color: var(--header-link-color-secodary);
height: 30px;
top: 15px;
transition: 0.05s;
transform: rotate(0deg); }
input.hide-input {
position: absolute;
left: -999em; }
label.toggle {
text-align: left;
display: inline-block;
cursor: pointer;
padding: 1em 2em;
font-size: 1.3rem;
font-weight: 900;
border-radius: 3px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 100%;
position: absolute;
top: 0;
height: 60px;
z-index: 2; }
.picture-text {
width: 100vw;
position: relative;
margin-left: -50vw;
left: 50%;
padding: 0 8px; }
.picture-text__content > * {
margin-bottom: 1rem; }
.picture-text__media {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center; }
.picture-text__media .site-button {
margin-top: 1rem; }
h2, h3, h4, section {
scroll-margin-top: 150px;
scroll-snap-align: start; }
.flex-auto {
flex: 1 1 auto; }
.line {
padding: 5rem 0;
display: -ms-grid;
display: grid;
grid-gap: 30px; }
.line.align-top {
align-items: start; }
.line.align-center {
align-items: center; }
.line.align-bottom {
align-items: end; }
.bg-block {
padding: 1rem;
border-radius: var(--border-radius);
height: 100%; }
.bg-block .site-button {
margin-top: 2rem; }
.bgi-block {
background-repeat: no-repeat;
background-size: cover;
background-position: center center; }
.wp-block-columns {
max-width: 1440px;
padding-right: 1rem;
padding-left: 1rem;
display: -ms-grid;
display: grid;
grid-gap: 30px;
margin-bottom: 0; }
.wp-block-columns .wp-block-column {
margin: 0; }
.row.col-1,
.wp-block-columns.col-1 {
grid-template-columns: repeat(1, 1fr); }
.row.col-2,
.wp-block-columns.col-2 {
grid-template-columns: repeat(2, 1fr); }
.row.col-3,
.wp-block-columns.col-3 {
grid-template-columns: repeat(3, 1fr); }
.row.col-4,
.wp-block-columns.col-4 {
grid-template-columns: repeat(4, 1fr); }
.row.col-5,
.wp-block-columns.col-5 {
grid-template-columns: repeat(5, 1fr); }
.row.col-6,
.wp-block-columns.col-6 {
grid-template-columns: repeat(6, 1fr); }
.wp-block-column > :not(:first-child) {
margin-top: 30px; }
.wp-block-column .row {
padding: 0; }
.wp-block-columns {
max-width: 1440px;
padding-right: 1rem;
padding-left: 1rem;
display: -ms-grid;
display: grid;
grid-gap: 30px;
margin-bottom: 0; }
.wp-block-columns .wp-block-column {
margin: 0; }
.bg-main-color {
background-color: var(--main-color); }
.text-white {
color: rgba(255, 255, 255, var(--tw-text-opacity)); }
.text-5xl {
font-size: 3rem;
line-height: 1; }
.bg-white {
--tw-bg-opacity: 1;
background-color: rgba(255, 255, 255, var(--tw-bg-opacity)); }
.bg-opacity-50 {
--tw-bg-opacity: 0.5; }