@font-face {
  font-family: 'Geologica';
  src: url('../fonts/geologica-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Geologica';
  src: url('../fonts/geologica-600.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: 'Geologica';
  src: url('../fonts/geologica-700.woff2') format('woff2');
  font-weight: 700;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-400.woff2') format('woff2');
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-600.woff2') format('woff2');
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/montserrat-400-italic.woff2') format('woff2');
  font-style: italic;
  font-weight: 400;
  font-display: swap;
}

html {
scroll-behavior: smooth;
}

body {
margin:0px;
padding:30px 0px;
background:#fff;
font-family: "Geologica", sans-serif;
color: var(--151515, #151515);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 150%;
}

a {
color:#008ccf;
transition: .5s;
}

a:hover {
color: #008ccf;
text-decoration:none;
}

.btn, .feedback, button, .order  {
transition: .5s;
cursor:pointer;
}

* {
box-sizing: border-box;
}

/*input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: #333 !important;
}*/

input, button, textarea, select {
font-size:16px;
outline:none;
font-family: "Geologica", sans-serif;
}

img {
height:auto !important;
max-width:100%;
}

h2 {
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 140%;
text-transform: capitalize;
}

h3 {
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 140%;
text-transform: capitalize;
}

h4 {
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 140%;
text-transform: capitalize;
}

p {
margin:0 0 30px 0;
}

p:last-child {
margin:0px !important;
}

.container {
padding:0 78px;
}

.site-body {
  min-height: 600px;
}

.site-body {
width:100%;
max-width:1460px;
margin:0 auto;
border-radius: 40px;
border: 0px solid #9de4ff;
background: var(--FAF9F5, #FAF9F5);
}

.header {
border-bottom: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
padding:18px 0 17px 0;
margin:0 0 69px 0;
position:sticky;
top:0px;
left:0px;
right:0px;
z-index:9;
border-radius:30px 30px 0 0;
}

.header.fixed {
border-radius:0px;
}

.header.page {
margin:0px;
}

.header .container {
display:flex;
align-items:center;
gap:17px;
}

.header .logo {

}

.header .logo a {
display:block;
text-decoration:none;
font-size: 0px;
line-height: 0px;
}

.header .logo a:hover {
opacity:.7;
}

.header .menu {
display: flex;
justify-content: center;
flex:1;
}

.header.page .menu {
flex:none;
}

.header .menu ul {
display:flex;
gap:20px;
list-style:none;
margin:0px;
padding:0px;
}

.header .menu a {
display:flex;
align-items:center;
justify-content: center;
gap:2px;
text-decoration:none;
padding:5px 10px;
min-width:146px;
color: var(--151515, #fff);
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 19.6px */
text-transform: uppercase;
border-radius: 100px;
background:#00aff0;
border:2px #00aff0 solid;
position:relative;
white-space: nowrap;
}

.header .menu a span {
position:absolute;
top: 3px;
left: 24px;
z-index:3;
width: 15px;
height: 15px;
border-radius: 100px;
border: 1px solid var(--FFFFFF, #FFF);
background:#dda433;
display: flex;
align-items: center;
justify-content: center;
color: var(--FFFFFF, #FFF);
text-align: center;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 14px */
text-transform: uppercase;
}

.header .menu ul li {
position:relative;
}

.header .menu .hover {
    position: absolute;
    top: calc(100% + 30px);
    left: 0px;
    z-index: 7;
    border-radius: 10px;
    background: #FFF;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
    padding: 16px 15px 16px 16px;
    display: none;
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.header .menu li:hover > .hover {
display:flex;
}

.header .menu .hover .col {
width:252px;
padding:0 20px;
border-right:1px #EDEDED solid;
}

.header .menu .hover .col:first-child {padding:0 20px 0 0;}
.header .menu .hover .col:last-child {padding:0 0 0 20px; border-right:0px #EDEDED solid;}

.header .menu .hover .col-name {
color: var(--23242F, #23242F);
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 19.6px */
text-transform: uppercase;
margin:0 0 23px 0;
}

.header .menu li:hover:before {
content:"";
position:absolute;
bottom:-40px;
left:0px;
right:0px;
z-index:3;
height:40px;
}

.header .menu .hover li:before {
display:none;
}

.header .menu .best-block {
display:flex;
justify-content: center;
gap:17px;
margin:0 0 20px 0;
}

.header .menu .best-block .btn {
display:flex;
align-items:center;
justify-content: center;
gap:10px;
border-radius: 100px;
color: var(--FFFFFF, #FFF) !important;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-decoration:none;
padding:10px;
flex:1;
border:0px !important;
}

.header .menu .best-block .btn:before {
content:"";
width:24px;
height:24px;
background:url(../images/section12-best.svg) no-repeat;
}

.header .menu .best-block .btn:nth-child(1) {
background: linear-gradient(90deg, #F8633E 0%, #F56197 100%);
}

.header .menu .best-block .btn:nth-child(2) {
background: linear-gradient(90deg, #BD5717 0%, #EEB449 100%);
}

.header .menu .best-block .btn:nth-child(3) {
background: linear-gradient(90deg, #2ABD17 0%, #1E9947 100%);
}

.header .menu .best-name {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin:0 0 20px 0;
padding:0 0 20px 0;
border-bottom: 1px solid var(--3584DE, #3584DE);
}

.header .menu .hover ul {
flex-direction: column;
gap:12px;
margin:0px;
}

.header .menu .hover ul a {
padding:0px;
background:none;
border:0px;
min-width:inherit;
text-transform:none;
display:block;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
color: #000;
}

.header .menu .hover ul a:hover, .cats-list-module li a:hover {
color:#008ccf !important;
text-decoration: underline;
}

body.dark .header .menu .hover {
background:#222;
}

body.dark .header .menu .best-name {color:#fff;}

.header .menu .hover .all a {
color: var(--8663DA, #008ccf) !important;
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 19.6px */
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: none;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;
}

.header .menu .hover .all a:hover {
text-decoration:none;
}

.header .tl {
display:flex;
align-items:center;
justify-content: center;
gap:6px;
text-decoration:none;
border-radius: 100px;
background: linear-gradient(90deg, #F5B941 0%, #DCA332 100%);
padding:10px;
color: var(--FFFFFF, #FFF);
font-family: Montserrat;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 140%;
min-width: 198px;
}

.header .tl:hover {
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
}

body.dark .header .tl:hover {
box-shadow: 0 0 13px 0 rgba(255, 255, 255, 0.55);
}

.checkbox-ios {
position: relative;
font-size:0px;
line-height:0px;
cursor:pointer;
}

.checkbox-ios .checkbox-ios-switch {
position: relative;
width:70px;
height:40px;
transition: .2s;
border-radius: 100px;
background:url(../images/sun.svg) no-repeat left 10px center, url(../images/moon.svg) no-repeat right 10px center, #e5e5e5;
display:block;
padding: 6px 10px 7px 6px;
}

.checkbox-ios .checkbox-ios-switch:hover {
background:url(../images/sun.svg) no-repeat left 10px center, url(../images/moon.svg) no-repeat right 10px center, #9de4ff;
}

.checkbox-ios .checkbox-ios-switch:before {
content: '';
position: absolute;
top: 6px;
left: 6px;
display: inline-block;
width: 26px;
height: 27px;
background:#008ccf;
transition: .15s;
border-radius:555px;
}

.checkbox-ios input[type=checkbox] {
display: block;
width: 0;
height: 0;
position: absolute;
z-index: -1;
opacity: 0;
}

.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before, body.dark .checkbox-ios input[type=checkbox] + .checkbox-ios-switch:before {
transform:translateX(30px);
}

.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before {
background:#008ccf;
}

.fixed-social {
position:fixed;
top:194px;
right:0px;
z-index:9;
display:flex;
align-items: flex-end;
flex-direction:column;
border-radius: 10px 0 0 10px;
overflow:hidden;
}

.fixed-social a {
display:block;
text-decoration:none;
width: 42px;
height: 42px;
position:relative;
}

.fixed-social a:hover {
width:50px;
height:50px;
}

.fixed-social .tw {
background:#60A0EB url(../images/fixed-tw.svg) no-repeat center center;
}

.fixed-social .fb {
background:#5267AC url(../images/fixed-fb.svg) no-repeat center center;
}

.fixed-social .red {
background:#E05529 url(../images/fixed-red.svg) no-repeat center center;
}

.fixed-social .tl {
background:#4D87C6 url(../images/fixed-tl.svg) no-repeat center center;
}

.fixed-social .wh {
background:#73CF73 url(../images/fixed-wh.svg) no-repeat center center;
}

.section-1 {
margin:0 0 55px 0;
}

.section-1 h1 {
color:#000;
text-align: center;
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 61.6px */
text-transform: capitalize;
margin:0 0 11px 0;
}

.section-1 .desc, .wrapper .desc {
color: var(--7C7C7C, #7C7C7C);
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
text-transform: capitalize;
text-align:center;
max-width: 712px;
margin: 0 auto 27px auto;
}

.section-1 .hide, .wrapper .hide {
display: none;
}

.section-1 .show, .wrapper .show {
color:#008ccf;
text-decoration: underline;
cursor: pointer;
}

.section-1 .show:hover, .wrapper .show:hover {
text-decoration: none;
}

.section-1 .form {
display:flex;
align-items:center;
width:100%;
max-width:712px;
margin:0 auto;
padding:0 20px;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 140%;
border-radius: 100px;
border: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
transition: .5s;
}

.section-1 ::placeholder {
color: var(--ADADAD, #ADADAD);
}

.section-1 button {
cursor:pointer;
border:0px;
width:35px;
height:35px;
background:url(../images/section1-search.svg) no-repeat center center;
}

.section-1 input {
flex:1;
width:100%;
background:none;
border:0px;
height:55px;
}

.section-1 .form.active {
border: 1px solid var(--008ccf, #008ccf);
background: var(--FFFFFF, #fff);
}

.section-1 .form.active button {
background:url(../images/section1-search-hover.svg) no-repeat center center;
}

.title-section {
text-align:center;
color: var(--151515, #151515);
text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 42px */
text-transform: capitalize;
margin:0 0 66px 0;
position:relative;
}

.title-section:before {
content:"";
position:absolute;
bottom:-16px;
left:50%;
width:120px;
height:3px;
background:#008ccf;
margin:0 0 0 -60px;
}

.section-2 {
margin:0 0 96px 0;
}

.card-flex {
display:flex;
flex-wrap:wrap;
gap:28px;
}

.card-flex .card {
width:calc(25% - 21px);
overflow:hidden;
position:relative;
height:500px;
border-radius:10px;
overflow:hidden;
transition: .5s;
}

.card-flex .card:hover {
transform:scale(1.05);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.card-flex .owl-stage-outer {
padding:15px 0;
}

.card-flex.slider .card {
width:100%;
}

.card-flex .images {
font-size:0px;
line-height:0px;
border-radius: 10px;
height:100%;
}

.card-flex .images img {
width:100%;
height:100% !important;
object-fit:cover;
}

.card-flex .block {
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:3;
padding:16px 16px 16px 17px;
color: #FFF;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 180%;
display:flex;
flex-direction:column;
gap:11px;
}

.card-flex .head {
width:100%;
display:flex;
align-items:flex-start;
justify-content: space-between;
gap:20px;
flex:1;
position: relative;
}

.card-flex .head .online {
position: absolute;
top: 70px;
left: 0px;
z-index: 3;
border-radius: 100px;
background: linear-gradient(180deg, #87C950 0%, #11B36D 100%);
display: flex;
align-items: center;
gap:7px;
padding: 3px 11px 2px 11px;
color: #FFF;
font-size: 11px;
font-style: normal;
font-weight: 400;
line-height: 180%; /* 19.8px */
text-transform: capitalize;
}

.card-flex .head .online::before {
content: "";
width: 8px;
height: 8px;
border-radius:555px;
background: #fff;
}

.card-flex .name {
border-radius: 20px;
background: rgba(21, 21, 21, 0.60);
padding:10px;
color: var(--FFFFFF, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 180%; /* 28.8px */
text-transform: capitalize;
margin: 0px;
line-height: normal;
text-align: center;
}

.card-flex .name a {color: #fff; font-size: 10px;}

.card-flex .favorite {
text-decoration:none;
cursor:pointer;
width: 40px;
height: 40px;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
border-radius:555px;
flex-shrink:0;
border:0px;
}

.card-flex .favorite svg path {
transition: .5s;
}

.card-flex .favorite:hover svg path, .card-flex .favorite.add svg path {
stroke: var(--008ccf, #008ccf);
fill: var(--008ccf, #008ccf);
}

.card-flex .flex {
display:flex;
justify-content: space-between;
gap:20px;
margin:0 -16px 5px -17px;
}

.card-flex .pay {
display:flex;
align-items:center;
justify-content:center;
gap:10px;
border-radius: 0 100px 100px 0;
background: var(--008ccf, #008ccf);
color: #FFF;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
min-width:95px;
padding:10px;
}

.card-flex .pay.trial {
background: var(--FFFFFF, #FFF);
color: var(--008ccf, #008ccf);
}

.card-flex .flex .top-number {
display: flex;
align-items: center;
justify-content: center;
gap:10px;
border-radius: 100px 0 0 100px;
background: rgba(21, 21, 21, 0.60);
min-width: 106px;
height: 44px;
color: #FFF;
font-size: 13px;
font-style: normal;
font-weight: 700;
padding:0 10px;
}

.card-flex .country {
display:flex;
align-items:center;
justify-content:center;
gap:10px;
padding:10px;
border-radius: 100px 0 0 100px;
background: rgba(21, 21, 21, 0.60);
}

.card-flex .country a {
color: var(--FFFFFF, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
}

.card-flex .info {
display:flex;
align-items:center;
justify-content: space-around;
padding:10px;
border-radius: 100px;
background: rgba(21, 21, 21, 0.60);
flex:none;
}

.card-flex .info div {
display:flex;
align-items:center;
gap:8px;
}

.card-flex .like:before {
content:"";
width:15px;
height:13px;
background:url(../images/card-like.svg) no-repeat;
}

.card-flex .photo:before {
content:"";
width:18px;
height:18px;
background:url(../images/card-photo.svg) no-repeat;
}

.card-flex .video:before {
content:"";
width:18px;
height:18px;
background:url(../images/card-video.svg) no-repeat;
}

.card-flex .btn {
display:block;
text-decoration:none;
cursor:pointer;
padding:14px;
border-radius: 100px;
background: var(--008ccf, #008ccf);
text-align:center;
color: var(--FFFFFF, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
}

.owl-dots {
display:flex;
justify-content: center;
gap:4px;
width:100%;
margin:50px 0 0 0;
}

.owl-dots button {
width:24px;
height:8px;
border-radius: 100px;
background: #CBCBCB !important;
border: 1px solid #CBCBCB;
border:0px;
}

.owl-dots button.active {
border-radius: 100px;
border: 1px solid #00aff0;
background: #008ccf !important;
}

.section-3 {
margin:0 0 100px 0;
}

.section-3 .flex {
display:flex;
flex-wrap:wrap;
gap:24px;
}

.section-3 .item {
width:calc(33.333% - 16px);
border-radius: 10px;
border: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
padding:20px 20px 30px 20px;
color: var(--7C7C7C, #7C7C7C);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
text-transform: capitalize;
}

.section-3 .icon {
font-size:0px;
line-height:0px;
margin:0 0 14px 0;
}

.section-3 .name {
color: var(--151515, #151515);
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 35px */
text-transform: capitalize;
margin:0 0 16px 0;
}

.section-3 a {
color: var(--008ccf, #008ccf);
}

.section-4 {
margin:0 0 153px 0;
}

.section-4 .flex {
display:flex;
gap:142px;
}

.section-4 .col-left {
width:384px;
}

.section-4 .col-right {
flex:1;
display:flex;
flex-wrap:wrap;
gap:64px;
}

.section-4 .title-section {
margin:0 0 35px 0;
}

.section-4 .title-section:before {
left:0px;
margin:0px;
}

.section-4 .info {
color: #7C7C7C;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 115.789% */
margin:0 0 16px 0;
}

.section-4 .images {
font-size:0px;
line-height:0px;
text-align:center;
}

.section-4 .item {
width:calc(50% - 32px);
display:flex;
flex-direction:column;
gap:16px;
color: var(--7C7C7C, #7C7C7C);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 137.5% */
}

.section-4 .item:last-child {
width:100%;
}

.section-4 .item:before {
content:"";
width:24px;
height:24px;
background:url(../images/section4-star.svg) no-repeat;
margin:0 0 16px 0;
}

.section-4 .name {
color: var(--151515, #151515);
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 35px */
text-transform: capitalize;
}

.section-5 {
text-align:center;
margin:0 0 100px 0;
}

.section-5 .bg {
background:url(../images/section5-bg.webp) no-repeat center center;
padding:139px 0 143px 0;
}

.section-5 .title-section {
color:#fff;
margin:0 0 48px 0;
}

.section-5 .play {
display:inline-flex;
align-items:center;
justify-content: center;
gap:10px;
text-decoration:none;
cursor:pointer;
border-radius: 100px;
background: var(--008ccf, #008ccf);
width:100%;
max-width:378px;
color: var(--FFFFFF, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
padding:10px;
}

.section-5 .play:before {
content:"";
width:34px;
height:34px;
background:url(../images/section5-play.svg) no-repeat;
}

.section-6 {
margin:0 0 99px 0;
}

.section-6 .block {
max-width:1066px;
margin:0 auto;
background:url(../images/section6-bg.svg) no-repeat center center;
background-size:cover;
border-radius:20px;
padding:120px 365px 119px 135px;
position:relative;
z-index:1;
}

.section-6 .block:before {
content:"";
position:absolute;
bottom:0px;
right:70px;
z-index:3;
font-size:0px;
line-height:0px;
width:268px;
height:485px;
background:url(../images/section6.webp) no-repeat;
}

.section-6 .text {
color: #FFF;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
text-transform: capitalize;
margin:0 0 32px 0;
}

.section-6 .tl {
display:inline-flex;
justify-content: center;
align-items:center;
gap:10px;
padding:14px 10px;
border-radius: 100px;
border: 2px solid var(--FFFFFF, #FFF);
background: var(--FFFFFF, #FFF);
color: var(--008ccf, #008ccf);
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 30.8px */
text-transform: uppercase;
width:100%;
max-width:378px;
text-decoration:none;
text-align:center;
}

.section-6 .tl:hover path {fill:#fff;}

.desc-section {
margin:-30px 0 50px 0;
color: #7C7C7C;
text-align: center;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 115.789% */
}

.section-7 table {
width:100%;
border-radius: 10px;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
overflow:hidden;
border-spacing: 0px;
}

.section-7 td {
border-right: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
padding:20px;
color: var(--151515, #151515);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 22px;
}

.section-7 td:first-child {
color: var(--151515, #151515);
font-size: 23px;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 95.652% */
}

.section-7 td:last-child {
border:0px;
}

.section-7 tr:first-child td {
border-right: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--008ccf, #008ccf);
color: var(--FFFFFF, #FFF);
font-size: 23px;
font-style: normal;
font-weight: 600;
line-height: 22px; /* 95.652% */
}

.section {
margin:0 0 101px 0;
}

.block-rating {
width:100%;
max-width:448px;
margin:0 auto 50px auto;
border-radius: 10px;
border: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
padding:35px;
color: #000;
text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 900;
line-height: 140%; /* 42px */
text-transform: capitalize;
}

.block-rating .rating {
display:flex;
justify-content: center;
margin:0 0 15px 0;
font-size:0px;
line-height:0px;
}

.block-rating .rating .no path {
fill:#ADADAD;
}

.block-rating .rating svg:hover path {
fill:rgb(189, 23, 109);
}

.section-8 .info {
color: var(--7C7C7C, #7C7C7C);
text-align: center;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
text-transform: capitalize;
}

.section-9 .flex {
display:flex;
gap:24px;
margin:0 0 50px 0;
}

.section-9 .item {
flex:1;
padding:20px;
border-radius: 10px;
border: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
color: var(--7C7C7C, #7C7C7C);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
text-transform: capitalize;
min-height:270px;
}

.section-9 .number {
width: 70px;
height: 70px;
margin:0 0 14px 0;
border-radius:555px;
display:flex;
align-items:center;
justify-content: center;
color: var(--008ccf, #fff);
font-size: 27px;
font-style: normal;
font-weight: 800;
line-height: 140%; /* 37.8px */
text-transform: uppercase;
background:#00aff0;
}

.section-9 .name {
color: var(--151515, #151515);
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 35px */
text-transform: capitalize;
margin:0 0 16px 0;
}

.btn-all {
display:table;
margin:0 auto;
cursor:pointer;
text-decoration:none;
padding:14px;
text-align:center;
width:100%;
max-width:378px;
border-radius: 100px;
background: var(--008ccf, #008ccf);
color: var(--FFFFFF, #FFF) !important;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
transition: .5s;
}

.section-10 .item {
margin:0 0 24px 0;
padding:19px 88px 19px 19px;
border-radius: 12px;
border: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
position:relative;
cursor:pointer;
}

.section-10 .question {
cursor:pointer;
color: var(--151515, #151515);
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
}

.section-10 .answer {
display:none;
color: var(--151515, #151515);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 22px;
padding:8px 0 0 0;
}

.section-10 .answer a {
color: var(--008ccf, #008ccf);
}

.section-10 .item:before {
content:"";
position:absolute;
top:50%;
right:19px;
z-index:3;
width:24px;
height:24px;
background:url(../images/section10-arrow.svg) no-repeat;
margin:-12px 0 0 0;
transition: .5s;
}

.section-10 .item.active:before {
transform: rotate(180deg);
}

.footer {
padding:32px 0 83px 0;
border-top: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
border-radius: 0 0 30px 30px;
}

.footer .head {
display:flex;
justify-content: space-between;
gap:40px;
margin:0 0 84px 0;
}

.footer .name {
color: var(--008ccf, #000);
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 35px */
text-transform: capitalize;
margin:0 0 17px 0;
}

.footer ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
flex-direction:column;
gap:17px;
}

.footer ul a {
text-decoration:none;
color: #000;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
text-transform: capitalize;
}

.footer ul a:hover {
color: var(--E09137, #008ccf) !important;
}

.footer .social {
display:flex;
gap:9px;
margin:17px 0;
}

.footer .social a {
text-decoration:none;
display:flex;
align-items:center;
justify-content:center;
border-radius:555px;
width: 42px;
height: 42px;
background:#00aff0;
}

.footer .social a:hover {
background:#008ccf;
}

.footer .copyright {
color: var(--7C7C7C, #7C7C7C);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
text-transform: capitalize;
}

.footer .bottom {
color: var(--7C7C7C, #7C7C7C);
font-size: 14px;
font-style: normal;
font-weight: 300;
line-height: 140%; /* 19.6px */
text-transform: capitalize;
max-width:955px;
margin: 0 0 20px 0;
}

#top {
position:fixed;
bottom:100px;
right:27px;
z-index:7;
width:33px;
height:33px;
cursor:pointer;
transition: .5s;
background: url(../images/top.svg) no-repeat;
}

#top:hover {
bottom:85px;
}

.speedbar {
margin:23px 0 27px 0;
color: var(--151515, #151515);
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 16.8px */
text-transform: uppercase;
}

.speedbar a {
text-decoration:none;
color: var(--151515, #008ccf);
margin:0 24px 0 0;
position:relative;
}

.speedbar a:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -18px;
    width: 12px;
    height: 12px;
    background: url(../images/speedbar.svg) no-repeat;
    margin: -6px 0 0 0;
}

.speedbar a:hover {
color: var(--E09137, #151515) !important;
}

.section-11 .container {
display:flex;
gap:24px;
}

.section-11 .sidebar {
width:303px;
display:flex;
flex-direction:column;
gap:15px;
}

.section-11 .container-right {
flex:1;
}

.section-11 h1 {
color:#fff;
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 61.6px */
text-transform: capitalize;
margin:0 0 11px 0;
}

body.dark .section-11 h1 {
color: #000;
}

.section-11 .found {
color: var(--7C7C7C, #7C7C7C);
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
text-transform: capitalize;
margin:0 0 33px 0;
}

.container-title {
color: var(--151515, #151515);
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 42px */
text-transform: capitalize;
margin:0 0 14px 0;
}

.section-11 .found-flex {
display:flex;
flex-wrap:wrap;
gap:24px;
margin:0 0 30px 0;
}

.section-11 .found-flex .link {
position:relative;
text-decoration:none;
width:calc(33.333% - 16px);
padding:20px 60px 20px 20px;
border-radius: 10px;
border: 1px solid var(--DFDFDF, #DFDFDF);
background:url(../images/found-arrow.svg) no-repeat right 24px center, #FFF;
color: var(--ADADAD, #ADADAD);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: capitalize;
min-height:125px;
display:flex;
align-items:flex-start;
justify-content: center;
flex-direction:column;
}

.section-11 .found-flex .link span {
display:block;
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
text-transform: capitalize;
transition: .5s;
}

.loading-more {
text-align:center;
color: #000;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
margin:86px 0 0 0;
}

.title-page {
color: var(--008ccf, #000);
text-align: center;
font-size: 44px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 61.6px */
text-transform: capitalize;
width:100%;
max-width:646px;
margin:0 auto 51px auto;
}

.desc-page {
margin:-40px 0 40px 0;
color: var(--7C7C7C, #7C7C7C);
text-align: center;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
text-transform: capitalize;
}

.section-12 .block-rating {
margin:0 auto 27px auto;
}

.section-12 .info {
color: var(--7C7C7C, #7C7C7C);
text-align: center;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
text-transform: capitalize;
margin:0 0 27px 0;
}

.section-12 .current-location {
width:100%;
max-width:461px;
margin:0 auto;
border-radius: 10px;
border: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
display:flex;
align-items:center;
gap:20px;
padding:41px 20px;
}

.section-12 .current-location .col-left {
flex:1;
color: var(--ADADAD, #ADADAD);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
padding:0 0 0 31px;
background:url(../images/section12-geo.svg) no-repeat 0 center;
}

.section-12 .current-location .col-left span {
display:block;
margin:6px 0 0 0;
color: #000;
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 30.8px */
}

.section-12 .current-location .btn-all {
max-width:177px;
}

.section-13 .icon {
display:table;
font-size:0px;
line-height:0px;
margin:0 auto 27px  auto;
}

.section-13 .title {
color: var(--151515, #151515);
text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 42px */
text-transform: capitalize;
margin:0 0 19px 0;
}

.section-13 .desc {
color: var(--7C7C7C, #7C7C7C);
text-align: center;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
text-transform: capitalize;
margin:0 0 39px 0;
}

.section-13 .btn-all {
max-width:416px;
}

.section-14 .head {
margin:0 0 50px 0;
position:relative;
}

.section-14 .desc-page {
margin:-40px 0 0 0;
}

.section-14 .clear {
cursor:pointer;
text-decoration:none;
display:flex;
align-items:center;
justify-content: center;
gap:10px;
padding:13px;
border-radius: 100px;
background: var(--008ccf, #008ccf);
width:100%;
max-width:219px;
color: var(--FFFFFF, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
position:absolute;
top:50%;
right:0px;
margin:-25px 0 0 0;
transition: .5s;
}

.section-14 .clear:before {
content:"";
width:24px;
height:24px;
background:url(../images/section14-clear.svg) no-repeat;
}

.wrapper {
color: var(--151515, #151515);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 150%; /* 25.5px */
}

.page404 {
padding:76px 0 0 0;
}

.page404 .images {
font-size:0px;
line-height:0px;
text-align:center;
margin:0 0 54px 0;
}

.section-15 .container {
max-width:1066px;
margin:0 auto;
}

.section-15 .block-form {
border-radius: 20px;
background: var(--FFFFFF, #FFF);
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
padding:34px 164px 33px 164px;
}

.section-15 .radio {
display:flex;
flex-wrap:wrap;
gap:23px;
margin:0 0 25px 0;
}

.section-15 .radio input {
display:none;
}

.section-15 .radio span {
display:flex;
align-items:center;
gap:8px;
cursor:pointer;
color: var(--151515, #151515);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
text-transform: capitalize;
}

.section-15 .radio span:before {
content:"";
width:26px;
height:26px;
background:url(../images/radio.svg) no-repeat;
}

.section-15 .block-form .radio input:checked + span:before {
background:url(../images/radio-active.svg) no-repeat;
}

.section-15 .input {
margin:0 0 32px 0;
}

.section-15 .input label {
display:block;
margin:0 0 10px 0;
color: var(--151515, #151515);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
}

.section-15 .input label b {
color: var(--008ccf, #008ccf);
position: relative;
}

.section-15 .input label span b {
margin:0 0 0 10px;
padding: 2px 10px 2px 5px;
background: #008ccf;
color: #fff;
border-radius: 555px;
}

.select-option .hover span:hover b, .select-option .hover span.active b, .select-option .hover input:checked + span b {
background: #dea533;
}

.section-15 .input label span b::before {
content: "";
width:14px;
height:14px;
background: url(../images/fire.png) no-repeat;
position: absolute;
top: 0px;
right: -5px;
z-index: 3;
}

.section-15 .input input {
width:100%;
height:63px;
border-radius: 100px;
border: 1px solid var(--DFDFDF, #DFDFDF);
padding:0 20px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
}

.section-15 .input select {
width:100%;
height:63px;
border-radius: 100px;
border: 1px solid var(--DFDFDF, #DFDFDF);
padding:0 20px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background:url(../images/select.svg) no-repeat right 20px center;
}

.section-15 .input textarea {
width:100%;
height:208px;
border-radius: 20px;
border: 1px solid var(--DFDFDF, #DFDFDF);
padding:10px 20px;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%;
resize:none;
}

.section-15 .file input {
display:none;
}

.section-15 .file span {
display:flex;
align-items:center;
justify-content: center;
gap:10px;
cursor:pointer;
border-radius: 100px;
border: 2px solid var(--008ccf, #008ccf);
padding:16px;
color: var(--008ccf, #008ccf);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
transition: .5s;
}

.section-15 .file span:hover {
background: #e5e5e5;
}

.section-15 .file span:before {
content:"";
width:24px;
height:24px;
background:url(../images/file.svg) no-repeat;
}

.section-15 button {
max-width:none;
border:0px;
}

.load-file {
display:none;
align-items:center;
gap:15px;
margin:0 0 32px 0;
}

.load-file.active {
display:flex;
}

.load-file span {
display:flex;
align-items:center;
gap:10px;
color: var(--7C7C7C, #7C7C7C);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
}

.load-file span:before {
content:"";
width:24px;
height:24px;
background:url(../images/section15-download-icon1.svg) no-repeat;
}

.load-file .delete {
cursor:pointer;
width:24px;
height:24px;
background:url(../images/section15-download-icon2.svg) no-repeat;
}

.section-15 .input.error label, .section-15 .input.error ::placeholder {
color:#E54040;
}

.section-15 .input.error input, .section-15 .input.error select, .section-15 .input.error textarea {
border: 1px solid #E54040;
color:#E54040;
}

.section-12 .best-block {
display:flex;
justify-content: center;
gap:17px;
margin:0 0 44px 0;
}

.section-12 .best-block .btn {
display:flex;
align-items:center;
justify-content: center;
gap:10px;
border-radius: 100px;
color: var(--FFFFFF, #FFF);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-decoration:none;
width:100%;
max-width:293px;
padding:24px;
}

.section-12 .best-block .btn:before {
content:"";
width:24px;
height:24px;
background:url(../images/section12-best.svg) no-repeat;
}

.section-12 .best-block .btn:nth-child(1) {
background: linear-gradient(90deg, #008ccf 0%, #F56197 100%);
}

.section-12 .best-block .btn:nth-child(2) {
background: linear-gradient(90deg, #BD5717 0%, #EEB449 100%);
}

.section-12 .best-block .btn:nth-child(3) {
background: linear-gradient(90deg, #2ABD17 0%, #1E9947 100%);
}

.section-16 {
margin:0 0 59px 0;
}

.section-16 .title {
color: var(--151515, #151515);
text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 42px */
text-transform: capitalize;
margin:0 0 21px 0;
}

.section-16 .desc {
color: var(--7C7C7C, #7C7C7C);
text-align: center;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
text-transform: capitalize;
margin:0 0 27px 0;
}

.section-16 .flex {
display:flex;
flex-wrap:wrap;
gap:25px;
margin:0 0 59px 0;
}

.section-16 .flex a {
width:calc(33.333% - 17px);
display:flex;
align-items:center;
justify-content: space-between;
gap:20px;
text-decoration:none;
padding:30px 30px;
border-radius: 10px;
border: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 25.2px */
text-transform: capitalize;
}

.section-16 .flex a:after {
content:"";
width:24px;
height:24px;
background:url(../images/section16-link.svg) no-repeat;
flex-shrink:0;
transition: .5s;
}

.section-16 .flex a:hover:after {
background:url(../images/section16-link-hover.svg) no-repeat;
}

.section-16 .bottom {
border-radius: 10px;
background: var(--00aff0, #00aff0);
padding:20px;
margin:-18px 0 0 0;
display:flex;
align-items:flex-start;
flex-direction:column;
gap:10px;
}

.section-16 .bottom .name {
color: var(--151515, #151515);
font-family: Geologica;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 28px */
text-transform: capitalize;
}

.section-16 .bottom .info {
color: var(--7C7C7C, #7C7C7C);
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */
text-transform: capitalize;
}

.section-16 .bottom .geo {
display:inline-flex;
align-items:center;
gap:10px;
text-decoration:none;
padding:12px 25px;
border-radius: 100px;
background: var(--008ccf, #008ccf);
color: var(--FFFFFF, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
}

.section-16 .bottom .geo:before {
content:"";
width:25px;
height:25px;
background:url(../images/section16-geo.svg) no-repeat;
}

.widget-block {
border-radius: 20px;
border: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
padding: 18px 10px 22px 15px;
}

.widget-block .title {
display:flex;
align-items:center;
gap:6px;
padding:0 30px 0 0;
position:relative;
color: #000;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 140%;
cursor:pointer;
}

.widget-block .hover {
padding:15px 0 0 0;
}

.widget-block .title:before {
content:"";
position:absolute;
top:50%;
right:0px;
z-index:3;
width:24px;
height:24px;
background:url(../images/widget-arrow.svg) no-repeat;
margin:-12px 0 0 0;
transition: .5s;
}

.widget-block .title.active:before {
transform: rotate(180deg);
}

.widget-block .select-price {
display:flex;
flex-wrap:wrap;
gap:10px;
margin:0 0 16px 0;
}

.widget-block .select-price span {
border-radius: 100px;
border: 1px solid var(--DFDFDF, #DFDFDF);
padding:8px 13px;
color: var(--151515, #151515);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
cursor:pointer;
transition: .5s;
}

.widget-block .select-price span:hover {
background: var(--E09137, #008ccf);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
color: #fff;
border: 1px #008ccf solid;
}

.widget-block .tl {
display:flex;
align-items:center;
justify-content: center;
gap:10px;
text-decoration:none;
border-radius: 100px;
background: var(--008ccf, #008ccf);
padding:15px;
color: var(--FFFFFF, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
}

.widget-block .tl:before {
content:"";
width:17px;
height:17px;
background:url(../images/widget-tl.svg) no-repeat;
}

.widget-block .labels {
display:flex;
flex-direction:column;
gap:11px;
}

.widget-block .labels div {
display:flex;
align-items:center;
gap:8px;
color: var(--151515, #151515);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
}

.widget-block .labels input {
display:none;
}

.widget-block .labels div:before {
content:"";
width:26px;
height:26px;
background:url(../images/checkbox.svg) no-repeat;
}

.widget-block .labels span:first-child {
flex:1;
}

.widget-block .labels input:checked + div:before {
background:url(../images/checkbox-active.svg) no-repeat;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
width: 18px;
height: 18px;
background:#008ccf;
border-radius:555px;
border:0px;
}

.ui-widget.ui-widget-content {
border-radius: 100px;
background:#008ccf;
height:6px;
border:0px;
}

.ui-widget-header {
border-radius: 100px;
background: var(--00aff0, #00aff0);
}

.widget-block .price-counter {
margin:0 0 12px 0;
display:flex;
justify-content: space-between;
gap:20px;
color: var(--151515, #151515);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 22.4px */
}

.ui-slider-horizontal .ui-slider-handle {
top:-0.417vw;
}

#slider-range {
margin:0 10px;
}

.popup-block {
display:none;
}

.popup-block .popup-bg {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(44, 44, 44, 0.60);
backdrop-filter: blur(10px);
z-index: 99999999999999;
overflow: auto;
width:100%;
height:100%;
}

.popup-block .block {
width:100%;
max-width:630px;
position:fixed;
top:50%;
left:50%;
z-index:99999999999;
transform: translate(-50%, -50%);
}

.popup-block .close {
width:17px;
height:17px;
background:url(../images/popup-close.svg) no-repeat;
cursor:pointer;
transition: .5s;
}

.popup-block .close:hover {
opacity:.7;
}

.popup-block .head {
display:flex;
align-items:center;
gap:20px;
padding:20px;
border-radius: 20px 20px 0 0;
background: var(--008ccf, #008ccf);
}

.popup-block .head .col-left {
flex:1;
color: #FFF;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */
}

.popup-block .head .title {
font-size: 19px;
margin:0 0 4px 0;
}

.popup-block .main {
border-radius: 0 0 20px 20px;
background: var(--FFFFFF, #FFF);
padding:20px;
max-height: 90vh;
overflow-y: auto;
}

.popup-block .main ol a {
color: #000;
}

.popup-block .search-country {
margin:0 0 20px 0;
position:relative;
}

.popup-block .search-country input {
width:100%;
height:41px;
border-radius: 100px;
border: 1px solid var(--DFDFDF, #DFDFDF);
padding:0 20px;
font-size: 15px;
}

.popup-block .select-country-name {
color: var(--151515, #151515);
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
margin:0 0 23px 0;
}

.popup-block .select-country-list {
display:flex;
flex-direction:column;
gap:10px;
}

.popup-block .select-country-list a {
display:flex;
align-items:center;
gap:10px;
text-decoration:none;
padding:20px;
border-radius: 10px;
border: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
color: #000;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 25.2px */
text-transform: capitalize;
}

.popup-block .select-country-list a:hover {
background: var(--008ccf, #008ccf);
color: #FFF;
}

.popup-block .select-country-list span {
font-weight: 600;
}

.popup-block .no-countries-found {
display:flex;
align-items:center;
flex-direction:column;
gap:10px;
text-align:center;
color: var(--7C7C7C, #7C7C7C);
text-align: center;
font-size: 17px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 23.8px */
text-transform: capitalize;
}

.popup-block .no-countries-found span {
font-size: 19px;
}

.popup-block .clear-wishlist {
padding:20px 0;
}

.popup-block .clear-wishlist .desc {
color: var(--ADADAD, #ADADAD);
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
margin:0 0 23px 0;
}

.popup-block .clear-wishlist .descs {
margin:0 0 23px 0;
}

.popup-block .clear-wishlist .bottom {
display:flex;
gap:23px;
}

.popup-block .clear-wishlist .cancel-btn {
text-decoration:none;
display:block;
cursor:pointer;
flex:1;
border-radius: 100px;
border: 2px solid var(--008ccf, #008ccf);
padding:12px;
color: var(--008ccf, #008ccf);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
text-align:center;
transition: .5s;
}

.popup-block .clear-wishlist .clear-btn {
text-decoration:none;
display:block;
cursor:pointer;
flex:1;
border-radius: 100px;
background: var(--008ccf, #008ccf);
border: 2px solid var(--008ccf, #008ccf);
padding:12px;
color:#fff;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
text-align:center;
transition: .5s;
}

.popup-block .share-block .name {
color: var(--151515, #151515);
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
margin:0 0 10px 0;
}

.popup-block .share-block .link {
color: var(--ADADAD, #ADADAD);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 25.2px */
margin:0 0 51px 0;
overflow-wrap: break-word;
}

.popup-block .share-block .social {
display:flex;
justify-content: space-between;
gap:10px;
margin:0 0 51px 0;
}

.popup-block .share-block .social a {
text-decoration:none;
display:flex;
align-items:center;
justify-content:center;
border-radius:555px;
width: 64px;
height: 64px;
background:#008ccf;
}

.popup-block .share-block .social a:hover {
background:#008ccf;
}

.popup-block .share-block .social img {
transform:scale(1.5);
}

.popup-block .share-block .copy {
display:flex;
align-items:center;
justify-content: center;
gap:10px;
padding:13px;
border-radius: 100px;
background: var(--008ccf, #008ccf);
color: var(--FFFFFF, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
cursor:pointer;
transition: .5s;
}

.popup-block .share-block .copy:hover {
background: var(--E09137, #008ccf);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
}

.popup-block .share-block .copy:before {
content:"";
width:24px;
height:24px;
background:url(../images/copy.svg) no-repeat;
}

.video-popup {
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:9;
border-radius: 40px;
border: 10px solid rgba(189, 23, 109, 0.05);
background:url(../images/video-popup-bg.webp) no-repeat center center, var(--FAF9F5, #FAF9F5);
background-size:cover;
padding:40px;
display:none;
}

.video-popup .video-block {
width:100%;
max-width:618px;
height:100%;
margin:0 auto;
position:relative;
}

.video-popup .demo {
position:absolute;
top:47px;
left:78px;
z-index:3;
border-radius: 100px;
background: var(--008ccf, #008ccf);
padding:10px 31px;
color: var(--FFFFFF, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: capitalize;
}

.video-popup .close {
position:absolute;
top:40px;
right:78px;
z-index:3;
cursor:pointer;
width:42px;
height:41px;
background:url(../images/video-popup-close.svg) no-repeat;
transition: .5s;
}

.video-popup .volume {
position:absolute;
top:122px;
right:77px;
z-index:3;
cursor:pointer;
width:42px;
height:42px;
background:url(../images/video-popup-volume.svg) no-repeat;
transition: .5s;
}

.video-popup .volume.muted {
background:url(../images/video-popup-volume-muted.svg) no-repeat;
}

.video-popup .close:hover, .video-popup .volume:hover {
opacity:.7;
}

.video-popup .video {
position:relative;
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius: 20px;
height:100%;
}

.video-popup .video .player {
height:100%;
}

.video-popup .video .player img {
width:100%;
height:100% !important;
}

.video-popup .button {
position:absolute;
top:50%;
right:25px;
z-index:3;
display:flex;
flex-direction:column;
gap:28px;
}

.video-popup .favorite {
text-decoration:none;
cursor:pointer;
width: 70px;
height: 70px;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
border-radius:555px;
}

.video-popup .favorite svg path {
transition: .5s;
}

.video-popup .favorite:hover svg path, .video-popup .favorite.add svg path {
stroke: var(--008ccf, #008ccf);
fill: var(--008ccf, #008ccf);
}

.video-popup .share {
text-decoration:none;
cursor:pointer;
width: 70px;
height: 70px;
display:flex;
align-items:center;
justify-content:center;
background:#fff;
border-radius:555px;
}

.video-popup .share svg path {
transition: .5s;
}

.video-popup .share:hover svg path {
stroke: var(--008ccf, #008ccf);
fill: var(--008ccf, #008ccf);
}

.video-popup .timeline {
position:absolute;
bottom:0px;
left:0px;
right:0px;
z-index:3;
height:15px;
background: rgba(255, 255, 255, 0.40);
}

.video-popup .timeline span {
display:block;
top:0px;
left:0px;
background: var(--008ccf, #008ccf);
z-index:1;
height:100%;
}

.video-popup .video-block .owl-stage-outer, .video-popup .video-block .owl-stage, .video-popup .video-block .owl-item {
height:100%;
}

.owl-nav {
display:flex;
align-items:center;
flex-direction:column;
gap:30px;
position:absolute;
top:50%;
right:-120px;
z-index:3;
transform: translate(0%, -50%);
}

.owl-nav button {
cursor:pointer;
width:57px;
height:57px;
background:url(../images/video-popup-arrow.svg) no-repeat !important;
border:0px;
}

.owl-nav .owl-prev {
transform: rotate(180deg);
}

.owl-nav button:hover {
opacity:.7;
}

.owl-nav span {
display:none;
}

.header .menu a:hover {
border: 2px solid var(--008ccf, #008ccf);
}

.card-flex .btn:hover,
.btn-all:hover,
.section-16 .bottom .geo:hover,
.section-14 .clear:hover,
.widget-block .tl:hover,
.popup-block .clear-wishlist .clear-btn:hover {
background: var(--E09137, #00aff0);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
}

.section-6 .tl:hover {
background: var(--E09137, #00aff0);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
color:#fff;
border: 2px solid var(--FFFFFF, #008ccf);
}

.section-16 .flex a:hover, .section-11 .found-flex .link:hover {
background: var(--E09137, #00aff0);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
color:#fff;
border:1px #008ccf solid;
}

.popup-block .clear-wishlist .cancel-btn:hover {
background: var(--008ccf, #00aff0);
border: 2px solid var(--008ccf, #008ccf);
color:#fff;
}

.section-5 .play:hover, .window-cookies .apply:hover {
background: var(--E09137, #00aff0);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
}

.wrapper .date {
text-align: center;
margin:0px 0 10px 0;
color: var(--7C7C7C, #7C7C7C);
}

.section-2 .date {
text-align: center;
margin:-20px 0 30px 0;
color: var(--7C7C7C, #7C7C7C);
}

.section-1 .search {
position:relative;
}

.result-block-search {
width:100%;
max-width:712px;
margin:0 auto;
position:absolute;
top:calc(100% + 15px);
left:0px;
right:0px;
z-index:7;
background: var(--FFFFFF, #FFF);
border-radius: 10px;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
overflow:hidden;
display:none;
}

.result-block-search ul {
list-style:none;
margin:0px;
padding:0px;
display:flex;
flex-direction:column;
}

.result-block-search ul li {
width:100%;
}

.result-block-search ul a {
display:flex;
align-items:center;
gap:12px;
text-decoration:none;
padding:10px;
color: var(--151515, #151515);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 19.6px */
}

.result-block-search ul a:hover {
background: #c8ecf9;
}

.header .menu .best-block .btn:hover,
.section-12 .best-block .btn:hover {
background: var(--E09137, #008ccf);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
}

.mobile-search {
display:none;
}

.mobile-menu {
display:none;
}

.section-7 .slider-mobile {
display:none;
}

.open-filter-mobile {
display:none;
}

.window-cookies {
background: var(--151515, #151515);
padding:10px 0;
position:relative;
border-radius: 0 0 30px 30px;
}

.window-cookies .container {
display: flex;
align-items: center;
justify-content: center;
gap:12px;
color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
border-radius:0 0 30px 30px;
}

.window-cookies a {
color: var(--008ccf, #008ccf);
}

.window-cookies .apply {
cursor:pointer;
padding:5px 10px;
border-radius: 100px;
background: var(--008ccf, #008ccf);
color: #FFF;
font-size: 12px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: uppercase;
flex-shrink:0;
transition: .5s;
}

.mobile-block {
display:none;
}

.mobile-block .close {
position:absolute;
top:18px;
right:15px;
z-index:3;
width:14px;
height:14px;
background:url(../images/mobile-menu-close.svg) no-repeat;
cursor:pointer;
transition: .5s;
}

.mobile-block .close:hover {
opacity:.7;
}

body.dark .mobile-block .close {
background:url(../images/mobile-menu-close-white.svg) no-repeat;
}

.mobile-block .logo a {
display:block;
text-decoration:none;
margin:0 auto 19px auto;
}

.mobile-block .menu {
margin:0 0 20px 0;
}

.mobile-block .menu ul {
display:flex;
flex-direction:column;
gap:20px;
list-style:none;
margin:0px;
padding:0px;
}

.mobile-block .menu li {

}

.mobile-block .menu a {
display:flex;
align-items:center;
justify-content: center;
gap:2px;
text-decoration:none;
padding:10px;
color: var(--151515, #fff);
font-family: Montserrat;
font-size: 14px;
font-style: normal;
font-weight: 600;
line-height:normal;
text-transform: uppercase;
border-radius: 100px;
background:#00aff0;
border:2px #00aff0 solid;
position:relative;
}

.mobile-block .menu span {
position:relative;
}

.mobile-block .menu a b {
position:absolute;
top: -4px;
left:-15px;
z-index:3;
width: 15px;
height: 15px;
border-radius: 100px;
border: 1px solid var(--FFFFFF, #FFF);
background: var(--E09137, #008ccf);
display: flex;
align-items: center;
justify-content: center;
color: var(--FFFFFF, #FFF);
text-align: center;
font-size: 10px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 14px */
text-transform: uppercase;
}

.mobile-block .menu .sub > a:after {
content:"";
width:24px;
height:24px;
background:url(../images/mobile-menu-sub.svg) no-repeat;
transform: rotate(180deg);
}

.mobile-block .menu .sub > a.active:after {
transform: rotate(0deg);
}

.mobile-block .menu ul li {
position:relative;
}

.mobile-block .menu .hover {
padding:20px 0 0 0;
display:none;
}

.mobile-block .menu li:hover:before {
content:"";
position:absolute;
bottom:-40px;
left:0px;
right:0px;
z-index:3;
height:40px;
}

.mobile-block .menu .hover li:before {
display:none;
}

.mobile-block .menu .best-block {
display:flex;
justify-content: center;
flex-direction:column;
gap:17px;
margin:0 0 20px 0;
}

.mobile-block .menu .best-block .btn {
display:flex;
align-items:center;
justify-content: center;
gap:10px;
border-radius: 100px;
color: var(--FFFFFF, #FFF);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-decoration:none;
padding:10px;
flex:1;
border:0px !important;
}

.mobile-block .menu .best-block .btn:before {
content:"";
width:24px;
height:24px;
background:url(../images/section12-best.svg) no-repeat;
}

.mobile-block .menu .best-block .btn:nth-child(1) {
background: linear-gradient(90deg, #008ccf 0%, #F56197 100%);
}

.mobile-block .menu .best-block .btn:nth-child(2) {
background: linear-gradient(90deg, #BD5717 0%, #EEB449 100%);
}

.mobile-block .menu .best-block .btn:nth-child(3) {
background: linear-gradient(90deg, #2ABD17 0%, #1E9947 100%);
}

.mobile-block .menu .best-name {
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
margin:0 0 20px 0;
padding:0 0 20px 0;
border-bottom: 1px solid var(--DFDFDF, #DFDFDF);
}

.mobile-block .menu .hover ul {
flex-wrap:wrap;
gap:17px;
margin:0 0 40px 0;
}

.mobile-block .menu .hover ul a {
padding:0px;
background:none;
border:0px;
min-width:inherit;
text-transform:none;
display:block;
}

body.dark .mobile-block .menu .hover ul a {
color:#fff;
}

.mobile-block .menu .hover ul a:hover {
color: var(--E09137, #008ccf) !important;
}

.mobile-block .menu .hover .all {
display:flex;
align-items:center;
justify-content: center;
gap:10px;
text-decoration:none;
padding:11px;
border-radius: 100px;
border: 2px solid var(--008ccf, #008ccf);
color: var(--008ccf, #008ccf);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
background:#fff;
}

.mobile-block .menu .hover .all:before {
content:"";
width:24px;
height:24px;
background:url(../images/topmenu-best-icon.svg) no-repeat;
transition: .5s;
}

.mobile-block .menu .hover .all:hover {
border-radius: 100px;
background: var(--E09137, #008ccf);
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
color:#fff;
border:2px #008ccf solid;
}

.mobile-block .menu .hover .all:hover:before {
background:url(../images/topmenu-best-icon-hover.svg) no-repeat;
}

.mobile-block .tl {
display:flex;
align-items:center;
justify-content: center;
gap:6px;
text-decoration:none;
border-radius: 100px;
background: linear-gradient(90deg, #F5B941 0%, #DCA332 100%);
padding:10px;
color: var(--FFFFFF, #FFF);
font-family: Montserrat;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 140%;
margin:0 0 17px 0;
}

.mobile-block .tl:hover {
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
}

.mobile-block .theme-dark {
display:flex;
align-items:center;
gap:17px;
color: var(--151515, #151515);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
}

body.dark .mobile-block .theme-dark {color:#fff;}

body.noscroll {
overflow:hidden;
}

.header .search {
display:none;
}

.header.page .logo {
flex:none;
}

.header.page form {flex:1;}

.header.page .search {
flex:1;
display:flex;
align-items:center;
width:100%;
margin:0 auto;
padding:0 10px 0 0;
font-size: 11px;
font-style: normal;
font-weight: 300;
line-height: 140%;
border-radius: 100px;
border: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
transition: .5s;
position:relative;
}

.header.page .search ::placeholder {
color: var(--ADADAD, #ADADAD);
}

.header.page .search button {
cursor:pointer;
border:0px;
width:35px;
height:35px;
background:url(../images/section1-search.svg) no-repeat center center;
}

.header.page .search input {
flex:1;
width:100%;
background:none;
border:0px;
height:35px;
font-size: 11px;
}

.header.page .search.active {
border: 1px solid var(--008ccf, #008ccf);
background: var(--FFFFFF, #fff);
}

.header.page .search.active button {
background:url(../images/section1-search-hover.svg) no-repeat center center;
}

.header.page .menu {
padding:0px;
}

.header.page .container {
gap:16px;
}

.header.page .menu a {
min-width:inherit;
}

.select-option {
position:relative;
}

.select-option .select {
cursor:pointer;
padding:20px;
border-radius: 100px;
border: 1px solid var(--DFDFDF, #DFDFDF);
color: var(--ADADAD, #ADADAD);
background:url(../images/select.svg) no-repeat right 20px center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
}

.select-option .select.active {
border: 1px solid var(--008ccf, #008ccf);
}

.section-15 .input ::placeholder {
color: var(--ADADAD, #ADADAD);
}

.select-option .hover {
border-radius: 20px;
background: #FFF;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
padding:20px;
position:absolute;
top:calc(100% + 14px);
left:0px;
right:0px;
z-index:3;
display:none;
}

.select-option .hover label {
display:block;
margin:0 0 11px 0;
}

.select-option .hover label:last-child {
margin:0px;
}

.select-option .hover input {
display:none;
}

.select-option .hover span {
display:block;
cursor:pointer;
padding:10px 20px;
border-radius: 10px;
color: var(--151515, #151515);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%;
transition: .5s;
}

.select-option .hover span:hover, .select-option .hover span.active, .select-option .hover input:checked + span {
background: var(--008ccf, #008ccf);
color: #FFF;
}

.section-12.margin {
margin:0 0 25px 0;
}

.section-11 .found-flex .link:hover {
background: url(../images/section16-link-hover.svg) no-repeat right 24px center, #008ccf;
}

.section-11 .found-flex .link:hover span {
color:#fff;
}

.widget-block .warning {
margin:16px 0;
padding:10px;
border-radius: 10px;
border: 1px solid var(--008ccf, #008ccf);
background: var(--00aff0, #00aff0);
color: var(--151515, #151515);
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 18.2px */
}

.widget-block .name-location {
color: #000;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
margin:0 0 10px 0;
}

.select-location-open {
width:100%;
border-radius: 100px;
border: 1px solid var(--DFDFDF, #DFDFDF);
padding:10px 20px;
background:url(../images/select.svg) no-repeat right 20px center;
color: var(--ADADAD, #ADADAD);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%;
cursor:pointer;
}

.found-selects {
display:flex;
flex-wrap:wrap;
gap:14px;
margin:0 0 33px 0;
}

.found-selects .tag {
display:flex;
align-items:center;
gap:10px;
border-radius: 100px;
border: 1px solid var(--008ccf, #008ccf);
background: var(--00aff0, #00aff0);
padding:9px 10px;
color: var(--008ccf, #008ccf);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
transition: .5s;
}

.found-selects .tag .delete {
cursor:pointer;
display:flex;
align-items:center;
transition: .5s;
}

.found-selects .remove {
display:flex;
align-items:center;
gap:10px;
cursor:pointer;
padding:9px 10px;
border-radius: 100px;
border: 1px solid var(--008ccf, #008ccf);
background: var(--008ccf, #008ccf);
color: var(--FFFFFF, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
transition: .5s;
}

path {
transition: .5s;
}

.found-selects .tag:hover svg path {
fill:#fff;
}

.sidebar-mobile {
display:none;
}

body.dark {
color:#fff;
background: #000;
}

body.dark .speedbar {
color:#fff;
}

body.dark .speedbar a {
color:#fff;
}

body.dark .speedbar a:hover {
color: #008ccf !important;
}

body.dark .site-body {
background:#000;
border: 0px solid rgb(255 255 255);
}

body.dark .header {
background:#111;
}

body.dark .title-section {
color:#fff;
}

body.dark .section-4 .name {
color:#fff;
}

body.dark .footer {
background: #141414;
}

body.dark .footer ul a {
color:#fff;
}

body.dark .section-16 .title {
color:#fff;
}

body.dark .wrapper {
color:#fff;
}

body.dark .section-13 .title {
color:#fff;
}

body.dark .container-title {
color:#fff;
}

body.dark .section-10 .item.active {
background:#fff;
}

.found-selects .tag:hover {
border: 1px solid var(--008ccf, #008ccf);
background: var(--008ccf, #008ccf);
color: var(--FFFFFF, #FFF);
}

.search-mobile-block {
display:none;
}

.search-empty {
position:absolute;
top:37px;
right:25px;
z-index:3;
cursor:pointer;
width:24px;
height:24px;
background:url(../images/search-empty.svg) no-repeat;
display:none;
}

.section-1 .form .search-empty {
top: 17px;
right: 12px;
}

.header.page .form .search-empty {
top: 5px;
right: 8px;
}

.popup-block .search-country .search-empty {
top: 8px;
right: 8px;
}

.video-popup .info {
position:absolute;
bottom:35px;
left:24px;
right:24px;
z-index:3;
display:flex;
gap:16px;
}

.video-popup .info .avatar {
font-size:0px;
line-height:0px;
overflow:hidden;
border-radius:555px;
width: 71px;
height: 71px;
border: 3px solid var(--FFFFFF, #FFF);
}

.video-popup .info .right {
flex:1;
overflow: hidden;
color: #FFF;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
}

.video-popup .info .name {
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 28px */
text-transform: capitalize;
}

.video-popup .info span {
display:block;
margin:0 0 12px 0;
font-size: 19px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 26.6px */
}

#dlemasscomments, #dle-comments-form {
display:none !important;
}

#show_more_all {
text-align:center;
display:table;
margin:0 auto;
}

.search-mobile-block .close {
position: absolute;
top: 10px;
right: 10px;
z-index: 3;
cursor: pointer;
transition: .5s;
width: 14px;
height: 14px;
background: url(../images/mobile-menu-close.svg) no-repeat;
background-size: contain;
}

body.dark .search-mobile-block {
background:#000;
}

.loadmore-show {
width:260px;
margin:0 auto;
}

body.dark .search-mobile-block .close {
background: url(../images/mobile-menu-close-white.svg) no-repeat;
}

h1, h2, h3, h4, h5 {
line-height:normal;
}

.desc-cat {margin:-35px 0 30px 0; text-align: center;}

.fixed-mobile-block, .mobile-popular-categories {display: none;}


.filters {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: center;
	font-size: 16px;	
	
}

.filters .name {
    flex: 0 0 100%;
    text-align: center;
}

.filters h2 {
    color: var(--23242F, #23242F);
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 140%;
    margin-top: 0px;  
    margin-bottom: 5px; 
	
}

.filters select {
width: 85px;
padding: 0px 10px 0 0;
border: 0px;
border-radius: 0px;
background: none;
font-size: 14px;
cursor: pointer;
color: var(--23242F, #23242F);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%;
background: url(../images/filter-arrow1.svg) no-repeat right center;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

.filters select:hover {
opacity: 0.8 !important;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3) !important;

}


.current-count {
margin: 55px 0 35px 0;
color: #525252;
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 21px */
}

.section-2 .desc-page {
text-align:left; 
margin:-20px 0 20px 0;
}

.navigation {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap:8px;
margin: 35px 0 0 0;
}

.navigation a {
text-decoration: none;
min-width: 32px;
height: 32px;
display:flex;
align-items:center;
justify-content: center;
border-radius: 100px;
border: 1px solid #D8DAE5;
background: #FFF;
color: #051B44;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
letter-spacing: -0.5px;
}

.navigation span {
text-decoration: none;
min-width: 32px;
height: 32px;
display:flex;
align-items:center;
justify-content: center;
border-radius: 100px;
background: var(--008ccf, #008ccf);
color: #FFF;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
letter-spacing: -0.5px;
}

.navigation .nav {background: none;}

.navigation .nav a, .navigation .nav span {
display:flex;
align-items:center;
gap:8px;
width: auto;
color: #051B44;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 171.429% */
letter-spacing: -0.5px;
}

.navigation a:hover, .navigation .nav span {
background: var(--008ccf, #008ccf);
color: #FFF;
}

.navigation a path {
transition: .5s;
}
.navigation a:hover path, .navigation .nav span path {
stroke:#fff;
}

.cats-list-module h2 {
color: var(--23242F, #23242F);
font-size: 26px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 42px */
margin:0 0 33px 0;
}

.cats-list-module ul {
list-style:none;
margin:0 -68px 57px -68px;
padding:0px;
display:flex;
flex-wrap:wrap;
}

.cats-list-module li {
width:33.333%;
padding:4px 68px;
border-right:1px #CECDCD solid;
}

.cats-list-module li a {
color: var(--8663DA, #000);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-decoration:underline;
}

.cats-list-module li a:hover {
text-decoration:none;
}

body.dark .filters select, 
body.dark .filters .name,
body.dark .current-count,
body.dark .section-8 .info,
body.dark .section-17 .question,
body.dark .section-17 .answer,
body.dark .section-1 .desc, body.dark .wrapper .desc,
body.dark .speedbar a,
body.dark .header .menu .hover .col-name,
body.dark .cats-list-module h2,
body.dark .cats-list-module li a,
body.dark .footer .copyright,
body.dark .footer .bottom,
body.dark .footer .bottom a,
body.dark .header .logo a,
body.dark .header .logo span {color:#fff;}

body.dark .header .menu .hover .all a {color:#fff !important;}
body.dark .header .menu .hover .all a:hover {text-decoration: none;}

body.dark .filters select option {color:#000;}

body.dark .block-rating {background: #000;}

body.dark .speedbar a:hover {text-decoration: underline;}

body.dark #top circle {
stroke:#fff;
}
body.dark #top path {
fill:#fff;
}

body.dark .page404 .desc {color: #fff;}

.enter-btn {
cursor: pointer;
display: block;
text-decoration: none;
border-radius: 100px;
background: var(--008ccf, #008ccf);
padding:14px;
color: var(--FFFFFF, #FFF);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%;
text-transform: uppercase;
margin:51px 0 20px 0;
text-align: center;
transition: .5s;
}

.enter-btn:hover {
background: var(--23242F, #23242F);
}

.exit-btn {
cursor: pointer;
display: block;
text-decoration: none;
border-radius: 100px;
border: 2px solid var(--008ccf, #008ccf);
padding:13px;
color: var(--8663DA, #008ccf);
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
text-align: center;
transition: .5s;
}

.exit-btn:hover {
background: #008ccf;
color:#fff;
}

.section-1 {
min-height: 185px;
}

.section-2, .section-2 .container {
min-height: 500px;
}

body.dark .section-4 .info {
color:#fff;
}

body.dark .desc-section, body.dark .desc-page {
color:#fff;
}

body.dark .mobile-popular-categories .title, body.dark .mobile-popular-categories .scroll a {
color:#fff;
}

.page404 .title {
text-align: center;
font-size: 30px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 42px */
margin:0 0 13px 0;
}

.page404 .desc {
color: var(--525252, #525252);
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin:0 0 33px 0;
}

body.dark .owl-dots button {
background: #fff !important;
}

body.dark .owl-dots button.active {
background: #008ccf !important;
}

body.dark .section-4 .item {
color: #fff;
}

body.dark .block-rating {
color: #fff;
}

.filters a {
display: flex;
align-items: center;
gap:7px;
text-decoration: none;
color: #7C7C7C;
}

.filters a:after {
content: "";
width: 18px;
height: 18px;
background: url(../images/filter-arrow1.svg) no-repeat;
}

.filters a.up, .filters a:hover {
color: #008ccf;
}

.filters a.up:after {
background: url(../images/filter-arrow2.svg) no-repeat;
transform: rotate(180deg);
}

.filters .filter-btn {
background: #008ccf;
border-radius: 555px;
padding: 5px 10px;
color: #fff !important;
}

.filters .filter-btn:hover {
box-shadow: 0 0 13px 0 rgba(0, 0, 0, 0.55);
}

body.dark .filters .filter-btn:hover {
box-shadow: 0 0 13px 0 rgba(255, 255, 255, 0.55);
}

.filters .filter-btn:after {
content: "";
width:17px;
height:17px;
background:url(../images/popup-close.svg) no-repeat;
}

.open-top-list {
cursor: pointer;
transition: .5s;
}

.open-top-list:hover {
color: #008ccf;
}

#window-top-list-popup ul {
list-style: none;
margin: 0px;
padding: 0px;
display: flex;
flex-wrap: wrap;
gap:0px;
}

#window-top-list-popup ul li {
width:100%;
font-size: 14px;
}

body.dark .header .menu .hover ul a {
color: #fff;
}

body.dark .section-1 h1, body.dark .title-page {
color: #fff;
}

body.dark .filters a {
color: #fff;
}

body.dark .filters a:hover {
color: var(--BD176D, #00aff0);
}

body.dark .footer .name {
color: #fff;
}

body.dark .popup-block .main {
background: #222;
}

body.dark #window-top-list-popup ul li a, body.dark .popup-block .main a {
color: #fff;
}

.popup-block .main ol {
margin: 0px;
display: flex;
flex-direction: column;
gap: 5px;
}

 .section-18 table { width: 100%; border-collapse: collapse; text-align: center; border-radius: 30px 30px 0 0; overflow: hidden; } 
 .section-18 th { padding: 12px; border: 1px solid #ddd; text-align: center; } 
 .section-18 td { padding: 12px; border: 1px solid #ddd; text-align: left; } 
 .section-18 th { background: #00aff0; color: white; }

  /* ── TABLE WRAPPER ── */
.section-18  .table-wrap {
    width: 100%;
    overflow-x: auto;
    border-radius: var(--radius);
    border: 1px solid var(--border);
    background: var(--surface);
  }

.section-18  table {
    width: 100%;
    border-collapse: collapse;
    min-width: 900px;
  }

  /* ── HEADER ── */
.section-18  thead tr {
    background: var(--surface2);
    border-bottom: 1px solid var(--border);
  }

.section-18  thead th {
    padding: 12px 16px;
    text-align: center;
    font-size: 10.5px;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color:#FFF;
    white-space: nowrap;
  }

.section-18  thead th:first-child { padding-left: 20px; }
.section-18  thead th:last-child  { padding-right: 20px; text-align: center; }

  /* ── ROWS ── */
.section-18  tbody tr {
    border-bottom: 1px solid var(--border);
    transition: background 0.18s ease;
  }

.section-18  tbody tr:last-child { border-bottom: none; }

.section-18  tbody tr:hover {
    background: rgba(255,255,255,0.025);
  }

.section-18  tbody td {
    padding: 14px 16px;
    vertical-align: middle;
    color: var(--text);
  }

.section-18  tbody td:first-child { padding-left: 20px; }
.section-18  tbody td:last-child  { padding-right: 20px; }

  /* ── RANK ── */
.section-18  .rank {
    width: 30px; height: 30px;
    border-radius: 50%;
    background: var(--rank-bg);
    display: flex; align-items: center; justify-content: center;
    font-size: 13px; font-weight: 600;
    color: #1a1108;
    flex-shrink: 0;
  }

  /* ── AVATAR ── */
.section-18  .avatar {
    width: 60px; 
    height: 60px !important;
    border-radius: 50%;
    object-fit: cover;
    border: 1.5px solid var(--border-hover);
    display: block;
    background: var(--surface2);
  }

  /* ── NAME ── */
.section-18  .model-name {
    font-weight: 500;
    font-size: 13px;
    color: var(--text);
    white-space: nowrap;
    line-height: normal;
  }

.section-18  .model-name span {
display: block;
}

  /* ── REVIEW ── */
.section-18  .review-wrap {
    max-width: 220px;
    font-size: 14px;
    color: var(--muted);
    line-height: 1.55;
  }

.section-18  .review-inner {
    #display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  /* ── STAT ── */
.section-18  .stat {
    font-size: 13px;
    font-weight: 500;
    color: var(--text);
    white-space: nowrap;
  }

  /* ── FREQUENCY BADGE ── */
.section-18  .badge {
    display: inline-block;
    padding: 3px 10px;
    border-radius: 99px;
    background: var(--badge-bg);
    color: var(--badge-text);
    font-size: 11px;
    font-weight: 600;
    white-space: nowrap;
    border: 1px solid rgba(78,202,139,0.2);
  }

  /* ── PRICE ── */
.section-18  .price {
    font-weight: 600;
    font-size: 14px;
    color: var(--green);
    white-space: nowrap;
  }

  /* ── RATING ── */
.section-18  .rating-cell { text-align: center; }

.section-18  .stars {
    color:#f0b429;
    font-size: 13px;
    letter-spacing: 1px;
    display: block;
  }

.section-18  .rating-score {
    font-size: 11px;
    font-weight: 600;
    color: var(--muted);
    margin-top: 2px;
  }

  /* ── PROFILE BUTTON ── */
.section-18  .btn-profile {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 12px;
    border-radius: var(--radius-sm);
    background: var(--accent-dim);
    color: var(--accent);
    border: 1px solid rgba(201,169,110,0.25);
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.15s, border-color 0.15s;
    cursor: pointer;
  }

.section-18  .btn-profile:hover {
    background: rgba(201,169,110,0.2);
    border-color: rgba(201,169,110,0.45);
  }

.section-18  .btn-profile svg {
    width: 12px; height: 12px; flex-shrink: 0;
  }

  /* ── RESPONSIVE ── */
  @media (max-width: 600px) {
.section-18    .table-wrap { border-radius: 10px; }
  }











@media screen and (max-width:1400px) {

.container {
padding:0 20px;
}

.section-4 .flex {
gap:43px;
}








}





@media screen and (max-width:1200px) {

.site-body {
border:0px;
}

.header .container {
gap:10px;
}

.header .menu a {
padding:5px;
}

.header .menu {
padding:0px;
}

.section-11 .found-flex {
gap:10px;
}

.section-11 .found-flex .link {
width:calc(50% - 5px);
}

.card-flex {
gap:10px;
}

.card-flex .card {
width:calc(33.333% - 7px);
}






















}



@media screen and (max-width:1000px) {

.header .theme-dark {
display:none;
}

.header .menu {
display:none;
}

.mobile-search {
display:block;
cursor:pointer;
width:34px;
height:34px;
background:url(../images/mobile-search.svg) no-repeat;
}

.mobile-menu {
display:block;
cursor:pointer;
width:45px;
height:45px;
background:url(../images/mobile-menu.svg) no-repeat;
background-size:contain;
}

body.dark .mobile-search {
background:url(../images/mobile-search-white.svg) no-repeat;
}

body.dark .mobile-menu {
background:url(../images/mobile-menu-white.svg) no-repeat;
}

.header {
padding:17px 0 18px 0;
margin:0 0 50px 0;
}

.section-3 .item {
width:calc(50% - 12px);
}

.section-4 .flex {
align-items:center;
flex-direction:column;
}

.section-4 .col-left {
width:100%;
text-align:center;
}

.section-4 .title-section:before {
left:50%;
margin:0 0 0 -60px;
}

.section-6 .block:before {
display:none;
}

.section-6 .block {
background: url(../images/section6-bg-mobile.webp) no-repeat center center;
background-size: cover;
padding:92px 26px 93px 26px;
}

.section-11 .sidebar {
display:none;
position:fixed;
top:0px;
left:0px;
width:100%;
max-width:376px;
z-index:9;
border-radius: 0 20px 20px 0;
background: var(--FFFFFF, #FFF);
height:100%;
overflow:hidden;
padding:22px 37px 31px 36px;
}

.section-11 .sidebar.active {
display:flex;
}

.open-filter-mobile {
display: flex;
align-items: center;
justify-content: center;
gap:10px;
cursor:pointer;
border-radius: 100px;
border: 1px solid var(--008ccf, #008ccf);
background: var(--008ccf, #008ccf);
padding:10px;
color: var(--FFFFFF, #FFF);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 140%;
position:fixed;
bottom:23px;
left:20px;
right:20px;
z-index:7;
}

.open-filter-mobile:before {
content:"";
width:24px;
height:24px;
background:url(../images/open-filter-mobile.svg) no-repeat;
}

.container-title {
font-size:25px;
text-align:center;
}

.card-flex .card {
width:calc(50% - 5px);
}

.section-11 .card-flex {
gap:10px;
}

.section-11 .card-flex .card {
width:calc(50% - 5px);
}

.section-14 .clear {
position:relative;
top:auto;
margin:30px auto 0px auto;
}

.mobile-block {
position:fixed;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:99;
}

.mobile-block:before {
content:"";
position:absolute;
top:0px;
bottom:0px;
left:0px;
right:0px;
z-index:3;
background: rgba(44, 44, 44, 0.60);
backdrop-filter: blur(10px);
}

.mobile-block .container {
position:relative;
z-index:9;
border-radius: 0 20px 20px 0;
background: var(--FFFFFF, #FFF);
max-width:400px;
padding:53px 25px;
height:100%;
overflow-y:auto;
}

body.dark .mobile-block .container {
background:#000;
}

.header.page .logo {
flex:1;
}

.header.page .search {
display:none;
}

.sidebar-mobile {
display:flex;
align-items:center;
gap:20px;
margin:0 0 19px 0;
}

.sidebar-mobile .name {
flex:1;
color: var(--151515, #151515);
font-size: 23px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 32.2px */
text-transform: uppercase;
}

.sidebar-mobile .close {
cursor:pointer;
width:23px;
height:23px;
background:url(../images/sidebar-mobile-close.svg) no-repeat;
cursor:pointer;
}

.search-mobile-block {
position:fixed;
top:0px;
left:0px;
right:0px;
z-index:99;
background:#fff;
padding:40px 20px 24px 20px;
}

.search-mobile-block ::placeholder {
color: var(--ADADAD, #ADADAD);
}

.search-mobile-block button {
cursor:pointer;
border:0px;
width:35px;
height:35px;
background:url(../images/section1-search.svg) no-repeat center center;
position:absolute;
top:39px;
left:20px;
z-index:3;
}

.search-mobile-block input {
width:100%;
background:none;
border:0px;
height:35px;
font-size: 15px;
font-style: normal;
font-weight: 300;
line-height: 140%;
border-radius: 100px;
border: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
transition: .5s;
padding:0 35px;
}

.search-mobile-block input:focus {
border: 1px solid var(--008ccf, #008ccf);
background: var(--FFFFFF, #fff);
}

.search-mobile-block input:focus button {
background:url(../images/section1-search-hover.svg) no-repeat center center;
}

.search-mobile-block .result-block-search {
top:80px;
left:20px;
right:20px;
width:auto;
}

body.shadow {
position:relative;
}

.header .menu a {white-space: pre-wrap;}





















}




@media screen and (max-width:780px) {

.fixed-social {
display:none;
}

.section-1 {
margin:0 0 80px 0;
}

.section-3 .item {
width:100%;
padding:20px;
}

.section-4 .col-right {
gap:51px;
}

.section-4 .item {
width:100%;
}

.section-5 .bg {
background:url(../images/section5-bg-mobile.webp) no-repeat center center;
background-size:cover;
}

.section-2, .section-3, .section-4, .section-5, .section-6, .section-7, .section-8, .section-9, .section-10 {
margin:0 0 100px 0;
}

.section-7 table {
display:none;
}

.section-7 .slider-mobile {
display:block;
}

.section-7 .slider-mobile .slide {
display:flex !important;
flex-direction:column;
gap:14px;
padding:20px;
border-radius: 10px;
border: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
color: var(--151515, #151515);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 22px; /* 122.222% */
text-transform: capitalize;
}

.section-7 .slider-mobile .name {
color: var(--151515, #151515);
font-size: 25px;
font-style: normal;
font-weight: 600;
line-height: 140%; /* 35px */
text-transform: capitalize;
margin:0 0 7px 0;
}

.section-7 .slider-mobile .item:first-child .desc {
color: var(--7C7C7C, #7C7C7C);
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 25.2px */
text-transform: capitalize;
}

.section-9 .flex {
flex-wrap:wrap;
}

.section-9 .item {
flex:none;
width:100%;
}

.footer .head {
flex-direction:column;
gap:80px;
margin:0 0 17px 0;
}

.section-11 .found-flex .link {
width:100%;
}

.section-11 .card-flex .card {
width:100%;
}

.section-12 .current-location {
padding:10px 20px;
align-items:flex-start;
flex-direction:column;
gap:15px;
}

.section-12 .current-location .btn-all {
margin:0px;
max-width:none;
}

.section-12 {
margin:0 0 48px 0;
}

.card-flex .card {
width:100%;
}

.popup-block .clear-wishlist .bottom {
flex-direction:column-reverse;
}

.section-12 .best-block {
flex-direction:column;
}

.section-12 .best-block .btn {
max-width:none;
}

.section-16 .flex a {
width:100%;
}

.section-15 .block-form {
padding:34px 20px;
}

.popup-block .block {
left:21px;
right:20px;
width:calc(100% - 41px);
transform: translate(0%, -50%);
max-height: 90vh;
overflow-y: auto;
}

#window-top-list-popup ul li {
width: 50%;
font-size: 12px;
}

.popup-block .share-block .social a {
width:49px;
height:49px;
}

.popup-block .share-block .social img {
transform:scale(1);
}

.video-popup {
border:0px;
background:none;
padding:0px;
}

.video-popup .demo {
top:30px;
left:50%;
transform: translate(-50%, 0%);
}

.video-popup .volume {
background: url(../images/video-popup-volume-white.svg) no-repeat;
top:30px;
left:20px;
right:auto;
}

.video-popup .close {
top:30px;
right:20px;
background: url(../images/video-popup-close-white.svg) no-repeat;
}

.card-flex .card:hover {
transform: scale(1);
}

.mobile-block .container {border-radius:0px;}

body {padding:0 0 30px 0;}

.window-cookies {position: relative; z-index: 3;}

.fixed-mobile-block {
display:flex;
gap:16px;
position:fixed;
bottom:0px;
left:0px;
right:0px;
z-index:7;
border-top: 1px solid var(--DFDFDF, #DFDFDF);
background: var(--FFFFFF, #FFF);
padding:12px;
}

body.dark .fixed-mobile-block {background:#111;}

.fixed-mobile-block .item {
display:flex;
align-items:center;
flex-direction: column;
gap:5px;
text-decoration:none;
cursor:pointer;
color: var(--151515, #151515);
text-align: center;
font-size: 9px;
font-style: normal;
font-weight: 500;
line-height: 140%;
position:relative;
flex: 1;
}

body.dark .fixed-mobile-block .item {color:#fff;}

.fixed-mobile-block .item .checkbox-ios .checkbox-ios-switch:before {display: none;}

.fixed-mobile-block .item .checkbox-ios .checkbox-ios-switch {
width:28px;
height:28px;
background: url(../images/moon-fixed.svg) no-repeat center center;
padding:0px;
background-size: contain !important;
}

.fixed-mobile-block .item .checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch {
background: url(../images/sun.svg) no-repeat center center;
}

.fixed-mobile-block .icon {
font-size:0px;
line-height:0px;
position: relative;
}

.fixed-mobile-block .item:hover {
color: var(--E09137, #008ccf);
font-weight: 900;
}

.fixed-mobile-block .item strong {
position:absolute;
top:-6px;
right:-11px;
z-index:3;
border-radius: 100px;
border: 1px solid var(--FFFFFF, #FFF);
background: var(--E09137, #008ccf);
width: 23px;
height: 23px;
display:flex;
align-items:center;
justify-content:center;
border-radius:555px;
color: var(--FFFFFF, #FFF);
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 500;
line-height: 140%; /* 21px */
text-transform: uppercase;
}

.fixed-mobile-block .item.shorts .icon:before {
content:"";
position:absolute;
top:-3px;
left:-10px;
z-index:3;
width:22px;
height:22px;
background:url(../images/newmobile-fire.png) no-repeat;
}

.fixed-mobile-block .item path {stroke: black;}

body.dark .fixed-mobile-block .item path {stroke: #fff;}

.mobile-popular-categories {
display:none;
position:fixed;
top:100px;
left:19px;
right:19px;
z-index:9;
max-height:545px;
border-radius: 10px;
background: #FFF;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.15);
padding:16px 15px;
}

.mobile-popular-categories .head {
display:flex;
align-items:center;
gap:20px;
margin:0 0 20px 0;
padding:0 0 20px 0;
border-bottom:1px #DFDFDF solid;
}

.mobile-popular-categories .title {
flex:1;
color: #000;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 19.6px */
}

.mobile-popular-categories .close {
width:24px;
height:24px;
background:url(../images/mobile-popular-categories-close.svg) no-repeat;
cursor:pointer;
transition: .5s;
margin: 0 0 5px auto;
}

.mobile-popular-categories ::-webkit-scrollbar {
  width: 4px;
}

.mobile-popular-categories ::-webkit-scrollbar-track {
  background: #fff;
}

.mobile-popular-categories ::-webkit-scrollbar-thumb {
  background-color: #008ccf;
  border-radius: 20px;
  border: 3px solid #008ccf;
}

.mobile-popular-categories .scroll {
overflow-y:auto;
height:424px;
}

.mobile-popular-categories .scroll ul {
display:flex;
justify-content: space-between;
flex-wrap:wrap;
gap:17px;
list-style: none;
margin: 0px;
padding: 0px;
}

.mobile-popular-categories .scroll li {
width:100%;
}

.mobile-popular-categories .scroll a {
text-decoration:none;
color: var(--151515, #151515);
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 140%; /* 19.6px */
}

body {
padding: 0 0 80px 0;
}

#top {
bottom: 80px;
right: 10px;
}

.header .tl {font-size:12px;}

.cats-list-module ul {margin:0 -13px 43px -13px;}

.cats-list-module li {padding:8px 13px;}

.cats-list-module li a {font-size:12px;}

.card-flex .images img {width:100% !important;}

.header .tl {min-width: auto; padding:10px;}

.header .logo {flex:1; flex-shrink: 0;}

.mobile-popular-categories .hover {
max-height: calc(100vh - 200px);
overflow-y: auto;
display: flex;
padding:16px;
}

.mobile-popular-categories .hover .col {
flex:1;
padding:0 13px;
border-right:1px #EDEDED solid;
}

.mobile-popular-categories .hover .col:first-child {padding:0 20px 0 0;}
.mobile-popular-categories .hover .col:last-child {padding:0 0 0 20px; border-right:0px #EDEDED solid;}

.mobile-popular-categories .hover .col-name {
color: var(--23242F, #23242F);
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 140%; /* 16.8px */
text-transform: uppercase;
margin:0 0 23px 0;
}

.mobile-popular-categories .hover ul {
display: flex;
flex-direction: column;
gap:12px;
margin:0px;
padding: 0px;
list-style: none;
}

.mobile-popular-categories .hover ul a {
padding:0px;
background:none;
border:0px;
min-width:inherit;
text-transform:none;
display:block;
color: var(--23242F, #23242F);
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: 140%;
text-decoration: none;
}

.mobile-popular-categories .hover ul a:hover {
color:#F8633E !important;
text-decoration: underline;
}

.mobile-popular-categories .hover .all a {
text-decoration: underline;
}

body.dark .mobile-popular-categories {
background: #000;
}

body.dark .mobile-popular-categories .hover ul a {
color: #fff;
}

.mobile-popular-categories .name {
margin:20px 0 30px 0;
font-weight: 700;
}

.wrapper h1 {
line-height: 115%;
}

.card-flex {
gap:25px;
}

body.dark .mobile-popular-categories .hover .col-name {
color:#fff;
}

.section-1 {
min-height: 280px;
}

.section-2, .section-2 .container {
min-height: 657px;
}

.section-18 table {
font-size: 14px;
}

.section-18 th, .section-18 td {
padding: 10px;
}







}





.section-1 .form {
    position: relative;
}

.section-2 {
    min-height: 300px; 
}
.flex {
    align-items: flex-start;
}

.show-more {
color:#008ccf;
text-decoration: underline;
cursor: pointer;
}

.show-more:hover {
text-decoration: none;
}

ustom-select {
    position: relative;
    cursor: pointer;
    user-select: none;
}

.select-trigger {
    display: flex;
    align-items: center;
    gap: 7px;
    text-decoration: none;
    color: #525252;
}

.select-trigger:hover {
color: #3584DE;
}

.select-trigger:after {
content: "";
width: 18px;
height: 18px;
background: url(../images/down-chevron.png) no-repeat;
background-size: contain;
}

.select-trigger.up:after {
background: url(../images/filter-arrow2.svg) no-repeat;
transform: rotate(180deg);
}

.select-options {
    display: none;
    position: absolute;
    top: 100%;
    left: -1px;
    background: #fff;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 10;
}

.select-options li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333;
white-space: nowrap;
}
.select-options li a:hover {
    background-color: #f0f0f0;
}
.custom-select.active .select-options {
    display: block;
}

.go-page-btn {
	height: 30px;
	border: 0;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--008ccf, #008ccf);
    color: #FFF;
    font-size: 14px;	
}

.go-page-input {
	width:45px;
	height: 30px;
}