@charset "UTF-8";
/* scrollbar */
body{font-family: "Ubuntu", sans-serif;}
html{
  scroll-behavior: smooth;
}
html, body{overflow-x:hidden;}
/* scrollbar */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(255, 255, 255, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(255, 255, 255, 0.3);
}
/* scrollbar */
header{position:relative;}
.sidebar{width:300px;background:#fff;height:100vh;position:fixed;left:-300px;top:0;z-index:1;transition:all 0.5s ease-in-out;padding:20px 30px;z-index:67;box-shadow:0 8px 15px rgba(0,0,0,0.1);overflow:hidden;}
.sidebar .navbar-brand{display:block;margin:0 auto;}
.side{width:100px;background:#fff;height:100vh;position:fixed;top:30px;z-index:60;transition:all 0.5s ease-in-out;padding:20px 10px;}
.menu-item.btn.btn-warning .nav-link{padding:0;}
.menu-item.btn.btn-warning{padding:8px 20px;}
.sidebar.active{/*box-shadow:0 5px 5px #ccc;*/left:0;}
.sidebar .list-unstyled{opacity:1;transition:all 0.5e ease-in-out;transition-delay:0.2s;}
.side .email{transform: rotate(-90deg);display:block;position:absolute;bottom:40%;width:100%;text-align:center;left:0;}
.sidebar .social{list-style:none;opacity:1;transition:all 0.5s ease-in-out;}
.sidebar .email{transform: rotate(0deg);}
.menu-button{text-align:center;display:block;width:50px;margin:20px auto 0;position:relative;cursor:pointer;}
.side .menu-button span, .side .menu-button span:before, .side .menu-button span:after{width:2px;background:#F4B41F;height:40px;display:inline-block;}
.side .menu-button span:before, .side .menu-button span:after{content:"";position:absolute;top:0;height:25px;}
.side .menu-button span:before{left:15px;}
.side .menu-button span:after{right:15px;top:10px;}
.navbar .btn.btn-warning{border-radius:100px;margin-left:20px;}
.navbar{padding-top:0;}
.nav-link{font-weight:bold;margin:0 6px;display:block;}
.banner{position:relative;height:100vh;overflow:hidden;}
.banner img{width:100%;}
.banner:before{background:rgba();}
.banner img:before{background:rgba();}
.banner.inner{height:auto;}
header .dropdown > .dropdown-menu{box-shadow:5px 5px 0px rgba(0, 0, 0, 0.3);border-radius:0;border:1px solid #eee;}
header .dropdown:hover > .dropdown-menu {display:block;margin-top:0;}
.sidebar .dropdown-menu{position:relative;transition:all 0.5s ease-in-out;border:0;background:#FFFBF1;border-radius:0;}
.sidebar .dropdown-menu.show{position:relative !important;transform:translate3d(0px, 0px, 0px) !important;}
.sidebar .dropdown-menu li{transition:all 0.5s ease-in-out;}
.sidebar .dropdown-menu li:hover{background:#ffc107;}
#primary-menu-list .dropdown-menu .nav-link{white-space:nowrap;}
.sidebar .nav-link{padding:5px 20px;}
.sidebar #primary-menu-list{margin-bottom:20px !important;}
.sidebar #social-menu{margin:0;}
.sidebar #social-menu .nav-link{padding:4px 14px;background:#eee;font-size:20px;}
.sidebar #social-menu .nav-link:hover{background:#A41317;color:#fff;}
.stand, .why-us, .love-design{padding:0 140px;}
.love-design{margin-top:50px;}
.logo-slider img{max-width:100%;padding:11px 18px;border:1px solid #eee;height:100px;width:100%;object-fit:contain;border-radius:10px;margin-bottom:20px;}
.video{max-height:500px;overflow:hidden;}
.video video{margin-top:-10%;}
.why-us .main-head{color:#A41317;}
.why-us{padding:100px 140px;}
.why-us .display-4{padding:30px 0;}
.stand h2{color:#EFAA0E;}
.stand h2 small{color:#666;font-weight:400;font-size:20px;display:block;margin-bottom:15px;line-height:normal;}
.stand img{}
.footer-widget .nav-link, .sidebar .nav-link{font-weight:normal;margin-left:0;}
.item{position:relative;overflow:hidden;}
.item .title{position:absolute;background:transparent;height:60%;width:100%;padding:20px;z-index:5;top:0;left:0;color:#fff;z-index:4;}
.item .title p, .item .title h3{color:#fff;opacity:0;transition:all 0.5s ease-in-out;}
.item:hover .title p, .item:hover .title h3{color:#fff;opacity:1;}
.item img{border-radius:15px;position:relative;height:400px;object-fit:cover;filter:grayscale(100%);}
.item:hover img{filter:grayscale(0);}
.item:before{content:"";opacity:1;position:absolute;top:0;left:0;z-index:1;background: rgb(0,0,0);border-radius:15px;
background: -moz-linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(2,2,2,1) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(2,2,2,1) 100%);
background: linear-gradient(0deg, rgba(0,0,0,0.3) 0%, rgba(2,2,2,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#020202",GradientType=1);width:100%;height:100%;opacity:0;}
.item:hover:before{opacity:0.6;}
.blog{padding:100px 0;margin:50px 0 0;}
.blog img{height:350px;object-fit:cover;}
.blog .title{background:#fff;position:absolute;padding:10px 20px;border-radius:0 5px 5px 0;bottom:0;z-index:1;left:12px;margin:0;width:85%;transition:all 0
	.5s ease-in-out;}
.blog .title:before{content:"\f178";font-family:FontAwesome;color:rgba(215,150,13,1);position:absolute;right:20px;top:20px;z-index:2;font-size:30px;}
.blog .title:hover:before{color:#fff;}
.blog .title:hover{background:rgba(215,150,13,1);}
.blog .title:hover h3, .blog .title:hover p{color:#fff;}
.blog .col-lg-3{position:relative;}
.blog .title p{margin:0;color:#333;}
.contact{/*padding:100px 0;margin:50px 0 0;*/}
.contact .social{margin:10px 10px 5px 0;}
.contact .form-control{font-size:14px;padding:30px 20px;font-weight:500;background:#F4F2EE;border:0;}
.contact textarea{border-radius:0;}
.abox{box-shadow: 0px 1px 10px 6px rgba(0, 0, 0, 0.03);padding: 35px 40px;border: 1px solid #f1f1f1;border-radius: 10px;}
.abox .card-text{color:#666;}
.about{padding:30px 130px;}
.about .card img{height:80px;display:block;margin:50px auto 0;width:80px;object-fit:contain;}
footer{background:#FFFBF1;}
footer .address{line-height:30px;}
footer a{color:#333;}
footer .social .nav-link{display:inline-block;margin: 0 19px 0 0;font-size:20px;padding:0;}
footer ul{list-style:none;margin:0;}
footer ul li{padding:5px 0;}
.copyright{background:#2C262B;}
.elementor-accordion-item{border-top:1px solid #E2E2E2 !important;margin-top:10px;}
/* text animation */
.m-scroll {
  display: flex;
  position: relative;
  width: 100%;
  height: 340px;
  margin: auto;
  overflow: hidden;
  z-index: 1;
}
.m-scroll__title {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  transform: scale(2);
  transition: all 1s ease;
}
.m-scroll__title1 {
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  white-space: nowrap;
  transform: scale(2.1);
  transition: all 0.5s ease;
}
.m-scroll__title > div {
  display: flex;
  animation: scrollText 90s infinite linear;
}
.m-scroll__title1 > div {
  display: flex;
  animation: scrollText 90s infinite linear;
  animation-direction: reverse;
}
.m-scroll__title h1 {
  margin: 0;
  font-size: 140px;
  color: rgba(215,150,13,0.2);
  transition: all 2s ease;
}
.m-scroll__title1 h2 {
  margin: 0;
  font-size: 140px;
  color: rgba(215,150,13,0);
  transition: all 2s ease;
  text-stroke: 1px rgba(215,150,13,1);
  -webkit-text-stroke:1px rgba(215,150,13,1);
}
.m-scroll__title a {
  text-decoration: none;
  color: white;
}
.m-scroll__title a:hover {
  -webkit-text-stroke: 1px white;
  color: transparent;
}
header.header{display:none;}
.entry-content img{width:100%;height:auto;}
.sticky-social-icon{position:fixed;right:0;top:20%;background:#eee;z-index:50;border-radius:10px 0 0 10px;}
/* .sticky-social-icon ul{list-style:none;margin:0;}
.sticky-social-icon ul li{display:block;padding:0;width:52px;} */
.sticky-social-icon a{font-size:30px;text-align:center;padding:5px 10px;display:block;}
.fshow{display:none;}
.fancybox-content .elementor-heading-title{color:#333;margin:20px 0;}
@keyframes scrollText {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
.container-fluid{padding:0 140px;}
header .container-fluid{padding:0;}

/* text animation */
/* typed animation */
.typed-out{
  overflow: hidden;
  border-right: .15em solid orange;
  white-space: nowrap;
  animation: 
    typing 1s forwards;
  font-size: 1.6rem;
  width: 0;
}
@keyframes typing {
  from { width: 0 }
  to { min-width: 100px; }
}

/* typed animation */

@media screen and (min-width:1px) and (max-width:768px){
	.side{display:none;}
	.container-fluid{padding:0;}
	.banner{height:auto;}
	.navbar .btn.btn-warning{margin:0 10px;}
	footer{padding:10px 0;}
	.stand, .why-us, .love-design{padding:10px;}
	.e-con-inner{display:block !important;width:100% !important;}
	.e-con-inner .elementor-element{display:inline-block !important;}
	.e-con-boxed{padding:0;}
	.about.text-center{padding:30px 10px;}
	footer .text-center.p-5{padding:20px !important;text-align:left !important;}
	footer .container{padding:20px;}
	.small-device{padding:10px 20px;}
	.m-scroll__title h1, .m-scroll__title1 h2{font-size:70px;}
	.m-scroll{height:173px;}
}