@media(min-width:1200px){#bigContainer{max-width:600px !important}
#container{width:474px !important;height:474px !important}
}
@media(max-width:1199px){.slick-prev,.slick-next{top:-65px !important}
}
@media(max-width:991px){#ref-content{margin-bottom:50px}
}
.fabric-slider{position:relative}
h2.fabric-title{font-weight:200;margin:auto;font-size:4rem}
h2.fabric-title:after,h2.fabric-heading:after{content:none !important}
.fabric-subheading{font-weight:bold;font-size:15px}
.fabric-heading{font-weight:bold;font-size:17px}
.fabric-link{line-height:15px;font-size:14px}
#ref-content u{text-decoration:none}
#ref-content u a{color:#000;border-bottom:1px dotted #b3b3b3;text-decoration:none}
#ref-content a:hover{color:#da291c;transition:color .4s ease;cursor:pointer;text-decoration:none}
#fabric-button,.fabric-button{color:white !important;background:#da291c;padding:10px 55px;font-weight:500 !important;text-decoration:none;top:30px;position:relative}
.prev-button-fabric,.next-button-fabric{font-size:0}
.fabric-slider .slick-arrow{position:absolute;font-size:0;line-height:0;display:block;width:60px;height:60px;padding:0;transform:translate(0,-50%);cursor:pointer;color:transparent;border:0;outline:0;background:transparent}
.fabric-slider .slick-next{content:'';top:-30px;right:45px;z-index:99;opacity:1;order:20;background:white;position:absolute;border:0}
.fabric-slider .slick-prev{content:'';top:-30px;left:45px;order:-1;z-index:99;opacity:1;background:white;position:absolute;border:0}
.fabric-slider .slick-next:before{content:'';width:60px;height:60px;background:url("../ftnt-site/resources/img/arrow-new.svg");background-position:center;display:block;z-index:99}
.fabric-slider .slick-prev:before{content:'';width:60px;height:60px;transform:rotate(180deg);background-position:center;background:url("../ftnt-site/resources/img/arrow-new.svg");display:block;z-index:99;background-repeat:no-repeat;position:absolute;top:-5px}
.btn-fabric__active:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:2px;background:#da291c;z-index:9}
#bigContainer{text-overflow:ellipsis;position:relative}
#container{position:relative}
#bodymovin{position:absolute;width:100%;height:100%}
#borderLine{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;overflow:hidden}
#borderLine>svg{width:90%;height:90%;animation:blendBorder 1.5s ease-in-out,rotating 60s linear infinite}
#gradientBg{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%}
#gradientBg>svg{width:85.8%;height:85.8%;animation:blendGradientBG 2s ease-in-out normal}
#grid{position:absolute;display:flex;justify-content:center;align-items:center;width:100%;height:100%;left:.03;top:.13%}
#grid>svg{width:85.7%;height:85.7%;animation:blendGrid 2s ease-out .6s;animation-fill-mode:backwards}
#curves{position:absolute;width:108.5%;height:108.5%;margin-left:calc(8.5% / -2);margin-top:calc(8.5% / -2);pointer-events:none}
.circle_opacity_0{opacity:0}
.circle_opacity_1{opacity:.6;transition:opacity .3s ease-in-out}
.curveHidden{visibility:hidden}
.btn-fabric{background:white;width:130px;font-size:15px;border:0;padding:30px 20px;position:relative;border-top:1px solid #ccc}
:lang(es) .btn-fabric,:lang(pt) .btn-fabric{width:125px;padding:30px 15px}
:lang(es) .C829-Fabric-Animation .container button:nth-child(3),:lang(pt) .C829-Fabric-Animation .container button:nth-child(3){width:150px}
:lang(pt) .C829-Fabric-Animation .container button:nth-child(6){width:140px}
@media(max-width:1199px){.btn-fabric{display:none !important}
}
.btn-fabric.btn-fabric__active p{font-weight:bold}
.btn-fabric.btn-fabric__active{font-weight:bold}
.btn-fabric:focus,.fabric-slider .slick-next:focus,.fabric-slider .slick-prev:focus{outline:0}
.button_round{position:absolute;display:inline-block;border-radius:50%;opacity:0;visibility:hidden}
.button_round>svg{position:absolute;pointer-events:none}
.btnVisible{visibility:visible;opacity:1;cursor:pointer;transform:scale3d(1,1,1);transition:opacity .8s ease-in-out,transform .25s ease-in-out}
.button_round:hover,.btnHover{transform:scale3d(1.2,1.2,1)}
#btn_1{left:50%;top:50%;width:25%;height:25%;margin-left:calc(25% / -2);margin-top:calc(25% / -2)}
#btn_2{left:22.5805%;top:41.8029%;width:21.5%;height:21.5%;margin-left:calc(21.5% / -2);margin-top:calc(21.5% / -2)}
#btn_3{left:75.5805%;top:34.7195%;width:21.5%;height:21.5%;margin-left:calc(21.5% / -2);margin-top:calc(21.5% / -2)}
#btn_4{left:44.4972%;top:78.1779%;width:21.5%;height:21.5%;margin-left:calc(21.5% / -2);margin-top:calc(21.5% / -2)}
.border_btn_5{transform-origin:50% 50%;animation:blendBorder 1.5s ease-in-out,rotating 60s linear infinite}
#btn_5{left:83.2889%;top:74.8862%;width:18.8%;height:18.8%;margin-left:calc(18.8% / -2);margin-top:calc(18.8% / -2)}
#btn_6,#btn_6_bg{left:44.2381%;top:8.8459%;width:17.6%;height:17.6%;margin-left:calc(17.6% / -2);margin-top:calc(17.6% / -2)}
#btn_7,#btn_7_bg{left:55.761%;top:8.8459%;width:17.6%;height:17.6%;margin-left:calc(17.6% / -2);margin-top:calc(17.6% / -2)}
.btnMultiply{mix-blend-mode:multiply}
.btnBgHover{transform:perspective(100px) translate3d(0,0,15px)}
#maskCircle6{transition:transform .25s;transform-origin:100% 50%}
#maskCircle7{transition:transform .25s;transform-origin:0 50%}
.innerCircle1{transform:scale(0.98)}
.innerCircle2{transform:scale(1.2)}
.text{color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:100;font-size:9px;text-align:center;white-space:nowrap;user-select:none;position:absolute;display:inline-block;pointer-events:none;-webkit-font-smoothing:subpixel-antialiased;opacity:0;visibility:hidden;transform-origin:0 150%;transform:scale(1.0) translateX(-50%)}
.text p{font-size:9px;line-height:10px}
.text{font-size:9px;line-height:10px}
#bigContainer{visibility:hidden}
#label1{left:50%;top:43%}
:lang(ja) #label1{top:44%}
#label2{left:22.5805%;top:34.5%}
:lang(pt) #label2,:lang(es) #label2{left:22.5805%;top:35%}
#label3{left:75.5805%;top:29%}
#label3{top:27.5%}
#label4{left:44.4972%;top:72%}
:lang(ja) #label4{top:70.5%}
#label5{left:83.2889%;top:70%}
#label6{left:44.2381%;top:3%}
:lang(es) #label6,:lang(es) #label7{top:3.5%}
#label7{left:55.761%;top:3%}
.labelVisible{visibility:visible;opacity:1;transition:opacity .8s ease-in-out}
.labelScaleIn{transform:scale(1.2) translateX(-50%);transition:transform .25s ease-in-out}
.labelScaleOut{transform:scale(1) translateX(-50%);transition:transform .25s ease-in-out}
.greyOutFilter{animation:greyOut .3s ease-out both}
.blendIn{animation:blend_btn1 2s ease-in-out normal;animation-delay:1.3s}
@keyframes blend_btn1{from{opacity:0;visibility:hidden;transform:perspective(100px) translate3d(0,0,-15px)}
to{opacity:1;visibility:visible;transform:perspective(100px) translate3d(0,0,0.01px)}
}
@keyframes blendBorder{from{opacity:0;width:98%;height:98%}
to{opacity:1;width:90%;height:90%}
}
@keyframes blendGradientBG{from{opacity:0}
to{opacity:1}
}
@keyframes blendGrid{from{opacity:0;transform:perspective(100px) translate3d(0,0,-15px)}
to{opacity:1;transform:perspective(100px) translate3d(0,0,0.01px)}
}
@keyframes rotating{from{transform:rotateZ(0)}
to{transform:rotateZ(360deg)}
}
@keyframes greyOut{from{filter:brightness(100%) grayscale(0)}
to{filter:brightness(105%)grayscale(100%)}
}
@media only screen and (max-width:667px){#fabric-button,.fabric-button{padding:10px 30px !important;display:inline-block}
}