@font-face{ src: local(Futura Book font), url("../assets/fonts/Futura%20Book%20font.ttf") format('truetype'); font-family: "FuturaBook"; } @font-face{ src: local(Futura Round Light), url("../assets/fonts/Futura%20Round%20Light.ttf") format('truetype'); font-family: "FuturaRoundLight"; } @font-face{ src: local(Futura Round), url("../assets/fonts/Futura%20Round.ttf") format('truetype'); font-family: "FuturaRound"; } @font-face{ src: local(futura book bt), url("../assets/fonts/futura-book-bt-22240.ttf") format('truetype'); font-family: "FuturaBookBT22240"; } @font-face{ src: local(futura bt), url("../assets/fonts/futura-bt.ttf") format('truetype'); font-family: "FuturaBT"; } /*fonts end*/ .pointerBlass{ cursor: pointer !important; } .swiper-slide{ cursor: default; } .modal-unique iframe{ height: 800px !important; } .tooper-arrow{ height: 50px; display: flex; align-items: center; justify-content: flex-end; position: relative; margin-top: 20px; } .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after, .swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after{ content: '' !important; } .swiper-button-next:after, .swiper-button-prev:after{ font-family: unset !important; } .swiper-button-prev{ margin-right: 18px; } .swiper-button-next, .swiper-button-prev{ position: relative !important; top: unset !important; margin-top: unset !important; width: auto !important; right: unset !important; } .heading-vision{ height: 51px; margin-bottom: 3px; } div.owl-slideVision div.owl-dots{ top: -27px; } .prety-img{ width: 100%; object-fit: cover; } .item-banner > .banner-images{ /*width: 100%; height: 100vh;*/ object-fit: cover; } .banner.homeban{ overflow: hidden; margin-left: unset !important; margin-right: unset !important; } .banner.homeban::-webkit-scrollbar{ width: 0; } .vidBanner{ position: absolute; left: 0; right: 0; height: 100%; width: 100%; object-fit: cover; } .counter-banners{ height: 40px; margin-top: 0; display: flex; align-items: center; justify-content: flex-end; } .counter-banners .swiper-pagination, .counter-banners .swiper-pagination2{ margin-right: 50px; display: flex; height: 13px; align-items: center; } .counter-banners .swiper-pagination .swiper-pagination-bullet, .counter-banners .swiper-pagination2 .swiper-pagination-bullet{ border-radius: 0; width: 20px; height: 3px; } .counter-banners .swiper-pagination .swiper-pagination-bullet-active, .counter-banners .swiper-pagination2 .swiper-pagination-bullet-active{ background: darkgray; } .countingBannerHomes{ } /*.prety-img.img-1{height:489px;} .prety-img.img-2{height:326px;} .prety-img.img-3{height:483px;} .prety-img.img-4{height:325px;} .prety-img.img-5{height:614px;} .prety-img.img-6{height:325px;} .prety-img.img-7{height:182px;} .prety-img.img-8{height:326px;}*/ section.choose-us{ margin-top: 363px; } .box-icon-sunday { background: black; width: 66px; height: 66px; display: flex; justify-content: center; align-items: center; position: absolute; z-index: 999; right: -20px; top: -20px; } .box-icon-sunday img{ height: 1.8vw; } .landing-1, .landing-2, .mlanding-1, mlanding-2{ margin-bottom:50px; } .cat-feetpress span{ display: block; } .border-inspiraiton{ background: white !important; } .carousel-pressmob .owl-nav{ position: absolute; right: 0; bottom: 47px; z-index: 99; } .linerality span:nth-child(2){ background: transparent; border-radius: 100px; width: 4px; } .carousel-pressmob:after{ content: ''; position: absolute; background: white; bottom: 30px; right: 0; height: 68px; width: 50%; z-index: 9; } .carousel-pressmob .owl-dots{ right: 51px; bottom: 18px; z-index: 99; } .carousel-pressmob .owl-nav button.disabled{ display: none; } .carousel-pressmob .item img{ width: 1050px; height: 298px; object-fit: cover; object-position: center; } .banner-showroom .banner .idle-bron{ height: 100vh; object-fit: contain; object-position: bottom; } span.stand--line { background: black; height: 3px; width: 100%; position: absolute; left: 0; bottom: -18px; opacity: 0; } .showroom-tick{ margin-top: 48px; } .showroom-tick .btn-more{ width: 218px; } .linerality span:first-child{ margin-left: -64px; } .linerality span:nth-last-child(1){ margin-right: -52px; } .white-border{ background: white !important; } .black-border{ background: black !important; } .add-scept img{ height: 32px; width: 12rem; object-fit: contain; } .support__ .moz-wrapping { width: 38rem; display: unset; } .support__ .moz-wrapping .centered{ display: flex; justify-content: center; } .support__ .moz-wrapping .add-scept{ display: block; margin-bottom: 17px; filter: grayscale(1); transition: .6s ease-in-out; } .support__ .moz-wrapping .add-scept:hover{ filter: grayscale(0); } .big-text{ font-family: "FuturaBook" !important; font-weight: 600; } .sm-text{ font-family: "FuturaBT" !important; } .sm-text span{ color: #6A6969; } body,html{ overflow-x : hidden; } .chick-desck{ font-family: "FuturaRoundLight" !important; } .list-item li{ position: relative; overflow: hidden; height: 42px; padding-right: 0 !important; margin-right: 20px; } .list-item li a{ overflow: hidden; } section.inspi-detail .filter-fas .card, .blog-cordion .card{ border-bottom: 1px solid white; position: relative; border-radius: 0; } .blog-cordion .card{ border-bottom: 1px solid black !important; } section.inspi-detail .filter-fas .card:after, .blog-cordion .card:after{ content: ""; position: absolute; height: 3px; border-radius: 100px; width: 141px; background: #FAFAFA; bottom: -2px; right: 0; } .blog-cordion .card:after{ background: black; } section.inspi-detail .filter-fas .card .card-header, .blog-cordion .card .card-header{ padding: unset; background: unset; border-bottom: unset !important; } section.inspi-detail .filter-fas .card .card-header:after { content: ""; position: unset; height: unset; border-radius: unset; width: unset; background: unset; bottom: unset; } .checkid{ font-family: "FuturaBook" !important; font-weight: 600; } .addressed{ font-family: "FuturaBT" !important; } .moz-marxkim .checkid.active, .card-sort .checkid.active{ color: black !important; } .moz-marxkim .checkid.active .checkmark, .card-sort .checkid.active .checkmark{ background-color: black; } .carousel-flix{ width: 70%; } .animated_link{ } footer{ padding-top: unset; position: relative; margin-top: 100px; border-top: unset; } footer .list-nav{ font-family: "FuturaBT" !important; } .whatsappIm{ margin-top: 25px; } .whatsUp { margin-bottom: 10px; } .whatsUp a{ text-decoration: none; color: #1A1A1A; } .whiteness{ color: white; } .removeWhitness{ color: black; } div.widthly{ width: auto !important; } .checkid.active{ color: white !important; } .checkid.active .checkmark{ background-color: white; } .ticky-itch{ margin-top: 114px; margin-bottom: 117px; } .carousel-dt-big .owl-nav{ margin-top: 0; bottom: -81px; } .detail-inspiraiton-v .mores{ margin-top: 66px; } section.testimonial .counting-star { bottom: 115px; } .detail-inspiraiton-v .tiger-content{ margin-top: 50px; } .block-tv .grid-item{ display: flex; justify-content: center; flex-direction: column; align-items: center; text-decoration: none; color: #474646; } .block-tv .grid-item .desc{ text-align: center; margin-top: 20px; } .block-tv .grid-item .desc > span{ display: block; text-align: center; } .navbar-nav .list-item li a:hover:after{ content: unset !important; } .navbar-metric div.navbar-nav .lang-item{ margin-left: 40px; } .pagination-under-block { position: absolute; bottom: -83px; height: 45px; width: 100%; } .relative-common{ height: 42px; overflow: hidden; } .relative-common .current-page{ bottom: 17px !important; display: flex; align-items: center; } .relative-common .pageination{ bottom: 17px !important; } .pageination a{ text-decoration: none; } .pageination .prev{ margin-right: 15px; } /*pagination inspiration*/ .inspi-detail .pageination{ position: absolute; bottom: 0; right: 0; filter: invert(1); line-height: 0; } .inspi-detail .current-page{ position: absolute; bottom: 0; left: 0; color: white; line-height: 0; margin: 0; font-size: 14px; } .inspi-detail .current-page a{ background: #D7D7D7; font-size: 0; height: 2px; width: 10px; overflow: hidden; text-decoration: none; display: block; float: left; } .inspi-detail .current-page a.active{ background: #FFFFFF; } /*pagination metric-tv*/ .metricTv .pageination{ position: absolute; bottom: -76px; right: 0; line-height: 0; } .metricTv .current-page{ position: absolute; bottom: -76px; left: 0; color: #1A1A1A; line-height: 0; margin: 0; font-size: 14px; } .metricTv .current-page a{ background: #D7D7D7; font-size: 0; height: 2px; width: 10px; overflow: hidden; text-decoration: none; display: block; float: left; } .metricTv .current-page a.active{ background: #1A1A1A; } /*pagination blog*/ .blog-pagination{ height: 35px; margin-top: 7%; } .blog-pagination .pageination{ position: absolute; bottom: 0px; right: 0; line-height: 0; } .blog-pagination .current-page{ position: absolute; bottom: 0px; left: 0; color: #1A1A1A; line-height: 0; margin: 0; font-size: 14px; } .blog-pagination .current-page a{ background: #D7D7D7; font-size: 0; height: 2px; width: 10px; overflow: hidden; text-decoration: none; display: block; float: left; } .blog-pagination .current-page a.active{ background: #1A1A1A; } .support__{ padding-top: 48px !important; } /*pagination m-inspiration*/ .inspi-detail .grid-mob{ position: relative; padding-bottom: 1px; margin-bottom: 30px; } .inspi-detail .grid-mob .pageination{ position: absolute; bottom: 0; right: 0; filter: invert(1); line-height: 0; display: flex; } .inspi-detail .grid-mob .pageination a{ margin-bottom: 0; } .inspi-detail .grid-mob .pageination a:nth-child(2){ margin-left: 10px; } .inspi-detail .grid-mob .pageination a img{ max-width: 40px; width: 100%; height: auto; object-fit: unset; } .inspi-detail .grid-mob .current-page{ position: absolute; bottom: 0; left: 0; color: white; line-height: 0; margin: 0; font-size: 14px; } .inspi-detail .grid-mob .current-page a{ background: #D7D7D7; font-size: 0; height: 2px; width: 10px; overflow: hidden; text-decoration: none; display: block; float: left; margin-bottom: 0; } .inspi-detail .grid-mob .current-page a.active{ background: #FFFFFF; } .carousel-blogMore .owl-dots { right: 47px; margin-top: unset; bottom: 47px; } .carousel-blogMore .owl-nav{ position: absolute; right: 0; margin-top: 1%; } .carousel-blogMore .owl-nav button.disabled{ display: none; } .blog-press .countedBlog { right: 0px; margin-top: -31px; } /*pagination m-metric-tv*/ .metric-wrap .grid-mmob{ margin-bottom: 30px !important; } .metric-wrap .grid-mmob .pageination{ position: absolute; bottom: 0; right: 0; line-height: 0; display: flex; } .metric-wrap .grid-mmob .pageination a{ margin-bottom: 0; } .metric-wrap .grid-mmob .pageination a:nth-child(2){ margin-left: 10px; } .metric-wrap .grid-mmob .pageination a img{ max-width: 40px; width: 100%; height: auto; object-fit: unset; } .metric-wrap .grid-mmob .current-page{ position: absolute; bottom: 0; left: 0; color: #1A1A1A; line-height: 0; margin: 0; font-size: 14px; } .metric-wrap .grid-mmob .current-page a{ background: #D7D7D7; font-size: 0; height: 2px; width: 10px; overflow: hidden; text-decoration: none; display: block; float: left; margin-bottom: 0; } .metric-wrap .grid-mmob .current-page a.active{ background: #1A1A1A; } /*pagination m-blog*/ .m-blog .gate{ padding-bottom: 30px; } .gate .pageination{ position: absolute; bottom: 0; right: 0; line-height: 0; display: flex; } .gate .pageination a{ margin-bottom: 0; } .gate .pageination a:first-child{ margin-right: 10px; } .gate .pageination a img{ max-width: 40px; width: 100%; height: auto; object-fit: unset; } .gate .current-page{ position: absolute; bottom: 0; left: 0; color: #1A1A1A; line-height: 0; margin: 0; font-size: 14px; } .gate .current-page a{ background: #D7D7D7; font-size: 0; height: 2px; width: 10px; overflow: hidden; text-decoration: none; display: block; float: left; margin-bottom: 0; } .gate .current-page a.active{ background: #1A1A1A; } /*pagination m-landing-1*/ .mlanding-1 .land_testi{ margin-bottom: 30px !important; } .mlanding-1 .land_testi .pageination{ position: absolute; bottom: 0; right: 0; line-height: 0; display: flex; } .mlanding-1 .land_testi .pageination a{ margin-bottom: 0; } .mlanding-1 .land_testi .pageination a:first-child{ margin-right: 10px; } .mlanding-1 .land_testi .pageination a img{ max-width: 40px; width: 100%; height: auto; object-fit: unset; } .mlanding-1 .land_testi .current-page{ position: absolute; bottom: 0; left: 0; color: #1A1A1A; line-height: 0; margin: 0; font-size: 14px; } .mlanding-1 .land_testi .current-page a{ background: #D7D7D7; font-size: 0; height: 2px; width: 10px; overflow: hidden; text-decoration: none; display: block; float: left; margin-bottom: 0; } .mlanding-1 .land_testi .current-page a.active{ background: #1A1A1A; } .carousel-dt-big .owl-nav{ margin-top: -25px; } .carousel-blogMore .owl-dots{ bottom: -64px !important; } .tick-tour{ margin-top: 112px !important; margin-bottom: 0 !important; padding-top: 0; } .tick-tour .tour-btn{ width: 218px; } /*showroom*/ .sroom-desc-category{ font-size:38px; margin-top: 172px; margin-bottom: 167px; padding-right: 50px; font-family: "FuturaBT"; } .sroom-row{ border-bottom: 1px solid #B0B0B0; padding-bottom: 80px; margin-bottom: 80px } .sroom-row:nth-last-child(1){ border-bottom: 0; } .sroom-title{ font-size: 30px; margin-bottom: 10px font-family: "FuturaBT"; } .sroom-address{ font-size: 22px; font-family: "FuturaRoundLight"; color: #6A6969; } .sroom-contact{ margin: 0; padding: 0; margin-top: 20px; } .sroom-contact li{ list-style: none; margin-bottom: 10px; font-size: 18px; font-family: "FuturaRoundLight"; } .sroom-contact li span{ display: block; margin-right: 17px; float: left; font-weight: 600; font-family: "FuturaRoundLight"; } .sroom-contact li a{ text-decoration: none; color: #1A1A1A; } .sroom-carou .showroom-slide .owl-dots{ right: 43px; margin-top: 27px; } .sroom-carou .counting-star{ right: 7px; margin-top: 18px; } .quotes.whear{ padding-left: 200px; } .carousel-dt-big .owl-dots{ right: 258px; margin-top: 116px; } div.about_banner{ height: auto; } section.whe .banner.about_banner:after{ bottom: 0 } section.whe .whear{ margin-top: 0; bottom: 51px; } @media screen and (min-width: 1024px){ .lb-dataContainer .lb-data .lb-closeContainer .lb-close{ position: absolute; top: 0; right: 0; margin-right: 4%; } } .homeban:after{ content: ''; position: absolute; left: -14px; right: -11px; bottom: -108px; height: 188px; -webkit-box-shadow: inset 0px -127px 19px 2px #fff; -moz-box-shadow: inset 0px -127px 19px 2px #fff; box-shadow: inset 0px -127px 19px 2px #fff; z-index: 9; } .banner .banner_qs{ color: #1A1A1A; border-color: #1A1A1A; z-index: 10; bottom: 36px; } #myVideo{ min-height: 60%; } .carousel-Big{ right: 200px; margin-top: 115px; } .navbar-metric.headerHomepage.spyShow .navbar-brand{ filter: unset; } .navbar-metric.headerHomepage.spyShow .navbar-brand .metric-black{ display: block !important; } .navbar-metric.headerHomepage.spyShow .navbar-brand .metric-white{ display: none; } .banner_qs p{ font-size: 34px; } .navbar-metric.headerHomepage .navbar-nav ul li a{ text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25); } .countSizing{ position: absolute; font-size: 14px; color: #6A6969; font-family: "FuturaRoundLight"; } .countSizing span{ color: #1A1A1A; font-weight: 600; } .countBig{ right: 200px; top: 17px; } .srooms{ right: 7px; margin-top: 16px; } .cat-nextpress .carousel-press:after{ content:" "; position: absolute; bottom: 0; right: 0; height: 100px; width: 16vw; background-color: white; } .cat-nextpress .carousel-press .owl-dots{ margin-top: 0; bottom: 43px; } .cat-nextpress .carousel-press .owl-nav{ position: absolute; right: 0; bottom: 70px; margin-top: 1%; z-index: 1; } .cat-nextpress .carousel-press .owl-nav button.disabled{ display: none; } .owl-carousel .owl-nav button.owl-prev{ margin-right: 10px; } .counterMores { right: 0; bottom: 34px; z-index: 1; } .inspi-detail .filter-fas .mox-fac{ filter: invert(1); } .item-flex .box-icon{ z-index: 9; } .masonry-img{ filter: grayscale(100%); transition: .6s linear; } .masonry-img:hover{ filter: grayscale(0%); transition: .6s linear; } .OpModalMetric{ display: flex; justify-content: center; align-items: center; flex-direction: column; text-decoration: none; } .OpModalMetric img{ width: 100%; object-fit: cover; } .OpModalMetric .desc{ margin-top: 20px; } .OpModalMetric .desc span{ display: block; text-align: center; font-size: 16px; } .OpModalMetric .desc span:first-child{ color: #474646; font-family: "FuturaBT"; } .bone-inspiration .OpModalMetric .desc span:first-child{ color: white; } .OpModalMetric .desc span:nth-child(2){ color: #6A6969; font-family: "FuturaRoundLight"; } .container-bone.bone-metric{ height: 88vw; } .bone-metric .item-flex:first-child{ padding-top: 0; } .pagination-info{ position: absolute; bottom: 12px; left: 0; right: 0; } .container-bone{ padding-left: 0; padding-right: 0; } .bone-inspiration{ position: relative; } .bone-inspiration .item-flex:first-child{ padding-top: 15px; } .bone-inspiration .current-page{ bottom: 0; } .bone-inspiration .pageination{ bottom: 0; } .bone-choose{ height: 133rem; margin-top: 21rem; } .modal-tv{ top: 38px; } .modal-tv .modal-content{ background: transparent; border: 0; } .modal-tv .modal-content .modal-body{ padding: 0; } .carousel-blogMore .item img { height: 455px; object-fit: cover; object-position: center; } .cat-nextpress .carousel-press .item img{ height: 455px; object-position: center; } .moz-inspidetail{ margin-top: 40px; } .wrapp-modal-flix { position: absolute; left: 0; right: 0; top: 0; bottom: 0; } .linerality span{ height: 27px; width: 3px; } .twentytwenty-handle { top: 50% !important; margin-left: -5px !important; width: 10px !important; height: 15% !important; cursor: col-resize; } .linerality span:first-child:before{ font-size: 17px; font-weight: 500; } .linerality span:nth-last-child(1):after{ font-size: 17px; font-weight: 500; } section.choose-us .choose_qs{ top: -9%; } .thistime .owl-stage{ transform: translate3d(0px, 0px, 0px) !important; } .wrap-footer{ position: relative; padding-top: 4%; } body.bg-dark footer .wrap-footer:before{ background-color: #FAFAFA; } footer.dekstop-bb .wrap-footer:before{ content: ''; height: 1px; background-color: black; left: 0; right: 0; position: absolute; top: 0; } .pointer-maps-vb{ transform-origin: bottom; } .pointer-maps-vb:hover path{ animation-name: twingTwing; animation-duration: 2.3s; } @keyframes twingTwing { 0% { transform: translateY(0); } 50% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .headerHomepage.spyShow .stand--line{ background: black !important; } /*masonry homepage responsive*/ @media screen and (max-width: 1885px){ .bone-choose { height: 134rem; } } @media screen and (max-width: 1813px){ .bone-choose { height: 136rem; } } @media screen and (max-width: 1645px){ .bone-choose { height: 138rem; } } @media screen and (max-width: 1602px){ .bone-choose { height: 140rem; } } @media screen and (max-width: 1517px){ .bone-choose { height: 142rem; } } @media screen and (max-width: 1328px){ .bone-choose { height: 145rem; } } @media screen and (max-width: 1321px){ .bone-choose { height: 147rem; } } /*end masonry home*/ @media screen and (max-width: 1419px){ .container-bone.bone-metric { height: 94vw; } } @media screen and (max-width: 1839px){ .container-bone.bone-metric { height: 84rem; } } @media screen and (max-width: 1650px){ .owl-timeliner .owl-item.center a{ font-size: 20px; } } @media screen and (max-width: 1544px){ .owl-timeliner .owl-item.center a{ font-size: 18px; } } @media screen and (max-width: 1430px){ .owl-timeliner .owl-item.center a{ font-size: 16px; } } @media screen and (min-width: 1025px) and (max-width: 1500px){ .container-fluid{ padding-left: 100px !important; padding-right: 100px !important; overflow-x: hidden; } } @media screen and (min-width: 1714px) and (max-width: 1850px){ .container-bone.bone-metric { height: 92rem; } } @media screen and (max-width: 1024px){ ._full-touch{ width: 100%; } .m-lang{ margin-top: -20px !important; margin-right: 50px !important; } .MobileHome.side-side.spyShoot .m-lang li a.active:after{ background: #FAFAFA !important; } .notMobileHome.side-side .m-lang li a.active:after { background: #FAFAFA !important; } .MobileHome.side-side.spyShoot .m-lang li { color: #FAFAFA !important; } .notMobileHome.side-side .m-lang li { color: #FAFAFA !important; } .countingBannerHomes { position: absolute; bottom: 25px; z-index: 9; right: 15px; color: black; font-weight: 400; font-size: 20px; } } @media screen and (max-width: 1280px){ .container-bone.bone-metric { height: 72rem; } .modal-unique iframe{ height: 550px !important; } } @media screen and (min-width: 1340px) and (max-width: 1440px){ .modal-unique iframe{ height: 667px !important; } } @media screen and (max-width: 1024px){ .whatsappIm{ margin-top: 0; } .home-banner{ height: 95vh; } .section-e .grit .grid-item{ position:relative; } .section-e .grit .grid-item .box-icon{ top:-8px; right:-8px; } .row{ margin-right: -15px; margin-left: -15px; } .row>*{ padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 367px){ } @media screen and(max-width: 1288px){ .carousel-dt-big .owl-dots{ right: 100px; margin-top: 125px; } } @media screen and (max-width: 780px){ .modal-tv .modal-dialog .modal-body{ padding-top: 56.25% !important; } .quotes.banner_qs{ /*border-color: white;*/ padding-right: 10px; width: 80%; } .quotes.banner_qs p{ /*color: white;*/ font-size: 28px; line-height: 1.3; font-weight: 500; } } @media (min-aspect-ratio: 16/9) { .vidBanner{ width: 100%; height: auto; } } @media (max-aspect-ratio: 16/9) { .vidBanner { width:100%; height: 100vh; padding:0 } }