@font-face {
	font-family: 'FuturaBookC';
	src: url('./fonts/futurabookc.eot'); /* IE 9 Compatibility Mode */
	src: url('./fonts/futurabookc.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('./fonts/futurabookc.woff2') format('woff2'), /* Super Modern Browsers */
		url('./fonts/futurabookc.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('./fonts/futurabookc.ttf') format('truetype'), /* Safari, Android, iOS */
		url('./fonts/futurabookc.svg#futurabookc') format('svg'); /* Chrome < 4, Legacy iOS */
}

html, body { margin: 0 auto; padding: 0; width: 100%; background-color: #F9F9F9;font-family: 'FuturaBookC';    transition: 0.3s;}
html{scroll-behavior: smooth;}
* {font-size: 16px;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%;  padding-right: calc(var(--bs-gutter-x)* .5);  padding-left: calc(var(--bs-gutter-x)* .5);  margin-right: auto;   margin-left: auto; }
.container {max-width: 1430px; padding-bottom: 25px; padding-top: 25px;}
.clearfix{clear:both;}
.row{display: flex; flex-direction: row; justify-content: space-between;}
.row_vert{display: flex; flex-direction: column;}

.header_fixed{
    position: fixed;
    top: 0px; 
    left: 50%;
    transform: translateX(-50%);
    width: 100%; 
    box-sizing: border-box; 
    max-width: 1430px;
    margin-left: auto;
    margin-right: auto;
    z-index:1;
}

.header {
    background: #FFFFFF;
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.02);
    border-radius: 0px 0px 32px 32px;
    padding: 32px 40px;
    margin: 0;
}

header .row {
   gap:32px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

}
.header_row {
    display: flex;
     justify-content: space-between;
}
.header_items:first-child{min-width:276px;}
.header_item{}
.profile_ava{position:relative;}
.profile_ava img{width:50px; height:50px;border-radius:100%;}


.profile_ava:after {
    content: "";
    position: absolute;
    background: url(images/arrow_down.svg) no-repeat;
    width: 20px;
    height: 20px;
    right: -25px;
    top: -10px;
}
.search-form{background: #F9F9F9; border-radius: 8px;}
.search_top_input {
    background: url(images/searchH2.svg) 14px 50% no-repeat transparent;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 42px;
    height: 50px;
    width: 100%;
    border: 0;
}
.search_top_button{display:none;}

.profile_menu{
    position: absolute;
    padding: 20px;
    background-color: #F9F9F9;
    right: 0px;
    top: 90px;
    border-radius: 16px;
    border: 1px solid #fff;
    display:none;
    transition: all 0.3s;

}
.profile_menu ul{list-style:none;margin: 0; padding: 0;}
.profile_menu ul li{}
.profile_menu ul li a{
    text-decoration: none;
    color: #9C9C9D;
    display: flex;
    padding: 16px;
    transition: 0.3s;
}


.profile_menu ul li:hover a {
    background: rgba(255, 68, 56, 0.08);
    border-radius: 12px;
    color: #FF4438;
    text-decoration: none;
    transition: 0.3s;
}

.menu_left { width: 25%;}

.menu_left_fixed {
    position: fixed;
    top: 135px;
    padding: 16px;
    background: #FFFFFF;
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.02);
    border-radius: 16px;
    margin-left: 20px;
    width: 100%;
    max-width: 280px;
    display:block;
}

.menu_left_fixed ul{list-style:none;margin: 0; padding: 0;}
.menu_left_fixed ul li a { text-decoration: none;  color: #9C9C9D;  display: flex;  padding: 16px;transition: 0.3s;}

.menu_left_fixed ul li.active{background: rgba(255, 68, 56, 0.08);border-radius: 12px;color:#FF4438;text-decoration:none;transition: 0.3s;}
.menu_left_fixed ul li.active a{color:#FF4438;text-decoration:none;transition: 0.3s;}
.menu_left_fixed ul li:hover a{background: rgba(255, 68, 56, 0.08);border-radius: 12px;color:#FF4438;text-decoration:none;transition: 0.3s;}

.main_row { display: flex; margin-top: 60px;}
.container_main{width: 75%; margin-right: 20px; box-sizing: border-box;}


.card{background:#fff;border-radius:16px; padding:52px;box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.02);margin-bottom:20px;}


.card_header {
    display: flex;
    justify-content: space-between;
    margin-bottom:32px;
    align-items: center;
}

.card_header h2{
font-family: 'FuturaBookC';
font-style: normal;
font-weight: 400;
font-size: 40px;
line-height: 100%;
color: #1D1D1B; 
margin: 0;
padding: 0;
}


.sweet_button{
    background: rgba(255, 68, 56, 0.1);
    border-radius: 8px;
    padding: 16px 32px;
    color: #FF4438;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.card_header .arrow_up{background: url(images/arrow_up.svg) no-repeat; width: 40px;cursor:pointer;    height: 40px;}

.card_body{}
.card_body .row{gap:10px;}
.card_body .row .item{background-color:#F9F9F9; border-radius:10px;padding:24px;flex:1;min-height:240px;position:relative;}

#section1_sale .item_back{background-size: contain;}


#section2 .card_body .row .item{background-color:#F9F9F9; border-radius:10px;padding:24px;min-height:120px;position:relative;}

#section1_sale .card_body .row .item .title{font-size:24px; color:#1D1D1B;margin-bottom: 10px;width: 60%;}
.card_body .row .item .title{font-size:24px; color:#1D1D1B;margin-bottom: 10px;width: 80%;}


.card_body .row .item .arrow_right{background: url(images/arrow_right.svg) no-repeat; width: 64px;cursor:pointer;    height: 64px;position:absolute; bottom:12px; left:12px;}
.card_body .col-2 {display: flex;   flex-wrap: wrap;  flex-direction: row;}
.card_body .col-2 > .item {flex: 30%;}
.card_footer{margin-top:32px;}
.card_footer .row { display: flex;  flex-direction: row;  justify-content: space-between;  align-items: center;}
.card_footer .row .item{display: flex;gap:5px;}
.card_footer .row .item .whatsapp_link{background: url(images/whatsapp.svg) no-repeat; width: 40px;cursor:pointer;    height: 40px;display: block;}
.card_footer .row .item .telegram_link{background: url(images/telegram.svg) no-repeat; width: 40px;cursor:pointer;    height: 40px;display: block;}
.card_footer .row .item .vk_link{background: url(images/vk.svg) no-repeat; width: 40px;cursor:pointer;    height: 40px;display: block;}
.card_footer .row .item .telegram_chat{background: rgba(255, 68, 56, 0.1);border-radius: 8px;padding:16px 32px;color:#FF4438;text-decoration:none; }
.card_footer .row .item .telegram_chat:hover {text-decoration: none; color: #FF4438; background: rgb(255 68 56 / 20%); transition: 0.3s;}


.telegram_chat{background: rgba(255, 68, 56, 0.1);border-radius: 8px;padding:16px 32px;color:#FF4438;text-decoration:none;}

.small_preview{font-size:14px; margin-top:5px;}

.item_back {background-repeat: no-repeat;background-position: bottom right;}
.download_link{margin:0 0 5px 0;}
.download_link a{color:#9C9C9D; text-decoration:none;}

#section3 {background: url(images/section3.jpg) no-repeat;background-size:cover;border-radius: 16px; }
#section3 .card_header h2 { color: #fff;}
#section3 .card_body .row .item {
    background-color: #F9F9F9;
    border-radius: 10px;
    padding: 24px;
    flex: 30%;
    min-height: unset;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}
/*#section3 .card_body .row .item > * {flex:auto;}*/
#section3 .download_link { margin: 0 0 5px 0; text-align: right;}

#section3 .preivew_image img {max-width:50px;border-radius: 8px;}



#section3 .item_row_cat {display: flex;    justify-content: space-between;    align-items: center;    flex-direction: row;    width: 100%;gap:10px;}
#section3 .item_row_cat > *:first-child,
#section3 .item_row_cat > *:last-child {
    flex: 0 0 50px; /* фиксированная ширина 50px */
}


#section7 a{font-size: 16px;  color: #FF4438;text-decoration:none;}



#section3  .item_row_cat > *:nth-child(2) {
    flex: 1; /* занимает оставшуюся ширину */
}


#section4 {border-radius: 16px; }
#section4 .card_body .row .item {
    background-color: #F9F9F9;
    border-radius: 10px;
    padding: 24px;
    flex: 30%;
    min-height: unset;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
}
/*#section3 .card_body .row .item > * {flex:auto;}*/
#section4 .download_link { margin: 0 0 5px 0; text-align: right;}

#section4 .item_row_cat {display: flex;    justify-content: space-between;    align-items: center;    flex-direction: row;    width: 100%;gap:10px;}
#section4 .item_row_cat > *:first-child,
#section4 .item_row_cat > *:last-child {
    flex: 0 0 50px; /* фиксированная ширина 50px */
}


#section4  .item_row_cat > *:nth-child(2) {
    flex: 1; /* занимает оставшуюся ширину */
}


#section6 .card_body .row .item { min-height: 200px;}
#section7 .card_body .row .item { min-height: 200px;}

#section8 .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}


#section8 .card_body .row {
    gap: 20px;
}

#section8 a{text-decoration:none;}
#section8 .card_body .row .item .title {
    font-size: 16px;
    color: #1D1D1B;
    width: 100%;
    margin-top:10px;
    height: 100px;
    text-align: center;
/*    word-wrap: break-word;
    word-break: break-all;*/
}

#section8 .card_body .row .item {
    background-color: #fff;
    border-radius: 10px;
    padding: 0;
    flex: 30%;
    min-height: unset;
    position: relative;
}
#promobonus .promo_img img{width:100%;}

.mobile_y{display:block;}
.mobile_x{display:none;}

.search-page{}
.search-page .search_row{display:flex;}
.search-page .search_field {
     background: url(images/searchH2.svg) 14px 50% no-repeat #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 42px;
    height: 50px;
    width: 100%;
    border: 0;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}
.search-page .search_button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
     height: 50px;
     border: 0;
     padding:0 16px;
     border-top-right-radius: 16px;
     border-bottom-right-radius: 16px;
     cursor:pointer;
     color:#9C9C9D;
}

.container_body{background:#fff;padding:20px; border-radius:16px; }
.container_body h1{font-weight:normal; font-size:36px;}

table.sale-personal-profile-list-container {
    border-collapse: collapse;
    font-size: 14px;
    width: 100%;
}

table.sale-personal-profile-list-container td {
    border: 1px solid #e4e4e4;
    vertical-align: middle;
    padding: 12px 24px;
    text-align: center;
    color: #333333;
}

table.sale-personal-profile-list-container th {
    font-family: "robotomedium";
    background-color: #f7f7f7;
    border: 1px solid #e4e4e4;
    font-weight: normal;
    padding: 12px 24px;
}
.sale-order-list-container .row {
    display: block !important;
    flex-direction: row;
    justify-content: space-between;
}

.seacrh_page_result{background:#fff;padding:20px; border-radius:16px; }
.seacrh_page_result .search_title_result > *{text-decoration:none;font-size: 24px;  color: #1D1D1B;font-weight:normal;}
.seacrh_page_result .search_title_result {text-decoration:none;font-size: 24px;  color: #1D1D1B;font-weight:normal;}
.search-page .search_bottom {margin-top:60px;}
.search-page .search_bottom >*{color: #1D1D1B;font-weight:normal;}
.search-page .search_bottom a{color: #1D1D1B;font-weight:normal;}
.seacrh_page_result small > *{text-decoration:none;font-size: 16px;  color: #1D1D1B;font-weight:normal;}

.header-desktop{display:block;}
.header-mobile{display:none;}

#user-profile-form{width:100%}
#user-profile-form .row{gap: 10px;}
#user-profile-form .row .col-6{flex: 1;}
#user-profile-form .avatar_image img {width:150px;border-radius:100%;}
#user-profile-form #avatarImg{cursor:pointer;}
#user-profile-form .input_item {
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
}

#user-profile-form .avatar_image{position:relative;overflow:hidden;width:150px;height:150px;}
#user-profile-form .avatar_image:hover .avatar_block{display: flex;    transition: 0.3s;}

#user-profile-form .avatar_image .avatar_block {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #00000052;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    display: none;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}


#user-profile-form .input_item input {
    background: #F9F9F9;
    border-radius: 8px;
    border: none;
    padding: 15px 10px;
}

#user-profile-form .input_item label {
    margin-left: 10px;
    margin-bottom: 5px;
}

#user-profile-form .submit_button{
    background: rgba(255, 68, 56, 0.1);
    border-radius: 8px;
    padding: 16px 32px;
    color: #FF4438;
    text-decoration: none;
    border:none;
    cursor:pointer;
}

#user-profile-form .avatar_button{
display:none;
}

#user-profile-form .upload_images_avatar{color:#fff;width:30%;  cursor:pointer;}
#user-profile-form .delete_images_avatar{color:#fff;width:30%;  cursor:pointer;}


#section1_sale .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

#section1_sale .card_body .row .item {
    background-color: #F9F9F9;
    border-radius: 10px;
    padding: 24px;
    flex: 33%;
    min-height: 240px;
    position: relative;
}


#section9 .text_preview{color:#fff; font-size:18px;}
.photo_gallery {display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
}
.images_thub {
    height: 240px;
    max-width: 160px;
    object-fit: cover;
}

.video_link_preview{}
.video_link_preview img{width: 100%;height: 200px; object-fit: contain;}


#section7 .row {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap;
}

#section7 .card_body .row .item {
    background-color: #F9F9F9;
    border-radius: 10px;
    padding: 24px;
    flex: 30%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
} 

#section7 .card_body .row #learn_49689 {background-position-y: center; background-position-x: 98%;}

@media (max-width: 575px) {

.container {
    max-width: 100%;
    padding-bottom: 25px;
    padding-top: 25px;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}

#section8 .card_body .row .item {
    background-color: #fff;
    border-radius: 10px;
    padding: 0;
    flex: 100%;
    min-height: unset;
    position: relative;
}

#section8 .card_body .row .item .title {
    word-wrap: break-word;
    word-break: break-all;
}



    .photo_gallery {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 10px;
        flex-direction: row;
    }

.images_thub {
        height: 200px;
        max-width: 140px;
        object-fit: cover;
    }


#section1_sale .row {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-wrap: wrap;
}

#section1_sale .card_body .row .item {
    background-color: #F9F9F9;
    border-radius: 10px;
    padding: 24px;
    flex: 33%;
    min-height: 240px;
    position: relative;
}


    #user-profile-form .row {
        display: flex;
        flex-direction: column;
    }

#user-profile-form .row .col-6{flex: 1;}

.header {padding: 32px 20px;}

.card {padding: 24px;}
.mobile_logo{width:100px;}

.image_video_prew img{width:100%;}

.image_video_prew video{width:100%; max-width: 100%; height: auto;}
.video_veb{width:100%; max-width: 100%; height: auto;}


.card_body .row {
    gap: 10px;
    display: flex;
    flex-direction: column;
}
.main_row {
    display: flex;
    margin-top: 100px;
    flex-direction: column;
}

.card_header .arrow_up {
    background-size: 100%;
    background-position: center;
}

.card_header h2 {font-size: 22px;        width: 80%;}

.card_body .row .item .title { font-size: 16px; width: 100%;}

.menu_left {width: 0;}

.header-desktop{display:none;}
.header-mobile{display:block;}

.header_items_search{ margin-top: 16px;}
.header_fixed {
    position: fixed;
    top: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    box-sizing: border-box;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    z-index: 1;
}

.container_main {
    width: 100%;
    margin-right: 0;
    box-sizing: border-box;
}

.card_footer .row {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    gap: 32px;
}

.menu_left_fixed {
    position: fixed;
    top: 100px;
    padding: 16px;
    background: #FFFFFF;
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.02);
    border-radius: 16px;
    margin-left: 0px;
    width: 100%;
    max-width: 280px;
    z-index: 1;
    display:none;
}

.header_items:first-child {
    min-width: unset;
    display: contents;
}

.header_items:last-child {
margin-right: 5px;
}

.header_row {
    display: flex;
    justify-content: space-between;
    align-content: center;
    align-items: center;
}



.header_item:first-child{
    width: 50px;
    max-width: 50px;     }

    header .row {
        gap: 10px;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center;
    }


.header_item {
    flex: 1;
}




}
@media (min-width: 576px) and (max-width: 767px) {

.container {max-width: 100%;  box-sizing: border-box;}
.container_main {width: 70%;margin-right: 0px;}
.main_row {  display: flex;   margin-top: 60px;  gap: 16px;justify-content: space-between;}
.menu_left{box-sizing: border-box;}
.menu_left_fixed {max-width: 180px; margin-left: 0;}
.image_video_prew img{width:100%;}
#section8 .card_body .row .item { background-color: #fff;    border-radius: 10px;    padding: 0;    flex: 40%;    min-height: unset;    position: relative;}
.card_header h2 { font-size: 20px;}
.card_body .row .item .title { font-size: 14px;}
.card {padding: 12px;}


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

.container {max-width: 100%;  box-sizing: border-box;}
.container_main {width: 70%;margin-right: 0px;}
.main_row {  display: flex;   margin-top: 60px;  gap: 16px;justify-content: space-between;}
.menu_left{box-sizing: border-box;}
.menu_left_fixed {max-width: 180px; margin-left: 0;}
.image_video_prew img{width:100%;}
#section8 .card_body .row .item { background-color: #fff;    border-radius: 10px;    padding: 0;    flex: 40%;    min-height: unset;    position: relative;}
.card_header h2 { font-size: 20px;}
.card_body .row .item .title { font-size: 14px;}
.card {padding: 12px;}



}
@media (min-width: 992px) and (max-width: 1199px) {
.container {max-width: 100%;  box-sizing: border-box;}
.container_main {width: 70%;margin-right: 0px;}
.main_row {  display: flex;   margin-top: 60px;  gap: 16px;justify-content: space-between;}
.menu_left{box-sizing: border-box;}
.menu_left_fixed {max-width: 240px; margin-left: 0;}
.image_video_prew img{width:100%;}
#section8 .card_body .row .item { background-color: #fff;    border-radius: 10px;    padding: 0;    flex: 40%;    min-height: unset;    position: relative;}
.card_header h2 { font-size: 30px;}
.card_body .row .item .title { font-size: 18px;}
.card {padding: 12px;}


}
@media (min-width: 1200px) and (max-width: 1399px) {
.container {max-width: 100%;  box-sizing: border-box;}
.main_row {  display: flex;   margin-top: 60px;  gap: 32px;}
.menu_left{box-sizing: border-box;}
.menu_left_fixed { position: fixed; top: 135px; padding: 16px;  background: #FFFFFF;  box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.02);  border-radius: 16px;   margin-left: 20px;    left: 0%;    transform: translateX(0%);    box-sizing: border-box;    width: 100%;    max-width: 280px;}
.image_video_prew img{width:100%;}
#section8 .card_body .row .item { background-color: #fff;    border-radius: 10px;    padding: 0;    flex: 40%;    min-height: unset;    position: relative;}

}
@media (min-width: 1400px) and (max-width: 1680px) {}