body{overflow-x: hidden;}
h2{padding-bottom: 25px;padding-top:15px;color: #506566; font-size: 1.6em;}
p{color: #00545d;}
a{text-decoration: none;color: #bd9672;}
.orange-color{color:#d35400;}
.light-green-color{color:#556766;}
.transparent-Txt{opacity: .6;}
/* nav */

/* .nav-links ul { 
	margin: 150px auto 0; 
	padding: 0; 
	list-style: none; 
	display: table;
	width: 600px;
	text-align: center;
  } */
.navbar-toggler {background-color: rgba(255, 255, 255, 0.2); color:#3f4e4f; border-right: solid 4px #bd9672; border-left:solid 4px #bd9672 ;}
.navbar-toggler-icon{color:  #bd9672; padding-top: 5px;}
  .nav-links li { 
	display: table-cell; 
	position: relative; 
	padding: 15px 0;
  }
  .nav-links a {
	padding: 10px 25px;
	position: relative;
  }
  .nav-links a:after {    
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	left: 50%;
	position: absolute;
	background: #fff;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0;
  }
  .nav-links  a:hover:after { 
	width: 100%; 
	left: 0; 
  }
  @media screen and (max-height: 300px) {
	  ul {
		  margin-top: 40px;
	  }
  }
  
.nav-link{color:white; margin-right: 20px;text-align: start;font-size: 1rem;padding-left: 20px;}
.nav-link:hover{color:#ffffff; border-radius: 10px; }
.nav-link .home {color:#bd9672;font-size: larger; font-weight: 700; }
.home:hover:after {    
	background: none repeat scroll 0 0 transparent;
	bottom: 0;
	content: "";
	display: block;
	height: 2px;
	left: 50%;
	position: absolute;
	background: #835d5d;
	transition: width 0.3s ease 0s, left 0.3s ease 0s;
	width: 0;
  }
.social-bar{position: fixed; right: 0px; top: 12%; background-color: #dcd7ca;opacity: .8;z-index: 11; width: 38px; border-top-left-radius: 20px; border-bottom-left-radius: 20px;transition: .5s;}
.social-bar:hover{opacity:1; transition: .5s;}
.social-bar i{font-size: 20px; color: #414e4f;margin-top: 5px;}

.navbar {width: 100%;position: absolute;top: 0;left: 0;z-index: 10;}


/* new slider */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
body{
	font-size: 17px;
	line-height: 30px;
	font-weight: 400;
	-moz-osx-font-smoothing: grayscale;
	word-break: break-word;
	-webkit-font-smoothing: antialiased;
	font-family: "Inter", sans-serif;
	margin: 0;
	overflow-x: hidden;
	background: #e8e4dc;
}
body, div {
	margin: 0;
	padding: 0;
}
*, *::before, *::after {
	box-sizing: border-box;
}
img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	vertical-align: middle;
	max-width: 100%;
	height: auto;
}
/* ============ Full Page Slider ================= */
.creative-fullpage--slider{
	background-color: #ffffff;
	z-index: 2;
	width: 100%;
	position: relative;
	flex-direction: column;
	height: 100vh;
	font-size: 16px;
	display: flex;
	clip-path: none !important;
}
.creative-fullpage--slider .slider-inner {
	background: #000;
	height: 100vh;
	position: relative;
}
.creative-fullpage--slider .swiper-slide {
	position: relative;
	display: flex;
	justify-content: center;
	text-align: left;
	flex-direction: column;
	overflow: hidden;
}
.creative-fullpage--slider .swiper-slide .slider-inner img 
{
	object-fit: cover;
	width: 100%;
	height: 100vh;
}
.creative-fullpage--slider .swiper-slide .slider-inner .swiper-content {
	position: absolute;
	top:35%;
	left: 50px;
	z-index: 1;
}
.creative-fullpage--slider .swiper-slide .slider-inner::after {
	content: "";
	position: absolute;
	width: 101%;
	height: 100%;
	top: 0;
	left: -1px;
	background-color: transparent;
	background-image: radial-gradient(at center right, #FFFFFF00 50%, #00000096 100%);
}
.swiper-slide .slider-inner .swiper-content .title-area .tag {
	color: #ffffff;
	font-weight: 900;
	font-size: 24px;
	margin-bottom: 10px;
	margin-top:0px;
}
.swiper-slide .slider-inner .swiper-content .title-area .title {
	margin-top: 50px;
	color: #fff;
	font-size: 4.5vw;
	font-family: "Inter", sans-serif;
	font-weight: 900;
	line-height: 1.1;
	text-transform: uppercase;
	margin-bottom: 50px;
	margin-left: -12px;
	text-decoration: none;
}
.swiper-slide .slider-inner .swiper-content p.disc {
	font-size: 20px;
	width: 100%;
	margin-top: 15px;
	margin: 20px 0px 40px 0px;
	font-weight: 400;
	line-height: 32px;
	color: #FFFFFFB0;
}
.swiper-content button{color: white; background-color: rgba(133, 92, 55, 0.9);}
.swiper-content button:hover{border: 2px solid  rgba(160, 126, 94, 1);}
.Scattered{
	letter-spacing: 35px;
	font-size: 26px;
color: #bd9672;}
.creative-fullpage--slider .swiper-container-h .swiper-button-next, 
.creative-fullpage--slider .swiper-container-h .swiper-button-prev {
	bottom: 5%;
	top: unset;
	transform: scale(1);
	transition: all 0.4s;
	background-color: #FFFFFF00;
	backdrop-filter: blur(20px);
	height: 85px;
	width: 85px;
	line-height: 85px;
	border-radius: 50%;
	transition: all 0.4s;
}
.creative-fullpage--slider .swiper-container-h .swiper-button-next {
	right: 50px;
}
.creative-fullpage--slider .swiper-container-h .swiper-button-prev {
	left: 50px;
}
.swiper-container-h .slider-pagination-area {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: unset;
	right: unset;
	bottom: 80px;
	left: 50% !important;
	transform: translateX(-50%);
	width: 500px;
	z-index: 1;
}
.slider-pagination-area h5{ 
  position: absolute;
  right: -60px;
  color: white;
  font-size: 2.3rem;
}



.swiper-container-h .slider-pagination-area .swiper-pagination .swiper-pagination-progressbar-fill {
	background: #ffffff;
}
.swiper-container-h .swiper-button-next::after {
	content: "\f061";
	font-family: var(--fa-style-family, "Font Awesome 6 Free");
	font-weight: var(--fa-style, 900);
	background: none;
	color: #ffffff;
	font-size: 60px;
}
.swiper-container-h .swiper-button-prev::after {
	content:"\f060";
	font-family: var(--fa-style-family, "Font Awesome 6 Free");
	font-weight: var(--fa-style, 900);
	background: none;
	color: #ffffff;
	font-size: 60px;
}
.swiper-container-h .swiper-button-next:hover, 
.swiper-container-h .swiper-button-prev:hover {
	background: #FFFFFF0D;
}


/* ====================== Responsive Ipad =============================== */
@media (max-width: 991px) {
	.creative-fullpage--slider .swiper-slide .slider-inner .swiper-content{
		width: 100%;
		text-align: center;
		left: 0;
	}
	.creative-fullpage--slider .swiper-container-h .swiper-button-next, 
	.creative-fullpage--slider .swiper-container-h .swiper-button-prev {
		height: 50px;
		width: 50px;
		line-height: 50px;
	}
	.swiper-container-h .slider-pagination-area{
		width: 200px !important;
	}
	.swiper-container-h .swiper-button-next::after, 
	.swiper-container-h .swiper-button-prev::after {
		font-size: 30px;
	}
	.creative-fullpage--slider .swiper-container-h .swiper-button-next, 
	.creative-fullpage--slider .swiper-container-h .swiper-button-prev{
		background: #ffffff3b;
	}
	.swiper-container-h .slider-pagination-area .swiper-pagination {
		bottom: 0 !important;
		width: 200px !important;
	}
}

/* ====================== Responsive Iphone =============================== */
@media screen and (max-width: 767px) {
	.swiper-slide .slider-inner .swiper-content .title-area .title {
		font-size: 64px;
	}
	.swiper-slide .slider-inner .swiper-content .title-area .tag{
		margin-bottom: 0px;
	}
	.swiper-slide .slider-inner .swiper-content p.disc{
		    margin: 20px auto 20px auto;
    font-size: 16px;
    width:95%;
	}
	.swiper-container-h .slider-pagination-area{
		display: none;
	}
	.swiper-slide .slider-inner .swiper-content p.disc br{
		display: none;
	}
}








.gearwheel-a {
	height:200px;
	width:200px;
	border-radius: 50% 50%;
	background: radial-gradient(circle, rgb(255, 255, 255) 10% black 10% black 20% transparent 20%), linear-gradient(0deg, transparent calc(50% - 10px), black calc(50% - 10px), black calc(50% + 10px), transparent calc(50% + 10px)), linear-gradient(90deg, transparent calc(50% - 10px), black calc(50% - 10px), black calc(50% + 10px), transparent calc(50% + 10px)), radial-gradient(circle, SandyBrown 40% black 40% black 60% transparent 60%), linear-gradient(22.5deg, transparent calc(50% - 19px), black calc(50% - 19px), black calc(50% + 19px), transparent calc(50% + 19px)) linear-gradient(45deg, transparent calc(50% - 19px), black calc(50% - 19px), black calc(50% + 19px), transparent calc(50% + 19px)) linear-gradient(67.5deg, transparent calc(50% - 19px), black calc(50% - 19px), black calc(50% + 19px), transparent calc(50% + 19px)) linear-gradient(90deg, transparent calc(50% - 19px), black calc(50% - 19px), black calc(50% + 19px), transparent calc(50% + 19px)) linear-gradient(112.5deg, transparent calc(50% - 19px), black calc(50% - 19px), black calc(50% + 19px), transparent calc(50% + 19px)) linear-gradient(135deg, transparent calc(50% - 19px), black calc(50% - 19px), black calc(50% + 19px), transparent calc(50% + 19px)) linear-gradient(157.5deg, transparent calc(50% - 19px), black calc(50% - 19px), black calc(50% + 19px), transparent calc(50% + 19px)) linear-gradient(180deg, transparent calc(50% - 19px), black calc(50% - 19px), black calc(50% + 19px), transparent calc(50% + 19px));
	position: absolute;
	bottom: 30px;
	left: 140px;
	animation: spin 10s linear infinite;
	z-index: 2;
}
.gearwheel-b {
	height: 100px;
	width: 100px;
	border-radius: 50% 50%;
	background: radial-gradient(circle, rgb(255, 255, 255) 10% black 10% black 20% transparent 20%), linear-gradient(34deg, transparent calc(50% - 10px), black calc(50% - 10px), black calc(50% + 10px), transparent calc(50% + 10px)), linear-gradient(124deg, transparent calc(50% - 10px), black calc(50% - 10px), black calc(50% + 10px), transparent calc(50% + 10px)), radial-gradient(circle, SandyBrown 40% black 40% black 60% transparent 60%), linear-gradient(79deg, transparent calc(50% - 19px), black calc(50% - 19px), black calc(50% + 19px), transparent calc(50% + 19px)) linear-gradient(124deg, transparent calc(50% - 19px), black calc(50% - 19px), black calc(50% + 19px), transparent calc(50% + 19px)) linear-gradient(169deg, transparent calc(50% - 19px), black calc(50% - 19px), black calc(50% + 19px), transparent calc(50% + 19px)) linear-gradient(214deg, transparent calc(50% - 19px), black calc(50% - 19px), black calc(50% + 19px), transparent calc(50% + 19px));
	position: absolute;
	bottom: 150px;
	left:290px;
	animation: spin 5s linear infinite reverse;
	z-index: 3;
}
.mech {
	position: absolute;
	bottom:0px;
	right: 0;
	margin: auto;
	width: 580px;
	height: 500px;
	z-index: 1;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
   }
	100% {
		transform: rotate(360deg);
   }
}








/* section1 */

.float{position: relative;}
.sec1-gear{position:absolute; top: 40px; left:-230px;z-index:0; animation: spin 5s linear infinite reverse;}
.sec1-align{align-items: center; }
.float h1 span {color:#d35400}




@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}

.sec1-data{
    width: 90%;
    height: 100%;
    max-width: 1170px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    grid-gap: 60px;
    padding: 35px 0;
}
.contentLeft{
    width: 100%;
}
.contentRight{
    width: 100%;
}
.contentLeft .row{
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
.contentLeft .row .imgWrapper{
	background-color: #222222;
    width: 100%;
    height: 450px;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 5px 10px 10px rgba(0, 0, 0, 0.15);
}
.contentLeft .row .imgWrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    user-select: none;
    transition: 0.3s ease;
}
.contentLeft .row .imgWrapper:hover img{
    transform: scale(1.5);
}
.contentLeft .row .imgWrapper:nth-child(odd){
    transform: translateY(-20px);
}
.contentLeft .row .imgWrapper:nth-child(even){
    transform: translateY(20px);
}
.contentRight .content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
}
.contentRight .content h4, .parts h4{
    font-size: 22px;
    font-weight: 400;
    color: #993f04;
}
.contentRight .content h1{
    color: #343434;
}
.contentRight .content p{
    font-size: 16px;
    color: #000000;
    line-height: 28px;
    padding-bottom: 10px;
}
.contentRight .content a{
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    letter-spacing: 1px;
    padding: 8px 30px;
    color: #fff;
    background: #d35400;
    border-radius: 8px;
    user-select: none;
}
@media(max-width: 768px){
    .container{
        grid-template-columns: 1fr;
    }
    .contentLeft .row{
        grid-template-columns: repeat(2, 1fr);
    }
    .contentLeft .row .imgWrapper{
        height: 150px;
    }
    .contentRight .content h4{
        font-size: 18px;
    }
}










.ser-btn-sec{background-color:#2d3639 ; background-size: cover; background-position: bottom center; background-repeat: no-repeat;}
.btns-align{align-items: center;}
.ser-btn-sec h3{font-size: 3em;font-weight: 700;}
.services-txt{background-size: cover; background-position: center; background-repeat: no-repeat; height: 70vh;}
.ser-btn-sec .service-btn{border-color:  #b69372 ; color: #ffffff; width:70%; margin-bottom: 10px; background-color: rgba(92, 120, 122,0); border-bottom: 3px solid  #b69372;border-top
:0; border-left: 0; border-right: 0; margin-top: 20px;}
.ser-btn-sec .service-btn2{border-color:  #b69372 ; color: #ffffff; width:90%; margin-bottom: 10px; background-color: rgba(92, 120, 122,.2); border-bottom: 3px solid  #b69372;border-top
	:0; border-left: 0; border-right: 0; margin-top: 20px;}
.ser-btn-sec .service-btn:hover{background-color: #d35400; color: white; width:70%; border-color:#ffffff  }
.ser-btn-sec .service-btn2:hover{background-color: #b69372; color: white; width:90%; border-color:#ffffff  }


.loading span {
	display: inline-block;
	margin: 0 -0.05em;
  }
  .loading06 span {
	position: relative;
	color: rgba(0, 0, 0, 0.5);
  }
  .loading06 span::after {
	position: absolute;
	top: 0;
	left: 0;
	content: attr(data-text);
	color:  #b69372;
	opacity: 0;
	transform: rotateY(-90deg);
	animation: loading06 4s infinite;
  }
  .loading06 strong span::after {
	color: #d35400;
	opacity: 0.2;
  }
  .loading06 span:nth-child(2)::after {
	animation-delay: 0.2s;
  }
  .loading06 span:nth-child(3)::after {
	animation-delay: 0.4s;
  }
  .loading06 span:nth-child(4)::after {
	animation-delay: 0.6s;
  }
  .loading06 span:nth-child(5)::after {
	animation-delay: 0.8s;
  }
  .loading06 span:nth-child(6)::after {
	animation-delay: 1s;
  }
  .loading06 span:nth-child(7)::after {
	animation-delay: 1.2s;
  }
  .loading06 span:nth-child(8)::after {
	animation-delay: 1.4s;
  }
  .loading06 span:nth-child(9)::after {
	animation-delay: 1.6s;
  }
  .loading06 span:nth-child(10)::after {
	animation-delay: 1.8s;
  }
  .loading06 span:nth-child(11)::after {
	animation-delay: 2s;
  }
  
  @keyframes loading06 {
	0%,
	75%,
	100% {
	  transform: rotateY(-90deg);
	  opacity: 0;
	}
	25%,
	50% {
	  transform: rotateY(0);
	  opacity: 1;
	}
  }
  






  /* section2 */
  .shake-offer .h6{color: white;}
.section2{background-color:  #ffffff;padding-left: 4%; }
.sec2-garage{position: relative;}
.sec2-move{position: absolute; left: -40px; bottom: 5px ;  width: 50%;}
.brand-logos{width: 17%;}
.brandParent{margin-bottom: 140px; margin-top: 100px;}
.brandParent h5, .brandParent .h5{background-color:  rgb(80, 61, 43) ; width: 140px; border-radius: 0 30px 0 30px; color: white;} 
.sec2-move2{position: absolute; left: 0; bottom: 5px;  animation: moveLeftBounce2 3s linear infinite; width: 40%;}
@keyframes moveLeftBounce2 {
  0% {
    transform: translateX(70px);
  }
  50% {
   transform: translateX(0px);
  }
  100% {
    transform: translateX(70px);
  }
} 




  @-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
    }
    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
}





/* fixed offer */
.fixed-item {
	position: absolute; /* Default position */
	top: -30px;
	left: 0;            /* Position within its section */
	background-color: #d35400;;
	color: white;
	border-radius: 0 30px 0 30px;
	z-index: 10;
  }
  .fixed-item i{
	color: white;
	font-size: 2.2em;
	transition: .5s
  }
  
  .fixed-item:hover i{
	color: white;
	font-size: 2.5em;transition: .5s;
  }
  .fixed-item.fixed {
    position: fixed;
    top: 40px;
    left: 0px;
}







#shake-icon {
    animation: bounce_shake 1.5s ease-out infinite;
}

@keyframes bounce_shake{
  0%   { transform: scale(1,1)      translateY(0); }
  10%  { transform: scale(1.1,.9)   translateY(0); }
  30%  { transform: scale(.9,1.1)   translateY(-5px); }
  32% { transform: scale(1.2) translateY(-5px); }
  35%, 40% { transform: scale(1.2) translateY(-5px) rotate(-20deg)}
  45%, 50% { transform: scale(1.2) translateY(-5px) rotate(20deg)}
  60%  { transform: scale(1.05,.95) translateY(0); }
  70%  { transform: scale(1.05,.95) translateY(0); }
  80%  { transform: scale(1,1)      translateY(-3px); }
  95%  { transform: scale(1,1)      translateY(0); }
  100% { transform: scale(1,1)      translateY(0); }
}

  









  #mainDivBrand{
	overflow: hidden;
	white-space: nowrap;
  }
  
  #div1 {
	display: inline-block;
	animation: marquee 10s linear infinite;
  }
  
  @keyframes marquee {
	from {
	  transform: translateX(100%);
	}
	to {
	  transform: translateX(-100%);
	}
  }





  .pulse {
	position: absolute;
	top: 54%;
	left: 57%;
	margin: -5px 0 0 -5px;
	width: 10px;
	height: 10px;
	background:  #a07e5e;;
	border-radius: 999px;
  }
  
  .pulse::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 10px;
	height: 10px;
	margin: -5px 0 0 -5px;
	background: rgba(160, 126, 94, 0.2);
	opacity: 0;
	border-radius: 999px;
	-webkit-animation: animation-pulse 800ms linear infinite;
	-moz-animation: animation-pulse 800ms linear infinite;
	-o-animation: animation-pulse 800ms linear infinite;
	animation: animation-pulse 800ms linear infinite;
  }
  
  @-webkit-keyframes animation-pulse {
	0% {
	  opacity: 0;
	}
	50% {
	  opacity: 1;
	  -webkit-transform: scale(10, 10);
	}
	100% {
	  opacity: 0;
	  -webkit-transform: scale(20, 20);
	}
  }
  
  @-moz-keyframes animation-pulse {
	0% {
	  opacity: 0;
	}
	50% {
	  opacity: 1;
	  -moz-transform: scale(10, 10);
	}
	100% {
	  opacity: 0;
	  -moz-transform: scale(20, 20);
	}
  }
  
  @keyframes animation-pulse {
	 0% {
	  opacity: 0;
	}
	50% {
	  opacity: 1;
	  transform: scale(10, 10);
	}
	100% {
	  opacity: 0;
	  transform: scale(20, 20);
	}
  }










/* <!-- Section3 --> */
.section3{background-position: center; background-size: cover;background-repeat: no-repeat; padding-top: 70px;padding-bottom: 70px;} 
.icon-bg i {color: #a07e5e; font-size: 3em;transition: 1s}
.icon-bg h5, .icon-bg .h5{color: #556766; margin-top: 20px; transition: 1s; }

.section3-inside:hover i{opacity: .2;}
.section3-inside:hover h5{opacity: .2;}

.icon-bg:hover i {font-size: 4em; transition: 1s; opacity: 1;color: #d35400; }
.icon-bg h5 {color: #556766; margin-top: 20px;}
.icon-bg:hover h5 { opacity: 1; color:  #a07e5e; font-weight: 600;transition: 1s; }




/* parts */
.parts{background-color: white; background-size: cover; background-position: bottom right; }
.parts .baige{color: #a07e5e; font-weight: 600; font-size: 1.2em; }
.parts-inside{align-items: center;}
.border-T{border-top: 2px solid  #ad9c8c;}
.border-B{border-bottom: 2px solid  #ad9c8c;}


.scroll-gear {
	width: 60%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 0 auto;
	
  }
  .gears{	margin-top: 30px; 
	margin-bottom: 30px;}
  
  .scroll-gear span {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	background-color: #aca096;
	height: 2px;
	margin: 0 16px;
  }
.gear {
	background-image: url(../img/twirl-gear1.webp);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	-webkit-transition: 0.65s ease-out;
	-o-transition: 0.65s ease-out;
	transition: 0.65s ease-out;
  }
  .gear1 {
	width: 40px;
	height: 40px;
  }
  .gear2 {
	width: 28px;
	height: 28px;
	margin: 0 0 14px -2px;
  }



/* section4 */
.contact-parent{background-color: transparent; margin-bottom: 100px; position: relative;}
.contact-parent h4{color: white;}
.contact-parent h3{color:  #b69372;}
.contact-num .free{border-top-left-radius: 30px;position: absolute; top:40%; left: 4%; width: 470px; border-left: 7px solid  #b69372;}
.contact-num .free2{border-top-left-radius: 30px;position: absolute; top:55%; left: 4%; width: 470px; border-left: 7px solid  #b69372;}
.contact-num h3:hover{font-size: 2em; transition: .5s; color:  #d35400;}
.contact-num h3 strong{color:  #d35400;}





/* section5 */
.section5{background-color:  #ffffff;}
.section5 ul{list-style-type: none;}
.section5 ul i {color: #d35400 ; margin-right: 10px;}
.section5 ul li{margin-right: 20px;text-align: start;font-size: 1rem;padding-left: 20px;margin-bottom: 15px;}
.section5 ul li:hover {background-color:#e8e4dc ; border-radius: 10px; }
.dot-line{position: relative;}
.section5 ul a{color: #556766;}
.section5 ul li:hover a{color: #d35400;}



#third{
  position: absolute;
  top: 90%;
  right: 0;
  width: 120px;
  height: 120px;
  animation: spinLast 1s alternate infinite ease-in;
}

@keyframes spinLast {
  0%   {}
100% {}
    from {
      transform:rotate(0deg);
  }
  to {
      transform:rotate(360deg);
  }
}


#last-twirl{
  position: absolute;
  top: 100%;
  right: 15%;
  width: 80px;
  height: 80px;
  animation: spinLast2 1s alternate infinite ease-in;
}
@keyframes spinLast2 {
  0%   {background: none}
100% {background:none;}
    from {
      transform:rotate(0deg);
  }
  to {
      transform:rotate(360deg);
  }
}




/* section6 */
.section6{background-color: #2c3639;}
.section6 p span{color: #ffffff  ; background-color:   #d35400 ; border-radius: 10px; transition: 1s;}
.section6 p span:hover{color: #ffffff  ; border-color:  #a07e5e ;  background-color: #556766; transition: 1s;}
.section6 h3 {color:  #a08e7d;}

/* background: linear-gradient(#00545d ,#0d3029); margin-top: 100px; */
.section6 h2{color: #a07e5e; }
.section6 h2 span{ color: #bebebe;}
.main-service p{ margin-bottom: 0px; color: #6ca7ac;}
.section6  p{  color: #bebebe;}

.main-service-inside{background-color: white; margin-left: 20px; padding-left: 0; padding-right: 0; }
.main-service-inside p{color:#00545d;}
.main-service-inside .service-btn{border-color:  #b69372 ; color: #ffffff; width:90%; margin-bottom: 10px; background-color: #414e4f; border-bottom: 3px solid  #b69372;}
.main-service-inside .service-btn:hover{background-color:#b69372 ; color: white; width:90%; border-color: #d35400 }


/* section7 */
.section7{background-size: cover; background-repeat: no-repeat;background-position: center ; background-attachment: fixed;}
.section7 h2, .section7 .h2{color: white; margin-top: -20px;}
.section7 h2 span{color:#b69372 }
.section7 h6, .h6{color: #a07e5e}
.review{background-color: rgba(255, 255, 255, 0.1);margin: 40px 10px;}
.review p{color: white;}
.align-stars{align-items: center;}




/* contact */
form .form-control{margin-top: 20px;padding-top: 10px; padding-bottom: 10px;background-color: rgba(255, 255, 255, 0.1); color: #f1f1f1;padding-left: 20px; border-bottom: #b69372 2px solid; border-top: none;border-right: none;border-left: none;}
.form-control::placeholder{color: #ffffff;}
.bg-form {position: relative;}
.bg-form img{position: absolute;left: 0; top: 60px;width: 50px; height: auto;}
.contact h3, .contact h4{margin-top: 30px; color:  #ffffff; }
.contact h4{font-size: 1.7em  }
.contact h3{opacity: .5;font-size: larger; transition: 1s;}
.contact h3:hover{opacity: 1;letter-spacing: 18px; transition: 1s;}

.contact h4 span{color: #b69372;}
form .btn-color {font-size:x-large; color: white; background-color: #b69372;padding-top: 5px;padding-bottom: 5px;margin-top: 15px;}
.btn-color:hover{color: #b69372; }

form.CUS input.subject { display: none; }
input.new-diagonal {
  background-color: #b69372;
  color: white;
  font-size: 1em;
  font-weight: 600;
   transition: 1s;
    letter-spacing: 1px;
}
input.new-diagonal:hover {
  background-color: transparent;
  color: #b69372;
  font-size: 1em;
  font-weight: 600;
  transition: 1s;
}

/* coupon */




.arrow {
    position: absolute;
    top: 70%;
    left: 30%;
    transform: translate(50%, 50%);
    transform: rotate(90deg);
    cursor: pointer;
}

.arrow span {
    display: block;
    width: 1.5vw;
    height: 1.5vw;
    border-top: 5px solid white;
    border-left: 5px solid white;
    transform: rotate(45deg);
    margin: 0px;
    animation: animate 2s infinite;
}

.arrow span:nth-child(2) {
    animation-delay: -0.2s;
}

.arrow span:nth-child(3) {
    animation-delay: -0.4s;
}

@keyframes animate {
    0% {
        opacity: 0;
        transform: rotate(45deg) translate(20px, 20px);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotate(45deg) translate(-20px, -20px);
    }
}
.porta .click{background-color:   #d35400 ; color: white;}
 






.garage{position: relative; background-color: #a27b5c; padding-top: 100px;}
.garage h5{color: #5b7072;}
.garagem {
	right: 50%;
	bottom: 0;
	display: block;
	width: 660px;
	height: 400px;
	border-radius: 10px 10px 0 0;
	background:
	  radial-gradient(black 15%, transparent 16%) 0 0,
	  radial-gradient(black 15%, transparent 16%) 8px 8px,
	  radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
	  radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
	background-color:#282828;
	background-size:16px 16px;
	box-shadow:         0px 10px 30px 10px rgba(50, 50, 50, 0.5);
	transform: translateX(25%);
  }
  .garagem .porta { 
	border-top: 2px solid #a27b5c ; border-left: 1px solid #5f4b3a ; border-right: 1px solid #5f4b3a ;
	padding-top:15%;
	position: absolute;
	left: 30px;
	top: 30px;
	display: block;
	width: 600px;
	height: 370px;
	background: black;
	overflow: hidden;
  }
  .garagem .porta h3{
	color: #a27b5c; 
  }
  .garagem .porta h2{
	color: #ffffff; font-size: 2em; letter-spacing:0;
  }
  .garagem .porta h2 strong{
	color: #d35400;font-size: 2.3em; 
  }
  .garagem .porta:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 600px;
	height: 370px;
	overflow: hidden;
	background-color:#c9c2bc;
	background-image: linear-gradient(transparent 50%, rgba(255,255,255,.5) 50%);
	background-size: 20px 20px;
	transition: all linear 0.6s;
  }
  .garagem:hover .porta:before {
	top: -370px;
  }
  .garagem:hover .porta:after {
	bottom: 370px;
  }
  .garagem .porta:after {
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	display: block;
	width: 50px;
	height: 10px;
	border-radius: 5px 5px 0 0;
	background: black;
	transform: translateX(-50%);
	transition: all linear 0.6s;
	opacity: .85;
  }
  .replace-coupon img {display: none;}







/* footer */
.footer{background: #2c3639; margin-top: 50pxd}
.areas a{color: white ; text-decoration: none;}
.areas h3{color: #dcd7c9;}
.areas p{color: white;margin-top:10px;}
.areas p span{color:#d1c3b7}
.footer hr{color: #dadada; width: 85%; }
.service-btn{background-color:  #b69372 ; color: white; width: 200px; height: 70px;}
.service-btn:hover{background-color:   #d35400 ; color: white; width: 200px;}
.float-footer-btn{position: absolute; top: -50px; left: 0%;}
.zip {color:#9b9b9b;position: relative; }
.zip p{color:#ffffff; opacity: .5;}
.zip strong{color: #b69372;}
.copyright{color: white;}
.data-footer p{color:#d1c3b7;}


.contact-info{
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.card{
    position: relative;
    flex: 1;
    max-width: 300px;
    height: 180px;
    background-color:#3f4e4f;
    margin: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon{
    font-size: 32px;
    color:  #b69372;
    transition: .3s linear;
}

.card:hover .icon{
    transform: scale(4);
    opacity: 0;
}

.card-content h3,
.card-content span{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    opacity: 0;
}




.card-content h3{
    top: 20px;
    text-transform: uppercase;
    color: #b69372;
}

.card-content span{
    bottom: 20px;
    color: #fff;
    font-weight: 500;
}

.card:hover h3{
    opacity: 1;
    top: 46px;
    transition: .3s linear .3s;
}

.card:hover span{
    opacity: 1;
    bottom: 46px;
    transition: .3s linear .3s;
}


@media screen and (max-width:900px){
    .card{
        flex: 100%;
        max-width: 500px;
    }
}



        




@media (max-width: 1500px)
 { 
	.pulse { top: 54%; left: 60%; }
}


@media (max-width: 1300px)
 { 
	.pulse { top: 54%; left: 60%; }
	.open-offer{width: 50%;}
	.contact-num .free, .contact-num .free2{ width: 380px; }
	.review {width: 25%;}
	.stars{width: 10%;}
}


@media (max-width: 1200px)
 { 
    .areas{text-align: center;}
	.contact-num .free, .contact-num .free2{ width: 300px; }
	.pulse { top: 54%; left: 65%; }

}


@media (max-width: 992px)
 {
	.open-offer{width: 70%;}
    .mech {
		bottom:0px;
		right: 0;
		height: 250px;}
	.garagem { transform: translateX(5%);}
	.nav-link{background-color:rgba(0, 0, 0, 0.6);}
	.sec2-move2{width: 70%;}
	.sec2-move{width: 70%;left:10px}
	.part-photos{width: 90%;}
	.part-txt{width: 100%; margin-bottom: 70px;}
	.contact-num .free{ top:0%; left: 20%;}
.contact-num .free2{ top:10%; left: 20%;}
.contact-num .free, .contact-num .free2{ width: 500px; }
.main-service svg{margin-bottom: 50px;}

}





@media (max-width: 850px)
 {
	.review {width: 90%;}
	.stars{display: none;}

}





@media (max-width: 770px)
 { 
	.icon-bg{ margin-top: 100px;}
	.garagem { display: none;}
	.disc{display: none;}
	.contact-num .free, .contact-num .free2{ width: 350px; }
.replace-coupon{width: 90%;}
.replace-coupon img {display: block;}
.arrow{display: none;}

.mech {
	bottom:-70px;}
	.pulse { top: 54%; left: 70%; }
	.Scattered {
		letter-spacing: 15px;}

}




@media (max-width: 550px)
 {
    h1{ font-size:1.5em ;}
	.pulse { top: 54%; left: 75%; }
	.swiper-content button{font-size: 1em;}
	.swiper-slide .slider-inner .swiper-content .title-area .title {
		font-weight: 600; font-size: 2em;
	}
	.Scattered {
		letter-spacing: 15px;}
		.nav-img{max-width: 60%;}
		#div1{margin-top: 30px;}
		.float-footer-btn .service-btn, .float-footer-btn .service-btn:hover{width: 140px;margin-top: 30px;}
		iframe{margin-top: 100px;}
		.swiper-content button{margin-top: 50px;}
		#third{ right: 10%; }
		  #last-twirl{right: 25%;}
		  .main-service-inside{width: 90%;}
        .dot-line{width: 94%; margin-left: 2%;}
		.click{width: 95%;}
		.contact-num .free, .contact-num .free2{ width: 300px; }
		.service-installation h3{font-size: 2em}
}