/* ------------------------------------------------------------------------------- */
/* Theme: Sizebay
/* Author: Weslei Silveira - www.wesleisilveira.com.br
/* Date: 07/06/2023
/* Version: 1.0
/* ------------------------------------------------------------------------------- */

.cases .card-brand,.home .hero small{position:absolute;top:0;left:0}body{width:100%!important;max-width:1920px!important;margin:0 auto!important;padding-top:14rem}.container,.container-lg,.container-md,.container-sm,.container-xl,.container-xxl{max-width:1320px;position:relative}.signup-offcanvas::-webkit-scrollbar-track{background:var(--color-black)}.signup-offcanvas::-webkit-scrollbar-thumb{background:var(--color-linen)}.newsletter-offcanvas::-webkit-scrollbar-track{background:var(--color-black)}.newsletter-offcanvas::-webkit-scrollbar-thumb{background:var(--color-linen)}.footer-brand{width:26rem;display:inline-block}.card-blog figure img{height:38rem}.card-blog figure figcaption{position:absolute;left:-.2rem;bottom:-.2rem}.newsletter .card{background:url('../images/backgrounds/bg-newsletter.webp') left center/cover no-repeat #0c0c0c}.cases .card-brand{width:102%;height:8rem;transform:translate(-.2rem,-100%)}.cases .card-brand img{width:auto;height:auto;max-width:20rem;max-height:4rem}.cases strong{font-family:var(--font-family-kassi);font-size:clamp(5rem, 5vw, 7.8rem);font-weight:var(--font-weight-regular);line-height:86%;text-transform:uppercase;display:block;margin:1rem 0}.cases .btn{min-height:fit-content;font-size:1.6rem;border-bottom:.2rem solid var(--color-black);padding:1rem 0}.home .hero-slide .slick-slide,.solutions .work{min-height:50rem}.cases .btn:focus,.cases .btn:hover{color:var(--color-terracota);border-bottom-color:var(--color-terracota)}.cases .btn svg{width:3.7rem;height:1.3rem}.cases .card-img-top{height:40rem}@media (max-width:767.98px){.cases .cases-slider-nav{margin-top:-.3rem}}.brands figure{width:100%;max-width:10rem;height:auto}.brands figure svg{width:100%;height:100%}@media (max-width:991.98px){.brands h3{width:100%;text-align:center;display:block;border:0!important}}.ribbon{width:100%;overflow:hidden}.ribbon p{background:url('../images/icons/icon-world.svg') left/2.8rem no-repeat;white-space:nowrap;padding:3rem 2rem 3rem 5rem;animation:10s linear infinite running-ribbon}@keyframes running-ribbon{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}.home .hero h1{font-size:9.2rem;line-height:80%}.home .hero .wrap-card{transition:width .6s cubic-bezier(.42, 1.2, .58, 1)}.home .hero-slide .slick-dots{bottom:3rem}.home .hero-slide img{width:auto;max-height:50rem}@media (min-width:1200px){.home .metrics .wrap-figures .img-fluid{transition:max-width .4s cubic-bezier(.47, 1.64, .41, .8)}.home .metrics .wrap-figure-horizontal .img-fluid{max-width:85%}.home .metrics .wrap-figure-vertical .img-fluid{max-width:90%}.home .metrics .wrap-figures:hover .img-fluid{max-width:100%}}.home .features,.solutions.mixmatch .benefits{position:relative;background:var(--color-black);z-index:1;padding-bottom:20rem}.home .features::after,.home .features::before{position:absolute;bottom:0;width:100%;height:100%;content:''}.home .features::before{background:var(--color-black);transform:skewY(-5deg);transform-origin:bottom right;z-index:-2}.home .features::after{background:url('../images/backgrounds/bg-stretch.svg') bottom right/192rem no-repeat;transform:translateY(17.2rem);z-index:-1}.home .features figure img,.solutions .features figure img{width:100%;object-fit:cover;object-position:center}.home .features figure figcaption,.solutions .features figure figcaption{width:100%;min-height:11rem}.home .features button>span,.home .features h3>span,.solutions .features button>span,.solutions .features h3>span{min-width:5rem;min-height:5rem}.home .features .tab-nav button,.solutions .features .tab-nav button{opacity:.5;transition:opacity .15s linear}.home .features .tab-nav button.active,.solutions .features .tab-nav button.active{opacity:1}.home .features .tab-nav button:not(.active) span,.solutions .features .tab-nav button:not(.active) span{background-color:#d9d9d9!important;opacity:.3}.home .features .slick-dots,.solutions .features .slick-dots{width:100%;text-align:left;bottom:12rem;left:1rem;transform:none}.home .numbers img{filter:grayscale(1)}.about .mark-container,.home .mark-container,.solutions .mark-container{position:relative}.about .mark-row,.home .mark-row,.solutions .mark-row{width:fit-content;display:block;position:relative;margin:0 auto}.about .mark-row h3,.home .mark-row h3,.solutions .mark-row h3{font-family:var(--font-family-kassi);font-size:16rem;line-height:80%;text-transform:uppercase;color:var(--color-black)}.about .mark-row p mark,.home .mark-row p mark,.solutions .mark-row p mark{font-family:var(--font-family-kassi);font-size:5rem;line-height:86%;text-transform:uppercase;color:currentColor;display:inline-block;position:relative;background:var(--color-black);margin-bottom:-.1rem;padding:.5rem 1rem}.about .team .card-img-right,.home .team .card-img-right{width:100%;height:15rem}.blog .sticky .card-body{min-height:10rem}.blog .sticky .slick-arrow{width:10rem;height:9.8rem;border-width:0;bottom:0;transform:none}.blog .sticky .slick-next{right:0;border-left-width:.2rem}.blog .sticky .slick-prev{right:10rem;border-right-width:.2rem;transform:rotate(180deg)}.blog .sticky .slick-dots{top:2rem;left:inherit;right:2rem;bottom:inherit;transform:none}.blog .sticky .slick-dots li>button{width:1.8rem;height:1.8rem;border-width:.2rem}.blog .article .btn-share{width:6rem;max-width:100%;height:5rem;padding:0}.demo .products .card img{height:100%}.thanks{background-color:var(--color-linen)}.thanks .container{background:url('../images/backgrounds/bg-thanks.svg') center/contain no-repeat;padding:15rem 0}.solutions .features,.solutions .hero{background:var(--color-black)}.solutions .features{position:relative;z-index:2}.solutions .work::before,.solutions.mixmatch .benefits::before{width:100%;height:100%;content:'';background:var(--color-terracota);position:absolute;bottom:0;transform:skewY(5deg);transform-origin:bottom right;z-index:-2}.solutions.mixmatch .support{padding:8rem 0 13rem}.solutions.sizefit .support::before{width:100%;height:28rem;content:'';background:url('../images/backgrounds/bg-stretch-v2.svg') bottom right/cover no-repeat;position:absolute;top:0;right:0;transform:translateY(-98%);z-index:-1}.about .results,.partner .integration,.solutions .support{position:relative;z-index:1}.solutions .support::after{width:100%;height:100%;content:'';background:var(--color-black);position:absolute;bottom:0;transform:skewY(5deg);transform-origin:bottom right;z-index:-2}.solutions .integration .card p{min-height:13rem}.solutions .integration .card span{width:7rem;max-height:12.8rem;font-size:12.8rem;line-height:100%;background-image:linear-gradient(to bottom,var(--color-linen) 50%,var(--color-white) 50%)}.solutions .compare table,.solutions .compare table tbody,.solutions .compare table tbody tr,.solutions .compare table thead,.solutions .compare table thead tr{width:100%;display:block}.solutions .compare table thead{background:var(--color-white);border-top:.1rem solid var(--color-black);border-bottom:.1rem solid var(--color-linen);position:sticky;top:9rem;z-index:1}.solutions .compare table tbody tr td,.solutions .compare table thead tr th{text-align:center;padding:3rem 0}.solutions .compare table tbody tr td:first-child,.solutions .compare table thead tr th:first-child{width:100%;display:inline-block}.solutions .compare table tbody tr td:not(:first-child),.solutions .compare table thead tr th:not(:first-child){width:24.49%;display:inline-block}.solutions .compare table tbody tr.bg-comfort{min-height:6rem;padding:2rem}.solutions .work{position:relative;z-index:1;padding:10rem 0}.solutions .work .container-fluid{margin-top:-6vw}.solutions .work .fs-330{font-size:clamp(22rem, 23vw, 33rem)!important;line-height:75%}.solutions .work .fs-30{line-height:120%}.solutions .work .fs-150{line-height:95%}.solutions .know-sizefit .fs-150{font-size:clamp(8rem, 12vw, 15rem)!important;line-height:86%}.partner .hero{height:30rem;background:url('../images/hero/sizebay-hero-partner.webp') center/cover no-repeat}.partner .hero h1{font-size:clamp(5rem,14vw,13rem)}.partner .integration::after{width:100%;height:100%;content:'';background:var(--background-base);position:absolute;bottom:0;transform:skewY(5deg);z-index:-2}.about .hero{height:50rem;background:url('../images/hero/sizebay-hero-about.webp') left/cover no-repeat;position:relative}.about .hero h2{font-size:clamp(4rem, 15vw, 8rem)}.about .hero .card{width:100%;max-width:630px;position:absolute;right:0;bottom:-10rem}@media (min-width:992px){.banner{height:72rem;background:url('../images/backgrounds/bg-banner.svg') center/161rem no-repeat;display:flex;align-items:center;position:relative;margin-bottom:-10rem}.cases .cases-slider-for .slick-list{padding-left:0!important}.cases .card-img-top{height:58rem}.cases .cases-slider-nav{position:absolute;bottom:0;transform:translateY(12rem)}.cases .card-brand{width:30rem}.home .hero .wrap-sizefit .card-img-top{object-position:left}.home .features .tab-sidebar,.legal .policy .sidebar,.solutions .features .tab-sidebar{position:sticky;top:12rem}.home .features figure img,.solutions .features figure img{max-width:64rem;height:60rem}.home .features figure figcaption,.solutions .features figure figcaption{max-width:64rem}.solutions.sizefit .bg-hero{height:68rem;z-index:0}.solutions.sizefit .bg-hero:before{width:96rem;height:100%;content:'';background:url('../images/hero/sizebay-hero-sizefit.webp') center/cover no-repeat;position:absolute;top:0;bottom:0;transform:translateX(16.9%);z-index:-1}.solutions.mixmatch .hero{height:70rem;background:url('../images/hero/sizebay-hero-mixmatch.webp') center/cover no-repeat}.solutions .compare table tbody tr,.solutions .compare table thead tr{display:flex;align-items:center}.solutions .compare table tbody tr td:first-child,.solutions .compare table thead tr th:first-child{width:25%;text-align:left}.solutions .compare table tbody tr td:not(:first-child),.solutions .compare table thead tr th:not(:first-child){width:18.75%}.solutions .know-sizefit .card img{max-width:520px;margin-top:-7rem}.partner .hero{height:47rem}.network .img-fluid{height:37.9rem;object-fit:cover}.partner .signup .bg-black{transform:translateY(-30px)}.about .hero{height:107rem}.about .hero h1{margin-top:250px!important}}@media (min-width:768px){.about .mark-row h3,.home .mark-row h3,.solutions .mark-row h3{font-size:26rem}.about .mark-row p,.home .mark-row p,.solutions .mark-row p{position:absolute}.about .mark-row p mark,.home .mark-row p mark,.solutions .mark-row p mark{font-size:clamp(1.5rem, 4vw, 5rem)}.home .mark-1{top:0;left:0;transform:translate(-100%,30%)}.home .mark-1>mark::before{width:100%;height:100%;content:'';background:url('../images/numbers/sizebay-numbers-cart.svg') center right/contain no-repeat;position:absolute;top:0;left:0;transform:translateX(-100%)}.home .mark-2{left:0;bottom:0;transform:translate(-100%,-12%)}.home .mark-3{top:0;right:0;transform:translate(100%,120%)}.home .mark-4{left:0;bottom:0;transform:translate(-100%,-9%)}.about .mark-2,.home .mark-5,.solutions .mark-2{right:0;bottom:0;transform:translate(100%,-9%)}.about .mark-3>mark:first-child::before,.home .mark-5>mark:first-child::before,.solutions .mark-4>mark:first-child::before{width:100%;height:100%;content:'';background:url('../images/numbers/sizebay-numbers-emoji.svg') center left/contain no-repeat;position:absolute;top:0;left:100%}.solutions.mixmatch .support{padding-bottom:20rem}.about .mark-1,.solutions .mark-1{left:0;bottom:0;transform:translate(-100%,-25%)}.solutions .mark-3{left:0;bottom:0;transform:translate(-100%,-8%)}.about .mark-3,.solutions .mark-4{right:0;bottom:0;transform:translate(100%,-8%)}}.about .results::before{width:100%;height:28rem;content:'';background:url('../images/backgrounds/bg-stretch-v2.svg') bottom right/cover no-repeat;position:absolute;top:0;right:0;transform:translateY(-68%);z-index:-1}.about .results::after{width:100%;height:100%;content:'';background:var(--color-black);position:absolute;bottom:0;transform:skewY(5deg);z-index:-2}


.footer-brand {
	align-items: center;
	display: grid;
	gap: 20px;
	grid-template-columns: 140px 30px 152px;
}
@media (max-width:580px) {
	.footer-brand {
		margin: 0 auto;
		grid-template-columns: 120px 25px 120px;
	}
}
.footer-brand span {
	color: #fff;
	font-size: 21px;
	text-align: center;
	display: inline-block;
}
.footer-brand img ,
.footer-brand svg {
	max-width: 100%;
}