.home-wrp{overflow: hidden;}

section.home-sec-hero{display: flex;height: 100vh;align-items: flex-start;padding-top: 13vh;/* padding-bottom: 10vh; */position: relative;}
section.home-sec-hero .top-slider{content: "";position: absolute;bottom:0;left:0;width: 50%;height: 8vh;background: #470f21;}
section.home-sec-hero .bottom-slider{content: "";position: absolute;top:0;right:0;width: 40%;height: 75vh;background: #470f21;}
section.home-sec-hero h3{font-size: calc(20px + 2vh);}
section.home-sec-hero h1{}

.hero-banner-01{position: relative;z-index: 9;height: 79vh;/*background: url("../img/home/hero-banner-01.jpg") no-repeat center center;background-size: cover;*/}

section.home-sec-01{text-align: center;padding: 150px 0px 100px 0px;}
section.home-sec-01 ul#myTab{display: inline-flex;margin-top: 40px;margin-bottom: 50px;}
section.home-sec-01 ul#myTab li{}
section.home-sec-01 ul#myTab li .nav-link{font-size: 14px;text-transform: uppercase;background: #ffffff !important;border: 1px solid #470f21;border-radius: 0px !important;padding: 15px 25px;outline:none;transition: all 300ms ease-in-out;}
section.home-sec-01 ul#myTab li .nav-link span{color: #470f21;font-weight: 600;display: inline-block;transform:scale(1);transition: all 100ms ease-in-out;}
section.home-sec-01 ul#myTab li .nav-link.active{background: #470f21 !important;transition: all 300ms ease-in-out;}
section.home-sec-01 ul#myTab li:nth-child(1) .nav-link.active{transform:scale(1.2) translateX(-14px);transition: all 300ms ease-in-out;}
section.home-sec-01 ul#myTab li:nth-child(2) .nav-link.active{transform:scale(1.2) translateX(14px);transition: all 300ms ease-in-out;}
section.home-sec-01 ul#myTab li .nav-link.active span{color: #ffff;transform: scale(.85);transition: all 100ms ease-in-out;}
section.home-sec-01 ul#myTab li .nav-link:hover,
section.home-sec-01 ul#myTab li .nav-link:focus,
section.home-sec-01 ul#myTab li .nav-link:active{outline:none;transition: all 300ms ease-in-out;}
.tiles-01-2,
.tiles-02-1{position: absolute;top: 35%;left: 0;right: 0;margin: auto;z-index: -1;width: 70%;}

section.home-sec-02{text-align: center;padding: 101px 0px;}
section.home-sec-02 .home-abt-txt{color: #fff;text-align: left;background: #470f21;padding: 14%;position: relative;}
section.home-sec-02 .home-abt-txt:before{content: "";position: absolute;top:0;left:0;width: 100%;height: 100%;background: url("../templates/img/shape-1.png") no-repeat center center;background-size: cover;}
section.home-sec-02 .home-abt-txt h2{position: relative;z-index: 9;}
section.home-sec-02 .home-abt-txt p{font-size: 21px;font-weight: 200;max-width: 470px;position: relative;z-index: 9;margin-bottom: 30px;}
section.home-sec-02 .home-abt-txt p strong{font-weight:700;}
section.home-sec-02 .home-abt-txt a{position: relative;z-index: 9;}
section.home-sec-02 .home-abt-video{display: inline-flex;text-align: center;width: 100%;height: 100%;position: relative;overflow: hidden;align-items: center;justify-content: center;background: black;}
section.home-sec-02 .home-abt-video video{/* width: 100%; */height: 100%;display: inline-block;margin: auto;}

section.home-sec-05{padding: 130px 0px 150px 0px;text-align: center;position: relative;}
section.home-sec-05:after{content: "";position: absolute;top:0;left:0;width: 100%;height: 66%;background:#470f21;}
section.home-sec-05 .container-fluid{position:relative;z-index:9;}
section.home-sec-05 h2{color: #ffffff;}
section.home-sec-05 p{color: #ffffff;font-size: 21px;font-weight: 200;text-transform: uppercase;}

/********************/
/*   homeSlider-04  */
/********************/
.home_sec-04 {padding: 50px 0px 150px 0px;position: relative;}
.home_sec-04:before {content: "";position: absolute;top: 13%;left: 0;width: 100%;height: 120%;background: url(../templates/img/shape-1.png) no-repeat center right;background-size: contain;filter: grayscale(1);opacity: .05;z-index: -1;}

#homeSlider-04 .home_sec-04 {text-align: left; position: relative;vertical-align: middle;}
#homeSlider-04 .home_sec-04:after {content: "";position: absolute;left: -5%;bottom: -12%;width: 110%;height: 0;/* background: #ffffff; */transform: rotate(0);transition: all 600ms ease-in-out 500ms;}
#homeSlider-04 .home_sec-04 h2 {font-family: 'Vidaloka';font-size: 10vh;color: #333333;letter-spacing: 5px;font-weight: 300;/* position: relative; */margin-bottom: 30px;margin-top: 0;display: inline-block;line-height: .8;opacity: 0;transform: translateY(30%);transition: all 200ms ease-in-out 600ms;}
#homeSlider-04 .home_sec-04 h3 {font-family: 'Oswald';font-weight: 300;line-height: 1.4;z-index: 2;color: #333333;font-size: 5vh;text-transform: uppercase;margin-bottom: 20px;opacity: 0;transform: translateY(30%);transition: all 200ms ease-in-out 1000ms;}
#homeSlider-04 .home_sec-04 p  {color: #343434;font-weight: 400;opacity: 0;max-width: 400px;transform: translateY(30%);margin-bottom: 35px;transition: all 200ms ease-in-out 1000ms;}
#homeSlider-04 .home_sec-04 a {opacity: 0;transform: translateY(30%);transition: all 500ms ease-in-out 1700ms;}

.btn-Tiles-3d {font-size: 13px;/* font-weight: 500; */border-radius: 0px;position: relative;transition: all 200ms ease-in-out;display: inline-block;width: 100%;cursor: pointer;}
.btn-colletions:after {content: "";position: absolute;top: 0;right: 0;width: 0%;height: 100%;background: #000000;z-index: 0;transform: skew(-10deg);transition: all 200ms ease-in-out;}
.btn-Tiles-3d span.img {position: relative;z-index: 1;overflow: hidden;border-radius: 100px;border: 7px solid #fff;width: 65px;box-shadow: 0px 0px 11px rgba(52, 52, 52, 0.35);float: left;transition: all 100ms ease-in-out;}
.btn-Tiles-3d.active span.img img{border-radius:100px;border: 1px solid #ccc;}
.btn-Tiles-3d span.txt {position: relative;z-index: 1;width: calc(100% - 75px);height: 60px;padding-left: 10px;padding-top: 13px;color: black;font-size: 12px;float: left;transition: all 100ms ease-in-out;}

.btn-Tiles-3d.active span.img{/* box-shadow: 0px 0px 0px 1px #6b6b6b; */border: 7px solid #343434;transition: all 200ms ease-in-out;}
.btn-Tiles-3d.active span.txt{font-weight: 500;}

.Tiles-3d{width: 84%;height: 60vh;position: absolute;top: 0;left: 0;opacity:0;transition: all 500ms ease-in-out;}
.Tiles-3d.active{opacity:1;transition: all 500ms ease-in-out;}
.Tiles-3d.tab-3dTile-01{background:url(tab-Kitchen-View-01.jpg) repeat center center;background-size: cover !important }
.Tiles-3d.tab-3dTile-02{background:url(tab-Kitchen-View-02.jpg) repeat center center;background-size: cover !important }
.Tiles-3d.tab-3dTile-03{background:url(tab-Kitchen-View-03.jpg) repeat center center;background-size: cover !important }
.Tiles-3d.tab-3dTile-04{background:url(tab-Kitchen-View-04.jpg) repeat center bottom;background-size: cover !important;}

.Tiles-3d-img{width: 100vw;height: 60vh;display: table-cell;vertical-align: middle;}
.Tiles-3d-ContetBox{width: 100vw;height: 60vh;display: table-cell;vertical-align: middle;}
.Tiles-3d-ContetBox p{font-size: 21px;font-weight: 200;max-width: 510px;position: relative;z-index: 9;margin-bottom: 30px;}

#homeSlider-04.visible .home_sec-04:after {content: "";position: absolute;left: -5%;bottom: -12%;width: 110%;height: 19vh; background: #343434; transform: rotate(-4deg);transition: all 600ms ease-in-out 500ms;}
#homeSlider-04.visible .home_sec-04 h2 {opacity: 1; transform: translateY(0%); transition: all 500ms ease-in-out 1300ms; }
#homeSlider-04.visible .home_sec-04 h3 {opacity: 1; transform: translateY(0%); transition: all 500ms ease-in-out 1000ms; }
#homeSlider-04.visible .home_sec-04 p  {opacity: 1; transform: translateY(0%); transition: all 500ms ease-in-out 1500ms; }
#homeSlider-04.visible .home_sec-04 a {opacity: 1;transform: translateY(0%);transition: all 200ms ease-in-out 1600ms;}

 
/********************/
/*   homeSlider-04  */
/********************/

 
.interior-data{text-align: left;max-width: 310px;display: inline-block;margin-right: 17%;margin-top: 10%;}
.interior-data h2{color: #e66138;font-size: 32px;font-weight: 100;margin-bottom: 20px;line-height: 1.5;}
.interior-data h2 small{font-size: 50%;display: block;}
.interior-data h2 br{display:none;}
.interior-data p{font-size: 16px;margin-bottom:36px;width: 92%;}
.slick-list{overflow:hidden;}
.slick-slide{overflow:hidden;}
.slider-thumb-big{width: 100%;height: 79vh;background-position: center center !important;background-size: cover !important;transform: scale(1.4);filter: blur(10px);transition: all 1500ms ease-in-out;} 
.slick-slide.slick-current.slick-active .slider-thumb-big{transform: scale(1);position:relative;z-index:99;filter: blur(0px);transition: all 1500ms ease-in-out;}

.slider-thumb-small{width: 100%;height: calc(90px + 8vh);background-position: center center !important;transform: scale(.9);border: 10px solid #ffffff;box-shadow:0px 0px 1px 0px rgba(0,0,0,0);background-size: cover !important;transition: all 500ms ease-in-out;} 
.slick-slide.slick-current.slick-active .slider-thumb-small{transform:scale(.9);position:relative;box-shadow:0px 0px 10px 0px rgba(0,0,0,.1);z-index:99;transition:all 500ms ease-in-out;}

button.slick-prev.slick-arrow{font-size: 0;width: 40px;height: 30px;position:absolute;/* top: 50%; */bottom: 60px;left: -30px;background: url(../img/left-arrow.png) no-repeat transparent left center;background-size: contain;border:none;z-index: 1;}
button.slick-next.slick-arrow{font-size: 0;width: 40px;height: 30px;position:absolute;/* top: 60%; */bottom: 0vh;left: -30px;background: url(../img/right-arrow.png) no-repeat transparent right center;background-size: contain;border:none;z-index: 5;}
#owl-hero-original{/* padding-left: 30px; *//* padding-right: 30px; */}
#owl-hero-original button.slick-next.slick-arrow{/* display: none !important; */}

#owl-hero-replica{padding-right: 20px;padding-left: 27%;margin-top: 7vh;padding-bottom: 20px;}
#owl-hero-replica button.slick-prev.slick-arrow{display: none !important;}

#owl-hero-replica:after{content:"";position:absolute;top:0;left:1px;/* width: 100%; *//* height:100%; *//* background:black; *//* opacity: .2; */}
#owl-hero-replica .slick-list{/*opacity:.7;filter: grayscale(1);*/}

button.slick-prev.slick-arrow,
button.slick-next.slick-arrow{cursor:pointer;}
button.slick-prev.slick-arrow:hover,
button.slick-prev.slick-arrow:focus,
button.slick-prev.slick-arrow:active,
button.slick-next.slick-arrow:hover,
button.slick-next.slick-arrow:focus,
button.slick-next.slick-arrow:active{box-shadow:none;outline:none;}



/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {

	section.home-sec-hero h3{font-size:24px;text-shadow: 1px 0px BLACK;}
	
	.hero-banner-01,
	.slider-thumb-big{height: 45vh;}
	
	section.home-sec-hero{height: auto;padding-top: 120px;padding-bottom: 70px;}
	section.home-sec-hero .top-slider{width: 50%;height: 10px;}
	section.home-sec-hero .bottom-slider{height: 35vh;}
	section.home-sec-hero .col-xl-5.col-sm-12.offset-xl-1.pr-0,
	section.home-sec-hero .col-xl-5.col-sm-12.pl-0{padding-left: 15px !important;padding-right: 15px !important;}
	section.home-sec-hero .row.align-items-end{flex-direction: column-reverse;}
	section.home-sec-hero h3{margin-top: 50px;}
	#owl-hero-replica{display: none;}
	#owl-hero-original{}
	
	section.home-sec-01{padding: 70px 0px 30px 0px;}
	section.home-sec-01 ul#myTab{
    margin-top: 20px;
    margin-bottom: 30px;
}
	section.home-sec-01 ul#myTab li .nav-link{padding:10px 15px}
	
	section.home-sec-01 ul#myTab li:nth-child(1) .nav-link{}
	section.home-sec-01 ul#myTab li:nth-child(2) .nav-link{
    transform: scale(1) translateX(31px);
}
	
	section.home-sec-01 ul#myTab li:nth-child(1) .nav-link.active{transform: scale(1.2) translateX(14px);}
	section.home-sec-01 ul#myTab li:nth-child(2) .nav-link.active{transform: scale(1.2) translateX(12px);}
	
	section.home-sec-02{padding: 40px 0px 50px 0px;}
	
	section.home-sec-02 .col-xl-5{padding: 0px 15px !important;}
	section.home-sec-02 .home-abt-txt{padding: 40px 25px 40px 25px;}
	section.home-sec-02 .home-abt-txt p{font-size: 16px;max-width: 100%;}
	section.home-sec-02 .home-abt-video video{width: 100%;}
	
	.tab-content > .tab-pane{position: relative;}	
	.tab-content > .tab-pane .btn-knowmore{margin-top:30px;}
	.tiles-01-2, .tiles-02-1{top:30px !important;}
	
	.home_sec-04{padding: 50px 0px}
	.Tiles-3d-ContetBox{width: auto;height: auto;display: block;padding-top: 50px;}
	.Tiles-3d-ContetBox p{font-size: 16px;font-weight: 400;max-width:100%;padding-right: 25px;padding-;:;}
	
	section.home-sec-05{padding: 50px 0px 30px 0px;}
	section.home-sec-05:after{height:40%;}
	section.home-sec-05 p{font-size:16px;margin-bottom:0px;}
	.Tiles-3d-img, .Tiles-3d{width: 100%;height: 300px;}
	.f_colbox{/* margin-top: 40px; *//* padding: 0px 10px; */width: 100%;}
	
	
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {

}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {

}
 
/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1199px) {
	
	.hero-banner-01,
	.slider-thumb-big{height: 60vh;}
	
	section.home-sec-01{padding: 50px 0px;}
	section.home-sec-02{padding: 50px 0px;}
	
	section.home-sec-hero{height: auto;padding-top: 120px;padding-bottom: 15vh;}
	section.home-sec-hero .top-slider{}
	section.home-sec-hero .bottom-slider{}
	
	section.home-sec-hero .col-xl-5.col-sm-12.pl-0{padding-left: 15px !important;padding-right: 15px !important;}
	section.home-sec-hero .row.align-items-end{flex-direction: column-reverse;}
	section.home-sec-hero h3{margin-top: 50px;}
	#owl-hero-replica{display: none;}
	#owl-hero-original{}

	section.home-sec-01 ul#myTab{}
	
	section.home-sec-02 .home-abt-txt{padding:10vh;}
	section.home-sec-02 .home-abt-txt p{max-width: 100%;}
	section.home-sec-02 .home-abt-video video{width: 100%;}
	
	section.home-sec-02 .col-xl-5{padding: 0px 15px !important;}
	.home_sec-04{padding: 50px 0px}
	.Tiles-3d-ContetBox{width: auto;height: auto;display: block;padding-top: 50px;}
	.Tiles-3d-ContetBox p{max-width:100%;}
	
	section.home-sec-05{padding: 80px 0px 80px 0px}
	section.home-sec-05:after{height:40%;}
}

/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
	
}

/* iPad 3 (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (-webkit-min-device-pixel-ratio : 2),
only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (min-resolution: 192dpi) { 

}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
	
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
	
}

/* Retina displays ----------- */
@media  only screen 
and (-webkit-min-device-pixel-ratio : 2), 
only screen 
and (min-resolution: 192dpi) {

}