/* CSS Document By ravisah.in */
body{
	font-family: 'Poppins', sans-serif !important;
}
a, a:hover{
	color:#222222;
	text-decoration:none;
}
img{max-width:100%;}
@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(-5px);
  }
}
@keyframes bounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}
header{
	padding: 24px 0;
	border-bottom: 1px solid #ddd;
}
nav{display:inline-block;vertical-align: middle;}
nav ul{
	list-style:none;
	font-weight:500;
	font-size:16px;
	margin:0;
	padding:0;
}
nav ul li{
	display:inline-block;
	margin:0 20px;
	line-height: 60px;
}
.toggle-menu{
	cursor:pointer;
	display: inline-block;
	padding: 22px 0px;
}
.toggle-menu{display:none;}
.active{font-weight:700;}
.phone, .phone img, .phone p, .contact{display:inline-block;vertical-align: middle;}
.phone{margin:0 30px;}
.phone p{
	font-weight:700;
	margin-left:4px;
	margin:0;
}
.contact span{
	text-transform:uppercase;
	color:#fff;
	background:#ff853b;
	font-weight:700;
	border-radius:40px;
	padding:10px 40px;
	vertical-align: middle;
}
.contact span:hover{background:#d1570e;}
.banner{position:relative;text-align:center;}
.banner img{max-width:100%;width:100%;}
.bxslider{
	margin:0;
	padding:0;
	list-style:none;
}
.bxslider li {width:100%;}
.bx-pager{
	position: absolute;
	bottom: 30px !important;
	width: 100%;
	z-index: 99;
	text-align:center;
}
.bx-pager-item{
	display:inline-block;
	margin:0px 2px;
}
.bx-pager-link{
	background:#fff !important;
	height:15px !important;
	width:15px !important;
	border-radius:50% !important;
	font-size:0;
	display:block;
	border:2px solid #fff;
}
.bx-pager-item .active{background:#ff853b !important;;
}
.home-services{margin:80px 0;}
.golden-bg{background:#bf9b30;}
.purple-bg{background:#ff853b;}
.service-icon{
	border-radius:50%;
	height:140px;
	width:140px;
	margin:0 auto;
	margin-bottom:20px;
}
.service-icon img{padding: 38px 0;}
.home-about{padding-top:60px;}
.home-services p{margin:0;padding:0;font-weight:700;margin-bottom:20px;}
.home-about p{font-size:18px;font-weight: 400;width:80%;}
.home-about p span{font-weight: 700;}
.home-services .text-center:hover img {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	animation-iteration-count: 2;
	-webkit-animation-iteration-count: 2;
	-webkit-animation-name: bounce;
	animation-name: bounce;
}
.about-margin{margin:80px 0;}
.top-arjust{margin-top:20px;}
.snap-shot{
	border:1px solid #ddd;
	padding:40px;
	border-radius:6px;
	background:#ffdfcc;
	margin-top:40px;
	
}
.snap-shot h1{    
	font-size: 26px;
    color: #ff853b;
    font-weight: 700;
    margin-bottom: 10px;
}
footer{
	margin-top:80px;
	background:#222222;
	padding:60px 0;
}
footer ul{list-style:none;margin:0;padding:0;font-size:14px;}
footer ul li a{color:#d4d4d4;}
footer ul li{line-height: 26px;color:#d4d4d4;}
footer ul li a:hover{color:#ff853b;}
.footer-box{background:#434343;padding:40px 60px;border-radius:4px;width:85%}
.footer-box img{margin-bottom:20px;}
.footer-box p{color:#d4d4d4;margin:0;}
.footer-heading{color:#ff853b;font-size:18px;font-weight:700;margin-bottom:10px;}
footer address{color:#d4d4d4;font-size:14px;}
.facebook, .twitter, .instagram{
	display:inline-block;
	margin-right:4px;
}
.facebook span, .twitter span, .instagram span{
	width:30px;
	height:30px;
	display:block
}
.facebook span{background:url("../images/social-media.png") no-repeat 0 0;}
.twitter span{background:url("../images/social-media.png") no-repeat -38px 0;}
.instagram span{background:url("../images/social-media.png") no-repeat -76px 0;}
.copyright{color:#d4d4d4;font-size:12px;margin-top:30px;border-top:1px solid #606060;padding-top:20px;}
.copyright a{color:#fff;}
.copyright a:hover{text-decoration:underline;}
.inner-page{width:80%;margin:0 auto;margin-top:50px;}
.inner-page	h3 {font-size:22px;font-weight:500;}
.inner-page	h3 span {font-weight:700;}
.inner-page	h1{font-size:32px;color:#ff853b;font-weight:800;margin:40px 0;}
p{font-size:18px;font-weight:400;}
.logo-box{
	border:1px solid #ddd;
	background:#fdfaff;
	margin-bottom:20px;
	text-align:center;
	height:250px;
	overflow:hidden;
}
.logo-box img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
	min-height:250px;
	width:100%;
}
.product-box:hover .logo-box img {
	-webkit-transform: scale(1.1) rotate(0.01deg);
	-moz-transform: scale(1.1) rotate(0.01deg);
	transform: scale(1.1) rotate(0.01deg);
    -webkit-filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%) !important;
    -ms-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
    filter: gray !important;
}
.product-box{margin-bottom:30px;}
.product-box p{font-size:24px;}
.heading-contact{background:#222222;padding:30px 0;}
.heading-contact h1{
	color:#fff;
	font-size:32px;
	font-weight:800;
}
.contact-heading{font-size:22px;margin-bottom:20px;font-weight:700;margin-top:70px;}
.services-page{margin-top: 10px;}
.margin-auto{margin:0 auto;}
.whatsapp {
	position:fixed;
	right:30px;
	bottom:40px;
	z-index:9999;
	-webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
	animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-perspective: 1000px;
	perspective: 1000px;
}
@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}
@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }
  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }
  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}

@media screen and (max-width:1199px) {
	nav ul li{margin: 0 12px;}
	.phone {margin: 0 8px;}
	.footer-box p{font-size:14px;}
}
@media screen and (max-width:991px) {
	.container {max-width: 90% !important;}
	nav ul li {margin: 0 8px;}
	.contact span{padding: 10px 32px;}
}
@media screen and (max-width:967px) {
	 header .contact{display:none;}
}
@media screen and (max-width:872px) {
	nav{
		display:none;
		position:absolute;
		z-index:999;
		width:200px;
		background:#fff;
		padding:20px;
		right: 0;
	}
	nav ul li{width:88%;text-align: left;line-height: 34px;}
	.toggle-menu{display:inline-block;}
}
@media screen and (max-width:575px) {
	.home-about p{width:100%;}
	.footer-heading{margin-top:30px;}
	.toggle-menu {padding: 12px 0px;}
	.service-icon{height: 120px;width: 120px;}
	.service-icon img {padding: 29px 0;}
}
@media screen and (max-width:362px) {
	.footer-box {width: 100%;}
	.phone{display:none;}
	.col-half{max-width:70%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
	.col-quater{max-width:30%;-ms-flex: 0 0 100%;flex: 0 0 100%;}
	.about-margin {margin: 0;}
	.inner-page h1{font-size: 24px;font-weight: 600;}
	.logo-box{height: 190px;}
	.logo-box img{min-height: 190px;}
	.product-box p {font-size: 18px;}
	.toggle-menu {padding: 18px 0px;}
	.inner-page {width: 100%;margin-top: 30px;}
	.contact-heading{margin-top:0px;}
	.bx-pager {bottom: 4px !important;}
}