html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}

html{
    font-size:10px;
    font-family:'Cabin', sans-serif;
}

body{

}

.hide{
    display:none !important;
}

a:link{
    text-decoration:none;
    color:inherit;
}
a:visited{
    text-decoration:none;
    color:inherit;
}
a:hover{
    text-decoration:none;
}
a:active{
    text-decoration:underline;
}

::selection {
    background-color:rgba(95, 95, 95, 0.8);
    color:#FFF;
  }

.tf_accent{
    position:absolute;
    width:100%;
    height:80rem;
    top:calc(16.5rem + 7vh);
    background-color:#F6B001;
    display:none;
}

.tf_accent_large{
    position:absolute;
    overflow-X:hidden;
    width:100%;
    height:100%;
}

.tf_accent_large > span{
    position:absolute;
    display:block;
    width:120%;
    margin-left:-10rem;
    margin-top:0;
    transform:rotate(-4deg);
    transform-origin:top left;
    height:52rem;
    background-color:#F6B001;
    top:calc(20.5rem + 7vh);
}

.tf_utilities{
    position:absolute;
    right:9vw;
    top:2rem;
    display:flex;
    gap:0.2rem;
    z-index:50;
    align-items:center;
}

.tf_wrapper{
    width:calc(100% - 18vw);
    height:100%;
    position:absolute;
    margin:7vh 9vw;
}

.tf_header{
    margin-bottom:0vh;
    display:flex;
    flex-direction:column;
}

.tf_header_logo{
    width:6.4rem;
    user-select:none;
}

.tf_feature{
    width:100%;
    max-width:135rem;
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    justify-content:space-between;
    gap:1rem;
}

.tf_feature_color{
    position:absolute;
    z-index:500;
    top:10rem;
    right:0;
    display:flex;
    flex-direction:column;
    width:7rem;
    background-color:#e7e7e7;
    padding:1.2rem 0.6rem 1.2rem 1.0rem;
    border-top-left-radius:0.7rem;
    border-bottom-left-radius:0.7rem;
    
    cursor:pointer;
    border:0.2rem solid #FFF;
    border-right:0;
    filter:drop-shadow(0rem 0.1rem 0.15rem rgb(0 0 0 / 50%));
    transition:all 0.15s ease-out;
    user-select:none;
}

@keyframes tf_pulse_color {
    0%{transform:translateX(0rem);}
    100%{transform:translateX(-0.2rem);}
}

.tf_feature_color > img{
    user-select:none;
    pointer-events:none;
    animation:tf_pulse_color 2s ease-in-out infinite alternate;
}

.tf_feature_color > img:nth-last-of-type(2){
    position:absolute;
    width:70%;
    top:18%;
    left:25%;
    animation:tf_pulse_color 2s ease-in-out infinite alternate 0.3s;
}

.tf_feature_color > img:nth-last-of-type(1){
    margin-top:-2rem;
    animation:tf_pulse_color 2s ease-in-out infinite alternate-reverse;
}

.tf_feature_color:hover{
    border-color:#323232;
}

.tf_feature_block{
    position:relative;
}

.tf_f_b_minitechno{
}

.tf_f_b_sf2{
}

.tf_feature_big{
    margin-top:-0.2rem;
}

.tf_hero{
    position:absolute;
    background-size:100% 100%;
    display:flex;
    align-content:center;
    justify-content:center;
    margin-left:-5.8rem;
    filter:drop-shadow(-0.4rem 0.6rem 1rem rgb(0 0 0 / 24%));
}

.tf_hero > video{
}

@keyframes tf_tablet{
    0%{transform:translateY(-0.8rem)}
    100%{transform:translateY(0.8rem)}
}

@keyframes tf_phone{
    0%{transform:translateY(0.8rem)}
    100%{transform:translateY(-0.8rem)}
}

.tf_hero_tablet{
    width:55rem;
    height:44.4rem;
    
    width:66.9rem;
    height:54rem;
    
    width:82.5rem;
    height:66.6rem;

    background-image:url(hero/tf_tablet_2.png), url(hero/tf_tablet_2sm.png);

    animation:3s tf_tablet ease infinite alternate;
}

.tf_hero_phone{
    width:23.6rem;
    height:44.4rem;
    
    width:28.7rem;
    height:54rem;
    
    width:35.4rem;
    height:66.6rem;

    background-image:url(hero/tf_phone_2.png), url(hero/tf_phone_2sm.png);
    background-size:100% 100%;

    animation:3s tf_phone ease infinite alternate;
}

.tf_hero_frame{
    width:1rem;
    margin-bottom:4rem;

    height:44.4rem;
    height:54rem;
    height:66.6rem;
}

#tf_hero_tablet{
    border-radius:9%;
    width:83.81818182%;
    transform:rotate(-4deg);
    margin-top:-0.5%;
    margin-left:0.9%;
}

#tf_hero_phone{
    border-radius:16%;
    width:73.30508475%;
    transform:rotate(-4deg);    
    margin-top:-0.3%;
    margin-left:4.3%;
}

.tf_video{
    transition:opacity 0.4s ease-out;
    opacity:0;
}

.tf_video_on{
    opacity:1;
}

.tf_feature_block_head{
    height:27rem;
}



.tf_button{
    border-radius:0.6rem;
    cursor:pointer;
    border:0.2rem solid #FFF;
    filter:drop-shadow(0rem 0.1rem 0.15rem rgb(0 0 0 / 50%));
    transition:all 0.15s ease-out;
    user-select:none;
}

.tf_button:hover{
    filter:drop-shadow(0rem 0.1rem 0.12rem rgb(0 0 0 / 10%));
}

.tf_button:active{
    transform:scale(0.95);
}

.tf_social{
    width:3.4rem;
    height:3.4rem;
    background-color:#000;
    border-radius:2rem;
    background-size:100% 100%;
}

.tf_social_ig{
    background-image:url(img/social_ig.svg);
    background-color:#dc1860;
}
.tf_social_fb{
    background-image:url(img/social_fb.svg);
    background-color:#0C51E8;
}
.tf_social_x{
    background-image:url(img/social_x.svg);
    background-color:#000;
}
.tf_social_tk{
    background-image:url(img/social_tk.svg);
    background-color:#000;
}
.tf_social_yt{
    background-image:url(img/social_yt.svg);
    background-color:#FF0000;
}

.tf_social_ig:hover{border-color:#ff5895 !important}
.tf_social_fb:hover{border-color:#4e81f0 !important}
.tf_social_x:hover{border-color:rgb(50, 50, 50) !important}
.tf_social_tk:hover{border-color:rgb(50, 50, 50) !important}
.tf_social_yt:hover{border-color:#fd4a4a !important}

.tf_lang{
    width:6.2rem;
    height:3.4rem;
    background-color:rgb(0, 0, 0);
    border-radius:2rem;
    color:#FFF;
}

.tf_lang:hover{
    border-color:rgb(140, 140, 140)
}

.tf_lang > span{
    position:absolute;
    width:3.0rem;
    height:3.0rem;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background-color:rgba(103, 103, 103,1);
    border:0.2rem solid rgb(35, 35, 35);
    transition:transform 0.15s ease;
}

.tf_lang > span > p{
    font-weight:600;
    font-size:1.2rem;
    padding:0.4rem;
}

.tf_lang_names{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:100%;
}

.tf_lang_names > p{
    font-weight:600;
    font-size:1.2rem;
    padding:0.6rem;
}

.tf_lang_fr{
    transform:translateX(0);
}

.tf_lang_en{
    transform:translateX(2.8rem);
}

.tf_feature_block_head{
    position:relative;
}

.tf_feature_block_head > img:nth-of-type(1){
    height:6.2rem;
    user-select:none;
    filter:drop-shadow(0rem 0.1rem 0.3rem rgb(0 0 0 / 20%));
}

.tf_feature_block_head > h3, .tf_feature_logoline > h3, .tf_dual_bottom > h3{
    margin-top:1.4rem;
    font-size:2rem;
    font-weight:600;
    letter-spacing:-0.04rem;
}
 
.tf_feature_block_head > p, .tf_feature_block_info > p, .tf_dual_bottom > p{
    max-width:42rem;
    margin-top:0.6rem;
    font-size:1.5rem;
    font-weight:500;
    letter-spacing:-0.01rem;
    line-height:2rem;
}

.tf_f_b_sf2 > .tf_feature_block_head > p{
    max-width:30rem;

}

.tf_feature_block_head > a > span, .tf_feature_block_head > span{
    display:inline-block;
    background-color:rgb(85, 85, 85);
    color:#FFF;
    padding:1rem 1.2rem 1.1rem 1rem;
    font-weight:600;
    font-size:1.1rem;
    margin-top:0.7rem;
    letter-spacing:0.02rem;
}

.tf_feature_block_head > a > span:hover, .tf_feature_block_head > span:hover{
    border-color:#ffb02e;
}

.tf_download{
    margin-top:2rem;
    display:flex;
    gap:0.4rem;
    flex-direction:row;
    flex-wrap:wrap;
}

.tf_download > a > div{
    background-color:#000;
    position:relative;
    color:#FFF;
    display:inline-block;
    padding:1rem 1.3rem 1.1rem;
}

.tf_b_android:hover{
    border-color:#e84026;
}
.tf_b_ios:hover{
    border-color:#ff4cc3;
}
.tf_b_fire:hover{
    border-color:#fb9d23;
}
.tf_b_steam:hover{
    border-color:#2760ca;
}
.tf_b_wp:hover{
    border-color:#00adef;
}

.tf_download_button > img{
    height:2.6rem;
    position:absolute;
}

.tf_download_button > h5{
    font-size:1.4rem;
    font-weight:600;
    letter-spacing:-0.03rem;
    margin-left:3.3rem;
}

.tf_download_button > p{
    font-size:1.2rem;
    margin-top:0.3rem;
    margin-left:3.3rem;
}

.tf_download_button_disabled{
    border-color:rgb(178, 178, 178);
    background-color:rgb(54, 54, 54) !important;
    color:rgb(172, 172, 172) !important;
    cursor:default !important;
    opacity:0.5;
}
.tf_download_button_disabled > img{
    opacity:0.655 !important;
}
.tf_download_button_disabled:hover{
    border-color:rgb(178, 178, 178) !important;
}


.tf_section{
    width:100%;
    padding:6rem 9vw 6rem;
    margin-left:-9vw;
}

.tf_section > h2{
    font-size:3rem;
    font-weight:600;
    letter-spacing:-0.13rem;
    margin-bottom:1.6vh;
    display:none !important;
}

.tf_section_color{
    background-color:#e7e7e7;
    color:#FFF;
    padding:6rem 9vw 6rem;
    margin-top:4rem;
    position:relative;
    display:flex;
    flex-direction:column;
    align-items:center;
    flex-wrap:nowrap;
}

.tf_color_top{
    width:100%;
    position:absolute;
    top:0;
    left:0;
    height:15vw;
    background-color:#FFF;
    z-index:0;
}

.tf_dual{
    display:flex;
    position:relative;
    margin-top:-3vw;
    z-index:1;
    justify-content:space-around;
    gap:3vw;
}

.tf_dual_bottom{
    display:flex;
    margin-top:0rem;
    color:#000;
    align-items:center;
    flex-direction:column;
    flex-wrap:nowrap;
    max-width:36rem;
}

.tf_dual_bottom > span{
    display:inline-block;
}

.tf_dual_slice{
    color:#000;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    justify-content:center;
    max-width:50rem;
    flex-grow:1;
}

.tf_dual_img{
    width:100%;
    position:relative;
    margin-bottom:1rem;
}

.tf_dual_img > img{
    width:100%;
    position:relative;
    z-index:1;
    user-select:none;
    pointer-events:none;
}

.tf_dual_img > img:nth-last-of-type(1){
    position:absolute;
    top:0;
    left:0;
    z-index:0;
    transform:scale(0.99);
}

.tf_dual_mini2{
    margin-top:-103%;
    margin-left:13%;
}

.tf_dual_mini{
    animation:3s tf_tablet ease infinite alternate;
}

.tf_dual_mini2{
    animation:3s tf_tablet ease infinite alternate 0.5s;
}

.tf_dual_sf{
    animation:3s tf_phone ease infinite alternate;
}

.tf_dual_bottom > h3, .tf_dual_bottom > p{
    text-align:center;
}
.tf_dual_bottom > h3{
    font-size:2.5rem;
    margin-bottom:0.1rem;
}
.tf_dual_bottom > p{
    max-width:100%;
    margin-bottom:2rem;
}

.tf_dual_bottom > a > div{
    background-color:#000;
    position:relative;
    color:#FFF;
    display:inline-block;
    padding:1rem 1.3rem 1.1rem;
}

.tf_dual_bottom > a > div > p{
    font-size:1rem
}

.tf_cbooks{
    border-radius:1rem;
    background-color:#ffffff;
    padding:2rem;
    display:flex;
    align-items:center;
    flex-direction:column;
    border:#000 0.2rem dashed;
    margin-top:1.2rem;
}

.tf_cbooks > h2{
    font-size:1.8rem;
    font-weight:600;
    letter-spacing:-0.04rem;
}

.tf_cbooks > h3{
    font-size:1.2rem;
    letter-spacing:-0.01rem;
    margin-top:0.4rem;
}

.tf_cbooks_links{
    margin-top:0.7rem;
    padding:0.5rem;
    display:flex;
    gap:0.6rem;
    flex-direction:row;
}

.tf_cbooks_flag{
    height:2.8rem;
    border-radius:0.4rem;
}

.tf_cbooks_flag:hover{
    border-color:#000000;
}

.tf_section_hello{
    background-color:#ff3496;
    color:#FFF;
    padding:6rem 9vw 6rem;
    position:relative;
}

.tf_section_games{
    background-color:#eeeeee;
}

.tf_section_nav{
    display:flex;
    flex-wrap:nowrap;
    flex-direction:column;
    justify-content:flex-start;
    justify-items:left;
    align-items:flex-start;
}

.tf_section_nav > img{
    height:3rem;
    margin-left:0.1rem;
    margin-top:5vh;
    filter:drop-shadow(0rem 0.2rem 0.2rem rgb(0 0 0 / 14%));
    user-select:none;
}

.tf_section_nav_block{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
}

.tf_section_nav_block h2{
    font-size:1.4rem;
    font-weight:600;
    letter-spacing:-0.03rem;
    margin-right:0.4rem;
    background-color:#000;
    padding:0.8rem 1.6rem 0.9rem
}

.tf_section_nav_block h2:hover{
    border-color:#ffb5d7;
}

.tf_section_splash{
    position:relative;
}

.tf_section_title{
    margin-top:5vh;
    filter:drop-shadow(0rem 0.2rem 0.2rem rgb(0 0 0 / 14%));
}

.tf_section_title > h1{
    font-size:3.6rem;
    font-weight:500;
    letter-spacing:-0.13rem;
    margin-left:0.2rem
}

.tf_section_title > h2{
    font-size:9rem;
    font-weight:600;
    letter-spacing:-0.32rem;
    line-height:8.8rem;
    max-width:63rem;
    margin-top:0.6rem;
    margin-left:-0.1rem;
}

.tf_section_location{
    margin-top:1.6rem;
    display:flex;
    flex-direction:row;
    align-items:flex-end;
    align-content:center;
    margin-left:0.2rem;
}

.tf_section_location > img{
    margin-right:0.7rem;
    height:2rem;
    user-select:none;
}

.tf_section_location > h5{
    margin-top:1.8rem;
    font-size:1.8rem;
    font-weight:500;
    letter-spacing:-0.018rem;
}

.tf_header_img{
    position:absolute;
    right:0;
    transform:rotate(-3deg);
    bottom:0.6rem;
    border-radius:1rem;
    width:40rem;
    box-shadow:0rem 0.2rem 1.2rem rgb(0 0 0 / 14%);
    user-select:none;
}

.tf_section_paragraphs{
    margin-top:5rem;
    display:flex;
    gap:2vw;
    max-width:130rem;
}

.tf_section_paragraph{
    padding:2.4rem 3.2rem 2.8rem;
    background-color:rgba(0, 0, 0, 0.12);
    border-radius:0.6rem;
    box-shadow:0rem 0.2rem 0.2rem rgb(0 0 0 / 6%);
    width:20%;
}

.tf_section_paragraph > h5{
    font-size:1.8rem;
    font-weight:600;
    letter-spacing:-0.018rem;
    margin-bottom:0.5rem;
}

.tf_section_paragraph > p{
    font-size:1.5rem;
    font-weight:500;
    letter-spacing:-0.01rem;
    line-height:2rem;
    color:#ffffffd1;
}

.tf_section_paragraph > p > a:link{
    font-weight:600;
}

.tf_section_paragraph > p > a:hover{
    text-decoration:underline;
}


.tf_section_other{
    margin-top:0;
    padding:1.8rem 9vw;
    background:#e02e84;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.tf_section_other > h6{
    font-size:1.7rem;
    line-height:2.2rem;
    font-weight:600;
    color:#FFF;
    letter-spacing:-0.02rem;
    filter:drop-shadow(0rem 0.2rem 0.2rem rgb(0 0 0 / 8%));
}

.tf_section_other > h6.fr{
}

.tf_other{
    width:20rem;
    height:4.6rem;
    background-color:#000;
    display:flex;
    flex-wrap:nowrap;
    flex-direction:row;
    align-items:center;
    align-content:center;
    justify-content:center;
    justify-items:center;
    color:#FFF;
}

.tf_other:hover{
    border-color:#d90000;
}

.tf_other > img:nth-of-type(1){
    display:inline-block;
    position:static;
    height:3rem;
}

.tf_other > img:nth-of-type(2){
    display:inline-block;
    position:static;
    height:1.8rem;
    margin-left:0.8rem;
}

.tf_other > p{
    display:inline-block;
    margin-top:0.0rem;    
    font-size:1.4rem;
    font-weight:600;
    letter-spacing:-0.03rem;
    margin-left:0.4rem
}

.tf_section_list{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    align-items:baseline;
    align-content:flex-start;
    gap:3vw;
}

.tf_section_list_block{
    background-color:rgba(255, 255, 255, 1);
    box-shadow:0rem 0.2rem 0.2rem rgb(0 0 0 / 6%);
    padding:0rem 2rem 2rem 2rem;
    border-radius:0.6rem;
    flex-grow:1;
    position:relative;
    width:40%;
    min-width:42rem;

    border:0.4rem solid #FFF;
    border:none;
    border-radius:0.6rem;

    transition:box-shadow 0.45s ease;
}

.tf_section_list_block:hover{
    box-shadow:0rem 0.2rem 0.8rem rgb(0 0 0 / 22%);
}

.tf_slb{
}

.tf_slb > img{    
    width:calc(100% + 4rem);
    margin-left:-2rem;
    border-radius:0.6rem 0.6rem 0 0;
    margin-bottom:2rem;
    user-select:none;
}

.tf_slb > div{
    display:flex;
    position:relative;
    justify-content:space-between;
}

.tf_slb_top{
    height:8rem;
    display:flex;
    flex-direction:row;
    align-items:center;
}

.tf_slb_top > img{
    height:100%;
    filter:drop-shadow(0rem 0.1rem 0.2rem rgb(0 0 0 / 25%));
    user-select:none;
}

.tf_slb_top > div{
    margin-left:1.6rem;
}

.tf_slb_top > div > h3{
    font-size:2rem;
    font-weight:600;
    letter-spacing:-0.02rem;
    margin-bottom:0.4rem;
}

.tf_slb_top > div > h6{
    font-size:1.6rem;
    font-weight:500;
    letter-spacing:-0.012rem;
}

.tf_slb_top > div > h5{
    margin-top:0.6rem;
    position:relative;
    padding:0.8rem 1.2rem 0.8rem 2.4rem;
    background-color:#555;
    color:#FFF;
    font-weight:600;
    font-size:1.1rem;
    letter-spacing:0.015rem;
    display:inline-block;
    border-radius:4rem;
    user-select:none;
}

.tf_slb_top > div > h5 > span{
    display:inline-block;
    position:absolute;
    left:0.9rem;
    width:1rem;
    height:1rem;
    border-radius:50%;
}

.tf_slb_active{background:#05FF00}
.tf_slb_standby{background:#FFB800}
.tf_slb_done{background:#FF0000}
.tf_slb_dev{background:#ffffff}

.tf_slb_download{
    display:flex;
    flex-direction:row;
    gap:0.3rem;
}

.tf_slb_download > div, .tf_slb_download > a > div{
    width:5rem;
    height:5rem;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgb(0, 0, 0);
    border-radius:5rem;
}

.tf_slb_download > div > img, .tf_slb_download > a > div > img{
    height:2.2rem;
}

.tf_slb_download .tf_b_ios > img{
    margin-top:-0.2rem;
}

.tf_section_list_block > p{
    font-size:1.5rem;
    font-weight:500;
    letter-spacing:-0.01rem;
    line-height:2rem;
    margin-top:1.6rem;
    margin-bottom:1.4rem;
    max-width:49rem;
}

.tf_section_list_block > a > span{
    position:absolute;
    bottom:-1.6rem;
    right:2rem;
    margin-top:0.2rem;

    display:inline-block;
    background-color:rgb(85, 85, 85);
    color:#FFF;
    padding:1rem 1.2rem 1.1rem 1rem;
    font-weight:600;
    font-size:1.1rem;
    letter-spacing:0.015rem;
}

.tf_section_list_block > a > span:hover{
    border-color:#0078d7
}




.tf_section_apps{
    background-color:#cbcbcb;
}

.tf_section_apps .tf_section_list{
    gap:0 3vw;
}

.tf_slb_hide{
    visibility:hidden;
    padding:0rem 2rem 0 2rem;
}

.tf_section_press{
    background:#13d9d1;
    background:#f6b001;
}

.tf_section_press_main{
    align-items:flex-start;
}

.tf_section_press .tf_section_list{
    gap:2vw;
}

.tf_spm{
}

.tf_spm_big{
}

.tf_spm_big:hover, .tf_spm_small > div:hover{
    box-shadow:0rem 0.2rem 0.8rem rgb(0 0 0 / 22%);
}


.tf_spm_big{
    flex-grow:1;
    border-radius:0.6rem;
    overflow:hidden;
    background-color:rgba(255, 255, 255, 1);
    border:0.4rem solid #FFF;
    border:none;
    box-shadow: 0rem 0.2rem 0.2rem rgb(0 0 0 / 6%);
    transition:box-shadow 0.45s ease;
}

.tf_spm_small{
    display:flex;
    flex-direction:column;
    gap:2vw;
}

.tf_spm_big > iframe{
    aspect-ratio:16 / 9;
    width:100%;
    height:100%;
}


.tf_spm_info{
    padding:1.4rem 1.6rem;
    border-radius:0.6rem;
    color:#000;
    flex-grow:1;
    display:inline-block;
}

.tf_spm_small > div{
    display:flex;
    align-items:center;
    overflow:hidden;
    background-color:rgba(255, 255, 255, 1);
    border:0.4rem solid #FFF;
    border:none;
    border-radius:0.6rem;
    box-shadow: 0rem 0.2rem 0.2rem rgb(0 0 0 / 6%);
    transition:box-shadow 0.45s ease;
}

.tf_spm_small > div > img{
    height:15rem;
    user-select:none;
}

.tf_spm_big > div{
    display:block;
    flex-grow:1;
}

.tf_spm_small > div > div{
    padding:1rem 3.4rem 1rem 2rem;
}

.tf_spm_info > h2{
    font-size:1.4rem;
    font-weight:600;
    letter-spacing:-0.03rem;
}
.tf_spm_info > p{
    font-size:1.2rem;
    margin-top:0.3rem;
}
.tf_spm_info > a > span{
    font-weight:600;
    font-size:1.1rem;
    letter-spacing:0.015rem;

    margin-top:1rem;
    background-color:#000;
    position:relative;
    color:#FFF;
    display:inline-block;
    padding:1rem 1.3rem 1.1rem;    
}
.tf_spm_info > a > span:hover{
    border-color:#f6b001;
}

.tf_section_media{
    background:#353535;
    color:#000;
}

.tf_section_privacy{
    background:#222;
}

.tf_section_contact{
    background:#000;
}

.tf_section_privacy, .tf_section_media{
    color:#FFF;
    padding:6rem 9vw 6rem;
}

.tf_other_left{
}

.tf_other_left > h6{
    font-size:2.2rem;
    line-height:2.1rem;
    font-weight:600;
    color:#FFF;
    letter-spacing:-0.025rem;
}

.tf_other_left > p{
    margin-top:1rem;
    font-size:1.6rem;
    line-height:2.2rem;
    font-weight:500;
    color:#FFF;
    letter-spacing:-0.01rem;
    max-width:44rem;

    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.01rem;
    line-height: 2rem;
}

.tf_other_left > p.fr{
    max-width:48rem;
}

.tf_other_right{
    display:flex;
    flex-direction:row;
    gap:3vw;
}

.tf_section_privacy .tf_other:hover, .tf_section_contact .tf_other:hover, .tf_section_media .tf_other:hover{
    border-color:#f6b001;
}

.tf_section_contact{
    background:#000;
    display:flex;
    flex-direction:row;  
    justify-content:space-between;
    gap:6vw;  
}

.tf_section_contact_block{
    max-width:22rem;
}

.tf_section_contact > div:nth-of-type(1){
    max-width:40rem;
}

.tf_section_contact_block .tf_other{
    margin-top:2rem;
    width:100%;
}

.tf_other_right .tf_section_contact_block{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    flex-wrap:wrap;
}

.tf_contact_socials{
    display:flex;
    flex-direction:row;
    justify-content:flex-start;
    margin-bottom:0.6rem;
    gap:0.4rem;
}

.tf_contact_logos{
    display:flex;
    flex-direction:row;
    gap:1.1rem;
}

.tf_contact_logos > a > img{
    width:4rem;
    margin-top:1.2rem;
}


@media (min-width:1800px){
}


@media (max-width:1280px){
    .tf_download{
        max-width:36rem;
    }
    .tf_section_color{
        margin-top:9rem;
    }
    .tf_section_hello{
        overflow-x:hidden;
    }
    .tf_header_img{
        right:0rem;
        bottom:4.1rem;
        width:29rem;
    }
    .tf_section_title > h2{
        font-size:7.4rem;
        line-height:7.9rem;
        max-width:53rem;
    }
    .tf_section_paragraphs{
        flex-direction:row;
        flex-wrap:wrap;
    }
    .tf_section_paragraph{
        width:35%;
        flex-grow:1;
    }
}

@media (max-width:1024px){
    .tf_wrapper{
        margin:5vh 7.6vw;
        width:calc(100% - 15.2vw);
    }
    .tf_utilities{
        right:4vw;
    }
    .tf_accent{
        height:41rem;
        top:calc(12.5rem + 7vh);
    }
    .tf_accent_large > span{
        top:calc(20.5rem + 5vh);
        height:38rem;
    }
    .tf_feature{
        flex-wrap:nowrap;
    }
    .tf_feature_block_head{
        position:relative;
    }
    .tf_feature_block_head > p {
        max-width: 33rem;
    }
    .tf_hero_frame{
        height:54rem;
    }
    .tf_hero_tablet{
        width:66.9rem;
        height:54rem;
    }
    .tf_hero_phone{
        width:28.7rem;
        height:54rem;
        margin-left:5rem;
    }
    .tf_download{
        max-width:36rem;
        position:absolute;
        top:18.6rem;
    }
    .tf_mtsafety{
        position:absolute;
        top:32rem;
    }

    .tf_section{
        margin-left:-7.6vw;
        padding:6rem 7.6vw 6rem;
    }
    .tf_section_color {
        margin-top:11rem;
    }
    .tf_section_hello {
        padding:5rem 7.6vw 5rem;
    }
    .tf_section_title {
        margin-top:4vh;
    }
    .tf_header_img{
        right:-1.7rem;
        bottom:-6rem;
        width:23rem;
    }
    .tf_section_title > h2{
        font-size:6.8rem;
    }
    .tf_section_other{
        padding: 4.6rem 7.6vw;
    }
    .tf_section_other > h6{
        max-width:27rem;
    }
    .tf_section_list{
        gap:6vw;
    }
    .tf_section_press_main{
    }
    .tf_spm_small{
        flex-direction:row;
    }
    .tf_spm_small > div > img {
        height:9.5rem;
    }
    .tf_spm_small > div > div {
        padding: 1rem 2.4rem 1rem 1.6rem;
    }
    .tf_spm_info > a > span{
        margin-top:0.6rem;
    }

    .tf_other_left > p, .tf_other_left > p.fr{
        max-width:34rem;
    }
    .tf_section_contact{
        gap:3vw;
    }
}

@media (max-width:740px){
    html{
        font-size:9px;
    }

    .tf_feature_color{
        top:43.5rem;
    }

    .tf_feature_color > img:nth-last-of-type(1){
        margin-top:-5rem
    }

    .tf_accent_mobile{
        position:absolute;
        overflow-X:hidden;
        width:100%;
        height:40rem;
    }

    .tf_accent_mobile > span{
        display:block;
        width:120%;
        margin-left:-5%;
        margin-top:10%;
        transform:rotate(-4deg);
        height:24rem;
        background-color:#F6B001;
    }

    .tf_accent_mobile_1{
        top:11rem;
    }
    .tf_accent_mobile_2{
        top:85rem;
    }



    .tf_wrapper{
        margin:3.6vh 6.6vw;
        width:calc(100% - 13.2vw);
    }
    .tf_header{
        margin-bottom:0.6rem;
    }
    .tf_header_logo{
        width:5.8rem;
    }
    .tf_utilities{
        right:4vw;
    }
    .tf_accent{
        display:none;
    }
    .tf_accent_large{
        display:none;
    }
    .tf_hero{
        margin-left:-2.4rem;
    }
    .tf_feature{
        flex-wrap:wrap;
        gap:4.6rem;
    }
    .tf_hero_frame {
        height:32rem;
    }
    .tf_hero_tablet{
        width:40.5rem;
        height:32.8rem;
    }
    .tf_hero_phone{
        width:17.3rem;
        height:32.8rem;
        margin-left:-1rem;
    }
    .tf_feature_block {
        width:100%;
    }
    .tf_feature_block_head{
        height:initial;
    }
    .tf_feature_block_head > img:nth-of-type(2){
        height:5.8rem;
    }
    .tf_feature_block_head > p{
        line-height:1.9rem;
    }
    .tf_download{
        position:static;
    }
    .tf_mtsafety {
        position:static;
    }

    .tf_section{
        margin-left:-6.6vw;
        padding:3.2rem 6.6vw 3.2rem;
    }
    .tf_section_color {
        margin-top:3rem;
    }
    .tf_section_hello {
        padding:3.2rem 6.6vw 3.2rem;
    }
    .tf_section_other{
        padding:3rem 6.6vw;
        gap:1.4rem;
        flex-direction:column;
        justify-content:flex-start;
        align-items:flex-start;
    }

    .tf_section_nav_block{
        gap:0.3rem;
        width:100%;
    }

    .tf_section_nav_block a{
        display:inline-block;
        flex-grow:1;
    }

    .tf_section_nav_block h2{
        text-align:center;
        flex-grow:1;
        padding:0.8rem 0rem 0.9rem;
        margin-right:0;
    }
    .tf_section_title > h1{
        font-size:2.7rem;
        letter-spacing:-0.1rem;
    }
    .tf_section_title > h2 {
        font-size:5.5rem;
        line-height:5.9rem;
    }
    .tf_section_location{
        margin-top:0.9rem;
    }

    .tf_header_img{
        position:static;
        margin-top:3rem;
        width:28rem;
    }
    .tf_section_paragraphs{
        margin-top:3rem;
        gap:1.4rem;
    }
    .tf_section_paragraph{
        padding:1.8rem 2.2rem 2.4rem;
        width:39%;
    }
    .tf_section_list{
        gap:3rem;
    }
    .tf_section_list_block{
        min-width:10rem;
    }
    .tf_section_list_block_single{
        min-width:25rem;
    }
    .tf_slb > div{
        flex-direction:column;
        gap:0;
    }
    .tf_slb_download{
        gap:0.5rem;
    }
    .tf_slb_download > div, .tf_slb_download > a > div{
        margin-top:1.4rem;
    }
    .tf_spm_small{
        flex-direction:column;
        width:100%;
    }
    .tf_section_contact{
        flex-direction:column-reverse;
        gap:6rem;
    }

    
    .tf_cbooks_links{
        gap:0.8rem;
    }
}

@media (max-width:600px){
    .tf_cbooks{
        padding:2rem 4rem;
    }
    .tf_cbooks_links{
        flex-wrap:wrap;
        width:30rem;
        justify-content:center;
    }
}