@import url("bootstrap.min.css");
@import url('../../fonts.googleapis.com/css%3Ffamily=Nunito:400,700|Sansita:400,700&amp%3Bdisplay=swap.css');
body
{
	margin:0;
	padding:0;
font-family: 'Nunito', sans-serif;

}

.top-tex1
{background: url(../images/back1.jpg), #1a3e00;
    background-position: center;
    background-repeat: repeat;
}
.main
{
	margin: auto;
	padding: 0;
	width: 95%;
}


img
{
	max-width: 100%;

}

@font-face{
	font-family:"glyphicons-halflings-regular";
	src:url("../fonts/glyphicons-halflings-regular.ttf");
}


h1,h3,h2,h4
{
	font-family: 'Sansita', sans-serif;
}
.container{padding-right: 15px;}

.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,
.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12
{
	padding: 0;

}
.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,
.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12
{
	padding: 0;

}
.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,
.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12
{
	padding: 0;

}

h1,h2,h3,h4,h5,h6
{
	margin:0px;
}
.about-top2 h1
{
	font-size: 30px;
	font-weight: 700;
	color: #ffcd00;
	padding-bottom: 15px;
	text-align: center;
}
.about-top2 p strong{color: #ffcd00;}
.about-top
{
	    background: #002100;
    color: #fff;
    padding: 30px 0px;
}
/* start top */

.about-top4 img
{
	float: right;
	width: 300px;
	padding: 10px;

}

.head-banr2
{
	border-top: 1px solid #eee;
	padding: 10px 0 20px 0;
	color: #000;
	line-height: 25px;
}

.top-texx4
{
	text-align:center;
}
.head-banr2 h4
{
	font-size: 22px;
	text-align: center;
	line-height: 30px;
}

.head-top
{
	padding:10px 0;
}

.head-logoo
{
	text-align:center;	
}




.top-new
 {
    padding: 30px 0;
    color: #fff; 
	text-align:center;
	 background-color: #ffcc00;
 }
 

 
 
 .top-new2
 {
	 text-align:center;
 }
 
 .top-new2 h4
 {
	 padding:0px 0 0px 0;
	 font-size:30px;
	 font-weight:700;
	 color: #fff;
	 animation:texcc 300ms linear infinite;
	 
 }
@keyframes  texcc
{
	0%{color:#fff;}
	50%{color:#ffcd00;}
	100%{color:#fff;}
} 
.head-top2
{
	
	padding:10px 0px 0 0;
}

.head-texx1
{
	background-color:#ffcd00;
	color:#000;
	font-size:18px;
	font-weight:700;
	border-radius:30px;
	padding:5px 5px;
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.35);
}
.head-texx2
{
	padding:0px;
} 
.head-texx4
{
	text-align:center;
}
.head-texx4
{
	padding:10px 0 0 0;
}

.head-texx4 h4
{
	padding:0px 0 5px 0;
	font-size:25px;
	font-weight:700;
}
.head-texx4 h5
{
	padding:0px;
	font-size:25px;
	font-weight:700;
	color:#002100;
}

 .hed-logoo3
 {
	 text-align:right;
 }
 

.top-texx8
{
	font-size:18px;
	padding:5px 0 0 0;
}
.top-texx6 h4
{
	font-size:19px;
}

.top-texx5
{
	padding:10px;
}
.top-texx7
{
	padding:10px;
}
.head-logo2
{
	padding:10px;
}
.head-logo4
{
	padding:10px;
}
.head-logo5
{
	text-align:right;
}
.hed-logoo4
{
	text-align:center;
}
.top-nnew
{
	background: linear-gradient(0deg, #072b02 0%, #165714 70%);
	color: #fff;
}
.top-new4
{
		font-size: 18px;
	padding: 8px 0 0 0;
	text-transform: uppercase;
	font-weight: 700;
	animation:txcl 400ms linear infinite;
}
@keyframes txcl
{
	0%{color: #fff;}
	50%{color: #ffcd00;}
	100%{color: #fff;}
}


.awards-pixx
{
	width: 40%;
    margin: 0 auto;
    float: none;
}



.tex-ban1
{
	background-color: #002100;
	color: #fff;
	padding: 15px 0;
}
.tex-ban2 h4
{
	font-size: 30px;
}
.top-test1
{
	padding: 30px 0;
}
.hh1
{	background: linear-gradient(0deg, #165714  0%, #072b02 70%);
	   
    padding: 12px 0px 15px;
    color: #000;
    text-align: center;
    font-weight: 700;
    animation: df 0.6s infinite;
    font-weight: 700;
}
@keyframes df
{
	0%{color: #fff;}
	50%{color: #ffcd00;}
	100%{color: #fff;}
}
/*start testimonial */

.top-tess
{
	padding:40px 0;
}


.test-banr1
{
	padding:40px 10px 10px 10px;
}


.top-tess5
{
	
    padding: 0px 10px;

}

.top-teess2
{
	text-align:center;
	padding:0 0 20px 0;
}

.top-teess2 h4
{
	padding:0 0 5px 0;
	font-size:25px;
	font-weight:700;
	color:#8a0803;
}

.top-teess2 h5
{
	padding:0 0 0px 0;
	font-size:17px;
	font-weight:700;
	color:#000;
}

.text-texx2
{
	padding:10px;
}
.tst-topp3
{
	padding:10px;
}
.frm-ttop2 h3
{
	font-size:30px;
	text-align:center;
	padding:0 0 20px 0;
}
.top-teess2 h3
{
	font-size:30px;
	text-align:center;
	padding:0 0 20px 0;
	
}

/*end testimonial */

.testi-top
{
	padding:40px 0;
	background-color:#eee;
}

.testi-top3
{
	text-align:center;
}
.testi-top3 h3
{
	color:#d2151e;
}

.testi-top3 h4
{
	color:#000;
}
.testi-top4
{
	padding:20px 0 30px 0; 
}
.testi-ttp
{
	background-color:#f0a600;
	padding:40px 0;
}
.testi-ttop
{
	padding:60px 0 30px 0;
}
.test-ttop6 h3
{
	font-weight:700;
	color:#002100;
	font-size:30px;
	text-align:center;
}


/*start testimonilas*/

/*start awards*/ 

.awards-top
{
	background-color: #ffcd00;
	padding:10px 0 5px 0;
	color:#000;
	font-size:18px;
	font-weight:700;
	
}
.awards-top6
{
	background-color:#fff;
	padding:5px;
}
.awards-top5
{
	padding:10px;
}
.awards-top3 h3
{
	text-align:center;
	font-size:30px;
	color:#002100;
	font-weight:700;
}
.awards-top4
{
	padding:20px 0 0 0;
}


/*end Awards*/ 


/*start head mark*/
.best-txx1 
{
	text-align:Center;
}
.best-txx1 h3
{
	font-size:30px;
	font-weight:700;
	color:#002100;
	padding:0 0 10px 0;
}
.best-txx1 h3:after
{
	content: "";
	display: block;
	width: 15%;
	height:4px;
	margin: 10px auto; 	
	background-color: #ffcd00;
}

.best-txx1 h5
{
	font-size:20px;
	line-height:30px;
}
.banr-btm1
{
	padding: 10px;
}

/*end head mark*/

.headr-frmm1
{
	padding:10px;
}
/*start form us */

.place::-webkit-input-placeholder
{
  color: #000;
}
.contac-main
{
  background-color: #fff;
  border-radius: 10px;
}
.contactt-imag
{
  padding: 0;
  margin: 0;
  background-color: #e57200;
}

.contactt-text
{
  padding: 10px 0 20px 0;
}
.contac-l
{
  padding: 20px 0 20px 0;
}


.contact-main
{
  padding: 30px 0 20px 0;
  margin: 0;
  background-color: #262f36;
}

.cont-ll
{
  background-color: rgba(241, 230, 230, 0.9803921568627451);
  padding-bottom: 12px;
}
.form-group label
{
  color:#fff;
}

.btttn
{
  padding-left: 18px;

}
.form-texxx h3
{
  padding: 10px 10px;
  font-size: 40px;
  text-align: center;
  color: #fff;
  margin:0px;
}

.form-texxx p
{
  padding: 0px 10px 10px 10px;
  text-align: left;
  font-size: 16px;
  color: #fff;
}

textarea.form-control {
    height: 89px;
    
    color: #000;
}
input.form-control 
{
  
  color: #000;
}


.btn-group
{
  text-align: left;
}
button.btn-default
{
  background-color: #ffcd00;
  color: #111;
  padding:12px 15px;
    font-size: 15px;	
}
button.btn-default:hover
{
  background-color: #000;
  color: #fff;
}
.cont-form
{
  padding-bottom: 30px;
  
  font-size: 30px;
  color: #800020;
}
.contact-images1
{
  padding: 20px 0 0 0;
  margin: 0;
}
.conta-form
{
	padding: 60px 0 40px 0;
	margin: 0;
}
.contac-r
{
	padding: 10px 0;
	margin: 0;
	
}

.form-group
{
	    padding: 10px 10px 10px 10px;
	margin:0px;
}
.headr-frm1
{
	
	color: #fff;
	padding: 30px 20px;
	
}


/*end forms us*/

.header-frm2
{
	background-color: #1a1a1a;
    padding: 29px 10px 25px 10px;
    margin: 0px 0px -30px 0;
    z-index: 1;
}
.headr-frm3 h3
{
	text-align:center;
	font-size:30px;
	color:#ffcd00;
	padding:10px 0;
	font-weight:700;
}

.serv-textt
{
	text-align:center;
	padding:10px 0 10px 0;
}
.serv-textt h4
{
		padding:0px;
		margin:0px;
		font-size:20px;
		font-weight:600;
		color:#111;
}
.serv-textt h5
{
		padding:10px 0;
		margin:0px;
		font-size:20px;
		font-weight:600;
		color:#002100;
}
.serv-textt p
{
	padding:10px 0 0 0;
	margin:0px;
}
.serv-textt p a
{
	padding:10px 15px;
	margin:0px;
	background-color:#ffcd00;
	color:#111;
	font-weight:600;
	font-size:14px;
	border-radius:10px;
	text-decoration:none;
	
}
.serv-textt p a:hover
{
	background-color:#111;
	color:#fff;	
}

.our-tex h3
{
	color: #ff4500;
}


.our-neww1
{
	padding: 10px;
}


.our-ser3
{
	padding: 10px 10px;
}
.our-ser4
{
	
	 padding: 0px;
    transition: all 200ms linear;
   
	
}


.our-texx6
{
	padding:0px 0;
}

.our-tex3
{
	padding: 10px 0;
	text-align: center;

}


.our-tex3 h5
{
	padding: 5px 0 5px 0;
	margin: 0;
	font-size: 22px;
	font-weight: 700;
	color: #ffe000;	
}
.our-tex3 p
{
	padding: 0;
	margin: 0;
	font-size: 20px;
	font-weight: 600;
	color: #fff;
}
.our-tex3 p a
{
	text-decoration: none;
	color: #fff;
}

.our-ser4:hover .our-ser6 img
{
	transition: all 200ms linear;
	
}
	


.other-tex2
{
	border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
}


.our-ser6
{
	padding: 0px;
	text-align: center;
   	
}
.our-ser6 img
{
	transition: all 200ms linear;
	
}



.other-ser3
{
	padding: 10px;
	text-align: center;
	position: absolute;
    width: 100%;
    bottom: 26px;
	left:0px;
    background-color: #ff4500;
    transform: rotate(-9deg);	
	
}
.ser-ppic
{
	padding:9px;
}

.our-pix
{
	overflow:hidden;
}


.other-ser3 h4
{
	font-size: 18px;
	color: #ffe000;
	margin: 0;
	padding: 0;
	font-weight: 600;

}


.our-serr
{
	padding: 30px 0;
	
}
.our-neww3
{
	text-align: center;
	background-color: #ff4500;
	
}

.texx h3
{
	color: #ff4500;
}

.best-serv3
{
	text-align:center;
}
.best-serv3 h3
{
	font-size:30px;
	color:#002100;
	font-weight:700;
	
}
.best-serv3 h4
{
	color:#111;
	font-weight:700;
	font-size:20px;
	padding:10px 0;
}
.best-serv1
{
	padding:30px 0; 
	background-color: #f6f6f6;
	overflow:hidden;
}
.best-serv4
{
	padding:20px 0;
}



.topp-new
{
	padding:10px 0;
}
.baner-new2
{
	padding:10px;
}
.frm-top5
{
	padding:0px 0px 0px 0px;
}
.form-top
{
	padding:30px 0;
}

/* start our services */
.serv-nnw2
{
	background-color:#fff;
}
.ser-pic2 h5
{
	padding:10px 0;
}
.ser-pic2 h5 a
{
	    padding: 5px 15px;
    background-color: #ffcd00;
    color: #000;
    font-weight: 700;
    font-size: 16px;
}
.ser-pic2 h5 a:hover
{
	text-decoration:none;
	background-color:#ff0000;
	color:#fff;
}
.serv-ourr3:hover .ser-neww2 img
{
	mix-blend-mode: luminosity;
}
.our-serv.top-backk
{
	background-attachment:fixed;
}
.our-serv2
{
	padding:30px 0;
}
.our-serv3 
{
	text-align:center;
}
.our-serv3 h3
{
	color:#002100;
	padding:0 0 5px 0;
}

.best-serv
{
	padding:30px 0;
	
}

.best-serv3 h1
{
	font-size:30px;
	font-weight:700;
	color:#fff;
	padding:0px;
	
}
.baner-btm4
{
	padding:10px;
}


.best-serv8
{
padding: 0 0px;
    margin: 0px 0 0 0;	
    display: flex;
}
.best-serv9
{
	
    padding: 10px;
    
       
}
.best-fx1
{
	display: flex;
	flex-flow: wrap;
	justify-content: center;

}
.best-serv6
{
	    display: flex;
    flex-flow: wrap;
    background-color: #002100;
        border-radius: 10px;
    padding: 10px;
}

.best-iccn a
{

    color: #fff;
    font-weight: 700;
    font-size: 16px;
    padding: 8px 20px;
    background-color: #ff0000;	
}
.best-iccn a:hover
{
	 background-color: #ffcd00;
	 color: #ff0000;
	 text-decoration: none;
}

.best-iccn a span
{
	padding:0 5px 0 0;
}

.best-serv4
{
	padding:30px 0 0 0;  
}

.best-serv5
{
	padding:10px 10px;
	    display: flex;
}
.best-serv7
{
	overflow:hidden;
	    display: flex;
}

.best-serv6:hover .best-serv7 img
{
	transform:scale(1.2);
	transition:400ms linear;
	
}
.best-serv7 img
{
	transition:400ms linear;
}


.best-iccn
{
	    padding: 10px 0;
   
    text-align: center;
	
}

.best-ttex1
{
	background-color: #ffcd00;
    color: #000;
    padding: 10px;
}
.best-ttex1 h4
{
	padding:0px;
	font-size:20px;
	font-weight:700;
	text-align:center;
}
.best-serv9 h4
{
	padding:  0 0 10px 0; 
	
    color:#ffcd00;	
	font-size:22px;
}
.best-serv9 p
{
	color: #fff;
	font-size: 16px;
	line-height: 28px;
}
.our-serv4
{
	padding:30px 0 0 0;
}

.serv-ourr4
{
	padding:10px;
}
.ser-pic2
{
	text-align:center;
}
.ser-pic2 h4
{
    font-size: 20px;
    color: #002100;
    padding: 0 0 10px 0;
    font-weight: 700;	
}
.head-mrrk2
{
	text-align:center;
}
.head-mrrk2 h4
{
	    font-size: 20px;
    font-weight: 400;
    padding: 10px 0;
   
    line-height: 31px;
}
/* end our services */

/* start service list */
.serv-nnw2
{
	padding:30px 0;
}

.serv-list2
{
	
	padding:0px 0;
	
}
.serv-banr1
{
	padding:10px;
}
.othr-ser2
{
	text-align: center;

}

.othr-ser4
{
	text-align: center;
}
.oth-ser5
{
	
	padding: 30px 0;
}
.othr-ser3 h4
{
	font-size: 20px;
	color: #002100;
	padding: 10px 0 0 0;
}


.othr-ser3  span
{
	display: block;
	padding: 10px 0 10px 0 ;
}
.othr-ser3  span a
{
	font-size: 16px;
	color: #e30004;
}

.othr-ser3  span a:hover
{
	color: #000;
	text-decoration: none;
}
.serv-list
{
	padding: 0px 0 00;
}
.right-banr
{
	padding: 10px;
}

/* end service list */

.head-markk1
{
	background-color:#002100;
	color:#fff;
	font-size:18px;
	font-weight:700;
	padding:10px 0;
	animation:texclr 400ms linear infinite;
}

@keyframes texclr
{
	0%{background-color:#002100;}
	50%{background-color:#002100;}
	100%{background-color:#002100;}
}

.baner-tp2
{
	padding: 10px;
}

/* start about */
.head-banr1
{
	padding: 30px 0;
}
.about-top3
{
	text-align: center;
	padding: 0 0 20px 0;
}
.about-top3 h4
{
	font-weight:400;
	color:#111;
	font-size: 40px;
}
.about-top3 h4 span
{
	color: #002100;
}
 
p
{
	padding:0 0 10px 0;
	line-height:28px;
	font-size:16px;
	margin:0px;
}


/* end about */

/*testimonials start*/
.testimonial-bg{
        padding: 20px 20px;
    text-align: center;
    position: relative;
    background-color: #ffba00;
}
.testi-ttop5
{
	    padding: 10px 0 0px 0;
}
.testimonial{ text-align: center; padding: 20px 30px; border:2px solid #ff9400; margin:10px;}
.testimonial .description{
   
    color: #fff;

    margin-bottom: 30px;
}
.testimonial .pic{
    display: inline-block;
    width: 160px;
    height: 160px;
    border: 5px solid;
    border-image: linear-gradient(45deg, #ff9400, #ff9400) 1;
    margin-bottom: 15px;
    position: relative;
}
.testimonial .pic:after{
    content: "";
    border-width: 20px;
    border-style: solid;
    border-color: #ff9400  #ff9400  transparent transparent;
    position: absolute;
    bottom: -33px;
    right: 20%;
    transform: rotate(-15deg);
    z-index: -1;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .title{
    display: block;
    font-size: 22px;
    font-weight: 700;
    color: #ff9400;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 5px 0 0 0;
}
.testimonial .post{
    display: block;
    font-size: 15px;
    color: #2a2a2a;
    text-transform: capitalize;
}
.owl-theme .owl-controls{
    margin-top: 10px;
}
.owl-theme .owl-controls .owl-page span{
    width: 30px;
    height: 3px;
    background: #2a2a2a;
    border-radius: 0;
    opacity: 1;
    transition: all 0.4s ease 0s;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #ff9400;
}

.tt1
{
	background: #002100;
	padding: 30px 0px;
}
.tt2 h2
{
	color: #ffcd00;
	text-align: center;
	font-weight: 700;
}
.tt2 p{color: #fff;
text-align:center;
padding-top: 8px;}
.tt5
{    background: #fff000;
    padding: 20px;
    border-radius: 10px;
    color: #000;
}
.tt5 img
{
	clip-path: polygon(0% 0%, 100% 0%, 100% 75%, 75% 75%, 75% 100%, 50% 75%, 0% 75%);
height: 130px;
width: 130px;
margin-bottom: 10px;
}
.tt5 h2
{
	color: #ff0000;
}
.tt4
{
	padding: 15px;
}
.tt3{padding-top: 25px;}
/*testimonials end*/

/* start our services */

.box{
    text-align: center;
    overflow: hidden;
    position: relative;
}
.box img{
    width: 100%;
    height: auto;
    transform: scale(1.6);
    transition: all 0.3s ease 0s;
}
.box:hover img{
    filter: grayscale(100%);
    transform: scale(1.2);
}
.box .box-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all 0.2s ease 0s;
}
.box:before,
.box:after,
.box .box-content:before,
.box .box-content:after{
    content: "";
    width: 100%;
    height: 25%;
    background: linear-gradient(to right,rgba(0,0,0,0.9),rgba(0,0,0,0.7),transparent,rgba(0,0,0,0.7),rgba(0,0,0,0.9));
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s ease 0s;
}
.box:before{ transform: translateX(100%); }
.box:after{
    height: 25.1%;
    top: 25%;
    transform: translateX(-100%);
    transition-delay: 0.05s;
}
.box .box-content:before{
    top: 50%;
    transform: translateX(100%);
    transition-delay: 0.1s;
}
.box .box-content:after{
    top: 75%;
    transform: translateX(-100%);
    transition-delay: 0.15s;
}
.box:hover:before,
.box:hover:after,
.box:hover .box-content:before,
.box:hover .box-content:after{ transform: translateX(0); }
.box .inner-content{
    padding: 7px 0;
    text-align: right;
    position: absolute;
    bottom: 30px;
    right: 20px;
    z-index: 2;
    transition: all 0.3s ease 0s;
}
.box .title{
    font-size: 22px;
    font-weight: 700;
    color: #ffcd00;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin: 0 0 3px 0;
    opacity: 0;
    transform: translateY(150px);
    transition: all 0.4s ease 0s;
}
.box .post{
    display: inline-block;
    padding: 0 5px;
    font-size: 17px;
    font-style: italic;
    color: #fff;
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.4s ease 0s;
}
.box .post a
{
	text-decoration:none;
	color:#fff;
}
.box:hover .title,
.box:hover .post{
    opacity: 1;
    transform: translate(0, 0);
}
.box .icon{
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: -200px;
    left: 10px;
    z-index: 2;
    transition: all 0.4s ease 0.2s;
}
.box:hover .icon{ top: 15px; }
.box .icon li a{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #faac01;
    font-size: 20px;
    color: #fff;
    margin-bottom: 10px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.box .icon li a:hover{
    text-decoration: none;
    border-radius: 30%;
    background: #fff;
    color: #faac01;
}

.ser-bxx2
{
	    position: absolute;
    top: 45%;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    background-color: #111;
    width: 60%;
    transform: rotate(-8deg);
}
.ser-bxx2.ser-bxx3
{
	background-color:#002100;
}
.ser-bxx2 h4
{
	color:#fff;
	font-size:20px;
	padding: 4px 0 10px 0;
}

.box:hover .ser-bxx2
{
	opacity:0;
}
.serv-ourr2
{
	padding:20px 0 0 0;
	display: flex;
	flex-flow: wrap;
}
.top-new5
{
	font-size:20px;
	text-align:center;
	padding:5px 0 0px 0;
	
}


.ftr-top
{
	background-color:#002100;
	padding:10px 0;
	text-align:center;
	
}
.ftr-top h4
{
	font-size:15px;
	color:#fff;
	line-height:25px;
}
.ftr-copy
{
	background-color:#111;
	padding:10px 0;
	text-align:center;
	
}
.ftr-copy h4
{
	font-size:15px;
	color:#fff;
	line-height:25px;
}

/* end our services */

.fix

{
  position: fixed;
     padding: 0px;
  bottom: 0;
  left: 0;
  background: #f2f2f2;
  border-top: 1px solid #e2e2e2;
  display: none;
}
.end
{
  margin: 0;
  padding: 0;
  text-align: center;
  
}

  .end .wh-fx:after{background: #26b144;}
  .end .wh-fx:before{background: #26b144;}

 .end li:before
 {
       position: absolute;
    height: 60px;
    width: 60px;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0;
    content: "";
    background: #ff0000;
    border-radius: 50%;
    transition: all 2s;
    animation-name: rip;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
   
 }
 .element2 {
  animation-delay: 2s;
  animation: pulse 2s infinite;
  display: table;
  animation-direction: alternate;
}
.end li a{    text-decoration: none;
    position: absolute;
    z-index: 9;
    margin: 0 auto;
    left: 0;
    right: 0;}
.end li a i
{
 font-size: 34px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
    display: block;
    height: 30px;
    width: 32px;
    line-height: 57px;
    color: #fff;
    margin: 0 auto;
    z-index: 99;
}
@keyframes pulsate {
    0% {transform: scale(0.9, 0.9); opacity: 1;}
    50% {transform: scale(1.2, 1.2) ; opacity: 1;}
    100% {transform: scale(0.9, 0.9); opacity: 1;}
}


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


@keyframes rip{
0%{transform: rotate(0deg);}
100%{transform: rotate(360deg);}
}
.wh-fx{right: 20px;}
.ph-fx{left: 20px;}
.ph-fx a i
{
  color: #fff !important;
}
.end li a img
{

}
 .ff5 span {
    color: #cc0000;
}
.ad-cont{padding-top: 55px;}



.end li

{
    display: inline;
    text-align: left;
    list-style: none;
    position: absolute;
    text-align: center;
    height: 60px;
    bottom: 10px;
    width: 60px;
   border-radius: 1px solid #000;
    animation-name: rip;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
    background: #a20032;
    line-height: 60px;
    border-radius: 50%;
}
.end li:after
 {
     position: absolute;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    z-index:-99;
    content: "";
   transform: scale(1);
   border: 1px solid rgba(162, 162, 162, 0.8);
     animation-name: ripp;
    animation-duration: 0.8s;
    animation-iteration-count: infinite;
 }
 .element2 {
  animation-delay: 2s;
  animation: pulse 2s infinite;
  display: table;
  animation-direction: alternate;
}
.end li a i
{
 font-size: 34px;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    -webkit-animation: pulsate 1s ease-out;
    -webkit-animation-iteration-count: infinite;
   
    display: block;
    height: 30px;
    width: 32px;
    line-height: 57px;
    color: #fff;
    margin: 0 auto;
    z-index: 99;
}
@keyframes pulsate {
    0% {transform: scale(0.9, 0.9); opacity: 1;}
    50% {transform: scale(1.2, 1.2); opacity: 1;}
    100% {transform: scale(0.9, 0.9); opacity: 1;}
}


@keyframes ripp{
0%{transform: scale(0.9);}
20%{transform: scale(1);}
40%{transform: scale(1.1);}
60%{transform: scale(1.2);}
80%{transform: scale(1.3);}
100%{transform: scale(1.4);}

}


@keyframes rip{
0%{ box-shadow: 0px 0px 0px 4px rgba(162, 162, 162, 0.8);}
20%{ box-shadow: 0px 0px 0px 6px rgba(162, 162, 162, 0.6);}
40%{ box-shadow: 0px 0px 0px 8px rgba(162, 162, 162, 0.4);}
60%{ box-shadow: 0px 0px 0px 10px rgba(162, 162, 162, 0.2);}
80%{ box-shadow: 0px 0px 0px 12px rgba(162, 162, 162, 0.1);}
100%{ box-shadow: 0px 0px 0px 14px rgba(162, 162, 162, 0);}


}
.wh-fx{right: 20px;    background: #26b144 !important;}
.ph-fx{left: 20px;}

.end li a img
{

}
 .ff5 span {
    color: #ff0000;
}


/*start media query*/

@media (max-width: 767px){
	body{text-align: center;}

	.menu-list li{width: 100%;text-align: center; padding:3px 0px;}
	.menu-list li a{padding: 8px 10px; display: block; box-shadow:none;}
	.navi-head:after{display: none;}
	.toggle_bars{display: block;color: #fff;font-size: 30px;text-align: right; background-color: transparent;}
	.toggle_bars i{cursor: pointer;}
	.nav-main{display: none;}
	.tog-top{display: block; background-color: transparent;}
	.menu-list li:after{display:none;}

		

	.top-new2 h4{    padding: 5px 0 10px 0;     font-size: 20px;     line-height: 30px;}
	.hed-logoo5{display:none;}
	.head-logo5{text-align:center;}
	.head-mark2 h4 {font-size: 25px;}
	.head-mark2 h5{    font-size: 18px;}
	.top-new3 h4{    font-size: 22px;}
	.best-serv3 h4{font-size: 16px;     line-height: 25px;}
	.fix{display: inline-block; background-color: #fff; z-index:9999;
    height: 87px;

    border-top: 1px solid #d8d0d0;padding: 10px 0 10px 0;}
	
.ph-fx{float: left;}
.wh-fx{float: right;}
	
.ftr-copy{    padding: 10px 0 90px 0;}
.topp-texx3{padding:5px 0;}
.about-top4{text-align:left;}
.our-serv8{    height: 310px;}
.top-new3 h5{    font-size: 20px;     line-height: 30px;}
.top-new3 h4{font-size: 30px;}
.best-serv8{padding:0px; margin:-10px 0 0 0;}
.best-serv9{    padding: 10px 10px;}	
.best-serv9 h4{    font-size: 19px;}	
.ser-pic2 h4{    font-size: 18px;}	
.top-neww1{display:none;}
.about-top4{    overflow: hidden;}
.ser-mobll{    width: 100%;margin: 0 auto;float: none;}
.ser-mobll2{    width: 100%;margin: 0 auto;float: none;}
.serv-list4{text-align:left;    padding: 30px 0 20px 0;}
	.top-new3 h5{padding:0px;}
	.testimonial-bg{padding: 30px 10px;}
	.owl-theme .owl-controls{    bottom: -14%;}
	.top-new4{text-align: center;}
	.head-banr2 h4{    font-size: 15px;     line-height: 23px;}
	.frm-top5{padding: 10px;}
	.header-frm2{margin: 0px;}
	.tex-ban2 h4{font-size: 20px;}
	.serv-list{overflow: hidden;}
	.right-banr{display: none;}
	
}	


@media (max-width: 575px) and (min-width: 0px)
{

.hh2 h2{font-size: 22px;line-height: 30px;}
	.our-ser3{width:100%;}
	.serv-ourr4{width:100%;}
	.ftr-top h4{    font-size: 13px;     line-height: 20px;}	
	.top-new3 h4{    font-size: 22px;     line-height: 30px;}
	
	.top-new2 h4{    font-size: 16px;    line-height: 25px;}
	.about-top3 h4{    line-height: 20px;    font-size: 14px;}
	.our-serv5{width:100%;}
	.our-serv8{height:unset;}
	.awards-top5{padding:5px;}
	.topp-texx3{width:100%;}
	.top-icnn{    padding: 0 0 10px 70px;}
	.about-top4 img{    float: none;}
	.best-serv5{width:100%;}
	.ser-mobll{    width: 100%;margin: 0 auto;float: none;}
.ser-mobll2{    width: 100%;margin: 0 auto;float: none;}
.serv-list5{    column-count: 1; column-rule: 0px solid #fff;     column-gap: 0px;}
.awards-top5{width:50%;}
.head-mrrk2 h4{    font-size: 15px;    line-height: 23px;}
.serv-banr1{width:100%;}
.right-banr{display: block;}
.best-serv5{margin: 0px; width: 100%;}
.baner-tp2{width:100%;}

}	

@media(max-width: 991px) and (min-width: 768px){
	
	.top-new2 h4{    line-height: 30px;}
.head-mark2 h4{    font-size: 30px;}
.top-new3 h4{    font-size: 30px;}

.our-serv8{height:230px;}
.head-texx1{    font-size: 14px;    padding: 5px 1px;}
.head-texx4 h4{    padding: 0px 0 5px 0;
    font-size: 19px;}
.head-texx4 h5{    font-size: 16px;}
.top-new2 h4{    font-size: 24px;}
.serv-list4{text-align:left;    padding: 30px 0 20px 0;}
.ser-mobll{    width: 100%;margin: 0 auto;float: none;}
.ser-mobll2{    width: 100%;margin: 0 auto;float: none;}
	.owl-theme .owl-controls{    bottom: -14%;}
	.test-banr1{display:none;}
	.testimonial-bg{    padding: 30px 30px;}
	.awards-pixx{    width: 50%;}
	.head-mrrk2 h4{font-size: 20px;}
	.frm-top5{padding: 10px;}
	.header-frm2{margin: 0px;}

}	

@media(max-width: 1200px) and (min-width: 992px){

.ser-bxx2{    width: 80%;}
.headr-top3 img{height:380px;}
.our-serv8{height:250px;}
	.head-mrrk2 h4{font-size: 19px;}
	.test-banr1{display:none;}
	.headr-toop img{height:100%;}

}

@media(max-width: 1310px) and (min-width: 1201px){
	
	.our-serv8{height:250px;}
	.headr-toop img{height:100%;}
}