

/*Ð¡Ð»Ð°Ð¹Ð´ÐµÑ€ Ð¿ÐµÑ€Ð²Ñ‹Ð¹*/
.slider {
position: relative;
margin-bottom: 80px;
}
.slider_one {
/*display: flex;*/
align-items: center;
}
.slider_one img {
width: 100%;
}
.slider_arrows {
position: absolute;
top: 45%;
width: 100%;
display: flex;
align-items: center;
}
.arrow_next, .arrow_prev {
height: 72px;
width: 72px;
display: flex;
position: absolute;
}
.arrow_next:hover, .arrow_prev:hover {
cursor: pointer;
}

.arrow_next {
background: url(/wp-content/themes/3snet/img/s_next.png) no-repeat;
right: -37px;
}
.arrow_prev {
background: url(/wp-content/themes/3snet/img/s_prev.png) no-repeat;
left: -37px;
}
.arrow_prev-blog, .arrow_next-blog {
top: 44%;
z-index: 3;
}
.slick-dots {
margin-top: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.slick-dots li {
margin-right: 13px;
}
.slick-dots li:last-child {
margin-right: 0px;
}
.slick-dots li button {
height: 16px;
width: 16px;
text-indent: -9999px;
display: flex;
border-radius: 50%;
background-color: #445784;
border:2px solid #445784;

  &:hover {
      cursor: pointer;
  }
}
.slick-dots li.slick-active button {
background:transparent;
height: 24px;
width: 24px;
border:2px solid #3feef3;
}

/*Ð‘Ð»Ð¾ÐºÐ¸, Ð¾Ð±Ñ‰Ð¸Ðµ ÑÑ‚Ð¸Ð»Ð¸*/
.title {
text-transform: uppercase;
font-size: 40px;
font-weight: 700;
color:#40f3f7;
line-height: 1;
letter-spacing: 0.5px;
// font-family: 'Roboto Condensed', sans-serif;
  font-family: "Open Sans", sans-serif;
text-align: center;
margin-bottom: 40px;
}
.title h1 {
font-size: 40px;
font-weight: 700;
color:#40f3f7;
}
.title span {
letter-spacing: 0.5px;
margin-top: 25px;
color:#fff;
display: block;
font-size: 14px;
text-transform: initial;
font-weight: 400;
}

/*lets_start*/
.ls_b {
display: flex;
justify-content: space-between;
text-align: center;
}
.ls_tit {
display: flex;
justify-content: center;
align-items: center;
font-weight: 700;
font-size: 30px;
margin-bottom: 30px;
}
.ls_tit img {
margin-right: 20px;
}
.ls_b p {
margin-bottom: 35px;
max-width: 469px;
height: 65px;
line-height: 24px;
}
.ls_c {
min-width: 100px;
display: flex;
align-items: center;
justify-content: center;
color:#48516d;
font-size: 16px;
letter-spacing: 0.5px;
position: relative;
flex-direction: column;
line-height: 1;
}
.ls_c:after {
content: '';
position: relative;
height: 50px;
width: 1px;
background: #48516d;
margin-top: 10px;
}
.ls_c:before {
margin-bottom: 10px;
content: '';
position: relative;
height: 50px;
width: 1px;
background: #48516d;
}

/*recent offers*/
.recent {
margin-top: 106px;
position: relative;
}
.recent_slider .slick-list {
margin:0px -15px;
padding: 15px 0px;
}
.recent_slider .item {
margin:0px 15px;
min-height: 310px;
background-image: -moz-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
box-shadow: 0px 0px 15px 0px rgba(7, 16, 39);
}
.recent_slider .slick-dots {
margin-bottom: 40px;
position: relative;
z-index: 3;
}
.recent_slider .slick-dots li:first-child button {
border-radius: 4px 0px 0px 4px;
}
.recent_slider .slick-dots li:last-child button {
border-radius: 0px 4px 4px 0px;
}
.recent_slider .slick-dots li {
margin-right: 0px;
}
.recent_slider .slick-dots li button {
height: 8px;
width: 128px;
border-radius: 0px;
}
.recent_slider .slick-dots li.slick-active button {
background: #3feef3;
height: 8px;
width: 128px;
border:none;
}
.recent_slider .item_logo {
height: 100px;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #101c30;
}
.recent_slider .cost {
padding: 15px 20px;
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #101c30;
}
.recent_slider .cost span {
font-size: 18px;
}
.recent_slider .cost b {
font-weight: 700;
font-size: 30px;
}
.slider_arrows_recent {
top: 250px;
height: auto;
}
.recent_slider .item p {
padding-top: 35px;
padding-bottom: 32px;
font-weight: 700;
line-height: 22px;
padding-left: 20px;
padding-right: 20px;
}
.recent_slider .item .link {
padding: 0px 20px;
position: relative;
}
.recent_slider .item .link a {
text-transform: uppercase;
min-height: 20px;
display: block;
padding-left: 33px;
letter-spacing: 0.5px;
font-weight: 700;
background: url(/wp-content/themes/3snet/img/item_link.png) no-repeat 0% 50%;
}
.recent_slider .item .link a:after {
content: '>';
display: flex;
top: -7px;
color:#445784;
font-size: 10px;
align-items: center;
justify-content: center;
height: 36px;
width: 36px;
background: #0e172d;
border-radius: 50%;
right: 20px;
position: absolute;
}
.r_v_o {
margin-bottom: 85px;
}
.rec_2_text {
font-size: 18px;
text-align: center;
line-height: 30px;
margin-bottom: 60px;
}
.rec_2_text span {
font-weight: 700;
}
.res_2_blocks {
display: flex;
}
.res_2_left, .res_2_right {
width: 100%;
}
.res_2_left {
padding-right: 30px;
}
.res_2_right {
padding-left: 30px;
}
.res_2_left_t, .res_2_right_t {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.res_2_left_t h3, .res_2_right_t h3 {
font-size: 30px;
font-weight: 700;
}
.res_2_left_t a, .res_2_right_t a, .res_2_blocks ul li a {
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border:2px solid #34aabb;
border-radius: 24px;
background: url('../img/arrow_r.png') no-repeat 90% 50%;
color:#40f3f7;
padding-left: 20px;
padding-right: 64px;
text-transform: uppercase;
font-weight: 700;
}
.res_2_blocks p {
opacity: 0.8;
margin-bottom: 50px;
line-height: 1.5;
}
.res_2_blocks span {
letter-spacing: 0.5px;
margin-bottom: 20px;
display: block;
}
.res_2_blocks ul {
display: flex;
flex-wrap: wrap;
}
.res_2_blocks ul li {
flex-basis: 33%;
margin-bottom: 20px;
}
.res_2_blocks ul li a {
margin-right: 14px;
font-size: 13px;
padding: 0px;
justify-content: initial;
}
.res_2_blocks ul li a img {
margin:0px 10px;
}
.res_2_blocks ul li:nth-of-type(3) {
clear: left;
}
.promocodes {
margin-top: 97px;
}
.prm_slider {
display: flex;
margin-bottom: 24px;
}
.prm_left, .prm_right {
width: 100%;
max-width: 555px;
}
.prm-nav .item {
width: 100%;
display: flex;
flex-direction: column;
}
.prm_slider .prm_left .slick-track {
transform: none !important;
width: 100% !important;
}
.prm_left .item {
border-radius: 24px;
background-image: -moz-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
box-shadow: 0px 0px 15px 0px rgba(7, 16, 39, 0.41);
width: 100%!important;
height: 70px;
display: flex !important;
justify-content: center;
padding-left: 30px;
font-weight: 700;
letter-spacing: 0.5px;
margin-bottom: 10px;
position: relative;
box-sizing: border-box;
}
.prm_left .item:after {
  content: '>';
  display: flex;
  color: #445784;
  font-size: 10px;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  background: #0e172d;
  border-radius: 50%;
  right: 22px;
  position: absolute;
}
.prm_left .item:hover {
cursor: pointer;
}
.prm_left .slick-active {
background-image: -moz-linear-gradient( 90deg, rgb(12,41,78) 0%, rgb(19,57,105) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(12,41,78) 0%, rgb(19,57,105) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(12,41,78) 0%, rgb(19,57,105) 100%);
box-shadow: 0px 0px 15px 0px rgba(13, 25, 57, 0.4);
}
.prm_right {
margin-left: 10px;
}
.prm_right .item {
border-radius: 24px
}
.prm_right .item img {
width: 100%;
border-radius: 24px 24px 0px 0px;
/*height: 333px;
object-fit: cover;*/
}
.prm_right_text {
background-image: -moz-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
box-shadow: 0px 0px 15px 0px rgba(7, 16, 39, 0.41);
padding: 0px 30px;
border-radius: 0px 0px 24px 24px;
}
.prm_right_text p {
font-size: 18px;
padding-top: 25px;
line-height: 1;
padding-bottom: 10px;
font-weight: 700;
}

.prm_right_text span {
opacity: 0.6;
font-size: 12px;
line-height: 20px;
padding-bottom: 25px;
display: block;
}
.prm_right_text span p {
font-size: 12px !important;
line-height: 20px !important;
}
.faq_box .item:last-child{
margin-left: 0!important;
}
.faq_box .item {
margin-bottom: 12px;
}

.cases {
 margin-top: 60px;
}
.cases2 {
margin-top: 115px;
}
.cases_blocks {
display: flex;
margin-bottom: 40px;
}
.cases_left {
/*margin-right: 15px;*/
display: flex;
width: 100%;
}
.cases2 .cases_left {
display: block;
}
.cases_left .r_v_o, .cases_right .r_v_o {
margin-top: 40px;
}
.cases_right {
margin-left: 15px;
width: 100%;
}
.cases_blocks img {
width: 100%;
}
.cases_blocks .item {
display: flex;
flex-direction: column;
width: 100%;
    box-sizing: border-box;
}
.cases_blocks .item:last-child {
margin-left: 15px;
}
.cases_blocks .item:first-child {
margin-right: 15px;
}
.cases_blocks .item img {
border-radius: 24px 24px 0px 0px;
  max-height: 300px;
  width: auto;
  object-fit: cover;
}

.events {
display: flex;
flex-wrap: wrap;
}
.events .item {
width: calc(50% - 15px);
display: flex;
margin-bottom: 35px;
}
.events .item:nth-child(odd) {
margin-right: 15px;
}
.events .item:nth-child(even) {
margin-left: 15px;
}
.events .item picture {
overflow: hidden;
width: 50%;
position: relative;
}
.events .item img {
height: 100%;
position: absolute;
border-radius: 24px 0px 0px 24px;
}
.events .prm_right_text {
width: 50%;
border-radius: 0px 24px 24px 0px;
}
.event .r_v_o {
margin-top: 12px;
}


.arc_blocks {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.arc_blocks picture {
position: relative;
overflow: hidden;
height: 262px;
  display: flex;
  margin-bottom: 20px;
  border-radius: 5px 5px 0px 0px;
}
.arc_blocks img {
position: absolute;
height: 100%;
min-width: 100%;
border-radius: 5px 5px 0px 0px;
}
.arc_blocks .item {
max-width: 350px;
background-color: rgb(16, 27, 50);
box-shadow: 0px 0px 15px 0px rgba(7, 16, 39, 0.4);
height: 442px;
border-radius: 5px;
}
.arc_blocks .item:nth-of-type(2) {
margin: 0px 30px;
height: 460px;
border-radius: 5px;
background-image: -moz-linear-gradient( 90deg, rgb(12,41,78) 0%, rgb(19,57,105) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(12,41,78) 0%, rgb(19,57,105) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(12,41,78) 0%, rgb(19,57,105) 100%);
box-shadow: 0px 0px 15px 0px rgba(13, 25, 57, 0.4);
}
.arc_blocks .item a {
font-weight: 700;
margin-top: 10px;
line-height: 22px;
margin-bottom: 10px;
padding: 0px 20px;
padding-right: 35px;
display: block;
}
.arc_blocks .item p {
padding: 0px 20px;
padding-right: 35px;
opacity: 0.6;
display: block;
line-height: 20px;
font-size: 12px;
}
.arc_blocks .item.active {

}
.arc_blocks .item .arc_foot {
padding: 0px 20px;
margin-top: 20px;
position: relative;
display: flex;
justify-content: space-between;
}
.arc_blocks .item .arc_foot .cat {
font-weight: 700;
font-size: 12px;
}
.arc_blocks .item .arc_foot .link {
width: 215px;
transition: all .4s;
}
.arc_blocks .item .arc_foot .link:hover {
cursor: pointer;
}
.arc_blocks .item .arc_foot .link:hover span {
display: flex;
  /* width: 88%; */
  border: 2px solid #40f3f7;
  height: 38px;
}
.arc_blocks .item .arc_foot .link span {
    display: flex;
  overflow: hidden;
  /* width: 0px; */
  transition: all .3s;
  /* border: 2px solid #40f3f7; */
  border-radius: 18px;
  height: 0px;
  align-items: center;
  top: -10px;
  padding-left: 22px;
  font-weight: 700;
  position: relative;
}
.arc_blocks .item .arc_foot .link:after {
content: '>';
  display: flex;
  top: -7px;
  color: #445784;
  font-size: 10px;
  align-items: center;
  justify-content: center;
  height: 36px;
  width: 36px;
  background: #0e172d;
  border-radius: 50%;
  right: 22px;
  position: absolute;
}
.arc_blocks .item .arc_foot .link:hover:after {
background: transparent;
color:#446084;
}
.arc_blocks .item.active .arc_foot {
margin-top: 30px;
}
.arc_blocks .item.active a {
margin-bottom: 20px;
}
.articles .r_v_o {
margin-top: 37px;
}


.promocodes .prm_left .slick-track{
max-height: 472px;
overflow-y: auto;
padding-right: 15px;
  box-sizing: border-box;

}
::-webkit-scrollbar { width: 5px; height: 3px;}
::-webkit-scrollbar-thumb:hover { cursor: pointer }
::-webkit-scrollbar-button {  background-color: transparent; }
::-webkit-scrollbar-track {  background-color: transparent;}
::-webkit-scrollbar-track-piece { background-color: transparent;}
::-webkit-scrollbar-thumb { height: 0px; background-color: #40f3f7; border-radius: 3px;}
::-webkit-scrollbar-corner { background-color: transparent;}
::-webkit-resizer { background-color: #40f3f7;}
/*Footer*/
footer {
background: #03142a;
padding: 50px 0px;
}
.foot_l, .foot_m, .foot_r {
width: 100%;
}
.foot_l {
max-width: 200px;
}
.foot_r {
max-width: 200px;
}
.foot_m {
max-width: 361px;
}
.foot_l_block {
display: flex;
}
.foot_l_lang {
margin-left: 30px;
display: flex;
align-items: center;
}
.foot_l_lang li a {
padding-right: 16px;
display: flex;
background: url(/wp-content/themes/3snet/img/arrow_bottom.png) no-repeat 100% 50%;
align-items: center;
}
.foot_l_lang img {
margin-right: 15px;
}
.foot_l p {
display: block;
margin-top: 60px;
color:#a6bbd3;
font-size: 12px;
}
.foot_m {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;

    @media (min-width: 992px) {
        justify-content: space-between;
    }
}
.foot_m ul {
padding-right: 30px;
  border-right: 1px solid #0b1e40;
  padding-left: 32px;
  font-size: 15px;
  font-weight: 400;
  height: 30px;
  text-transform: uppercase;
}
.foot_m ul:nth-of-type(1) {
padding-left: 0px;
}
.foot_m ul:last-child {
border-right: 0px;
padding-right: 0px;
}
.foot_m ul li a:hover {
color:#40f3f7;
}
.footer {
max-width: calc(1170px - 60px);
  padding: 0px 30px;
  margin: 0px auto;
  display: flex;
  justify-content: space-between;
}
.foot_r ul {
display: flex;
justify-content: center;
  gap: 2rem;

  @media (max-width: 767px) {
      // justify-content: space-around;
  }
}
.foot_r ul li a {
display: flex;
height: 25px;
align-items: center;
}
.copyright {
color:#a6bbd3;
padding-top: 1.875rem;
text-align: right;
font-size: 0.75rem;
  text-align: center;

  @media (min-width: 768px) {
      padding-top: 4.375rem;
  }
}
.affiliates_page {
font-weight: 500;
color: #a9acb7;
font-size: 16px;
}
.affiliates_page p{
margin-bottom: 20px;
}
.affiliates_page strong,
.affiliates_page a{
color: #40f3f7;
}
.affiliates_page ul{
margin: 30px 0;
}
.affiliates_page ul li{
margin-bottom: 15px;
}
.affiliates_page .bb{
width: 300px;
  max-width: none;
}
/*3s_redesign_concept_advertisers_2*/
.breadcrumb {
font-weight: 500;
letter-spacing: 0.5px;
font-size: 12px;
margin-bottom: 50px;
}
.breadcrumb .kb_title {
color:#40f3f7;
}
.breadcrumb a span {
color:#fff;
}
.advert_blocks {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 87px;
}
.advert_blocks .item {
width: 25%;
text-align: center;
margin-bottom: 40px;
}
.advert_blocks .item span {
border-radius: 50%;
/*background-color: rgb(19, 57, 105);*/
/*box-shadow: 0px 0px 8px 0px rgba(27, 42, 79, 0.4);*/
/*width: 63px;*/
height: 63px;
display: inline-block;
margin-bottom: 23px;
}
.advert_blocks .item span img{
width: 80px;
}
.advert_blocks .item a{
    color: #40f3f7;
}
.advert_blocks .item p {
font-weight: 500;
max-width: 178px;
width: 100%;
margin:0 auto;
text-transform: uppercase;
font-size: 14px;
}
.advert_text {
text-align: center;
font-size: 24px;
line-height: 36px;
display: block;
max-width: 495px;
margin:0 auto;
margin-bottom: 60px;
}


.cr_off_block .title {
padding-top: 40px;
}
.cr_off_block {
  border-radius: 5px;
  background-image: -moz-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
  box-shadow: 0px 0px 27px 0px rgba(21, 35, 70, 0.4);
  max-width: calc(920px - 186px);
  width: 100%;
  margin: 0 auto;
  padding: 0px 93px;
  padding-bottom: 40px;
}
.cr_off_block h3 {
font-size: 30px;
font-weight: 700;
letter-spacing: 0.5px;
display: block;
text-align: center;
text-transform: uppercase;
margin:40px 0px;
}

.cr_off_block_b {
display: flex;
justify-content: flex-end;
}
.cr_off_block_b input[type=submit] {
border: none;
  margin-top: 37px;
  text-transform: uppercase;
  background: #133969 url(/wp-content/themes/3snet/img/arrow_r_blue.png) no-repeat 91% 49%;
  border-radius: 24px;
  width: 100%;
  max-width: 214px;
  display: flex;
  color: #40f3f7;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  letter-spacing: 0.5px;
  height: 48px;
  align-items: center;
  justify-content: space-between;
  padding: 0px 25px;
  box-shadow: 0px 0px 8px 0px rgba(27, 42, 79, 0.4);
}
.cr_off_block_b input[type=submit]:hover {
cursor: pointer;
}
.cr_off_block input, .cr_off_block textarea {
height: 40px;
display: flex;
align-items: center;
color:#fff;
background: #1c2b4c;
border-radius: 18px;
border:2px solid #33b4bd;
width: 100%;
max-width: calc(354px - 28px);
padding-left: 24px;
font-family: 'Roboto Condensed', sans-serif;
font-weight: 700;
letter-spacing: 0.5px;
font-size: 14px;
text-transform: uppercase;
}
span.wpcf7-list-item {
margin:0px !important;
}
.cr_off_block textarea {
height: auto;
width: 100%;
max-width: calc(100% - 48px);
padding-top: 15px;
padding-right: 24px;
}
.cr_off_block label {
font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: 'Roboto Condensed', sans-serif;
  color: #415480;
  /*padding-left: 24px;*/
  opacity: 0;
  transition: all .7s;
}
.postbackapi {
display: block;
width: 100%;
}
.cr_off_block input::placeholder, .cr_off_block textarea::placeholder {
color:#445784;
}
.cr_off_block input:focus, .cr_off_block textarea:focus {
border-color: #b9bdc3;
color:#fff;
}
.cr_off_block input:focus::placeholder, .cr_off_block textarea:focus::placeholder {
color:#fff;
}
.cr_off_block .item:hover label, .cr_off_block .item:focus label {
opacity: 1;
}
.form_cr_off_1_all, .form_cr_off_4_all {
display: flex;
flex-wrap: wrap;
}
.form_cr_off_1_all .item, .form_cr_off_4_all .item {
width: 50%;
margin-bottom: 4px;
}
.form_cr_off_1_all .item:nth-child(even), .form_cr_off_4_all .item:nth-child(even) {
display: flex;
align-items: flex-end;
}
.form_cr_off_1_all .item:nth-child(even) span, .form_cr_off_4_all .item:nth-child(even) span {
display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: flex-end;
}
.form_cr_off_1_all .item:nth-child(even) label, .form_cr_off_4_all .item:nth-child(even) label {
width: calc(100% - 36px);
padding-left: 36px;
}
.form_cr_off_1_all div, .form_cr_off_4_all div {
display: flex;
flex-direction: column;
}

.form_cr_off_2 textarea {
margin-bottom: 25px;
}
.form_cr_off_2 input {
max-width: calc(100% - 24px);
margin-bottom: 25px;
}

.form_cr_off_3 p {
display: block;
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 700;
margin-bottom: 19px;
}
.form_cr_off_3 label {
color:#fff;
opacity: 1;
}
.form_cr_off_3 input {
display: none;
}
.form_cr_off_3 input[type="checkbox"]:checked + span {
background: #3bdee4;
color:#121e34;
}
.form_cr_off_3 label span {
padding: 0px 24px;
height: 52px;
display: inline-flex;
align-items: center;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
color:#40f3f7;
border:2px solid #40f3f7;
border-radius: 24px;
margin-right: 16px;
margin-bottom: 16px;
}
.form_cr_off_3 label span:hover {
cursor: pointer;
}
.form_cr_off_3_all {
display: flex;
}

.form_cr_off_3-1 input[type="checkbox"]:checked + span {
background: #f74056 !important;
border-color: #f74056 !important;
}
.form_cr_off_3_dop {
width: 100%;
}
.form_cr_off_3_dop input {
max-width: calc(100% - 24px);
}

.form_cr_off_5 input {
width: 100%;
max-width: calc(100% - 24px);
}
.form_cr_off_5_f textarea {
max-width: calc(354px - 28px);
}
.form_cr_off_5_f, .form_cr_off_5_f_2 {
display: flex;
}
.form_cr_off_5_f div, .form_cr_off_5_f_2 div {
width: 50%;
}
.form_cr_off_5_f .item:nth-child(even), .form_cr_off_5_f_2 .item:nth-child(even) {
display: flex;
  /*justify-content: flex-end;*/
  align-items: flex-end;
  flex-direction: column;
}
.form_cr_off_5_f_2 {
flex-wrap: wrap;
}
.form_cr_off_5_f_2 .item span {
display: flex;
  width: 96%;
  flex-direction: column;
}
.form_cr_off_5_f .item span {
max-width: calc(100% - 16px);
display: flex;
  width: 100%;
  align-items: flex-end;
  justify-content: flex-end;
}

.cr_off_block button {
border:none;
margin-top: 37px;
}

.privacy_text {
color:#101a32;
outline-width: 20px;
letter-spacing: 0.5px;
background: #fff;
padding: 32px;
border-radius: 5px;
}
.privacy_accept {
display: flex;
margin-top: 40px;
align-items: center;
justify-content: center;
text-align: center;
}
.privacy_accept input {
width: initial;
max-width: initial;
}
.privacy_accept span {
font-weight: 700;
font-size: 12px;
letter-spacing: 0.5px;
margin-left: 10px;
}
.privacy_accept input {
display: none;
}
.privacy_accept input[type="checkbox"] + label {
height: 10px;
width: 10px;
    background-image: -webkit-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
outline: 2px solid #40f3f7;
outline-offset: 2px;
opacity: 1;
padding: 0px;
}
.privacy_accept input[type="checkbox"]:checked + label {
height: 10px;
width: 10px;
background: #40f3f7;
outline: 2px solid #40f3f7;
outline-offset: 2px;
opacity: 1;
padding: 0px;
}

.back {
margin-right: 20px !important;
background: transparent !important;
border:2px solid #133969 !important;
max-width: 105px !important;
}
.back:after {
display: none;
}
.back:before {
transform: rotate(180deg);
content: '';
  position: relative;
  background: url(/wp-content/themes/3snet/img/arrow_r_blue.png) no-repeat;
  width: 7px;
  height: 10px;
}
.partners {
margin-top: 80px;
}
.partners p {
opacity: 0.6;
font-weight: 500;
line-height: 18px;
display: block;
max-width: 532px;
width: 100%;
margin:0 auto;
margin-bottom: 30px;
}
.partners_links {
margin-top: 25px;
}
.partners_links ul li {
display: inline-flex;
margin-right: 13px;
margin-bottom: 16px;
}
.partners_links ul li a {
height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #34aabb;
  border-radius: 24px;
  background: url('../img/arrow_r.png') no-repeat 90% 50%;
  color: #40f3f7;
  padding-left: 20px;
  padding-right: 64px;
  text-transform: uppercase;
  font-weight: 700;
  /*max-width: calc(164px - 84px);*/
}
.partners_links ul li a img {
margin-right: 10px;
}
.all_p_link {
position: relative;
width: 100%;
display: block;
margin-bottom: 25px;
margin-top: 19px;
}
.all_p_link:before {
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 1px;
background: #384465;
z-index: 1;
content: '';
}
.all_p_link span {
background: #202f55;
color:#384465;
z-index: 2;
border-radius: 15px;
border:1px solid #384465;
padding: 11px 0px;
line-height: 1;
font-weight: 700;
letter-spacing: 0.5px;
width: 100%;
position: relative;
max-width: 162px;
margin:0 auto;
display: block;
text-align: center;
}
.all_p {
margin-bottom: 156px;
}
.partners_page .all_p {
margin-bottom: 0px;
}
.partners_page .all_p:last-child {
margin-bottom: 156px;
}
.all_p ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.all_p ul li {
width: calc(25% - 24px);
  margin-right: 24px;
display: flex;
margin-bottom: 30px;
}
.all_p ul li:nth-of-type(4),
.all_p ul li:nth-of-type(8) {
margin-right: 0px;
}
.all_p ul li a {
padding-top: 30px;
padding-bottom: 40px;
display: inline-block;
border-radius: 5px;
background-image: -moz-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
box-shadow: 0px 0px 27px 0px rgba(21, 35, 70, 0.4);
position: relative;
width: 100%;
text-align: center;
overflow: hidden;
font-weight: 700;
}
.all_p ul li a img {
display: block;
margin:0 auto;
margin-bottom: 40px;
}
#uSocial, .uSocial-Share {
text-align: right;
}
/*BLOG*/
.blog_cats ul {
margin-bottom: 47px;
display: flex;
justify-content: center;
align-items: center;
}
.blog_cats ul li {
margin-right: 40px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.blog_cats ul li:last-child {
margin-right: 0px;
}
.blog_cats ul li a {
color:#a6bbd3;
}
.blog_cats ul li.current a {
color: #fff;
font-weight: 700;
}
.blog_bg {
display: flex;
justify-content: space-between;
}
.blog_left {
width: 100%;
display: flex;
flex-wrap: wrap;
height: fit-content;
}
.blog_left .item {
width: 33.33333%;
// height: 412px;
margin-bottom: 30px;

  @media (min-width: 768px) and (max-width: 991px) {
      width: 50%;
  }
}
.main_page_blog .blog_left .item:nth-child(5),
.main_page_blog .blog_left .item:nth-child(6) {
  @media (min-width: 768px) and (max-width: 991px) {
      display: none;
  }
}
.blog_left .blog_block {
height: 100%;
  // height: auto;
position: relative;
margin-right: 30px;
border-radius: 5px;
overflow: hidden;
background-color: rgb(16, 27, 50);
box-shadow: 0px 0px 15px 0px rgba(7, 16, 39, 0.4);
}
.blog_left .blog_block .blog_title a {
color:#fff;
font-weight: 700;
line-height: 22px;
  @media (max-width: 767px) {
      font-size: 16px;
  }
}
.blog_left .blog_block .blog_text {
font-size: 14px;
line-height: 20px;
color:#babbbf;
  @media (min-width: 768px) {
      font-size: 12px;
  }
}
.blog_footer {
display: flex;
justify-content: space-between;
align-items: center;
width: calc(100% - 38px);
position: absolute;
bottom: 15px;
}
.blog_title, .blog_text, .blog_footer {
padding: 0px 19px;
}
.blog_title {
margin-top: 25px;
margin-bottom: 15px;
display: block;
height: auto;
overflow: hidden;
  font-size: 0.875rem;
}
.blog_left .item:nth-of-type(1) .blog_title,
.blog_left .item:nth-child(6 of .item) .blog_title {
height: auto;
  margin-bottom: 5px;
}
.main_page_blog .blog_left .item:nth-of-type(10) .blog_title,
.main_page_blog .blog_left .item:nth-of-type(13) .blog_title,
.main_page_blog .blog_left .item:nth-of-type(16) .blog_title {
  @media (min-width: 768px) and (max-width: 991px) {
      height: auto;
      margin-bottom: 5px;
  }
}
.blog_left .item:nth-of-type(1) .blog_img img,
.blog_left .item:nth-child(6 of .item) .blog_img img {
position: absolute;
  height: 379px;
  object-fit: fill;
  width: auto;
  min-width: 100%;

  @media (min-width: 768px) and (max-width: 991px) {
      height: 304px;
  }
}
.main_page_blog .blog_left .item:nth-of-type(10) .blog_img img,
.main_page_blog .blog_left .item:nth-of-type(13) .blog_img img,
.main_page_blog .blog_left .item:nth-of-type(16) .blog_img img {
  @media (min-width: 768px) and (max-width: 991px) {
      position: absolute;
      height: 304px;
      object-fit: fill;
      width: auto;
      min-width: 100%;
  }
}
.blog_left .item:nth-of-type(1) .b_cat,
.blog_left .item:nth-child(6 of .item) .b_cat,
.blog_left .item:nth-of-type(1) .b_link,
.blog_left .item:nth-child(6 of .item) .b_link{
display: none;
}
.main_page_blog .blog_left .item:nth-of-type(10) .b_cat img,
.main_page_blog .blog_left .item:nth-of-type(13) .b_cat img,
.main_page_blog .blog_left .item:nth-of-type(16) .b_cat img,
.main_page_blog .blog_left .item:nth-of-type(10) .b_link img,
.main_page_blog .blog_left .item:nth-of-type(13) .b_link img,
.main_page_blog .blog_left .item:nth-of-type(16) .b_link img {
  @media (min-width: 768px) and (max-width: 991px) {
      display: none;
  }
}
.blog_text {
margin-bottom: 10px;
display: block;

  &.additional_mb {
      margin-bottom: 3.125rem;

      @media (max-width: 767px) {
          margin-bottom: 1rem;
      }
  }
}

.b_cat {
font-weight: 700;
  line-height: 20px;
  font-size: 15px;
  text-transform: uppercase;
}
.b_cat.tb:hover {
  filter: brightness(150%);
}
.b_link {
height: 36px;
width: 36px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: #0d162c;
}
.blog_img {
overflow: hidden;
height: 169px;
display: flex;
}
.blog_img > a{
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
}
@media (max-width: 767px){
.blog_img > a{
  position: inherit;
}	
}
.blog_img img {
background-size: cover;
height: 164px;
position: absolute;
min-width: 100%;
object-fit: fill;
}
.blog_left .item:nth-of-type(1),
.blog_left .item:nth-child(6 of .item) {
width: 66.66666%;

  @media (min-width: 768px) and (max-width: 991px) {
      width: 100%;
  }
}
.blog_left .item:nth-of-type(1) .blog_block,
.blog_left .item:nth-child(6 of .item) .blog_block {
border:2px solid #40f3f7;
width: calc(100% - 34px);
height: calc(100% - 4px);
}
@media (min-width: 768px) {
  .blog_left .item:nth-of-type(1) .blog_img,
  .blog_left .item:nth-child(6 of .item) .blog_img {
      height: 380px;

      @media (min-width: 768px) and (max-width: 991px) {
          height: 305px;
      }
  }
}
.main_page_blog .blog_left .item:nth-of-type(9) {
  display: none;

  @media (min-width: 768px) and (max-width: 991px) {
      display: block;
  }
}
.main_page_blog .blog_left .item:nth-of-type(10),
.main_page_blog .blog_left .item:nth-of-type(13),
.main_page_blog .blog_left .item:nth-of-type(16) {
  @media (min-width: 768px) and (max-width: 991px) {
      width: 100%;
  }
}
.main_page_blog .blog_left .item:nth-of-type(10) .blog_img,
.main_page_blog .blog_left .item:nth-of-type(13) .blog_img,
.main_page_blog .blog_left .item:nth-of-type(16) .blog_img {
  @media (min-width: 768px) and (max-width: 991px) {
      height: 305px;
  }
}


.b_l_banner_mid {
border-radius: 5px;
// box-shadow: 0px 0px 15px rgba(7, 16, 39, 0.4);
margin-bottom: 42px;
display: flex;
height: 90px;
}
.b_l_banner_mid img {
border-radius: 5px;
}

.blog_bg_news .b_l_banner_mid,
.blog_bg_review .b_l_banner_mid {
  margin-bottom: 1.875rem;

  @media (min-width: 768px) {
      margin-bottom: 1.875rem;
      box-shadow: none;
      padding-right: 1.875rem;
      height: auto;      
  }

  img {
      @media (min-width: 768px) and (max-width: 991px) {
          max-width: 100%;
      }
  }
}

.b_l_banner_1, .b_l_banner_2 {
border-radius: 5px;
display: flex;
box-shadow: 0px 0px 15px rgba(7, 16, 39, 0.4);
}
.b_l_banner_1 {
margin-bottom: 30px;
}
.blog_right img {
border-radius: 5px;
box-shadow: 0px 0px 15px rgba(7, 16, 39, 0.4);
width: 100%;
}
.blog_right {
width: 256px;
  flex-shrink: 0;
}
.blog_right .b_l_banner_1 a,
.blog_right .b_l_banner_2 a{
display: contents;
}
.blog_right_title {
display: block;
font-size: 24px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1;
margin-bottom: 30px;
}
.blog_subscribe {
margin-top: 60px;
}
.blog_subscribe b, .blog_subscribe u {
display: block;
text-decoration: none;
text-align: center;
}
.blog_subscribe b {
font-size: 30px;
font-weight: 700;
margin-bottom: 25px;
}
.blog_subscribe u {
color:#a6bbd3;
text-transform: uppercase;
margin-bottom: 23px;
}
.blog_subscribe input[type=text] {
width: calc(100% - 44px);
background: transparent;
border:2px solid #fff;
border-radius: 24px;
padding: 0px 20px;
height: 48px;
display: flex;
align-items: center;
color:#fff;
font-family: Roboto Condensed;
}
.blog_subscribe input[type=text]::placeholder {
color:#fff;
}
.support_page_form .blog_subscribe input[type=text],
.support_page_form .blog_subscribe input[type=text]::placeholder {
color:#9097aa;
}
.support_page_form .blog_subscribe textarea {
width: calc(100% - 44px);
background: transparent;
border:2px solid #fff;
border-radius: 24px;
padding: 0px 20px;
padding-top: 20px;
display: flex;
align-items: center;
color:#9097aa;
font-family: Roboto Condensed;
}
.support_page_form .blog_subscribe p {
max-width: 302px;
}
.support_page_form .blog_subscribe textarea::placeholder {
color:#9097aa;
}
.blog_subscribe input[type=submit] {
width: 100%;
background: #133969;
border:2px solid #133969;
border-radius: 24px;
padding: 0px 20px;
height: 48px;
font-weight: 700;
align-items: center;
color:#40f3f7;
font-family: Roboto Condensed;
display: flex;
position: relative;
justify-content: center;
}
.blog_subscribe input{
box-sizing: border-box;
background: #253a5d;
    border: 1px solid #40f3f7;
    font-size: 16px;
    padding: 15px 20px;
  border-radius: 20px;
    margin-bottom: 20px;
    width: 100%;
    color: #fff;
}
.blog_subscribe input[type=submit]:after {
content: '';
position: relative;
background: url(/wp-content/themes/3snet/img/arrow_r_blue.png) no-repeat;
width: 7px;
height: 10px;
}
.blog_subscribe span.wpcf7-not-valid-tip {
font-size: 14px !important;
display: block !important;
margin-top: 5px !important;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, div.wpcf7-mail-sent-ok {
border:none !important;
font-size: 12px !important;
display: block !important;
margin:0px !important;
margin-top: 5px !important;
padding: 0px !important;
}

.blog_reloff .item {
height: 100%;
  position: relative;
  padding-bottom: 50px;
  border-radius: 5px;
  overflow: hidden;
  background-color: rgb(16, 27, 50);
  box-shadow: 0px 0px 15px 0px rgba(7, 16, 39, 0.4);
  margin-bottom: 30px;
}
.blog_reloff .item .blog_img img {
width: 100%;
}
.blog_reloff .item:last-child {
margin-bottom: 0px;
}
.blog_reloff .item .blog_title {
margin-top: 15px;
}
.blog_reloff .item .blog_title a {
color: #fff;
  font-weight: 700;
  line-height: 22px;
}
.blog_reloff .item .blog_text {
  font-size: 12px;
  line-height: 20px;
  color: #babbbf;
}
.blog_article {
    width: calc(100% - 285px);
    margin-right: 1.875rem;

    @media (max-width: 767px) {
        width: 100%;
        margin-right: 0;
    }
}
.blog_article article {
width: 100%;
}
.blog_article picture {
width: 100%;
display: flex;
}
.blog_article picture img {
width: 100%;
height: auto;
}
.blog_article .blog_text {
padding:0px 30px;
padding-top: 40px;
background: #fff;
color:#122036;
overflow: hidden;
margin-bottom: 0px;
padding-bottom: 50px;
border-radius: 4px 4px 0 0;

  @media (max-width: 370px) {
      padding: 2.5rem 1.25rem 3.125rem;
  }
}
.blog_article .blog_info {
  border-top: 1px solid #bac2d4;
  border-radius: 0px 0px 4px 4px;
  background: #fff;
  color: #122036;
  padding: 0px 30px;
  padding-top: 26px;
  padding-bottom: 26px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #ebf1ff;
}
.blog_article .blog_article_cats, .blog_article .blog_article_soc {
  /* width: 100%; */
}
.blog_article_cats ul {
display: flex;
flex-wrap: wrap;
}
.blog_article_cats ul li {
margin-right: 11px;
/* 	margin-bottom: 11px; */
  @media (min-width: 768px) and (max-width: 991px) {
      text-align: center;
  }
}
.blog_article_cats ul li a {
/* height: 37px; */
display: flex;
align-items: center;
padding: 0px 10px;
border:2px solid #4aaad9;
color:#4aaad9;
font-size: 12px;
font-weight: 700;
border-radius: 18px;
}
.blog_article .blog_text h2 {
margin: 30px 0;
font-size: 27px;
font-weight: 700;
/* text-transform: uppercase; */
line-height: 30px;
  // font-family: Roboto Condensed;
}
.blog_article .blog_text h3 {
margin: 25px 0;
font-size: 24px;
font-weight: 700;
// font-family: Roboto Condensed;
}
.blog_article .blog_text h4 {
margin-bottom: 18px;
font-size: 18px;
font-weight: 700;
// font-family: Roboto Condensed;
}
.blog_article .blog_text p {
// font-family: Roboto Condensed;
margin-bottom: 10px;
line-height: 24px;
font-size: 14px;
}
.blog_article .blog_text p a {
  color: #17c3f0;
  text-decoration: underline;
}
.blog_article .blog_text a {
  color: #17c3f0;
}
.blog_article .blog_text p img {
max-width: 100%;
height: auto;
margin:20px 0px;
}
.blog_article .blog_text p img.alignleft {
margin-right: 20px;
  margin-top: 5px;
}
.blog_article .blog_text p img.alignright {
margin-left: 20px;
  margin-top: 5px;
}
.blog_article .wp-video {
margin-top: 50px;
}
.blog_article .wp-caption {
margin:0 auto;
margin-top: 30px !important;
text-align: center !important;
  width: auto !important;
}
.blog_article .wp-caption-text {
margin-bottom: 30px !important;
line-height: 18px !important;
font-size: 12px !important;
color:#4c5e72 !important;
}
.blog_article .blog_text ul {
width: 100%;
display:block;
margin-bottom: 10px;
}
.blog_article .blog_text ul li {
position: relative;
padding-left: 15px;
  font-size: 14px;
display: inline-block;
}
.blog_article .blog_text ul li:before {
background: #4c5e72;
content: '';
width: 6px;
height: 6px;
position: absolute;
left: 0;
top: 9px;
border-radius: 50%;
}
.blog_article .blog_text ul li a {
    color: #17c3f0;
  text-decoration: underline;
display: inline-block;}
.blog_article .blog_text ul li a:after {
transition: all .3s;
  display: block;
  content: '';
opacity: 1;
  width: 100%;
  height: 1px;
  position: relative;
  left: 0;
  top: -4px;
}
.blog_article .blog_text ul li a:hover:after {
opacity: 0;
}

.blog_article .blog_text ol {
width: 100%;
display:block;
margin-top: 30px;
margin-bottom: 30px;
counter-reset: section;
}
.blog_article .blog_text ol li {
position: relative;
/* list-style: decimal !important; */
padding-left: 20px;
/* display: flex; */
margin-bottom: 20px;
list-style: none;
}
.blog_article .blog_text ol li:before {
/*background: #4c5e72;*/
counter-increment: section;      /*Ð˜Ð½ÐºÑ€ÐµÐ¼ÐµÐ½Ñ‚Ð¸Ñ€Ð¾Ð²ÑƒÐµÑ‚ÑÑ Ñ‚Ð¾Ð»ÑŒÐºÐ¾ ÑÑ‡ÐµÑ‚Ñ‡Ð¸Ðº 
                                   Ñ‚ÐµÐºÑƒÑ‰ÐµÐ³Ð¾ ÑƒÑ€Ð¾Ð²Ð½Ñ Ð²Ð»Ð¾Ð¶ÐµÐ½Ð½Ð¾ÑÑ‚Ð¸*/
content: counters(section,".") ")";
  color: #0088cc;
width: 6px;
height: 6px;
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
}
.blog_article .blog_text ol li span{
/* display: block; */
}
.blog_article .blog_text ol li a {
color: #17c3f0;
text-decoration: underline;
}

.blog_slider_items {
position: relative;
}
.blog_slider_block {
position: relative;
margin-top: 77px;
margin-bottom: 116px;
  display: block;

  .r_v_o {
      @media (min-width: 768px) and (max-width: 991px) {
          padding-top: 1rem;
      }
  }
}
.blog_slider_items .slick-list {
padding-bottom: 15px !important;
padding-top: 10px !important;
}
.blog_slider_items .item {
height: auto;
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
  border-radius: 5px;
  overflow: hidden;
  background-color: rgb(16, 27, 50);
  box-shadow: 0px 0px 15px 0px rgba(7, 16, 39, 0.4);
}
.blog_slider_items .item .blog_title a {
color: #fff;
  font-weight: 700;
  line-height: 22px;
}
.blog_slider_items .item .blog_block {
padding-bottom: 70px;
}
.blog_slider_items .item .blog_text {
  font-size: 12px;
  line-height: 20px;
  color: #babbbf;
}
.blog_slider_items .item .blog_img {
max-height: 230px;
}
.blog_slider_items .item .blog_footer {
margin-bottom: 0px;
}
.blog_slider_items .slick-center .blog_img {
max-height: 210px;
height: 210px
}
.blog_slider_items .slick-center {
top: -10px;
border-radius: 5px;
  background-image: -moz-linear-gradient( 90deg, rgb(12,41,78) 0%, rgb(19,57,105) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(12,41,78) 0%, rgb(19,57,105) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(12,41,78) 0%, rgb(19,57,105) 100%);
  box-shadow: 0px 0px 15px 0px rgba(13, 25, 57, 0.4);
  max-height: 29rem;

  @media (min-width: 768px) and (max-width: 991px) {
      max-height: 38rem;
  }

  @media (min-width: 1366px) {
      height: 30rem;
  }
}
.blog_slider_items .slick-center .blog_img img {
height: 210px;
}

/*ÐÐÐ’Ð˜Ð“ÐÐ¦Ð˜Ð¯ */
.navigation,
.page-numbers {
margin-top: 10px;
margin-bottom: 114px;
width: 100%;
}
.navigation ul,
.page-numbers {
display: flex;
align-items: center;
justify-content: center;
}
.navigation ul li,
.page-numbers li {
margin-right: 11px;
}
.navigation ul li:last-child,
.page-numbers li:last-child {
margin-right: 0px;
}
.navigation ul li a,
.page-numbers li span,
.page-numbers li a {
height: 36px;
width: 36px;
display: flex;
align-items: center;
justify-content: center;
border:2px solid #40f3f7;
border-radius: 50%;
color:#40f3f7;
background: transparent;
}
.page-numbers li a.next,
.page-numbers li a.prev {
  font-size: 0;
  position: relative;
}
.page-numbers li a.next:before{
content: '>';
font-size: 14px;
}
.page-numbers li a.prev:before{
content: '<';
font-size: 14px;
}
.navigation ul li.active a,
.page-numbers li.active span {
border-color: #202f55;
background: #131d38;
}
.navigation .nav_prev {
transform: rotate(-180deg);
margin-right: 32px;
}
.navigation .nav_next {
margin-left: 32px;
}
.page-numbers{

}
.top_pagination .page-numbers{
margin-bottom: 30px;
}
.cont_left {
width: 100%;
max-width: 540px;

}

.cont_left .rbc {
display: block;
text-align: center;
color:#a6bbd3;
text-transform: uppercase;
line-height: 22px;
margin-bottom: 25px;
width: 100%;

  @media (max-width: 767px) {
      margin-bottom: 1rem;
  }
}
.privacy_modal {
  position: fixed;
  top: 0;
  height: 100%;
  z-index: 999;
  width: 100%;
}
.privacy_wrapper {
  max-width: 1150px;
  width: 100%;
  max-height: 77vh;
  height: 100%;
  background: #03142a;
  overflow: hidden;
  padding: 30px;
  padding-right: 15px;
  margin: 0 auto;
  position: absolute;
  right: 0;
  left: 0;
  top: 10%;
  z-index: 1000;
      box-sizing: border-box;
}
.privacy_content {
  padding: 20px;
  height: 90%;
  overflow: scroll;
  margin: 30px 0;
}
.privacy_content h4 {
  margin-top: 20px;
}
.modal_bg{
position: fixed;
  top: 0;
  height: 100%;
  z-index: 990;
  width: 100%;
  background: #00000063;

}
.agree-btn{
border: none;
  text-transform: uppercase;
  background: #133969;
  border-radius: 24px;
  width: 100%;
  min-width: 250px;
  max-width: 250px;
  margin: 0 auto;
  display: flex;
  color: #40f3f7;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  letter-spacing: 0.5px;
  height: auto;
  align-items: center;
  justify-content: center;
  padding: 0px 25px;
  box-shadow: 0px 0px 8px 0px rgb(27 42 79 / 40%);
  text-align: center;
  padding: 20px;
  cursor: pointer;
}

.offers_items_head, .offers_items_all .item {
display: flex;
font-size: 12px;
font-weight: 700;
align-items: center;
}
.offers_items_head {
height: 69px;
border-top: 1px solid #374466;
}

.offers_items .item {
color:#40f3f7;
border-radius: 5px;
background-image: -moz-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
box-shadow: 0px 0px 27px 0px rgba(21, 35, 70, 0.004);
width: 100%;
height: 106px;
margin-bottom: 5px;
}
.offers_items_head img {
position: relative;
margin-left: 5px;
top: -2px;
}


.of_it_id {
color:#fff;
padding: 0px 41px;
width: 20%;
}
.of_it_link {
text-align: center;
display: flex;
justify-content: center;
align-items: center;
height: 106px;
width: 20%;
}
.of_it_name {
width: 40%;
}
.of_it_payout, .of_it_category {
padding-left: 56px;
width: 15%;
}
.of_it_category {

}
.of_it_payout {
color:#fff;
/*width: 20%;*/
}
.of_it_vertical {
padding-left: 26px;
min-width: 78px;
width: 15%;
}
.of_it_country {
min-width: 104px;
padding-left: 69px;
width: 20%;
}
.offers .navigation {
margin-bottom: 48px;
margin-top: 45px;
}
.offers .navigation:last-child {
margin-top: 48px;
margin-bottom: 117px;
}
.offers p, .partners_page p, .support_page p {
max-width: 710px;
margin:0 auto;
font-weight: 500;
color:#a9acb7;
}

.vacancies_page {
display: flex;
margin-bottom: 120px;
}
.vacancies_page_left {
width: 100%;
border-radius: 5px;
  /*padding: 30px;*/
  background-image: -moz-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
  box-shadow: 0px 0px 15px rgba(7, 16, 39, 0.4);
  display: flex;
}
.vacancies_page_left ul {
max-width: 258px;
width: 100%;
}
.vacancies_page_left ul li a {
padding: 30px;
font-family: Roboto Condensed;
font-weight: 700;
font-size: 30px;
color:#fff;
display: flex;
}
.vacancies_page_left ul li.current a, .vc_p_active ul li:first-child a {
background:#19253b;
color:#40f3f7;
}
.vacancies_page_left .content_vac {
width: 100%;
padding: 30px;
}
.vacancies_page_left .content_vac h2 {
font-family: Roboto Condensed;
line-height: 22px;
font-size: 24px;
display: block;
margin-bottom: 30px;
font-weight: 700;
color:#fff;
}
.vacancies_page_left .content_vac p {
font-size: 14px;
font-weight: 400;
line-height: 22px;
}
.vacancies_page_left .content_vac ul {
margin:25px 0px;
}
.vacancies_page_left .content_vac ul li {
position: relative;
padding-left: 20px;
margin-bottom: 20px;
}
.vacancies_page_left .content_vac ul li:last-child {
margin-bottom: 0px;
}
.vacancies_page_left .content_vac ul li:before {
height: 6px;
width: 6px;
content: '';
position: absolute;
background: #40f3f7;
border-radius: 50%;
left: 0;
top: 9px;
}
.vacancies_page_right {
width: 100%;
max-width: 350px;
margin-left: 20px;
}
.vacancies_page_right input[type=text], .vacancies_page_right select {
display: flex;
padding-left: 25px;
width: calc(100% - 29px);
height: 46px;
align-items: center;
border:2px solid #fff;
border-radius: 24px;
background: transparent;
color:#9097aa;
font-family: Roboto Condensed;
font-size: 14px;
letter-spacing: 0.5px;
}
.file-172 {
display: flex;
padding-left: 25px;
width: calc(100% - 29px);
height: 46px;
align-items: center;
border:2px solid #fff;
border-radius: 24px;
background: transparent;
color:#9097aa;
font-family: Roboto Condensed;
font-size: 14px;
letter-spacing: 0.5px;
}
/*div.wpcf7 input[type="file"] {
background: #40f3f7;
color:#fff;
font-weight: 700;
font-family: Roboto Condensed;
}*/
.vacancies_page_right select {
width: 100%;
}
.vacancies_page_right input[type=text]::placeholder {
color:#9097aa;
}
.vacancies_page_right input[type=submit] {
    text-transform: uppercase;
  background: #133969 url(/wp-content/themes/3snet/img/arrow_r_blue.png) no-repeat 91% 49%;
  border-radius: 24px;
  width: 100%;
  min-width: 250px;
  max-width: calc(249px - 50px);
  margin: 0 auto;
  display: flex;
  color: #40f3f7;
  font-family: 'Roboto Condensed', sans-serif;
  font-weight: 700;
  letter-spacing: 0.5px;
  height: 48px;
  border:none;
  align-items: center;
  justify-content: space-between;
  padding: 0px 25px;
  box-shadow: 0px 0px 8px 0px rgba(27, 42, 79, 0.4);
}
.offers_sort {
margin: 40px 0;
display: flex;
}
.o_s_search {
max-width: 404px;
width: 100%;
}

.part_temp {
background: #fff;
color:#122036;
margin-right: 28px;
}
.part_temp_item .info {
padding: 0px 30px;
padding-top: 30px;
}
.part_temp_item h2 {
margin-bottom: 40px;
font-family: Roboto Condensed;
letter-spacing: 0.5px;
font-size: 30px;
text-transform: uppercase;
font-weight: 700;
}
.part_temp_item h3 {
margin-bottom: 36px;
font-family: Roboto Condensed;
font-weight: 700;
font-size: 24px;
}
.part_temp_item h4 {
margin-bottom: 31px;
font-family: Roboto Condensed;
font-weight: 700;
font-size: 18px;
}
.part_temp_item p {
font-family: Roboto Condensed;
line-height: 24px;
font-weight: 400;
}

.support_page .search_in_cat {
max-width: 540px;
  margin: 0 auto;
  margin-top: 25px;
  margin-bottom: 25px;
}
.support_page_content {
max-width: 1110px;
margin:0 auto;
border-radius: 5px;
padding: 30px;
background-image: -moz-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
background-image: -webkit-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
background-image: -ms-linear-gradient( 90deg, rgb(15,25,49) 0%, rgb(20,34,55) 100%);
box-shadow: 0px 0px 15px rgba(7, 16, 39, 0.4);
display: flex;
margin-bottom: 40px;
}
.support_left {
width: 400px;
border-right: 1px solid #111e31;
margin-right: 30px;
/*border-right: 1px solid #111e31;*/
}
.support_right {
  width: 100%;
}
.support_right article{
display: none;
}
.support_right article.active{
display: block;
}
.link_to.active + ul{
display: block!important;
}
.link_to.active + ul a.selected {
  color: #40f3f7;
}
.support_left_list li a {
font-family: Roboto Condensed;
font-weight: 700;
line-height: 1;
font-size: 30px;
display: flex;
position: relative;
padding-right: 30px;
width: 70%;
}
.support_left_list li a:hover {
cursor: pointer;
}
.support_left_list li {
margin-bottom: 30px;
display: flex;
flex-direction: column;
width: 100%;
position: relative;
padding-bottom: 30px;
border-bottom: 1px solid #111e31;
}
.support_left_list li:last-child {
margin-bottom: 0px;
}
.support_left_list li:after {
content: '+';
  display: flex;
  color: #445784;
  font-size: 10px;
  align-items: center;
  justify-content: center;
  height: 19px;
  width: 19px;
  background: #0e172d;
  border-radius: 50%;
  right: 20px;
  top: 7px;
  position: absolute;
}
.support_left_list li.active:after {
content: '-';
}
.support_right h2 {
font-size: 24px;
font-weight: 700;
margin-bottom: 20px;
display: block;
}
.support_right .support_text {
font-weight: 500;
line-height: 22px;
display: block;
}
.support_left_list ul {
margin-top: 30px;
}
.support_left_list ul li {
margin-bottom: 20px;
padding-bottom: 0px;
border:none;
padding-left: 21px;
display: block;
}
.support_left_list ul li:last-child {
margin-bottom: 0px;
}
.support_left_list ul li a {
font-size: 14px;
line-height: 22px;
font-weight: 300;
}
.support_left_list ul li.active {
color:#40f3f7;
}
.support_left_list ul li:after {
display: none;
}
.support_left_list ul li:before {
content: '';
height: 6px;
width: 6px;
position: absolute;
left: 0;
top: 6px;
background: #40f3f7;
border-radius: 50%;
}
.support_page_form {
text-align: center;
margin-bottom: 45px;
display: block;
}
.support_page_form span {
display: block;
color:#a6bbd3;
line-height: 22px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 14px;
text-align: center;
}
.support_page_form input, .support_page_form textarea {
border-radius: 24px;
border:2px solid #fff;
background: transparent;
padding: 20px 24px;
color:#a9acb7;
font-family: Roboto Condensed;
letter-spacing: 0.5px;
font-size: 14px;
}
.support_page_form input::placeholder, .support_page_form textarea::placeholder {
color:#a9acb7;
}
.support_page_form input[type=submit] {
background: #133969 url(/wp-content/themes/3snet/img/arrow_r_blue.png) no-repeat 91% 49%;
font-family: Roboto Condensed;
color:#40f3f7;
font-weight: 700;
letter-spacing: 0.5px;
font-size: 14px;
border:none;
min-width: 250px;
text-align: left;
box-shadow: 0px 0px 8px 0px rgba(27, 42, 79, 0.04);
text-transform: uppercase;
position: relative;
}
/*.support_page_form input[type=submit]:after {
content: '';
height: 20px;
width: 20px;
background: url(../img/arrow_r_blue.png) no-repeat;
right: 20px;
top: 10px;
}*/
.spf_text {
color:#a9acb7;
font-family: Roboto Condensed;
letter-spacing: 0.5px;
font-size: 14px;
text-transform: uppercase;
margin-bottom: 10px;
}
.nav_link {
display: none;
}

/* ============================  OFFERS FORM ==============================*/
.offers_sort {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.jq-selectbox__select {
height: 40px;
width: 130px;
  margin: 0 5px;
padding: 5px 45px 5px 25px;
border: 2px solid #40f3f7;
border-bottom-color: #40f3f7;
border-radius: 55px;
background: transparent;
box-shadow: none!important;
font: 14px/40px Arial, sans-serif;
color: #fff;
text-shadow: none;
}
.jq-selectbox.focused .jq-selectbox__select{
border: 2px solid #40f3f7;
}
.jq-selectbox__select:hover {
  background: transparent;
}
.jq-selectbox__trigger {
  border-left: none;
display: none;}
.jq-selectbox__trigger-arrow {
top: 23px;
  border-top: 5px solid #34abbb;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.jq-selectbox__select:hover .jq-selectbox__trigger-arrow {
  border-top: 5px solid #fff;
}

.jq-selectbox__dropdown {
  box-sizing: border-box;
  top: 0;
  left: 0px;
  width: 100%;
  border-radius: 55px;
  margin: 0px 0 0;
  padding: 5px 10px 20px 10px;
  border: 2px solid #40f3f7;
  border-radius: 26px;
  background: #223358;
  box-shadow: none;
  font: 14px/18px Arial, sans-serif;
  color: #fff;
}
.jq-selectbox li.selected {
  background-color: transparent;
  color: #40f3f7;
}
.jq-selectbox li {
  min-height: 18px;
  padding: 11px 14px 6px;
  color: #fff;
}
.jq-selectbox ul::-webkit-scrollbar {
/*-webkit-appearance: none;*/
width: 7px;
}
.jq-selectbox ul::-webkit-scrollbar-thumb {
border-radius: 2px;
background-color: #7a8496;
/*-webkit-box-shadow: 0 0 1px rgba(255,255,255,0.5);*/
}
.jq-selectbox li:hover {
  background-color: transparent;
  color: #40f3f7;
}
.jq-selectbox__search input {
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 8px 27px 8px 15px;
  border: 1px solid #40f3f7;
  border-radius: 13px;
  outline: none;
  background: transparent;
  box-shadow: none!important;
  color: #fff;
}
.jq-selectbox__not-found {
  margin: 5px;
  padding: 5px 8px 6px;
  background: transparent;
  font-size: 13px;
}
.offers_sort input[type="text"] {
  height: 40px;
  /* width: 130px; */
  margin: 0 5px;
  padding: 5px 45px 5px 25px;
  border: 2px solid #40f3f7;
  border-bottom-color: #40f3f7;
  border-radius: 55px;
  background: transparent;
  box-shadow: none!important;
  font: 14px/40px Arial, sans-serif;
  color: #fff;
  text-shadow: none;
}
.o_s_search label{
position: relative;
}
.o_s_search span {
  position: absolute;
  right: 15px;
  top: -5px;
}
.o_s_search svg{
fill: #40f3f7;
width: 28px;
height: 28px;
}
.offers_sort .filterBtn{
  padding: 5px 30px;
  border: 2px solid #133969;
  background: #133969;
  margin: 0 5px;
  border-radius: 55px;
  background: #133969;
  box-shadow: none!important;
  font: 14px/40px Arial, sans-serif;
  color: #40f3f7;
  text-shadow: none;
  letter-spacing: 1.1px;
  font-weight: 700;
  cursor: pointer;
}
::-webkit-input-placeholder {color:#fff;}
::-moz-placeholder          {color:#fff;}/* Firefox 19+ */
:-moz-placeholder           {color:#fff;}/* Firefox 18- */
:-ms-input-placeholder      {color:#fff;}

.jq-selectbox__select:hover .jq-selectbox__trigger-arrow {
  border-top: 5px solid #40f3f7!important;
}

.paginationWrapper{
width: 100%;
text-align: center;
}
.paginationWrapper .wp-pagenavi a,
.paginationWrapper .wp-pagenavi span {
  height: 36px;
  width: 36px;
  display: inline-block;
  align-items: center;
  justify-content: center;
  border: 2px solid #40f3f7;
  border-radius: 50%;
  color: #40f3f7;
  background: transparent;
  text-align: center;
  line-height: 36px;
  margin-right: 5px;
}

.paginationWrapper .wp-pagenavi span.current {
  font-weight: bold;
  color: #03142a;
  border-color: #03142a;
}

.singleSearch .screen-reader-text{
display: none;
}
.searchBox.singleSearch {
  max-width: 500px;
  width: 100%;
}

form#searchform {
  /* max-width: 480px; */
width: 100%;
padding: 3px;
position: relative;
/* overflow: hidden; */
border-radius: 15px;
background: transparent;
border: 1px solid #40f3f7;
display: flex;
align-items: center;
gap: 10px;

  @media (max-width: 767px) {
      max-width: fit-content;
  }
}
.singleSearch input[type="text"] {
  font-size: 18px;
padding: 5px 10px;
border-radius: 15px;
background: transparent;
color: #fff;
font-family: 'Open Sans', sans-serif;
/* max-width: 380px; */
border: none;
width: 100%;
box-sizing: border-box;
}
.singleSearch input#searchsubmit {
  background: url(img/search.svg) no-repeat;
  border: none;
  font-size: 18px;
  padding: 10px;
  padding-right: 1rem;
  margin-left: 0.375rem;
  border-radius: 15px;
  height: 20px;

  cursor: pointer;
}

.singleSearch {
  #clearAjaxSearch {
      display: none;
      margin-right: -0.375rem;
      cursor: pointer;
  }

  #floatingCirclesG {
      margin-left: -0.1875rem;
  }
}


.contactForm input{
border-bottom: 2px solid transparent;
}
.contactForm input.wpcf7-not-valid{
border-bottom: 2px solid #f00;
}
.contactForm .inputWrapper br,
.contactForm .inputWrapper p,
.contactForm .capchaWrapper br{
display: none;
}
.contactForm input,
.contactForm select,
.contactForm textarea,
.contactForm .jq-selectbox__select {
width: 100%;
margin-bottom: 30px;
border: none;
background: rgba(15,97,105,0.8);
padding: 10px;
color: #fff;
font-size: 15px;
font-weight: 600;
}
.contactForm input::-webkit-input-placeholder,
.contactForm select::-webkit-input-placeholder,
.contactForm textarea::-webkit-input-placeholder,
.contactForm .jq-selectbox__select::-webkit-input-placeholder {
color: #acacac;
font-weight: 400;
}
.contactForm input:-ms-input-placeholder,
.contactForm select:-ms-input-placeholder,
.contactForm textarea:-ms-input-placeholder,
.contactForm .jq-selectbox__select:-ms-input-placeholder {
color: #acacac;
font-weight: 400;
}
.contactForm input::-ms-input-placeholder,
.contactForm select::-ms-input-placeholder,
.contactForm textarea::-ms-input-placeholder,
.contactForm .jq-selectbox__select::-ms-input-placeholder {
color: #acacac;
font-weight: 400;
}
.contactForm input::placeholder,
.contactForm select::placeholder,
.contactForm textarea::placeholder,
.contactForm .jq-selectbox__select::placeholder {
color: #acacac;
font-weight: 400;
}
.contactForm input,
.contactForm select,
.contactForm .jq-selectbox__select {
height: 50px;
font-weight: 400;
line-height: 50px;
}
.contactForm textarea {
height: 250px;
}
.contactForm .jq-selectbox {
width: 100%;
}
.contactForm .jq-selectbox__select {
padding: 0; 
  outline: none;
  transition: all 0.3s;
  margin: 0px 0px 0px;
  font-size: 18px;
  color: #fff;
  display: block;
  border-radius: 18px;
  border: 2px solid #40f3f7;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.5px;
  font-family: Roboto Condensed;
  text-transform: uppercase;
  padding: 12px 20px;
  width: 100%;
  -moz-appearance: none;
  appearance: none;
  background: transparent url(/wp-content/themes/3snet/img/arrow_bottom.png) no-repeat 95% 50% !important;
  line-height: 50px;
      box-sizing: border-box;
padding: 0px 20px;height: auto;}
.contactForm .jq-selectbox__select-text {
  width: calc(100% - 34px) !important;
  padding: 10px;
  height: 100%;
  line-height: 40px;
  padding-left: 30px;
  color: #ffffff;
  text-shadow: none;
}
.contactForm .jq-selectbox__dropdown {
  background: rgba(15,97,105,0.8);
  border-radius: 30px;
  color: #40f3f7;
  background: rgba(15,97,105,0.8);
  top: 0px !important;
  border: none;
  border: 2px solid #40f3f7;
  border-radius: 22px;
  overflow: hidden;
  background: #000000;
  padding: 21px 0px 0;
  font-size: 16px;
}
.contactForm .phoneWrapper .jq-selectbox__dropdown{
  min-height: 15rem;

  @media (max-width: 767px) {
      max-width: 93vw;
      left: 0;
  }
}
.contactForm .your-subject .jq-selectbox__dropdown{
  min-height: 12rem;
  @media (max-width: 767px) {
      width: 100% !important;
      left: 0;
  }
}

.contactForm .jq-selectbox__dropdown li {
color: #fff;
transition: all 0.3s;
padding: 10px 60px 10px;
display: block;margin: 0;}
.jq-selectbox li.selected {
  background-color: transparent;
  color: #FFF;
}
.contactForm .jq-selectbox__dropdown li:hover {
background-color: #40f3f7;
color: #000;
}
.contactForm .jq-selectbox__trigger {
border: none;
}
.contactForm .jq-selectbox__trigger-arrow {
top: 33px;
right: 20px;
border-top: 7px solid #40f3f7 !important;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
}
.contactForm .jq-selectbox.focused .jq-selectbox__select {
  border: 2px solid #40f3f7;
}
.contactForm .jq-selectbox.opened .jq-selectbox__select {
    background: transparent;
    background: #000A13;
    background: #020c15db;
    border: 2px solid #40f3f7;
}
.contactForm .btn.yellowGrd {
font-size: 20px;
padding: 15px 40px;
margin-top: 40px;
}
.contactForm .inputWrapper {
position: relative;
}
.contactForm .inputWrapper input,
.contactForm .inputWrapper textarea {
padding-left: 50px; 
box-shadow: none;
/* border-radius: 0; */
outline: none;
height: 60px;
outline: none;
transition: all 0.3s;
margin: 0px 0px 0px;
font-size: 18px;
color: #fff;
display: block;
border-radius: 18px;
border: 2px solid #40f3f7;
color: #fff;
font-weight: 700;
letter-spacing: 0.5px;
font-family: Roboto Condensed;
text-transform: uppercase;
padding: 10px 20px;
width: 100%;
-moz-appearance: none;
appearance: none;
/*background: transparent url(/wp-content/themes/3snet/img/arrow_bottom.png) no-repeat 95% 50% !important;*/
line-height: 50px;
padding-left: 60px;
box-sizing: border-box;
}
.contactForm .inputWrapper input[type="email"] {
  text-transform: none;
}
.jq-selectbox.opened .jq-selectbox__select-text{
color: transparent;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
transition: background-color 50000s ease-in-out 0s,
            color 50000s ease-in-out 0s;
}
/*.contactForm .inputWrapper input{
    -webkit-box-shadow: inset 0 0 0 50px rgb(12, 80, 87);
  background: transparent;
  -webkit-text-fill-color: #fff;
}
.contactForm .inputWrapper input::-webkit-input-placeholder,
.contactForm .inputWrapper input:-ms-input-placeholder,
.contactForm .inputWrapper input::-ms-input-placeholder,
.contactForm .inputWrapper input::placeholder{
  -webkit-text-fill-color: #40f3f7;
  color: #40f3f7;
}
.contactForm .inputWrapper input*/
.contactForm .inputIco {
position: absolute;
width: auto;
top: 1.875rem;
transform: translate(0,-50%);
left: 20px;
z-index: 8;
}
.contactForm .message .inputIco {
  position: absolute;
  width: auto;
  top: 20%;
  transform: translate(0,-50%);
  left: 20px;
  z-index: 8;
}
.contactForm .phoneWrapper.inputWrapper {
display: flex;
justify-content: space-between;
}
.contactForm .phoneWrapper.inputWrapper .inputPhoneIcoWrapper {
display: flex;
align-items: center;
margin-right: 5px;
justify-content: center;
height: 50px;
width: 90px;
text-align: center;
background: rgba(15,97,105,0.8);
}
.contactForm .phoneWrapper.inputWrapper .inputPhoneIcoWrapper .inputIco {
position: static;
}
.contactForm .phoneWrapper .inputIco {
  top: 35%;
}
.contactForm .phoneWrapper.inputWrapper .inputPhoneCodeWrapper {
  margin-bottom: 0;
}
.contactForm .phoneWrapper.inputWrapper .inputPhoneCodeWrapper .selectboxWrapper{
  width: auto;
  float: left;

  @media (max-width: 767px) {
      width: 95%;
  }
}
.contactForm .phoneWrapper.inputWrapper .inputPhoneCodeWrapper .selectboxWrapper + p{
display: inline-block;
width: 50%;
  float: right;
margin-bottom: 0;}
.contactForm  .inputPhoneCodeWrapper .jq-selectbox__select-text{
  width: 132px!important;
  text-overflow: ellipsis;
  padding: 10px;
  height: 100%;
  line-height: 37px;
  padding-left: 0px;
  color: #ffffff;
  text-shadow: none;
  text-align: center;
}
.contactForm  .inputPhoneCodeWrapper .jq-selectbox__select{
  padding: 0px 20px 0px;
  @media (max-width: 767px) {
      padding-left: 0;
  }
}
.contactForm .inputWrapper textarea {
  padding-top: 5px;
  min-height: 160px!important;
}
.contactForm .phoneWrapper.inputWrapper .inputPhoneCodeWrapper input {
  padding-left: 30px;
  padding-right: 20px;
}
.contactForm .phoneWrapper.inputWrapper input {
padding-left: 20px;
}
.contactForm .capchaWrapper {
  width: 302px;
  display: block;
  margin: 30px auto 0;
  text-align: center;
}
.contactForm .mustHaveTxt {
color: #fff;
margin: 18px 20px 6px;
}
.rc-anchor-light {
  background: #0f5760;
  color: #fff;
}
.rc-anchor-pt a:link, .rc-anchor-pt a:visited {
  color: #fff;
  text-decoration: none;
}
.rc-anchor-logo-text {
  color: #fff;
  cursor: default;
  font-family: Roboto,helvetica,arial,sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  margin-top: 5px;
  text-align: center;
}
.rc-anchor-light.rc-anchor-normal {
  border: none;
}
.wpcf7-response-output.wpcf7-spam-blocked{
clear: both;
text-align: center;
padding: 20px;
border: 2px solid #ff3e00;
}
.wpcf7-response-output.wpcf7-spam-blocked{
position: fixed;
z-index: 33;
background: rgba(15,97,105,0.8);
color: #fff;
top: 30%;
left: 50%;
font-size: 16px;
margin: 0;
transform: translate(-50%, -50%);
padding: 20px 30px;
}
div.wpcf7-mail-sent-ok,
.wpcf7-spam-blocked {
  border: none;
  display: none!important;
  position: fixed;
  z-index: 33;
  background: rgba(15,97,105,0.8);
  color: #fff;
  top: 30%;
  left: 50%;
  font-size: 16px;
  margin: 0;
  transform: translate(-50%, -50%);
  padding: 20px 30px;
}
.contacts header {
background: url("../img/sunset.png") no-repeat;
background-position: 50% 100%;
background-size: 100%;
position: relative;
padding-bottom: 100px;
}
.contacts__mapBox .mailBoxWrapper{
display: flex;
align-items: center;
justify-content: center;
}
.contacts__mapBox .mailBoxWrapper .mB-item{
text-align: center;
margin: 0 70px;
font-size: 26px;
}
.contacts__mapBox .mailBoxWrapper .mB-item svg{
height: 70px;
width: 170px;
margin-bottom: 10px;
}
.contacts__mapBox .mailBoxWrapper .mB-item .orangeBox,
.contacts__mapBox .mailBoxWrapper .mB-item .orangeBox svg{
color: #ffdc4e;
fill: #ffdc4e;
}
.contacts__mapBox .mailBoxWrapper .mB-item .blueBox,
.contacts__mapBox .mailBoxWrapper .mB-item .blueBox svg{
color: #40f3f7;
fill: #40f3f7;
}

.contacts__mapBox {
position: relative;
}
.contacts__mapBox #map {
height: 430px;
margin-bottom: 20px;
border-top: 3px solid #018795;
border-bottom: 3px solid #018795;
background: url('../img/map_bg.png');
background-size: contain;
}
.contacts__mapBox .mapInfoBox {
  position: absolute;
  z-index: 2;
  background: rgba(0, 0, 0, 0.78);
  padding: 30px 40px;
  line-height: 30px;
  color: #fff;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  font-size: 18px;
}
.contactForm .capchaWrapper {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
.contactForm .mustHaveTxt {
  color: #fff;
  margin: 18px 20px -25px;
  text-align: center;
}
.contacts__mapBox .mapInfoBox {
  position: absolute;
  z-index: 2;
  padding: 30px 40px;
  line-height: 24px;
  color: #fff;
  top: 100%;
  left: 0%;
  font-size: 16px;
  -webkit-transform: translate(0, -100%);
  transform: translate(0, -100%);
}
.blogItem .btn.showMore {
  float: none;
}
.crp_related_widget ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.contacts__mapBox .mailBoxWrapper .mB-item{
text-align: center;
margin: 0 20px;
font-size: 16px;
}
.contacts__mapBox .mailBoxWrapper .mB-item svg{
height: 70px;
width: 130px;
margin-bottom: 5px;
}
.contactForm .inputPhoneCodeWrapper .jq-selectbox__select-text {
  width: 165px!important;
  text-overflow: ellipsis;
  padding: 10px;
  height: 100%;
  line-height: 37px;
  padding-left: 25px;
  color: #ffffff;
  text-shadow: none;
  text-align: center;

  @media (max-width: 767px) {
      padding-left: 45px;
      width: 29vw !important;
  }
}
.contactForm .phoneWrapper.inputWrapper .inputPhoneCodeWrapper input {
  padding-left: 20px;
  padding-right: 20px;
}

footer .f-18 div {
  font-size: 18px;
}
.center.f-18 {
  text-align: center;
  max-width: 930px;
  margin: 0 auto;
  padding: 0 15px;
}
.center.f-18 p{
font-size: 13px;
}

/* ==========================  OFFERS FORM END ============================*/

section.page_nf {
  text-align: center;
  padding: 7.5vh 0 20vh;
}
.nfp {
  font-size: 130px;
  color: #40f3f7;
  box-sizing: content-box;
  height: auto;
  line-height: 135px;
  font-weight: bold;
  font-family: monospace;
}
section.page_nf a{
display: block;
margin-top: 20px;
text-transform: uppercase;
font-size: 16px;
font-weight: 600;
letter-spacing: 1px;
color: #40f3f7;
}

.blog_text .btn {
  background: #133969;
  border: 2px solid #133969;
  border-radius: 24px;
  padding: 15px 30px;
  font-weight: 700;
  align-items: center;
  color: #40f3f7;
  font-family: Roboto Condensed;
  display: inline-block;
  position: relative;
  justify-content: center;
  font-size: 17px;
}
.blog_text .btn-wrap {
  margin-top: 40px;
  text-align: center;
}
.nf-search{
text-align: center;
display: block;
  width: 100%;
  font-size: 16px;
  margin-top: 30px;
}
.nf-search h2{
margin-bottom: 20px;
}



@media (max-width: 767px) {
.contactForm .inputPhoneCodeWrapper .jq-selectbox__select-text {
  text-align: left;
}
.wpcf7-acceptance span.wpcf7-list-item-label {
  display: inline-block;
  width: auto;
  text-align: left;
}
.blog_article picture img {
  width: 100%;
  height: auto;
}
.wpml-ls-legacy-list-horizontal>ul {
  display: flex;
}
.cases2 {
    margin-top: 30px;
}
.advert_blocks .item p {
    font-size: 13px;
}
.r_v_o {
    margin-bottom: 40px;
}
.offers_sort > div{
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
.offers_sort {
    flex-wrap: wrap;
}
.offers_sort input[type="text"],
.offers_sort .jq-selectbox__select{
    height: 54px;
    width: 100%;
    box-sizing: border-box;
}
.offers_sort .jq-selectbox.jqselect{
  width: 100%;
}
.offers_sort .filterBtn {
    margin: 0 auto;
}
.jq-selectbox__dropdown {
  box-sizing: border-box;
  top: 0;
  left: 5px;
  width: 100%;
}
.wrapper {
  padding-left: 15px;
  padding-right: 15px;
  position: relative;
}
.prm_slider, .res_2_blocks, .events, .footer, .cases_blocks {
  flex-direction: column;
}

header {
  flex-wrap: wrap;
  margin-bottom: 24px;
}
header .logo {
  width: 35%;
  order: 1;

      // new for yes-play
      width: 55%;
      padding-top: 0;
      // end for new yes-play
}
header .logo img {
  width: 100%;
}
header .language {
  width: 35%;
  height: 42px;
  order: 2;

      // new for yes-play
      width: 30%;
      // end for new yes-play
}
header .nav_link{
  order: 3;
}
header .searchBox{
  order: 4;
  margin-top: 20px;
}
header h1 {
  width: 65%;
  text-align: right;
  padding-top: 0px;
  font-size: 16px;
  line-height: 19px;
}
header .account {
  width: 65%;
  padding-top: 12px;
  display: flex;
  justify-content: flex-end;
}
nav:not(.air-datepicker-nav) {
  position: absolute;
  width: 100%;
  height: 100vh;
  left: 0;
  top: -100%;
  z-index: 16;
  background: #324471;
  transition: all .4s;
  margin:0px;
  display: flex;
  align-items: center;
  justify-content: center;
}
nav.active {
  top: 0;
}
nav ul {
  display: flex;
  gap:20px;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
nav ul li {
  height: auto;
  border:none;
  font-size: 14px;
  padding-right: 0px;
  text-align: left;
}
nav ul li a{
  text-align: left;
}
nav ul li:before {
  display: none;
}
.nav_link {
  display: flex;
  height: 45px;
  width: 45px;
  background: #133969;
  content: '';
  z-index: 30;
  align-items: center;
  justify-content: center;
}
.nav_link:before {
  -webkit-mask: url(/wp-content/themes/3snet/img/bars-solid.svg) no-repeat center;
    mask: url(/wp-content/themes/3snet/img/bars-solid.svg) no-repeat center;
  /*-webkit-mask-size: 21px;*/
  /*mask-size: 21px;*/
  position: absolute;
  background-color: #fff;
  content: '';
  height: 25px;
  width: 25px;
}
.nav_link.active:before {
  -webkit-mask: url(/wp-content/themes/3snet/img/times-solid.svg) no-repeat center;
    mask: url(/wp-content/themes/3snet/img/times-solid.svg) no-repeat center;
}
.ls_b {
  flex-direction: column;
}
.ls_c:before {
  height: 20px;
  margin-top: 15px;
}
.ls_c:after {
  height: 20px;
  margin-bottom: 15px;
}
.recent_slider .slick-dots li button {
  width: 25px !important;
}
.res_2_left, .res_2_right {
  padding-left: 0px;
  padding-right: 0px;
}
.res_2_right {
  margin-top: 60px;
}
.prm_right {
  margin-left: 0px;
}
.cases_left, .cases_right {
  margin-left: 0px;
  margin-right: 0px;
}
.cases_left {
  flex-direction: column;
}
.cases_blocks .item:first-child {
  margin-right: 0px;
}
.cases_blocks .item:last-child {
  margin-left: 0px;
  margin-top: 25px;
}
.events .item:nth-child(odd) {
  margin-right: 0px;
}
.events .item:nth-child(even) {
  margin-left: 0px;
}
.events .item {
  width: 100%;
  flex-direction: column;
}
.events .item picture {
  height: 150px;
  width: 100%;
}
.events .item img {
  width: 100%;
  height: auto;
}
.arc_blocks .item:nth-of-type(2) {
  margin-left: 0px;
  margin-right: 0px;
}
.arc_blocks .item {
  width: 100%;
  max-width: 100%;
  margin-left: 0px;
  margin-right: 0px;
}
.foot_r {
  max-width: 100%
}
.foot_m {
  margin:20px 0px;
}
.foot_m ul {
  padding: 0px 13px;
  font-size: 13px;
}
.slider_arrows {
  
}
.arrow_next, .arrow_prev {
  background-size: cover;
  height: 50px;
  width: 50px;
}
.arrow_next {
  right: 0;
}
.arrow_prev {
  left: 0;
}
.slick-dots li button {
  height: 12px;
  width: 12px;
}
.slick-dots li.slick-active button {
  height: 18px;
  width: 18px;
}
.res_2_blocks ul li a {
  padding-right: 33px;
}
.res_2_blocks ul li {
  flex-basis: initial;
}
.cases_right {
  margin-top: 35px;
}
.events .item img {
  border-radius: 24px 24px 0px 0px;
}
.events .prm_right_text {
  width: calc(100% - 60px);
  border-radius: 0px 0px 24px 24px;
}
.arc_blocks .item:nth-of-type(2) {
  margin:35px 0px;
}
.advert_blocks .item {
  width: 50%;
}
.cr_off_block {
  width: 100%;
  max-width: calc(100% - 30px);
  padding: 0px 15px;
  padding-bottom: 40px;
}
.form_cr_off_5_f div, .form_cr_off_5_f_2 div {
  width: 100%;
}
.form_cr_off_1_all .item, .form_cr_off_4_all .item, .form_cr_off_5_f_2 .item span {
  width: 100%;
}
.form_cr_off_5_f, .form_cr_off_5_f_2 {
  flex-direction: column;
}
.form_cr_off_5_f .item span {
  max-width: 100%;
}
.all_p ul li {
  width: 100%;
  margin-right: 0px;
}
.offers_items_head {
  display: none;
}
.offers_items .item {
  flex-direction: column;
  height: auto;
  padding-left: 15px;
  padding-right: 15px;
  width: calc(100% - 30px);
}
.of_it_link {
  height: auto;
  margin:20px 0px;

}
.of_it_payout, .of_it_category, .of_it_vertical, .of_it_country, .of_it_name, .of_it_id {
  width: 100%;
  margin-bottom: 10px;
  padding-left: 0px;
  padding-right: 0px;
  text-align: center;
}
.of_it_id {
  margin-top: 20px;
}
.of_it_payout {
  margin-bottom: 0px;
}
.of_it_name {
  font-size: 14px;
}
.support_left_list li a {
  font-size: 15px;
}
.support_page_content {
  padding: 15px;
  flex-direction: column;
}
.support_left {
  border:none;
  margin-right: 0px;
  width: auto;
  margin-bottom: 35px;
}
.support_left_list li {
  padding-bottom: 15px;
  margin-bottom: 15px;
}
.vacancies_page {
  flex-direction: column;
  align-items: center;
}
.vacancies_page_right {
  margin-left: 0px;
  margin-top: 35px;
}
.cont_left form .items {
  margin-bottom: 0px;
}
.vacancies_page_left ul li a {
  font-size: 16px;
  padding: 20px;
}
.vacancies_page_left ul {
  max-width: 137px;
}
.vacancies_page_left .content_vac h2 {
  font-size: 18px;
}
.blog_cats ul {
  flex-wrap: wrap;
  justify-content: initial;
}
.blog_cats ul li {
  width: 50%;
  margin-right: 0px;
  text-align: center;
  padding: 8px 0px;
}
.blog_bg {
  flex-direction: column;
}
.blog_left {
  flex-direction: column;
}
.blog_left .item:nth-of-type(1), .blog_left .item:nth-child(6 of .item) {
  width: 100%;
  height: auto;
}
.blog_left .item {
  width: 100%;
  height: auto;
}
.b_l_banner_mid img {
  width: 100%;
}
.blog_left .blog_block {
  margin-right: 0px;
  padding-bottom: 50px;
}
.blog_left .item:nth-of-type(1) .blog_block, .blog_left .item:nth-child(6 of .item) .blog_block {
  width: calc(100% - 4px)
}
.blog_right {
  width: 100%;
}
.b_l_banner_1 a,
.b_l_banner_2 a{
  display: block;
  width: 100%;
}
.blog_right img {
  width: 100%;
}
.blog_right .b_link img {
  width: auto;
}
.blog_right .blog_footer {
  padding-bottom: 15px !important;
}
.cont_right_map img {
  width: 100%;
}
.contacts_bg {
  flex-direction: column;
  align-items: center;
}
.cont_right {
  margin-top: 45px;
}
.blog_article {
  width: 100%;
      margin-right: 0;
}
.blog_article .blog_text ol, .blog_article .blog_text ul {
  width: calc(100% - 15px)
}
.blog_right_title {
  margin-top: 35px;
}

.blog_img img {
  height: auto;
  width: 100%;
  min-width: 100%;
  object-fit: cover;
  position: inherit;
}
.blog_title{
  height: auto;
}
.blog_left .item:nth-of-type(1) .blog_img img, .blog_left .item:nth-child(6 of .item) .blog_img img {
  height: auto;
  width: 100%;
  min-width: 100%;
  object-fit: cover;
  position: inherit;
}
.blog_left .item .blog_img, .blog_left .item .blog_img {
  height: auto;
}
}
/* .blog_left .navigation{
display: none;
} */

.blog_article_soc {
  display: flex;
  align-items: center;
  width: 70%!important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .blog_article_soc {
    flex-wrap: wrap;
    justify-content: center;
  }
}
.blog_article_soc .blog_article_soc-desc {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #d9d9d9;
}
@media (min-width: 768px) and (max-width: 991px) {
  .blog_article_soc .blog_article_soc-desc {
    text-align: center;
    padding-right: 0;
    margin-right: 0;
    padding-bottom: 0.5rem;
    border-right: none;
  }
}
.blog_article_soc .blog_article_soc-desc .blog_article_soc-desc-title {
  font-weight: bold;
  color: #1f3057;
  font-size: 16px;
}
#uSocial .uscl-bar.uscl-size32 .ico_uscl, .uSocial-Share .uscl-bar.uscl-size32 .ico_uscl {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 22px;
border-radius: 4px!important;
}

.banners-header{
display: flex;
justify-content: center;
margin-top: 30px;
  padding-top: 0;
}
.banners-footer{
display: flex;
justify-content: center;
margin-bottom: 30px;
}

.banners_1.index_1{
margin-bottom: 30px;
width: 100%; 
}
.banners_4.index_1{
display: flex;
justify-content: center;
margin-bottom: 15px;
background: #000;
border-radius: 8px;
}
.blog_text .banners-wrap{
margin: 30px -30px;
}
@media (max-width: 767px){
.banners-wrap img{
  width: 100%;
}	
.blog_article .blog_info {
  flex-direction: column;
  text-align: center;
  gap: 20px;
}
.blog_article_soc .blog_article_soc-desc {
  margin: 0;
  padding: 0;
  border: none;
}
}
#searchform .jq-selectbox__select{
padding: 0px 20px;
width: auto;
margin: 0;
border: none;
border-radius: 0 12px 12px 0;
color: #cbfdfe;
background: #3df3f754;
position: initial!important;
}
#searchform .jq-selectbox__select:hover{
color:#fff;
}
#searchform .jq-selectbox__dropdown{
background: #172441;
padding: 5px 15px;
border-radius: 15px;
border: none;
}
.searchBox{
position: relative;
}
.result-ajax-search{
display: none;
position: absolute;
left: 0;
right: 0;
background: #172441;
padding: 5px 15px;
border-radius: 15px;
margin-top: 10px;
z-index: 99;
}
.result-ajax-search.active{
display: block;
}
.result-ajax-search li{
border-bottom: 1px solid #263861;
padding: 10px 0;
}
.result-ajax-search li a{
font-size: 16px;
}
.result-ajax-search li a:hover{
text-decoration: underline;
}
.result-ajax-search li p{
font-size: 14px;
opacity: .5;
}
.result-ajax-search li .meta-wrap{
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 5px;
}
.result-ajax-search li .meta-item.term{
background: #2b3c63;
padding: 0 10px;
border-radius: 4px;
}

@keyframes search_loading {
to   { transform: rotate(0turn); }
}

.search_loading {
animation: search_loading 5s linear infinite;
}

.code-preloader{
display: none;
margin: 0 auto;
}
.blog_subscribe.loading .code-preloader{
display: block;
}
.blog_subscribe.loading .wpcf7-form-control.wpcf7-submit,
.blog_subscribe.loading .ajax-loader{
display: none!important;
}

.cat-filter{
display: flex;
/* justify-content: center; */
margin-bottom: 30px;
}
.cat-filter *{
box-sizing: border-box;
}
.cat-filter .item.geo{
min-width: 230px;
}
.cat-filter .jq-selectbox {
width: 100%;
}
.cat-filter .jq-selectbox__select {
border-radius: 15px !important;
color: #fff;
border: 1px solid #40f3f7 !important;
background: transparent url(/wp-content/themes/3snet/img/arrow_bottom.png) no-repeat 95% 50% !important;
margin: 0;
width: 100%;
height: auto;
}
.cat-filter .jq-selectbox__dropdown {
border-radius: 15px !important;
color: #fff;
border: 1px solid #40f3f7 !important;
left: 0;
}

#post-glossary .glossary-key{
display: flex;
gap: 5px;
padding: 10px 0;
margin: 10px 0;
border-top: 1px solid #2b3c63;
border-bottom: 1px  solid #2b3c63;
  overflow-x: scroll;
}
@media (max-width: 767px){
#post-glossary .glossary-key{
  flex-wrap: wrap;
}
}
#post-glossary .glossary-key a{
color: #2b3c63;
padding: 5px;
border-radius: 50%;
display: flex;
justify-content: center;
margin: auto;
height: 20px;
width: 20px;
line-height: 1.5;
}
#post-glossary .glossary-key a.active{
color: #fff;
background: #2b3c63;
}
#post-glossary .glossary-key a:hover{
/* color: #fff; */
background: rgba(43, 60, 99, 0.2);
}
#post-glossary .glossary-term-item{
padding: 20px 0;
border-bottom: 1px solid #dde6f6;
}
#post-glossary .glossary-term-item h2{
// margin: 0 0 10px 0;
margin: 0;
display: flex;
align-items: center;
// gap: 10px;
  line-height: 1.5rem;
  font-size: 1.5rem;
}
#post-glossary .glossary-term-item a{
color: #122036;

}
#post-glossary .glossary-term-item a:hover{
text-decoration: underline;
}
#post-glossary .glossary-term-item p a{
color: #17c3f0;

}
#post-glossary .glossary-term-item .glossary-term-meta{
background: #e3e4e6;
padding: 0 10px;
border-radius: 4px;
display: inline-block;
font-size: 12px;
font-weight: 600;
  height: fit-content;
}
#post-glossary .glossary-terms-key{
margin-top: 20px;
font-size: 22px;
font-weight: 600;
color: #ccc;
}

#post-glossary .glossary-term-item-wrapper {
  margin: 0 0 0.625rem 0;
  display: flex;
  align-items: center;
  gap: 0.625rem;
  line-height: 1.5rem;
  font-size: 1.5rem;
}

.footer-banner-slick{
position: sticky;
bottom: 0;
  z-index: 10;
}
.footer-banner-slick img{
object-fit: contain;
width: 100%;
display: block;
}
.footer-banner-slick .close{
height: 20px;
width: 20px;
border-radius: 50%;
background: #fff;
position: absolute;
right: 10px;
top: 50%;
transform: translate(0, -50%);
display: flex;
cursor: pointer;
}
.footer-banner-slick .close svg{
height: 16px;
width: 16px;
margin: auto;
opacity: .7;
}
@media (max-width: 767px){
.footer-banner-slick .close{
  // display: none;
}	
}
.grecaptcha-badge{
display: none!important;
}

@media (max-width: 767px){
.blog_slider_items .slick-center .blog_img img{
  width: 100%;
  object-fit: cover;
  height: auto;
}	
.blog_slider_items .slick-center .blog_img{
  height: auto;
  max-height: auto;
}
}
.blog_subscribe .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
text-align: center;
margin-top: -20px;
}
.blog_subscribe span.wpcf7-not-valid-tip{
text-align: center;
}

.sidebar-sticky{
/* border-radius: 5px;
overflow: hidden;
background-color: rgb(16, 27, 50);
box-shadow: 0px 0px 15px 0px rgba(7, 16, 39, 0.4);
padding: 10px;
margin-bottom: 20px; */
position: sticky;
top: 20px;

  .new-companies {
      position:relative;
      display:block;
      margin:1rem 0;
      padding:1.875rem 0.75rem 1.875rem 1rem;
      border-radius:1.125rem;
      background:#0e1b32;
      box-shadow:0 0.5rem 1.875rem rgba(0,0,0,.25);
      color:#fff;
      font-family:inherit;

      @media (min-width: 768px) {
          padding-top: 1.25rem;
          padding-bottom: 1.375rem;
          padding-right: 0.375rem;
          padding-left: 0.625rem;
      }

      @media (min-width: 992px) {
          padding-right: 0.625rem;
          padding-left: 0.875rem;
      }

      @media (min-width: 1366px) {
          padding-left: 0.75rem;
      }

      * {
          box-sizing:border-box;
      }

      .new-companies__title {
          font-size:1.375rem; 
          text-align:center;
          line-height:1.1;
          margin:0 0 0.875rem;
          font-weight:600;
          text-transform:uppercase;
          letter-spacing:.02em;

          @media (min-width: 768px) {
              font-size: 1.25rem;
              padding-right: 1.125rem;
              padding-left: 1.125rem;
          }

          span {
              display:block;
              font-size:1.75rem;

              @media (min-width: 420px) {
                  font-size:1.875rem;
              }
          }
      }

      .new-companies__list {
          counter-reset:nc;
          list-style:none;
          margin-left: 1.25rem;
          padding:0;
          display:flex;
          flex-direction:column;
          gap: 0.875rem;

          @media (min-width: 400px) {
              margin-left: 2.375rem;
          }

          @media (min-width: 768px) {
              margin-left: 0;
          }

          @media (min-width: 1366px) {
              gap: 0.625rem;
          }

          .new-companies__item {
              position:relative;
              display:grid;
              display: flex;
              grid-template-columns:auto 1fr auto;
              align-items:center;
              gap: 1.25rem;
              padding:0.125rem 0.375rem;
              border-radius:0.75rem; 
              cursor: pointer;

              @media (min-width: 768px) {
                  padding-right: 0;
                  padding-left: 0;
                  gap: 0.5625rem;
              }

              @media (min-width: 992px) {
                  gap: 0.75rem;
              }

              @media (min-width: 1366px) {
                  padding-left: 0.375rem;
                  padding-top: 0.375rem;
                  padding-bottom: 0.375rem;
              }
              
              &:hover {
                  background:rgba(255,255,255,.05);

                  .new-companies__arrow svg {
                      transform: scale(1.3);
                  }
              }

              .new-companies__logo-wrapper {
                  width:2.75rem;
                  height:2.75rem;
                  border-radius:50%;
                  place-items:center;
                  font-weight:800;
                  font-size:1.625rem;
                  color:#0e1a28;
                  border: 0.0625rem solid rgba(66, 85, 129, 1);
                  display: flex;
                  align-items: center;
                  justify-content: center;

                  @media (min-width: 768px) {
                      width: 1.75rem;
                      height: 1.75rem;
                      flex-shrink: 0;
                  }

                  @media (min-width: 1366px) {
                      width: 2.75rem;
                      height: 2.75rem;
                  }

                  img {
                      width: 1.875rem;

                      @media (min-width: 768px) {
                          width: 1.125rem;
                      }

                      @media (min-width: 1366px) {
                          width: 1.875rem;
                      }
                  }
              }
          }
      }

      .new-companies__number {
          font-family: 'Kristi' !important;
          font-weight: 400;
          font-size: 2rem;
          font-style: italic;
          color: rgba(66, 85, 129, 1);

          @media (min-width: 768px) {
              font-size: 1.75rem;
          }

          @media (min-width: 992px) {
              font-size: 1.375rem;
          }

          @media (min-width: 1366px) {
              font-size: 2rem;
          }

          &.number-ten {
              margin-right: -0.375rem;

              @media (min-width: 768px) {
                  margin-left: -0.25rem;
                  margin-right: -0.125rem;
              }
          }
      }

      .new-companies__txt {
          min-width:0;

          .new-companies__name {
              font-weight:600;
              font-size:1rem;
              color:#fff;
              white-space:nowrap;
              overflow:hidden;
              text-overflow:ellipsis;

              @media (min-width: 768px) {
                  font-size: 0.8125rem;
                  line-height: 130%;
                  white-space: break-spaces;
              }

              @media (min-width: 1366px) {
                  font-size: 1rem;
              }
              
          }

          .new-companies__tag{
              margin:0;
              font-size:0.75rem;
              color:#8ea6c6;
              white-space:nowrap;
              overflow:hidden;
              text-overflow:ellipsis;
              a{
                  display: -webkit-box;
                  -webkit-box-orient: vertical;
                  -webkit-line-clamp: 2;
                  overflow: hidden;
                  text-overflow: ellipsis;
              }

              @media (min-width: 768px) {
                  font-size: 0.625rem;
                  white-space: break-spaces;
                  line-height: 0.75rem;
                  padding-top: 0.125rem;
              }

              @media (min-width: 1366px) {
                  font-size: 0.75rem;
                  padding-top: 0.25rem;
              }
          }
      }

      .new-companies__arrow{
          color:#8ea6c6;
          line-height:1;

          @media (min-width: 768px) {
              margin-left: auto;
          }

          @media (min-width: 1366px) {
              margin-left: 0;
          }

          svg {
              width: 1.875rem;
              height: 1.875rem;
              transition: all 0.3s ease;

              @media (min-width: 768px) {
                  width: 1.375rem;
                  height: 1.375rem;
              }

              @media (min-width: 1366px) {
                  width: 1.625rem;
                  height: 1.625rem;
              }
          }
      }
  }
}


    

/* .sidebar-sticky .blog_subscribe input[type=submit]{
margin: 0;
}
.sidebar-sticky div.wpcf7 .ajax-loader{
display: none!important;
}
.sidebar-sticky .blog_subscribe .wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
margin-top: 10px;
} */

.promocode-posts-wrap{
/* display: flex;
gap: 20px; */
padding: 20px 0;
width: 100vw;
margin-left: calc(50% - 50vw - 0.25rem);
margin-right: calc(50% - 50vw);
}
.promocode-posts-wrap .promocode-item{
margin: 0 10px;
height: 220px;
cursor: pointer;
/* transition: all .7s; */
}
.promocode-posts-wrap .promocode-item:hover{
transform: translateY(-10px);

}
.promocode-posts-wrap .promocode-item:hover .promocode-posts-wrap .promocode-item img{
box-shadow: 0px 0px 15px 0px rgba(88, 174, 177, 0.4);
}

.promocode-posts-wrap .promocode-item img{
border-radius: 4px;
height: 100%;
object-fit: contain;
overflow: hidden;
box-shadow: 0px 0px 15px 0px rgba(7, 16, 39, 0.4);
padding: 0px;
display: block;
}
.promocode-posts-wrap .slick-list{
padding-top: 15px;
}

.questions-wrap{
margin: 20px -30px;
padding: 40px;
background: #ebf1ff;
color: #122036;
}
.questions-wrap .questions-nav{
display: flex;
justify-content: flex-end;
margin-bottom: 20px;
gap: 20px;
align-items: center;
}
.questions-wrap .questions-nav .prev:hover{
cursor: pointer;
}
.questions-wrap .questions-nav .next:hover{
cursor: pointer;
}
.questions-wrap .questions-nav svg{
height: 60px;
width: auto;
cursor: pointer;
}
.questions-wrap .question-slide{
/* display: flex;
gap: 20px; */
list-style: none;
padding: 0!important;
}
.questions-wrap .question-slide:before{
display: none;
}
.questions-wrap .question-slide .left,
.questions-wrap .question-slide .right{
/* flex: 1; */
}
.questions-wrap .question-slide .left{
float: left;
width: 30%;
margin: 0 20px 20px 0;
  // margin-right: 40px;
}
.questions-wrap .question-slide .left.for-right-ul {
margin-right: 40px;
}
.questions-wrap .question-slide .left img{
width: 100%;
}
.questions-wrap .question-slide .question-title{
margin-bottom: 15px;
font-size: 22px;
display: flex;
align-items: center;
justify-content: space-between;
}
.questions-wrap .question-slide .question-title svg{
height: 60px;
width: auto;
}
.questions-wrap .question-slide .question-content{
font-style: italic;

position: relative;    
}
.questions-wrap .question-slide .question-content.hide{
height: 250px;
overflow: hidden;
}
.questions-wrap .question-slide .question-content.hide:after{
content: "";
display: block;
height: 100px;
position: absolute;
left: 0;
right: 0;
bottom: 0;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), #ebf1ff 75%)
}
.content_toggle{
display: flex!important;
text-decoration: none!important;
align-items: center;
gap: 15px;
color: #17c3f0;
text-wrap: nowrap;
}
.content_toggle:after{
content: '';
display: block;
height: 1px;
width: 100%;
background: #dfe6f7;
}
.questions-wrap .question-slide .question-name{
margin-top: 10px;
font-size: 18px;
text-align: center;
}
.questions-wrap .slick-dots{
padding: 0!important;
margin-bottom: 0!important;
display: flex!important;
}
.questions-wrap .slick-dots li{
padding: 0!important;
}
.questions-wrap .slick-dots li:before{
display: none;
}
@media (max-width: 767px){
.questions-wrap .questions-nav{
  justify-content: center;
}
.questions-wrap .question-slide{
  flex-direction: column;
  display: flex;
  gap: 20px;
}
.questions-wrap .question-slide .left{
  float: none;
  margin: 0;
  width: 100%;
}
}

@media (max-width: 767px){ 
  nav.ops:not(.air-datepicker-nav){
      display: flex;
      opacity: 0;
      z-index: -1;
  }

  nav.ops.active:not(.air-datepicker-nav) {
      opacity: 1;
      z-index: 100;
  }

  .nav_link {
      z-index: 101;
  }

  .air-datepicker-global-container .air-datepicker {
      z-index: 102;
  }
}
.desktop-show {
  max-width: fit-content;
  overflow: visible;
}

.blog_left {
  h2.header {
      color: #40F3F7;
      font-family: Roboto;
      font-size: 1.5rem;
      font-weight: 700;
      text-transform: uppercase;
      margin-bottom: 1.25rem;
  }
}

.main-page-see-more {
  padding: 6px 30px;
  background: #253a5d;
  border: 1px solid #40f3f7;
  color: white;
  border-radius: 1.25rem;
  font-size: 0.875rem;
  // margin-bottom: 1rem;
  cursor: pointer;
  line-height: 1.35rem;
  text-align: center;
  height: fit-content;
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 5px;

  @media (min-width: 768px) and (max-width: 991px) {
      margin-left: auto;
      margin-right: 1.875rem;
      display: flex;
      align-items: center;
  }

  @media (max-width: 767px) {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
  }

  svg.arrow-right {
      vertical-align: text-bottom;
      width: 20px;
      transition: transform 0.3s ease, opacity 0.3s ease;
      margin-left: -2px;
  }

  &:hover {
      svg.arrow-right {
          transform: translateX(5px) scale(1.2);
          opacity: 1.5;
      }
  }
}

.w-100 {
  width: 100%;
}

.w-80 {
  width: 80%;
}

.before-main-page-see-more {
  @media (min-width: 992px) and (max-width: 1199px) { 
      width: 75%;
  }
  @media (min-width: 768px) and (max-width: 991px) { 
      width: 60%;
  }
}

.air-datepicker-nav--title {
  @media (max-width: 767px){ 
      font-size: 0.875rem;
  }

  &:hover {
      color: #4a4a4a;

      i {
          color: #4a4a4a;
      }
  }
}

#event_date_datepicker {
  @media (max-width: 767px){ 
      font-size: 0.875rem !important;
  }
}

.air-datepicker-button {
  @media (max-width: 767px){ 
      font-size: 0.875rem;
  }
}

/* NewYear Style START */
.NewYear {
background: url(/wp-content/themes/3snet/img/NewYear/snow.svg) no-repeat 50% 0%;
width: 100vw;
height: 100vh;
position: absolute;
top: 0;
z-index: -1;
}
.NewYear .left {
background:url(/wp-content/themes/3snet/img/NewYear/left_bg.svg) no-repeat 0% 0%;
width: 165px;
height: 135px;
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.NewYear .right {
background: url(/wp-content/themes/3snet/img/NewYear/right_bgg.svg) no-repeat 100% -20px;
width: 476px;
height: 131px;
position: absolute;
top: 0;
right: 0;
z-index: -1;
}
header{
align-items: center;
}
header .logo img {
width: 205px;
}
header .tree {
align-self: flex-end;
width: 80px;
margin-bottom: -15px;
}
header .snowman {
align-self: flex-end;
margin-bottom: -15px;
width: 60px;
}

@media (max-width: 767px){
.NewYear{
  background-size: contain;
}
.NewYear .left {
  display: none;
}
.NewYear .right {
  width: 380px;
  height: 120px;
  background-size: contain;
}
header{
  align-items: baseline;

      // new for yes-play
      // align-items: center;
      padding-top: 1rem;
      // end for new yes-play
}
header .logo img{
  width: 155px;
      vertical-align: bottom;
}
header .tree {
  display: none;
}
header .snowman {
  display: none;
}

}

@media (max-width: 325px){ 
  header .logo img{
  width: 140px;
}
}
/* NewYear Style END */

.blog_article .blog_text ul li {
  display: block;
}

#events_filter_form {
  .item.date input {
      cursor: pointer;
  }
}

.events-filter .events-filter-items .row.checkbox-wrap {
  @media (max-width: 767px) {
      padding-left: 0;
  }

  .online,
  .favorite,
  .discount {
      @media (max-width: 767px) {
          padding-left: 1.5rem;
      }
  }

  .clear-filter-wrapper {
      width: 100%;

      @media (min-width: 768px) {
          max-width: 16.5rem;
          margin-left: auto;
      }
  }
}

.uSocial-Share {
  .uscl-bar .uscl-list {
      display: flex;
  }
}

header .logo {
  @media (max-width: 349px) {
      width: 50%;
  }
}

.blog_article .blog_text .question-content ul li {
  display: list-item;
  margin-left: 20px;
  list-style: disc;
  padding-left: 0px;

  &:before {
      display: none;
  }
}

.wpml-ls-current-language img {
  border: 1px solid #40F3F7;
}

.wpml-ls-legacy-list-horizontal {
  @media (min-width: 768px) and (max-width: 991px) {
      padding-right: 0;
  }
}

.wpml-ls-legacy-list-horizontal > ul {
  @media (min-width: 768px) and (max-width: 991px) {
      display: flex;
  }

  li a {
      padding-right: 0;
  }
}

#search_term {
  cursor: pointer;

  option {
      background-color: #203157;
      color: #fff;
      cursor: pointer;
  }
}



#search_term option:hover {
  cursor: pointer;
  color: #40F3F7;
  background-color: #203157;
}

#search_term-styler li:hover {
  cursor: pointer;
  color: #40F3F7;
  background-color: #203157;
}

form#searchform{
  border-radius: 10px!important;
}
#search_term{
  padding: 0px 20px;
  width: 100%;
  margin: 0;
  border: none;
  border-radius: 0 7px 7px 0;
  color: #cbfdfe;
  background-color: #3df3f754;
  
  background-image: url(data:image/svg+xml;base64,PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj4KDTwhLS0gVXBsb2FkZWQgdG86IFNWRyBSZXBvLCB3d3cuc3ZncmVwby5jb20sIFRyYW5zZm9ybWVkIGJ5OiBTVkcgUmVwbyBNaXhlciBUb29scyAtLT4KPHN2ZyB3aWR0aD0iODAwcHgiIGhlaWdodD0iODAwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KDTxnIGlkPSJTVkdSZXBvX2JnQ2FycmllciIgc3Ryb2tlLXdpZHRoPSIwIi8+Cg08ZyBpZD0iU1ZHUmVwb190cmFjZXJDYXJyaWVyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KDTxnIGlkPSJTVkdSZXBvX2ljb25DYXJyaWVyIj4gPHBhdGggZD0iTTcgMTBMMTIgMTVMMTcgMTAiIHN0cm9rZT0iI2NiZmRmZSIgc3Ryb2tlLXdpZHRoPSIxLjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPiA8L2c+Cg08L3N2Zz4=);
  background-position: right 10px center;
  background-repeat: no-repeat;
  background-size: 18px 18px;
  
  display: block;
  height: 40px;
  appearance: none;

  @media (max-width: 400px) {
      padding: 0px 10px;
      background-position: right 5px center;
  }

  @media (max-width: 350px) {
      background-image: none;
      text-align: center;

      option {
          text-align: start;
      }
  }
}
#searchform.search_loading #floatingCirclesG{
  display: block;
}
#searchform.search_loading #searchsubmit{
  display: none;
}
#floatingCirclesG{
  flex-shrink: 0;
  display: none;
  width:35px;
  height:35px;
  margin:auto;
  transform:scale(0.6);
      -o-transform:scale(0.6);
      -ms-transform:scale(0.6);
      -webkit-transform:scale(0.6);
      -moz-transform:scale(0.6);
      
}

.f_circleG{
  position:absolute;
  background-color:rgb(255,255,255);
  height:6px;
  width:6px;
  border-radius:3px;
      -o-border-radius:3px;
      -ms-border-radius:3px;
      -webkit-border-radius:3px;
      -moz-border-radius:3px;
  animation-name:f_fadeG;
      -o-animation-name:f_fadeG;
      -ms-animation-name:f_fadeG;
      -webkit-animation-name:f_fadeG;
      -moz-animation-name:f_fadeG;
  animation-duration:1.2s;
      -o-animation-duration:1.2s;
      -ms-animation-duration:1.2s;
      -webkit-animation-duration:1.2s;
      -moz-animation-duration:1.2s;
  animation-iteration-count:infinite;
      -o-animation-iteration-count:infinite;
      -ms-animation-iteration-count:infinite;
      -webkit-animation-iteration-count:infinite;
      -moz-animation-iteration-count:infinite;
  animation-direction:normal;
      -o-animation-direction:normal;
      -ms-animation-direction:normal;
      -webkit-animation-direction:normal;
      -moz-animation-direction:normal;
}

#frotateG_01{
  left:0;
  top:14px;
  animation-delay:0.45s;
      -o-animation-delay:0.45s;
      -ms-animation-delay:0.45s;
      -webkit-animation-delay:0.45s;
      -moz-animation-delay:0.45s;
}

#frotateG_02{
  left:4px;
  top:4px;
  animation-delay:0.6s;
      -o-animation-delay:0.6s;
      -ms-animation-delay:0.6s;
      -webkit-animation-delay:0.6s;
      -moz-animation-delay:0.6s;
}

#frotateG_03{
  left:14px;
  top:0;
  animation-delay:0.75s;
      -o-animation-delay:0.75s;
      -ms-animation-delay:0.75s;
      -webkit-animation-delay:0.75s;
      -moz-animation-delay:0.75s;
}

#frotateG_04{
  right:4px;
  top:4px;
  animation-delay:0.9s;
      -o-animation-delay:0.9s;
      -ms-animation-delay:0.9s;
      -webkit-animation-delay:0.9s;
      -moz-animation-delay:0.9s;
}

#frotateG_05{
  right:0;
  top:14px;
  animation-delay:1.05s;
      -o-animation-delay:1.05s;
      -ms-animation-delay:1.05s;
      -webkit-animation-delay:1.05s;
      -moz-animation-delay:1.05s;
}

#frotateG_06{
  right:4px;
  bottom:4px;
  animation-delay:1.2s;
      -o-animation-delay:1.2s;
      -ms-animation-delay:1.2s;
      -webkit-animation-delay:1.2s;
      -moz-animation-delay:1.2s;
}

#frotateG_07{
  left:14px;
  bottom:0;
  animation-delay:1.35s;
      -o-animation-delay:1.35s;
      -ms-animation-delay:1.35s;
      -webkit-animation-delay:1.35s;
      -moz-animation-delay:1.35s;
}

#frotateG_08{
  left:4px;
  bottom:4px;
  animation-delay:1.5s;
      -o-animation-delay:1.5s;
      -ms-animation-delay:1.5s;
      -webkit-animation-delay:1.5s;
      -moz-animation-delay:1.5s;
}

.flickity-button.flickity-prev-next-button.previous {
  left: 0.875rem;
}

.flickity-button.flickity-prev-next-button.next {
  right: 0.375rem;
}

.ops {
  .home-link-wrapper {
      max-width: 10%;

      @media (min-width: 768px) {
          padding-right: 1rem;
      }

      @media (min-width: 992px) {
          padding-right: 1.875rem;
          padding-left: 1rem;
      }

      @media (min-width: 1366px) {
          padding-right: 2.5rem;
          padding-left: 1.875rem;
      }

      .home-link {
          @media (min-width: 768px) {
              padding-top: 0.375rem;
          }
      }
  }

  .events-link-wrapper,
  .glossary-link-wrapper,
  .sport-events-link-wrapper,
  .news-link-wrapper,
  .promocodes-link-wrapper,
  .services-link-wrapper,
  .reviews-link-wrapper {
      @media (min-width: 768px) {
          width: auto;
          padding-right: 1rem;
          padding-left: 1rem;
      }

      @media (min-width: 992px) {
          padding-right: 1.875rem;
          padding-left: 1.875rem;
      }

      @media (min-width: 1366px) {
          padding-right: 2.5rem;
          padding-left: 2.5rem;
      }
  }

  .glossary-link-wrapper {
      @media (min-width: 768px) {
          margin-top: 18px;
          padding-right: 24px;
          padding-left: 24px;
      }

      @media (min-width: 992px) {
          padding-right: 3.25rem;
          padding-left: 3.25rem;
      }

      @media (min-width: 1366px) {
          padding-right: 4.375rem;
          padding-left: 4.375rem;
      }
  }

  .promocodes-link-wrapper {
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;

      @media (min-width: 768px) {
          margin-top: 1.125rem;
          padding-right: 24px;
          padding-left: 1.5rem;
      }

      @media (min-width: 992px) {
          padding-right: 3.25rem;
          padding-left: 3.25rem;
      }

      @media (min-width: 1366px) {
          padding-right: 4.375rem;
          padding-left: 4.375rem;
      }

      .promocodes-link {
          display: flex;
          align-items: center;
      }

      &:hover {
          @media (min-width: 1366px) {
              svg {
                  transform: rotate(180deg);
              }

              ul.sub-menu {
                  visibility: visible;
                  opacity: 1;
                  transform: translateY(-10px);
              }
          }
          
      }

      svg {
          margin-left: 0.625rem;
          transition: transform 0.3s ease;
          height: 1.375rem;
          width: 1.375rem;

          &.rotated {
              transform: rotate(180deg);
          }
      } 
  }

  .services-link-wrapper {
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;

      @media (min-width: 768px) {
          margin-top: 1.125rem;
          padding-right: 1.5rem;
          padding-left: 0;
      }

      @media (min-width: 992px) {
          padding-right: 3.25rem;
          padding-left: 0;
      }

      @media (min-width: 1366px) {
          padding-right: 4.375rem;
          padding-left: 0px;
      }

      .services-link {
          display: flex;
          align-items: center;
      }

      &:hover {
          @media (min-width: 1366px) {
              svg {
                  transform: rotate(180deg);
              }

              ul.sub-menu {
                  visibility: visible;
                  opacity: 1;
                  transform: translateY(-10px);
              }
          }
          
      }

      svg {
          margin-left: 10px;
          transition: transform 0.3s ease;
          height: 1rem;
          width: 1rem;

          &.rotated {
              transform: rotate(180deg);
          }
      }
  }

  .flex-break {
      flex-basis: 100%;
      height: 0;
      margin: 0;
      display: none;

      &::before {
          content: none;
      }

      @media (min-width: 768px) {
          display: block;
      }
  }

  .events-link-wrapper {
      flex-direction: column;
      align-items: flex-start;

      &:hover {
          @media (min-width: 1366px) {
              .event-link svg {
                  transform: rotate(180deg);
              }

              ul.sub-menu {
                  visibility: visible;
                  opacity: 1;
                  transform: translateY(-10px);
              }
          }
          
      }

      // &::after {
      //     content: "";
      //     flex-basis: 100%;
      //     height: 0;
      //   }

      .event-link {
          display: flex;
          align-items: center;

          svg {
              margin-left: 0.625rem;
              transition: transform 0.3s ease;

              &.rotated {
                  transform: rotate(180deg);
              }
          }
      }

      .event-link-widget-wrapper {
          display: flex;
          gap: 0.625rem;
          align-items: center;
      }
  }

  ul.sub-menu {
      opacity: 1;
      visibility: visible;
      height: auto;
      position: relative;
      transform: none;
      width: auto;
      top: 0;
      display: table-caption;
      margin-left: -1rem;
      margin-bottom: 0;
      background-color: #203157;
      padding: 0.625rem 0;
      border-radius: 0.625rem;
      border: 0.0625rem solid #263e64;
      margin-top: 1rem;
      display: none;
      

      @media (min-width: 768px) {
          margin-top: 1rem;
          opacity: 0;
          visibility: hidden;
          position: absolute;
          transform: translateY(10px);
          width: max-content;
          top: calc(100% + 10px);
          padding: 0.625rem 0;
          border-radius: 0.625rem;
          border: 1px solid rgba(37, 54, 102, 1);
          background-color: #101b32;
          z-index: 1000;
          transition: all 0.3s ease;
          display: block;
          box-shadow: 0px 0px 16px 0px rgba(7, 16, 39, 0.4);

          &:before {
              content: "";
              position: absolute;
              top: -0.5rem; /* вынос над попапом */
              left: 50%; /* по центру */
              transform: translateX(-50%);
              width: 0;
              height: 0;
              border-left: 0.375rem solid transparent;  /* левая грань */
              border-right: 0.375rem solid transparent; /* правая грань */
              border-bottom: 0.5rem solid #101b32;      /* нижняя грань — цвет попапа */
          }
  
          &:after {
              content: "";
              position: absolute;
              top: -0.5625rem;
              left: 50%;
              transform: translateX(-50%);
              width: 0;
              height: 0;
              border-left: 0.4375rem solid transparent;
              border-right: 0.4375rem solid transparent;
              border-bottom: 0.5625rem solid rgba(37, 54, 102, 1); /* цвет рамки */
              z-index: -1;
          }
      }

      &.show {
          visibility: visible;
          opacity: 1;
          transform: translateY(-10px);
      }

      li {
          padding-left: 1rem;
          padding-right: 1rem;
          padding-bottom: 0.375rem;
          padding-top: 0.375rem;
          width: auto;

          @media (min-width:768px) {
              padding-top: 0.625rem;
              padding-left: 1.5rem;
              padding-right: 1.5rem;

              &:last-of-type {
                  padding-bottom: 0.75rem;
              }
          }

          &:before {
              content: none;
          }

          a {
              font-size: 0.75rem;

              @media (min-width:768px) { 
                  font-size: 0.625rem;
              }
          }
      }
  }
}

.blog_article .blog_text td {
  padding: 0.5rem;
}

.table-wrapper {
  overflow-x: scroll;
}

.blog_bg_review,
.blog_bg_news {
    padding-left: 0.625rem;
    padding-right: 0.625rem;

    @media (min-width: 768px) {
        padding-left: 0;
        padding-right: 0;
    }

  margin-bottom: 0.625rem;

  .navigation {
      margin-bottom: 2rem;
  }

  .blog_right {
      @media (min-width: 768px) {
          margin-bottom: 8.75rem;
      }
      @media (min-width: 992px) {
          margin-bottom: 5.75rem;
      }
  }

    .banners-wrap.nad-paginaciej {
        @media (min-width: 768px) {
            margin-right: 1.875rem;
        }
        
    }
}

.blog_bg_review .blog_right{
  @media (min-width: 768px) {
      margin-bottom: 5.75rem;
  }
}

.banners-wrap {
  img[src=""] {
      display: none;
  }
}

.blog_bg_glossary,
.blog_article_wrapper {
  .pravyj-sajtbar-neboskreb,
  .pravyj-sajtbar-pod-podpishis {
      a {
          display: flex;
      }
  }
}

.events-filter-items {
  .jq-selectbox li.selected {
      color: #40f3f7;
  }
}

.stop-scrolling-bg {
  @media (max-width: 991px) {
      overflow: hidden;
  }
}

.tag-page,
.search-page {
  .blog_img img {
      @media (min-width: 768px) {
          height: 10.25rem;
      }
  }
  .blog_left .item:nth-of-type(7) {
      width: 33.33333%;
      margin-bottom: 1.875rem;

      @media (max-width: 767px) {
          width: 100%;
      }

      @media (min-width: 768px) and (max-width: 991px) {
          width: 50%;
      }

      .blog_img {
          height: 170px;

          img {
              background-size: cover;
              height: 10.25rem;
              position: absolute;
              min-width: 100%;
              object-fit: fill;
          }
      }

      .b_cat {
          display: flex;
      }

      .b_link {
          display: flex;
      }

      .blog_title {
          @media (min-width: 768px) {
              height: auto;
              margin-bottom: 15px;
          }
      }
  }

  .b_l_banner_mid {
      @media (max-width: 767px) {
          height: auto;
          box-shadow: none;
      }

      @media (min-width: 768px) and (max-width: 991px) {
          height: auto;
          box-shadow: none;
          margin-right: 1.875rem;
      }

      img {
          @media (min-width: 768px) and (max-width: 991px) {
              width: 100%;
          }
      }
  }

  header {
      @media (max-width: 767px) {
          height: auto;
          padding-top: 0;
      }
  }

  .searchPage {
      margin-top: 1.25rem;
  }

  .other-tags{
      display: flex;
      flex-wrap: wrap;
      gap: 0.5rem;
      margin: 1.25rem 0;
  }
  .other-tags a {
      display: inline-block;
      padding: 0rem 0.375rem;
      border-radius: 0.25rem;
      background: #ffffff21;
  }
  .other-tags a:hover {
      background: #ffffff40;
      color: #40f3f7;
  }
}



.main_page_blog {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;

  &.blog_bg {
      padding-top: 0;
      padding-left: 0.3125rem;
      padding-right: 0.3125rem;

      .blog_left {
          flex-wrap: unset;

          @media (min-width: 768px) {
              flex-wrap: wrap;
          }
      }
  }

  @media (min-width: 768px) {
      &.blog_bg {
          padding-left: 0;
          padding-right: 0;
          gap: 0;
      }

      .blog_right {
          width: 187px;
          margin-top: 1rem;
      }
  }

  @media (min-width: 992px) {
      .blog_right {
          width: 256px;
          flex-shrink: 0;
      }
  }

  @media (min-width: 1366px) {
      .blog_right {
          margin-top: 4rem;
      }
  }

  .blog_left {
    min-width: 0;
      .new-materials-header-wrapper,
      .events-header-wrapper,
      .jobs-header-wrapper,
      .sport-events-header-wrapper,
      .promocodes-header-wrapper {
          display: flex;
          justify-content: space-between;
          width: 100%;
          margin-right: 1.25rem;
          margin-bottom: 1.25rem;
  
          .main-page-see-more-wrapper {
              display: none;
          
              @media (min-width: 992px) {
                  display: flex;
                  align-items: flex-end;
              }
          }
  
          .before-main-page-see-more {
              font-size: 1.75rem;
              line-height: 120%;
              margin-bottom: 0;

              @media (min-width: 768px) {
                  width: 100%;
                  font-size: 2.25rem;
              }
  
              @media (min-width: 992px) {
                  font-size: 1.875rem;
              }

              @media (min-width: 1366px) {
                  font-size: 2.25rem;
              }
          }
      }
      
  
      .new-materials {
          display: flex;
          flex-wrap: wrap;
          margin-bottom: 1.5rem;

          @media (min-width: 768px) {
              margin-right: 0;
              margin-bottom: 1rem;
          }

          @media (min-width: 1366px) {
              margin-bottom: 0;
          }

          .posle-vtorogo-ryada-kontenta {
              margin-top: 0.625rem;

              @media (min-width: 768px) {
                  margin-top: 1.25rem;
                  margin-bottom: 2.5rem;
                  margin-right: 1.25rem;
              }

              @media (min-width: 992px) {
                  margin-top: 0.625rem;
                  margin-right: 0.875rem;
                  margin-bottom: 1.5rem;
              }

              @media (min-width: 1366px) {
                  margin-top: 0;
                  margin-right: 1.25rem;
              }

              img {
                  @media (min-width: 1366px) {
                      max-width: 100% !important;
                      max-height: 100% !important;
                  }
              }
          }
  
          .item {
              display: block;
              margin-bottom: 1.25rem;

              &:nth-child(n+6) {
                  display: none;
              }
              
              @media (min-width: 768px) {
                  width: 50%;
              }

              @media (min-width: 992px) {
                  display: block;
                  width: 33.33333%;

                  &:nth-child(n+6) {
                      display: block;
                  }
              }
  
              @media (min-width: 1366px) {
                  // width: 33.33333%;
              }
  
              .blog_block {
                  border-radius: 1.25rem;
                  border: none;
                  height: 100%;
                  width: auto;
                  display: flex;
                  flex-direction: column;
                  padding-bottom: 0;

                  @media (min-width: 768px) {
                      margin-right: 1.25rem;
                  }

                  @media (min-width: 992px) {
                      margin-right: 0.875rem;
                  }

                  @media (min-width: 1366px) {
                      margin-right: 1.25rem;
                  }
  
                  .blog_text {
                      font-size: 0.75rem;
                      padding: 0 1.25rem;
                      line-height: 1.5;

                      @media (min-width: 992px) {
                          font-size: 1rem;
                          padding: 0 0.625rem;
                      }

                      @media (min-width: 1366px) {
                          font-size: 1.125rem;
                          padding: 0 1.25rem;
                      }
                  }
  
                  .additional_mb {
                      padding-bottom: 2rem;
                      margin-bottom: 0;
                  }
  
                  .b_cat {
                      font-size: 0.75rem;
                      text-transform: none;
                      text-align: right;

                      @media (min-width: 992px) {
                          font-size: 1rem;
                      }

                      @media (min-width: 1366px) {
                          font-size: 1rem;
                      }
                  }
  
                  .b_link, .b_cat {
                      display: flex;
                  }
  
                  .date-category-wrapper {
                      display: flex;
                      justify-content: space-between;
                      padding: 1.25rem 1.25rem 0;

                      @media (min-width: 992px) {
                          padding: 1.25rem 0.625rem 0;
                      }

                      @media (min-width: 1366px) {
                          padding: 1.25rem 1.25rem 0;
                      }
  
                      .blog_date {
                          margin-bottom: 0;
                          padding-left: 0;
                          white-space: nowrap;

                          @media (min-width: 992px) {
                              padding-right: 0;
                          }
                      }
                  }
  
                  .blog_title {
                      font-size: 0.875rem;
                      padding: 0 1.25rem 1.25rem;
                      margin-top: 1.25rem;
                      margin-bottom: 0;
                      line-height: 1.5;

                      @media (min-width: 992px) {
                          margin-top: 0.875rem;
                          padding: 0 0.625rem 0.625rem;
                      }

                      @media (min-width:1366px) {
                          margin-top: 1.25rem;
                          padding: 0 1.25rem 1.25rem;
                      }


                      a {
                          @media (min-width: 992px) {
                              font-size: 1rem;
                          }

                          @media (min-width:1366px) {
                              font-size: 1.25rem;
                          }
                      }
                  }
  
                  .blog_footer {
                      position: relative;
                      justify-content: right;

                      @media (min-width: 768px) {
                          margin-top: auto;
                      }

                      @media (min-width: 992px) {
                          padding-bottom: 0.625rem;
                          padding-left: 0.625rem;
                          padding-right: 0.625rem;
                          width: auto;
                      }

                      @media (min-width: 1366px) {
                          padding-left: 1.25rem;
                          padding-right: 1.25rem;
                      }
                  }
              }
  
              .blog_img {
                  @media (min-width: 768px) {
                      height: 10.25rem;
                  }

                  @media (min-width: 992px) {
                      height: 9.25rem;
                  }

                  @media (min-width: 1366px) {
                      height: 12.75rem;
                  }
  
                  &>a {

                      // @media (max-width: 767px) {
                          width: 100%;
                      // }
                  }
  
                  img {
                      
                      border-top-right-radius: 1.25rem;
                      border-top-left-radius: 1.25rem;

                      @media (min-width: 768px) {
                          height: 10.25rem;
                      }

                      @media (min-width: 992px) {
                          height: 9.25rem;
                      }

                      @media (min-width: 1366px) {
                          height: 12.75rem;
                      }
                  }
              }
          }
      }

      .main-page-read-more {
          padding: 0.625rem 2.5rem;
          border: 0.0625rem solid #425581;
          color: white;
          border-radius: 1.25rem;
          font-size: 0.875rem;
          cursor: pointer;
          line-height: 1.35rem;
          text-align: center;
          height: fit-content;
          width: 100%;
          white-space: nowrap;
          display: flex;
          justify-content: center;
          gap: 5px;

          @media (min-width: 992px) {
              font-size: 0.875rem;
              padding: 0.375rem 1rem;
          }

          @media (min-width: 1366px) {
              font-size: 1.125rem;
              padding: 0.5rem 2.5rem;
              width: auto;
          }

          svg {
              vertical-align: middle;
              width: 1.5rem;
              height: 1.625rem;

              @media (min-width: 992px) {
                  vertical-align: text-bottom;
                  margin-left: 0;
                  transition: transform .3s ease, opacity .3s ease;
                  width: 1.375rem;
                  height: 1.375rem;
                  vertical-align: bottom;
              }
          }

          &:hover {
              svg {
                  transform: translateX(10px) scale(1.2);
                  opacity: 1.5;
              }
          }
      }

      .main-page-see-more-wrapper-mobile {
          margin-bottom: 1.25rem;
          width: 100%;
          text-align: end;
          display: flex;
          justify-content: flex-end;

          @media (min-width: 768px) {
             margin-right: 0;
          }

          @media (min-width: 992px) {
              display: none;
          }

          .main-page-see-more {
              padding: 0.5rem 1.875rem;
              width: fit-content;

              svg {
                  @media (min-width: 768px) {
                      width: auto;
                      margin-left: 0;
                      height: 1.375rem;
                  }
              }
          }
      }

      .future-events-wrapper {

          @media (min-width: 768px) {
              margin-right: 1.25rem;
              margin-bottom: 1.25rem;
          }

          @media (min-width: 992px) and (max-width: 1365px) {
              width: 100%;
          }

          @media (min-width: 1366px) {
              width: 100%;
              margin-bottom: 4rem;
              display: flex;
              gap: 1.25rem;
          }

          .main-page-see-more {
              @media (min-width: 768px) {
                  margin-right: 0;
              }
          }
      }

      .future-events {
          background-color: #0F1B32;
          border-radius: 1.25rem;
          padding: 1.25rem;
          margin-bottom: 1.5rem;

          @media (min-width: 768px) {
              padding: 1.875rem 2.5rem 1.875rem 1.875rem;
          }

          @media (min-width: 1366px) {
              padding: 1.875rem 1.5rem 1.875rem 1.5rem;
              min-width: 31rem;
          }

          .future-event {
              padding-bottom: 1.25rem;
              display: flex;
              gap: 10px;
              align-items: center;

              .event-text {
                  // text-wrap: balance;
                  padding-left: 0.25rem;

                  @media (min-width: 768px) {
                      font-size: 1.25rem;
                  }

                  @media (min-width: 1366px) {
                      font-size: 1rem;
                      line-height: 1.25rem;
                  }

                  &.with-link {
                      color: #40F3F7;
                  }
              }

              .icon img {
                  width: 1.125rem;
                  display: flex;
              }

              &:last-child {
                  padding-bottom: 0;
              }

              .link {
                  transition: transform .3s ease;

                  svg {
                      display: flex;
                      width: 1.375rem;
                      height: 1.375rem;
                  }
              }
          }

          a.future-event {
              color: #40F3F7;
              &:hover {
                  .link {
                      transform: scale(1.5);
                  }
              }
          }
      }

      .future-featured-events {
          display: flex;
          gap: 1.25rem;
          flex-direction: column;
          margin-bottom: 1.25rem;
          position: relative;

          @media (min-width: 768px) {
              flex-direction: row;
          }

          @media (min-width: 1366px) {
              width: 25rem;
              display: flex;
              flex-direction: column;

              &.home-conferences-slider--is-dragging {
                  cursor: grabbing;
                  user-select: none;

                  * {
                      user-select: none;
                  }
              }
          }

          .slick-list {
              height: 100%;
              margin: 0 -0.625rem;

              .slick-track {
                  height: 100%;

                  .slick-slide {
                      margin: 0 0.625rem;
                  }
              }
          }

          ul.slick-dots {
                display: flex;
                position: absolute;
                bottom: 2rem;
                gap: .375rem;
                width: 68%;
                margin-left: 16%;
                margin-right: 16%;
                flex-wrap: wrap;

                li button{
                        height: 0.625rem;
                        width: 0.625rem;
                        border-radius: 50%;
                        border: 0.0625rem solid rgba(41, 56, 90, 1);
                        background-color: #0F1B32;
                }

                li.slick-active button {
                    background-color: #40F3F7;
                    border: 0.0625rem solid #40F3F7;
                }

                li {
                    margin: 0;
                }
          }
      } 

      .future-featured-event {
          background-color: #0F1B32;
          border-radius: 1.25rem;

          @media (min-width: 768px) {
              flex: 1;
              display: flex;
              flex-direction: column;
          }

          @media (max-width: 1365px) {
              &:nth-child(n+3) {
                  display: none;
              }
          }

          .date-wrapper,
          .event-title,
          .short-description,
          .main-page-read-more-wrapper {
              padding-left: 1.25rem;
              padding-right: 1.25rem;
          }

          .date-wrapper {
              padding-top: 1rem;
              padding-bottom: 1.25rem;
              display: flex;
              justify-content: space-between;

              @media (min-width: 1366px) {
                  padding-bottom: 0.625rem;
              }

              .date {
                  font-size: 0.75rem;
                  align-self: flex-end;

                  @media (min-width: 1366px) {
                      font-size: 1.125rem;
                      color: #BABBBF;
                  }
              }

              .link-for-events a {
                  font-size: 0.75rem;
                  color: #40F3F7;
                  font-weight: 700;

                  @media (min-width: 1366px) {
                      font-size: 1rem;
                  }

                  &:hover {
                      cursor: pointer;
                  }
              }
          }

          .event-title {
              padding-bottom: 1rem;
              font-weight: 700;
              font-size: 0.875rem;

              @media (min-width: 1366px) {
                  font-size: 1.25rem;
                  padding-bottom: 0.625rem;
              }
          }

          .short-description {
              padding-bottom: 1rem;

              @media (min-width: 1366px) {
                  font-size: 1rem;
                  color: #BABBBF;
              }
          }

          .main-page-read-more-wrapper {
              padding-bottom: 1.25rem;
              display: flex;

              @media (min-width: 768px) {
                  margin-top: auto;
              }

              @media (min-width: 1366px) {
                  justify-content: flex-end;
              }
          }

          .event-image img {
              border-top-right-radius: 1.25rem;
              border-top-left-radius: 1.25rem;
              height: auto;
              width: 100%;
              min-width: 100%;
              object-fit: cover;
              position: inherit;
              background-size: cover;

              @media (min-width: 1366px) {
                  width: 25rem;
              }
          }

          .event-arrows {
              height: 1.25rem;
              width: auto;
              margin-right: 1.25rem;
              margin-left: 1.25rem;
              margin-bottom: 2.5rem;
              display: flex;
              justify-content: space-between;

              @media (max-width: 1365px) {
                  display: none;
              }

              .event-arrow-prev,
              .event-arrow-next {
                  color: #fff;
                  background-color: rgba(41, 56, 90, 0.3);
                  border: 1px solid #29385A4D;
                  width: 2.5rem;
                  height: 2.5rem;
                  border-radius: 50%;
                  display: flex;
                  justify-content: center;
                  align-items: center;
                  transition: transform .3s ease, border-color .3s ease;

                  &:hover {
                      transform: scale(1.2);
                      cursor: pointer;
                      border-color: #40F3F7;
                  }

                  svg {
                      width: 1.5rem;
                      height: 1.5rem;
                  }
              }

              .event-arrow-prev svg {
                  transform: rotate(180deg);
              }
          }
      }

      .jobs-and-sport-events-wrapper {

          @media (min-width: 768px) {
              width: 100%;
              margin-right: 1.25rem;
          }

          @media (min-width: 992px) {
              display: flex;
              gap: 1.25rem;
          }

          .jobs-wrapper,
          .sport-events-wrapper {
              @media (min-width: 992px) {
                  flex: 1;
              }
          }
      }

      .jobs-header-wrapper {
          margin-top: 1.5rem;

          @media (min-width: 768px) {
              margin-top: 0;
          }
      }

      .jobs {
          gap: 1rem;
          display: flex;
          flex-direction: column;
          margin-bottom: 2.5rem;

          @media (min-width: 768px) {
              margin-bottom: 2.5rem;
          }

          @media (min-width: 1366px) {
              margin-bottom: 2rem;
          }

          .main-page-read-more-wrapper {
              display: flex;
              justify-content: flex-end;

              @media (min-width: 768px) {
                  margin-top: 0;
              }

              .main-page-read-more {
                  border: 0.0625rem solid #40F3F7;
                  padding: 0.5rem 1.875rem;
                  width: auto;
              }
          }
      }

      .job {
          background-color: #0F1B32;
          border-radius: 1.25rem;
          padding: 1.25rem;

          .header-time-wrapper {
              display: flex;
              justify-content: space-between;
              align-items: center;
              gap: 0.625rem;

              h3 {
                  font-weight: 600;
                  font-size: 1rem;
                  transition: transform 0.5s ease;
  
                  @media (min-width: 768px) {
                      font-size: 1.125rem;
                      cursor: pointer;

                      &:hover {
                          transform: translateX(10px);
                      }
                  }
              }
          }

          .job-features-wrapper {
              padding-top: 1rem;
              display: flex;
              justify-content: space-between;

              .job-features {
                  gap: 0.625rem;
                  display: flex;
                  flex-wrap: wrap;

                  .feature {
                      padding: 0.375rem 1.25rem;
                      border: 0.0625rem solid #425581;
                      border-radius: 3.4375rem;
                      white-space: nowrap;
                  }
              }

              .job-link {
                  display: flex;
                  align-items: center;

                  &:hover {
                      cursor: pointer;

                      svg {
                          filter: brightness(2);
                      }
                  }

                  svg {
                      width: 2.25rem;
                      height: 2.25rem;
                  }
              }
              
          }

          

          .publish-date-mobile,
          .publish-date {
              font-weight: 300;
              font-size: 0.75rem;
              color: #BABBBF;
              white-space: nowrap;
          }

          .publish-date-mobile {
              padding-top: 1rem;

              @media (min-width: 768px) {
                  display: none;
              }
          }

          .publish-date {
              display: none;
              @media (min-width: 768px) {
                  font-size: 0.875rem;
                  display: block;
              }
          }

          .top-badge {
              display: inline-flex;
              align-items: center;
              justify-content: center;
              width: 2rem;
              height: 2rem;
              background: #0a1f44;
              color: #ffcc00;
              font-weight: 700;
              font-size: 0.8rem;
              border-radius: 50%;
              border: 0.125rem solid #ffcc00;
              box-shadow: 0 0 0.625rem rgba(255, 204, 0, 0.5);
              font-size: 0.625rem;
          }
          
      }

      .sport-events-wrapper {
          @media (min-width: 768px) {
              margin-bottom: 2rem;
          }

          .main-page-read-more-wrapper {
              margin-top: 0.75rem;
              display: flex;
              justify-content: flex-end;

              @media (min-width: 768px) {
                  margin-top: 1rem;
              }

              .main-page-read-more {
                  border: 0.0625rem solid #40F3F7;
                  padding: 0.5rem 1.875rem;
                  width: auto;
              }
          }
      }

      .sport-events {
          background-color: #0F1B32;
          border-radius: 1.25rem;
          padding: 1.5rem;

          .sport-event {
              display: flex;
              padding-bottom: 1.25rem;
              gap: 0.625rem;
              justify-content: space-between;

              &:last-child {
                  padding-bottom: 0;
              }

              .sport-event-info {
                  display: flex;
                  gap: 0.375rem;
                  flex-direction: column;

                  .date {
                      font-size: 0.75rem; 
                      color: #BABBBF;

                      @media (min-width: 1366px) {
                          font-size: 0.875rem;
                      }
                  }
   
                  .name {
                      font-size: 0.875rem;
                      font-weight: 700;

                      @media (min-width: 1366px) {
                          font-size: 1rem;
                      }
                  }

                  a .name {
                      transition: transform 0.5s ease;

                      &:hover {
                          transform: translateX(10px);
                      }
                  }
              }

              .link {
                  display: flex;
                  align-items: center;

                  &:hover {
                      cursor: pointer;

                      svg {
                          filter: brightness(2);
                      }
                  }

                  svg {
                      height: 2rem;
                      width: 2rem;
                  }
              }
              
          }
      }

      .page-faq {
          background-color: #0F1B32;
          border-radius: 1.25rem;
          padding: 1rem;
          margin-bottom: 2rem;

          @media (min-width: 768px) {
              padding: 1.5rem 1.25rem 2.5rem;
              width: 100%;
              margin-right: 1.25rem;
          }

          @media (min-width: 1366px) {
              padding-bottom: 1.25rem;
              margin-bottom: 1.5rem;
          }

          .page-faq_title {
              font-weight: 700;
              font-size: 1.75rem;
              margin-top: 1rem;
              text-align: center;
              padding-bottom: 1.25rem;
              margin-bottom: 0;
              border-bottom: none;

              @media (min-width: 768px) {
                  font-size: 2.25rem;
                  padding-bottom: 1.875rem;
              }

              h2 {
                  font-size: 1.75rem;
                  width: auto;
                  color: inherit;
                  border-bottom: none;
                  font-weight: 700;

                  @media (min-width: 768px) {
                      font-size: 2.25rem;
                  }
              }
          }

          .faq-item {
              padding: 1.25rem;
              background-color: #141B32;
              background: #141B32;
              border-radius: 1.25rem;
              border: 0.0625rem solid #425581;
              margin-bottom: 1rem;

              @media (min-width: 768px) {
                  padding: 1.875rem;
              }

              &:last-child {
                  margin-bottom: 0;
              }

              &.active {
                  .faq-question svg {
                      transform: rotate(180deg);
                  }
              }

              .faq-question {
                  font-weight: 600;
                  font-size: 0.875rem;
                  display: flex;
                  justify-content: space-between;
                  gap: 0.625rem;
                  padding: 0;
                  color: #FFFFFF;
                  font-family: 'Open Sans', sans-serif;

                  @media (min-width: 768px) {
                      font-size: 1rem;
                  }

                  @media (min-width: 1366px) {
                      font-size: 1.25rem;
                  }

                  &:hover {
                      cursor: pointer;

                      svg {
                          filter: brightness(2);
                      }
                  }
                  
                  svg {
                      transition: transform 0.3s ease;

                      &:hover {
                          cursor: pointer;
                          filter: brightness(2);
                      }
                  }
              }

              .faq-answer {
                  margin-top: 1rem;
                  font-size: 0.75rem;
                  display: none;
                  padding: 0;

                  @media (min-width: 768px) {
                      font-size: 0.875rem;
                  }

                  @media (min-width: 1366px) {
                      font-size: 1rem;
                  }

                  .answer-text {
                      margin-bottom: 1.25rem;
                      color: #FFFFFF;
                      font-size: 1rem;

                      @media (min-width: 1366px) {
                          margin-bottom: 1.875rem;
                      }

                      a {
                          color: #40F3F7;
                      }
                  }

                  .answer-link-wrapper {
                      display: flex;

                      .answer-link {
                          font-size: 0.875rem;
                          padding: 0.5rem 3.125rem;
                          border-radius: 6.25rem;
                          border: 0.0625rem solid #425581;

                          @media (min-width: 768px) {
                              font-size: 1.125rem;
                          }

                          &:hover {
                              svg {
                                  transform: translateX(10px) scale(1.2);
                                  opacity: 1.5;
                              }
                          }

                          a.btn-more {
                              display: flex;
                              align-items: center;
                              gap: 0.25rem;
                              border: none;
                              color: inherit;
                              padding: 0;
                              text-transform: none;

                              &:hover {
                                  border-color: inherit;
                                  background: inherit;
                                  color: inherit;
                                  text-decoration: none;
                                  
                              }

                              svg {
                                  width: 1.375rem;
                                  height: 1.375rem;

                                  @media (min-width: 768px) {
                                      width: 1.625rem;
                                      height: 1.625rem;
                                  }

                                  @media (min-width: 1366px) {
                                      transition: transform .3s ease, opacity .3s ease;
                                  }
                              }
                          }
                      }
                  }

                  
              }

              
          }
      }

      .additional-seo-text {
          margin-right: 1.25rem;
          font-size: 0.875rem;
          margin-bottom: 1rem;

          @media (min-width: 1366px) {
              font-size: 1.125rem;
          }
      }

      .additional-seo-text {
          display: none;

          @media (min-width: 768px) {
              display: block;
          }
      }

      .bottom-links {
          background-color: #101B32;
          border-radius: 1rem;
          padding: 1.25rem;
          display: flex;
          flex-wrap: wrap;
          gap: 0.625rem;
          margin-right: 1.25rem;
          margin-bottom: 2rem;

          .bottom-link {
              font-size: 0.75rem;
              padding: 0.625rem 1.25rem;
              border: 0.0625rem solid #425581;
              border-radius: 6.25rem;
              transition: all 0.3s ease;

              @media (min-width: 768px) {
                  font-size: 0.875rem;
              }

              @media (min-width: 1366px) {
                  font-size: 1.125rem;
              }

              &:hover {
                  cursor: pointer;
                  filter: brightness(200%);
                  transform: scale(1.05);
              }
          }
      }

      .main-page-before-faq {
          width: 100%;
          margin-right: 1.25rem;
          margin-bottom: 2rem;
          margin-top: 2.5rem;

          @media (min-width: 768px) {
              margin-top: 0.5rem;
          }
      }

      .best-materials-header-wrapper {
          width: 100%;
          padding-left: 0;

          @media (min-width: 768px) {
              padding-left: 2.5rem;
              padding-right: 3.75rem;
          }

          @media (min-width: 1366px) {
              padding-left: 4rem;
              padding-right: 4rem;
          }

          h2 {
              font-size: 1.75rem;
              margin-bottom: 1.25rem;
              line-height: 1.2;

              @media (min-width: 768px) {
                  font-size: 2.25rem;
              }
          }
      }

      .best-materials-block {
          width: 100%;
          position: relative;

          .best-materials-arrows {
              display: none;

              @media (min-width: 992px) {
                  display: flex;
                  justify-content: space-between;
                  gap: 1.25rem;
                  position: absolute;
                  top: 50%;
                  transform: translateY(-50%);
                  width: 100%;
              }

              svg {
                  width: 1.25rem;
                  height: 1.25rem;
              }
          }

          .best-materials-prev,
          .best-materials-next {
              width: 2.5rem;
              height: 2.5rem;
              background: #0F1B32;
              border: 0.0625rem solid #29385A;
              border-radius: 50%;
              display: flex;
              align-items: center;
              justify-content: center;
              cursor: pointer;
              transition: all 0.3s ease;
              color: #5A73A7;
              flex-shrink: 0;
      
              @media (min-width: 992px) {
                  // margin-right: 1.25rem;
                  // height: 7.5rem;
                  // width: 1.875rem;
                  // border: none;
                  // border-radius: 0.3125rem;

                  // &:hover {
                  //     transform: scale(1.1);
                  // }
              }

              &:hover {
                  // background: #fcb900;
                  // color: #0F1B32;
                  // border-color: #fcb900;
              }

              &:disabled {
                  opacity: 0.5;
                  cursor: not-allowed;
                  transform: none;

                  &:hover {
                      background: #fff;
                      color: #e74c3c;
                      transform: none;
                  }
              }
          }
      }

      .best-materials-slider {
          position: relative;
          margin-bottom: 1.875rem;
          margin-left: 0;
          margin-right: 0;
          background: #0F1B32;
          padding: 0.625rem;
          border-radius: 1.25rem;
          overflow: hidden;
          box-sizing: border-box;

          @media (min-width: 480px) {
              padding: 0.9375rem;
          }

          @media (min-width: 768px) {
              margin-right: 1.25rem;
              padding: 1.25rem;
          }

          @media (min-width: 992px) {
              padding: 1.25rem;
          }

          .best-materials-wrapper {
              display: flex;
              gap: 1.25rem;
              transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);

              @media (min-width: 992px) {
                  gap: 22px;
              }
          }

          .best-materials-navigation {
              display: flex;
              justify-content: space-between;
              align-items: center;
              margin-top: 0.9375rem;
              gap: 0.9375rem;

              @media (min-width: 992px) {
                  justify-content: center;
                  // margin-top: 1.25rem;
              }

              .best-materials-prev,
              .best-materials-next {
                  display: flex;

                  @media (min-width: 992px) {
                      display: none;
                  }
              }

              .best-materials-dots {
                  display: flex;
                  gap: 0.625rem;
                  justify-content: center;
                  align-items: center;
                  margin-top: 0;

                  @media (min-width: 992px) {
                      // margin-top: 1.25rem;
                  }

                  .slider-dot {
                      width: 0.5rem;
                      height: 0.5rem;
                      border-radius: 50%;
                      background: transparent;
                      border: 0.0625rem solid #29385A;
                      cursor: pointer;
                      transition: all 0.3s ease;

                      @media (min-width: 481px) {
                          width: 0.625rem;
                          height: 0.625rem;
                      }

                      &.active {
                          background: #40F3F7;
                          border: 0.0625rem solid #40F3F7;
                      }

                      &:hover {
                          background: #40F3F7;
                          border: 0.0625rem solid #40F3F7;
                          opacity: 0.7;
                      }
                  }
              }
          }

          .best-material-item {
              padding: 0;
              height: auto;
              transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
              display: inline-block;
              vertical-align: top;
              flex-shrink: 0;

              .best-material-card {
                  padding: 0;
                  overflow: hidden;
                  display: flex;
                  flex-direction: column;
                  height: 100%;

                  .best-material-content {
                      flex-grow: 1;
                      display: flex;
                      flex-direction: column;
                      justify-content: space-between;
                      padding: 0.9375rem 0.3125rem;

                      @media (min-width: 992px) {
                          padding: 1.25rem 0;
                      }

                      .best-material-title {
                          font-size: 1rem;
                          font-weight: 600;
                          color: #fff;
                          margin-bottom: 0.75rem;
                          line-height: 1.4;
                          white-space: normal;
                          word-wrap: break-word;

                          @media (min-width: 768px) {
                              font-size: 1.25rem;
                          }
                          
                          @media (min-width: 992px) {
                              font-size: 1.125rem;
                              margin-bottom: 0.625rem;
                          }

                          a {
                              color: inherit;
                              text-decoration: none;
                              transition: color 0.3s ease;

                              &:hover {
                                  color: #e74c3c;
                              }
                          }
                      }

                      .best-material-meta {
                          display: flex;
                          justify-content: space-between;
                          align-items: center;
                          font-size: 0.875rem;
                          color: #BABBBF;
                          margin-top: auto;

                          .best-material-date {
                              font-weight: 500;
                          }
                      }
                  }
              } 

              .best-material-image {
                  position: relative;
                  overflow: hidden;
                  flex-shrink: 0;
                  transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
                  height: auto;


                  .best-material-thumb {
                      width: 100%;
                      height: 100%;
                      object-fit: cover;
                      border-radius: 0.9375rem;
                      overflow: hidden;
                      max-width: 90vw;

                      @media (min-width: 992px) {
                          height: auto;
                      }

                      @media (min-width: 1366px) {
                          height: 100%;
                          max-width: 50vw;
                      }

                      @media (min-width: 1920px) {
                          max-width: 35vw;
                      }
                  }
              }

              .best-material-excerpt {
                  font-size: 0.875rem;
                  color: #BABBBF;
                  line-height: 1.5;
                  flex-grow: 1;
                  white-space: normal;
                  word-wrap: break-word;
                  margin-bottom: 0.75rem;

                  @media (min-width: 768px) {
                      margin-top: 0.625rem;
                      
                  }

                  @media (min-width: 992px) {
                      margin-top: 0.75rem;
                      font-size: 1rem;
                      max-height: 15.625rem;
                      overflow: auto;

                      &::-webkit-scrollbar {
                          width: 0.125rem;
                      }
                  }

                  @media (min-width: 1366px) {
                      max-height: none;
                  }
              }

              .main-page-read-more {
                  margin-top: 0.75rem;
                  width: auto;
                  margin-top: auto;

                  @media (min-width: 768px) {
                      display: inline-flex !important;
                      width: auto!important;
                      text-align: center!important;
                      justify-content: center!important;
                      padding: 0;
                      padding: 0.625rem 2.5rem;
                      
                  }
              }

              &.active-card,
              &.auto-height {
                  .main-page-read-more{

                      @media (min-width: 992px) {
                          display: none;
                      }
                      
                  }
  
                  .best-material-image {
                      height: auto;
  
                      @media (min-width: 480px) {
                          height: 16.25rem;
                      }
  
                      @media (min-width: 768px) {
                          height: auto;
                      }
                  }
              }
          } 
           
      }

      .banners-wrap.nad-paginaciej {
          @media (min-width: 768px) {
              margin-right: 1.25rem;
          }
      }

      .events-header-wrapper {
          margin-top: 1.5rem;
      }

      .promocodes-header-wrapper {
          @media (min-width: 1366px) {
              margin-top: 1.25rem;
          }
      }   

      .promocodes-wrapper {

          @media (min-width: 768px) {
              margin-right: 1.25rem;
          }

          .promocodes {
              display: flex;
              flex-direction: column;
              gap: 1.25rem;
              margin-top: 0;
              margin-bottom: 1.5rem;

              .promocode {
                  background-color: rgba(15, 27, 50, 1);
                  border-radius: 1rem;
                  padding: 1rem;

                  @media (min-width: 768px) {
                      display: grid;
                      grid-template-areas:
                          "image header"
                          "image hashtags"
                          "image text"
                          "image time"
                          "main-page-read-more activate-link";
                      grid-column-gap: 1rem;
                      grid-template-columns: 1fr 1fr;
                  }

                  @media (min-width: 1366px) {
                      grid-template-columns: 1fr 1fr 1fr;
                      grid-column-gap: 1.25rem;
                      grid-template-areas:
                          "image header time"
                          "image hashtags hashtags"
                          "image text text"
                          "image main-page-read-more activate-link";
                      padding-right: 1.875rem;
                  }

                  .promocode-image-link {
                    grid-area: image;
                  }

                  .promocode-image {
                      max-width: 100%;
                      border-radius: 1rem;
                      width: 100%;
                  }

                  .promocode-header {
                      margin-top: 1rem;
                      padding-left: 0.5rem;
                      font-weight: 600;
                      font-size: 0.875rem;
                      grid-area: header;
                      display: block;

                      @media (min-width: 768px) {
                          margin-top: 0.5rem;
                          padding-left: 0;
                          max-width: fit-content;
                      }

                      @media (min-width: 992px) {
                          font-size: 1rem;
                      }

                      @media (min-width: 1366px) {
                         margin-top: 0.25rem;
                         font-size: 1.125rem;
                      }
                  }

                  .promocode-hashtags {
                      margin-top: 0.625rem;
                      padding-left: 0.5rem;
                      font-weight: 300;
                      font-size: 0.75rem;
                      text-transform: uppercase;
                      grid-area: hashtags;

                      @media (min-width: 768px) {
                          padding-left: 0;
                          margin-top: 0.375rem;
                          max-width: fit-content;
                      }

                      @media (min-width: 992px) {
                          font-size: 0.875rem;
                      }

                      @media (min-width: 1366px) {
                          margin-top: 0;
                          font-size: 1rem;
                      }
                  }

                  .promocode-text {
                      margin-top: 0.625rem;
                      padding-left: 0.5rem;
                      font-weight: 300;
                      font-size: 0.75rem;
                      grid-area: text;

                      @media (min-width: 768px) {
                          padding-left: 0;
                          margin-top: 0.375rem;
                          line-height: 1.1;
                          max-width: fit-content;
                      }

                      @media (min-width: 992px) {
                          font-size: 0.875rem;
                          line-height: 1.5;
                      }

                      @media (min-width: 1366px) {
                          margin-top: 0;
                          font-size: 1rem;
                      }
                  }

                  .promocod-time {
                      margin-top: 1rem;
                      padding-left: 0.5rem;
                      font-weight: 300;
                      font-size: 0.75rem;
                      color: rgba(106, 125, 169, 1);
                      display: flex;
                      gap: 0.5rem;
                      align-items: center;
                      grid-area: time;

                      @media (min-width: 768px) {
                          padding-left: 0;
                          margin-top: 0.75rem;
                      }

                      @media (min-width: 992px) {
                          font-size: 0.875rem;
                      }

                      @media (min-width: 1366px) {
                          margin-top: 0;
                          font-size: 1rem;
                          justify-content: flex-end;
                      }
                  }

                  .activate-link {
                      margin-top: 0.625rem;
                      padding-left: 0.5rem;
                      font-weight: 300;
                      font-size: 0.75rem;
                      color: rgba(106, 125, 169, 1);
                      display: flex;
                      gap: 0.25rem;
                      align-items: center;
                      grid-area: activate-link;

                      &:hover {
                          color: #FFFFFF;
                      }

                      @media (min-width: 768px) {
                          font-size: 0.875rem;
                          padding-left: 0;
                          margin-top: 0.375rem;
                      }

                      @media (min-width: 1366px) {
                          font-size: 1.125rem;
                          margin-top: 0;
                          justify-content: flex-end;
                      }

                      svg {
                          width: 1.5rem;
                          height: 1.5rem;
                      }
                  }

                  .main-page-read-more {
                      margin-top: 1rem;
                      margin-bottom: 0.5rem;
                      display: flex;
                      width: auto;
                      align-items: center;
                      justify-content: center;
                      gap: 0.25rem;
                      grid-area: main-page-read-more;

                      @media (min-width: 768px) {
                          margin-top: 0.625rem;
                          margin-bottom: 0.25rem;
                          padding-top: 0.375rem;
                          padding-bottom: 0.375rem;
                      }

                      @media (min-width: 992px) {
                          padding-top: 0.5rem;
                          padding-bottom: 0.5rem;
                      }

                      @media (min-width: 1366px) {
                          padding-top: 0.625rem; 
                          padding-bottom: 0.625rem;
                          margin-top: 0.75rem;
                      }
                  }
              }
          }
          
      }
  }

  .blog_right { 
      .additional-seo-text-mobile {
          font-size: 0.875rem;
          margin-bottom: 1rem;
          display: block;
          padding-top: 2.25rem;

          @media (min-width: 768px) {
              display: none;
          }

          @media (min-width: 1366px) {
              font-size: 1.125rem;
          }
      }
  }
}

.lowercase {
  text-transform: lowercase;
}

.page-faq {
  margin-top: 2rem;

  .page-faq_title {
      border-bottom: 0.0625rem solid #aeaeae;
      margin-bottom: 0.625rem;

      h2 {
          font-size: 1.625rem;
          line-height: 1.625rem;
          color: #000;
          border-bottom: 0.125rem solid #000;
          font-weight: 400;
          margin-bottom: 0;
          margin-top: 0;
          width: fit-content;
      }
  }
  .faq-items {
      .faq-item {
          border: 0.0625rem solid #aeaeae;
          border-radius: 0.5rem;
          margin-bottom: 0.625rem;
          background: #fafafa;

          .faq-question {
              padding: 1rem;
              font-weight: 600;
              font-size: 1.5rem;
              line-height: 1.5rem;
              cursor: pointer;
              position: relative;
              padding-right: 2.5rem;
              color: #000000;
              text-align: start;
              margin-bottom: 0;
              margin-top: 0;
              // font-family: 'Fira Sans Extra Condensed', sans-serif;
              font-family: "Roboto Condensed";
              list-style: none;

              &::-webkit-details-marker {
                  display: none;
              }

              .faq-icon {
                  position: absolute;
                  right: 0.625rem;
                  top: 50%;
                  transform: translateY(-50%);
                  transition: transform 0.3s ease;
                  display: flex;
                  align-items: center;
                  justify-content: center;
              }
          }

          .faq-answer {
              display: none;
              padding: 0 1rem 1rem;

              .answer-text {
                  font-size: 1.125rem;
                  line-height: 1.4;
                  color: #040607;
                  font-weight: 400;
                  margin-bottom: 0.9375rem;
              }

              .answer-link {
                  text-align: right;
                  .btn-more {
                      border: 0.0625rem solid #aeaeae;
                      color: #aeaeae;
                      border-radius: 0.5rem;
                      padding: 0.625rem 1.25rem;
                      font-weight: 500;
                      font-size: 1.125rem;
                      line-height: 1.375rem;
                      text-align: center;
                      letter-spacing: 0.04em;
                      text-transform: uppercase;
                      display: inline-block;
                      transition: all 0.3s;
                      text-decoration: none;
                      &:hover {
                          border-color: #40f3f7;
                          background: #40f3f7;
                          color: #040607;
                          text-decoration: none;
                      }
                  }
              }
          }

          &.active {
              .faq-icon {
                  transform: translateY(-50%) rotate(180deg);
              }
          }

          &[open] {
              .faq-icon {
                  transform: translateY(-50%) rotate(180deg);
              }

              .faq-answer {
                  display: block;
              }
          }
      }
  }
}

.blog_left.blog_article.blog-activity {
  @media (max-width: 768px) {
      .blog_text {
          padding-left: 1rem;
          padding-right: 1rem;
      }
  }
}

.top-header-wrapper {
  margin-top: 1rem;
}

.blog.blogOther {
  .text-before {
      margin-bottom: 2.5rem;
      padding-left: 0.625rem;
      padding-right: 0.625rem;

      @media (min-width: 480px) {
          padding-left: 0.9375rem;
          padding-right: 0.9375rem;
      }

      @media (min-width: 992px) {
          padding-left: 0;
          padding-right: 0;
      }
  }
}

.blog_bg_news {
    .blog_text {
        margin-top: 0;
    }

    .b_cat {
        font-size: 0.75rem;
    }

    .tb {
        color: #40f3f7;
    }

    .blog_footer {
        width: 100%;
    }

    @media (min-width: 768px) and (max-width: 991px) {
        .blog_right {
            flex-shrink: 1;
        }
    }

    .wp-pagenavi {
        clear: both;
    }
    
    .wp-pagenavi a, .wp-pagenavi span {
        text-decoration: none;
        border: 1px solid #BFBFBF;
        padding: 3px 5px;
        margin: 2px;
    }
    
    .wp-pagenavi a:hover, .wp-pagenavi span.current {
        border-color: #000;
    }
    
    .wp-pagenavi span.current {
        font-weight: bold;
    }

    .paginationWrapper{
        width: 100%;
        text-align: center;
    }
    .paginationWrapper .wp-pagenavi a,
    .paginationWrapper .wp-pagenavi span {
        height: 36px;
        width: 36px;
        display: inline-block;
        align-items: center;
        justify-content: center;
        border: 2px solid #40f3f7;
        border-radius: 50%;
        color: #40f3f7;
        background: transparent;
        text-align: center;
        line-height: 36px;
        margin-right: 5px;
        box-sizing: content-box;
    }
    
    .paginationWrapper .wp-pagenavi span.current {
        font-weight: bold;
        color: #03142a;
        border-color: #03142a;
    }

    .text-before {
        margin-bottom: 2.5rem;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        font-size: 14px;

        @media (min-width: 480px) {
            padding-left: 0.9375rem;
            padding-right: 0.9375rem;
        }

        @media (min-width: 992px) {
            padding-left: 0;
            padding-right: 0;
        }
    }
}

.country-filter-reviews-page {
    .new-select {
        min-width: 100%;
        width: fit-content;

        @media (min-width: 768px) {
            min-width: 14.375rem;
        }

        ul {
            font-size: 0.875rem;
        }
    }
}

/* Список обзоров: фильтр по гео — тот же визуал, что у селектора «Тематика» на /add-event (.new-select) */
.posts-list-page .cat-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 1rem 1.25rem;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
}

.posts-list-page .cat-filter .item.geo {
    max-width: 100%;
    min-width: 200px;
    width: 100%;

    @media (min-width: 768px) {
        width: fit-content;
    }
}

.posts-list-page .cat-filter .new-select ul {
    border: 1px solid #40f3f7;
    padding: 5px 10px 20px 10px;
    border-radius: 15px;
    margin-top: -50px;
}

.posts-list-page .cat-filter .new-select .new-select-default-field {
    border-radius: 15px !important;
    color: #fff;
    border: 1px solid #40f3f7 !important;
    background: rgb(0 0 0 / 5%) url("../img/arrow_bottom.png") no-repeat 95% 50% !important;
    margin: 0;
    width: 100%;
    height: 52px;
    padding-left: 25px;
    font-size: 14px;
}

.posts-list-page .cat-filter .reviews-geo-filter-clear {
    text-align: center;
    width: 100%;
    font-size: 0.875rem;
    border-radius: 1rem;
    background: rgba(15, 27, 50, 0.46);
    padding: 1rem 1.5rem;

@media (min-width: 768px) {
        text-align: left;
        width: fit-content;
    }
}

.posts-list-page .cat-filter .reviews-geo-filter-clear:hover {
    background: #40f3f7;
    color: #0f1b32;
}

.blog-activity {
    margin-right: 0;

    picture {
        width: auto;
    }

    article {
        .post-content p {
            font-size: 1rem !important;
        }

        a.btn {
            background: #133969;
            border: 2px solid #133969;
            border-radius: 24px;
            padding: 15px 30px;
            font-weight: 700;
            align-items: center;
            font-family: Roboto Condensed;
            display: inline-block;
            position: relative;
            font-size: 17px;
            color: #17c3f0;
            margin-bottom: 20px;
            margin-top: 20px;
        }
    } 

    .blog_info {
        position: relative;
        margin-left: -16px;
        margin-right: -16px;
    }

    .blog_article_soc {
        width: 100% !important;
        flex-direction: column;
        gap: 5px;

        @media (min-width: 992px) {
            width: auto;
            flex-direction: row;
            gap:0;
        }
    }

    .blog_article_cats ul li a {
        white-space: nowrap;
    }
}

.blog_cat.rbc {
    .blog_bg {
        padding: 10px;

        @media (min-width: 480px) {
            padding: 16px;
        }

        @media (min-width: 992px) {
            padding: 0;
        }
    }
}


@keyframes f_fadeG{
  0%{
      background-color:rgb(64,243,247);
  }

  100%{
      background-color:rgb(255,255,255);
  }
}

@-o-keyframes f_fadeG{
  0%{
      background-color:rgb(64,243,247);
  }

  100%{
      background-color:rgb(255,255,255);
  }
}

@-ms-keyframes f_fadeG{
  0%{
      background-color:rgb(64,243,247);
  }

  100%{
      background-color:rgb(255,255,255);
  }
}

@-webkit-keyframes f_fadeG{
  0%{
      background-color:rgb(64,243,247);
  }

  100%{
      background-color:rgb(255,255,255);
  }
}

@-moz-keyframes f_fadeG{
  0%{
      background-color:rgb(64,243,247);
  }

  100%{
      background-color:rgb(255,255,255);
  }
}

/* Кнопка «Наверх» на странице записи (#scrollTopContainer в show.html.twig) */
#scrollTopContainer {
    display: flex;
    justify-content: flex-end;
}
@media (max-width: 767px) {
    #scrollTopContainer {
        display: flex;
        justify-content: center;
    }
}
#scrollTopBtn {
    position: fixed;
    top: 90%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #00aae7;
    opacity: .5;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    display: flex;
    padding: 10px;
    border: none;
    cursor: pointer;
    transition: all .3s;
    &:hover {
        opacity: .9;
    }
    svg {
        margin: auto;
        height: auto;
    }
}



