@font-face{
	src: local(Futura Book font), url("https://metric.id/assets/fonts/Futura Book font.ttf") format('truetype');
	font-family: "FuturaBook";
}

@font-face{
	src: local(Futura Round Light), url("https://metric.id/assets/fonts/Futura Round Light.ttf") format('truetype');
	font-family: "FuturaRoundLight";
}

@font-face{
	src: local(Futura Round), url("https://metric.id/assets/fonts/Futura Round.ttf") format('truetype');
	font-family: "FuturaRound";
}

@font-face{
	src: local(futura book bt), url("https://metric.id/assets/fonts/futura-book-bt-22240.ttf") format('truetype');
	font-family: "FuturaBookBT22240";
}

@font-face{
	src: local(futura bt), url("https://metric.id/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
	}
}