@import url("bootstrap.min.css");
@import url('../css.css');
body
{
	margin:0;
	padding:0;
font-family: 'Sarabun', sans-serif;

}
.about-img img {
    float: none;
    width: 100%;
    margin: 0 auto;
        margin-left: auto;
    display: table;
    margin-left: 35px;
}
.top-nnew33 {
    background-color: orange !important;
    color: #000;
}
.top-nnew33 .top-new5 {
    color: #000 !important;
    font-size: 22px;
    font-weight: bold;
}
.main
{
	margin: auto;
	padding: 0;
	width: 95%;
}
.head-logoo img {
    float: none;
    margin: 0 auto;
    display: table;
}
.head-logo3 {
    float: left;
    padding-top: 25px !important;
}img
{
	max-width: 100%;

}

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


h1,h3,h2,h4
{
	font-family: 'Josefin Sans', 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;
}

/* start top */


#header {
background-color: #000;
padding: 0px;
    color: #fff;
    z-index: 9999;
    transition: 0.5s;
margin: 0px;
}
.fixed {
position: fixed;
top: 0;
width: 100%;

box-shadow: 0 0 20px #000;
box-shadow: 0 0 20px 0px #101010;
background-color: #fff;
z-index: 5555;
transition: 0.5s;
}


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

}

/* start navigation */
.menu-list
{
	padding: 0;
	margin: 0;
	text-align:center;
	
}
.menu-list li
{
	padding: 8px 10px;
	margin: 0;
	list-style: none;
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	position:relative;
	
	 
}
.menu-list li:after
{
	content:"";
	position:absolute;
	top: 0px;
	width: 1px;
	height: 100%;
    right: 0px;
   background-color: #d0c2c2;
}
.menu-list li:last-child:after
{
	display:none;
}

.menu-list li a:before
{
	content:" ";
	position:absolute;
	bottom:0px;
	right:0px;
	left:0px;
	width:0%;
	height:2px;
	background-color:#ff0255;
	margin:0 auto;
	 transition:all 300ms linear;
	
}
@keyframes lnetp
{
	0%{width:80%;}
	50%{width:0%;}
	100%{width:80%;}
}

.menu-list .cnt-bdr
{
	border-right:0px;
}


.menu-list li a
{
	text-decoration: none;
	color: #fff;
	padding: 9px 8px 9px 15px;
   position:relative;
	z-index:1;
	 

}
.head-logo1 img
{
	width: 220px;
}

.menu-list li a:hover
{
	color: #000;
	background-color: #ffba00;
	
   
}


.main-mannu
{
	background-color: #f1ec93;
	padding:10px 0 5px 0;
	
}

.menu-list li a.active
{
	color: #000;
	background-color: #ffba00;
    

}



.menu-list .brd-icon a:after {
	display: none;
}
.toggle_bars
{
	display: none;
    color: #fff;
    font-size: 30px;
    text-align: right;
    background-color: #000;
    width: 50px;
    padding: 0 12px;
}


.tog-top
{
	background-color: #000;
	display: none;
}
.navi-head
{
	background-color: #252525;
}



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

/*end navigation*/

.top-navii
{
	    background:black;
}


.topp-neww
{
	padding:10px 0;
}

.top-texx4
{
	text-align:center;
}


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


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




.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:#ffba00;}
	100%{color:#fff;}
} 
.head-top2
{
	
	padding:10px;
}

.head-texx1
{
	background-color:#ffba00;
	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:#d1003d;
}

 .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-color: #a20b04;
    color: #fff;
}.top-new4
{
	text-align: left;
	font-size: 18px;
	padding: 8px 0 0 0;
}

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

/*start testimonial */

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


.testimonial-bg{
        padding: 20px 20px;
    text-align: center;
    position: relative;
    background-color: #ffba00;
}
.testi-ttop5
{
	    padding: 10px 0 30px 0;
}
.testimonial{
       padding: 60px 25px;
    background-color: #d1003d;
    margin: 5px;
}
.testimonial .description{
	color:#fff;
    padding-bottom: 25px;
    margin-bottom: 15px;
    position: relative;
}
.testimonial .description:before{
    content: "";
    width: 75%;
    border-top: 1px solid #fff;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.testimonial .description:after{
    content: "";
    width: 20px;
    height: 20px;
    background: #d1003d;
    position: absolute;
    bottom: -10px;
    left: 50%;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: translateX(-50%) rotate(45deg);
}
.testimonial .pic{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 25px auto;
    overflow: hidden;
}
.testimonial .pic img{
    width: 100%;
    height: auto;
}
.testimonial .title{
    display: inline-block;
    font-size: 23px;
    font-weight: 700;
    color: #ffba00;
 
    margin: 0;
}
.testimonial .post{
    display: block;
    font-size: 20px;
    color: #000;
}
.owl-theme .owl-controls{
    background: #fff;
    margin-top: 10px;
    position: absolute;
    bottom: -10%;
    right: 0;
}
.owl-theme .owl-controls .owl-buttons div{
    width: 30px;
    height: 30px;
    line-height: 30px;
    border-radius: 50%;
    background: #d1003d;
    opacity: 1;
    padding: 0;
}
.owl-prev:before,
.owl-next:before{
    content: "\f053";
   font-family: "Font Awesome 5 Free";
    font-size: 23px;
    font-weight: 700;
    color: #fff;
    display: none;
}
.owl-next:before{
    content:"\f054";
}

.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:#d1003d;
	font-size:30px;
	text-align:center;
}


/*start testimonilas*/

/*start awards*/ 

.awards-top {
    background-color: #ffad03;
    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:#d1003d;
	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: 38px;
    font-weight: 700;
    color: #a20b04;
    padding: 0 0 10px 0;
    text-transform: uppercase;
}.best-txx1 h3:after
{
	content: "";
	display: block;
	width: 15%;
	height:4px;
	margin: 10px auto; 	
	background-color: #ffba00;
}

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


/*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: #d1003d;
  color: #fff;
  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: #ffba00;
	padding:20px 10px 25px 10px;
}
.headr-frm3 h3
{
	text-align:center;
	font-size:30px;
	color:#000;
	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:#d1003d;
}
.serv-textt p
{
	padding:10px 0 0 0;
	margin:0px;
}
.serv-textt p a
{
	padding:10px 15px;
	margin:0px;
	background-color:#ffba00;
	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:#d1003d;
	font-weight:700;
	
}
.best-serv3 h4
{
	color:#111;
	font-weight:700;
	font-size:20px;
	padding:10px 0;
}
.best-serv1 {
    padding: 60px 0;
    background-color: #ffbb00;
    overflow: hidden;
}.best-serv4
{
	padding:20px 0;
}



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

/* start our services */
.serv-nnw2 {
    background-color: #ffb901;
}.ser-pic2 h5
{
	padding:10px 0;
}.ser-pic2 h5 a {
    padding: 5px 15px;
    background-color: #ffba00;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    padding: 10px 47px !important;
    text-transform: uppercase;
    border-radius: 20px;
}.ser-pic2 h5 a:hover
{
	text-decoration:none;
	background-color:#000;
	color:#fff;
}
.serv-ourr3:hover .ser-neww2 img
{
	mix-blend-mode: luminosity;
}
.our-serv.top-backk
{
	background-attachment:fixed;
}
.our-serv2
{
	padding:30px 0;
}
.serv-ourr3 {
    background-color: #a20b04;
    margin: 10px;
    padding: 8px;
}
.our-serv3 
{
	text-align:center;
}
.our-serv3 h3
{
	color:#d1003d;
	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;	
}
.best-serv9 {
    padding: 10px;
    background-color: #fb0;
}.best-iccn a {
    color: #fff;
    font-weight: 700;
    font-size: 16px;
    padding: 12px 40px;
    background-color: #a20b04;
    text-transform: uppercase;
    border-radius: 38px;
}.best-iccn a:hover
{
	 background-color: #d1003d;
	 color: #fff;
	 text-decoration: none;
}

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

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

.best-serv5
{
	padding:10px 10px;
}
.best-serv7
{
	overflow:hidden;
}
.best-serv6 {
    border:5px solid #fff;
}
.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-serv9 p {
    text-align: center;
}
.best-ttex1
{
	background-color: #ffba00;
    color: #000;
    padding: 10px;
}
.best-ttex1 h4
{
	padding:0px;
	font-size:20px;
	font-weight:700;
	text-align:center;
}
.best-serv9 h4 {
    padding: 10px 0 5px 0;
    font-weight: 700;
    color: #a20b04;
    font-size: 22px;
    text-align: center;
}.our-serv4
{
	padding:30px 0 0 0;
}

.serv-ourr4
{
	padding:10px;
}
.ser-pic2
{
	text-align:center;
}
.ser-pic2 h4 {
    font-size: 20px;
    color: #fff;
    padding: 0 0 10px 0;
    font-weight: bold;
    font-size: 24px;
    padding: 20px;
}.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:60px 0;
	color:#fff;
}
.serv-banr1
{
	padding:10px;
}

/* end service list */

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

@keyframes texclr
{
	0%{background-color:#a20b04;}
	50%{background-color:#fff; color:#000;}
	100%{background-color:#ffb901; color:#000;}
}

/* start about */

.about-top3
{
	text-align:Center;
}
.about-top3 h1
{
	font-size:30px;
	color:#feac00;
	font-weight:700;
	padding:0 0 10px 0;
}
.about-top3 h4
{
	font-weight:700;
	color:#fff;
}
.about-top4
{
	padding:30px 0 0 0;
}
.about-top4 strong
{
	color:#feac00;
}
.about-top1 {
    padding: 60px 0;
    background-color: #a20b04;
    border-top: 5px solid #fff;
    border-bottom: 5px solid #fff;
}.about-top4 h1
{
	font-size:30px;
	font-weight:700;
	color:#d1003d;
	padding:0 0 10px 0;
}
.about-top4 h1 a
{
	text-decoration:none;
	color:#d1003d;
} 
p
{
	padding:0 0 10px 0;
	line-height:28px;
	font-size:16px;
	margin:0px;
}


/* end about */

/* 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: #ffba00;
    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:#d1003d;
}
.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 10px 0;
	background-color#000;
}


.ftr-top
{
	background-color:#ffad03;
	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: 0;
	bottom: 0;
	left: 0;
	display: none;
	
	
}
.end
{
	margin: 0;
	padding: 0;
	background-color: #fff;
	
}
.end li
{

	display: block;
	padding:3px 10px;
	text-align: left;
	display: inline-block;
	 -webkit-animation: zcwphone2 1.5s linear infinite;
    -moz-animation: zcwphone2 1.5s linear infinite;
    animation: zcwphone2 1.5s linear infinite;
}

.icon-texx2
{
	position: absolute;
    left: 0px;
    right: 0px;
    width: 80%;
    margin: 0 auto;
    text-align: center;
    top: 20px;
}
.icon-texx2 h4
{
	font-size:15px;
	font-weight:600;
}
.icon-texx2 h4 span
{
	color:#ca312f;
}


@-webkit-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-moz-keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@keyframes zcwphone2 {
    0% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    25% {-ms-transform:rotate(30deg);-webkit-transform:rotate(30deg);transform:rotate(30deg);}
    50% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
    75% {-ms-transform:rotate(-30deg);-webkit-transform:rotate(-30deg);transform:rotate(-30deg);}
    100% {-ms-transform:rotate(0deg);-webkit-transform:rotate(0deg);transform:rotate(0deg);}
}
@-webkit-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-webkit-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@-moz-keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}
@keyframes zcwmini2 {
    0% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 0 rgba(0,0,0,0), 0 0 0 0 rgba(207,8,8, 0);}
    10% {box-shadow: 0 0 8px 6px , 0 0 12px 10px rgba(0,0,0,0), 0 0 12px 14px ;}
    100% {box-shadow: 0 0 8px 6px rgba(207,8,8, 0), 0 0 0 40px rgba(0,0,0,0), 0 0 0 40px rgba(207,8,8, 0);}
}


/*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;
    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: 20px 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;}
	
}	


@media (max-width: 575px) and (min-width: 0px)
{
	.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;}
.about-img img {
    margin-left: 0px !important;
}
}	

@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;}

}	

@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;}

}

@media(max-width: 1310px) and (min-width: 1201px){
	
	.our-serv8{height:250px;}
}	
@media(max-width: 320px) and (min-width: 479px){
	.about-img img {
    margin-left: 0px !important;
}
}	


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

img {
	max-width: 100%;
}

.section-title {
	font-size: 28px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	font-weight: 400;
	display: inline-block;
	position: relative;
}
.section-title:after,
.section-title:before {
	content: '';
	position: absolute;
	bottom: 0;
}
.section-title:after {
	height: 2px;
	background-color: rgba(252, 92, 15, 0.46);
	left: 25%;
	right: 25%;
}

.section-title:before {
	width: 15px;
	height: 15px;
	border: 3px solid #fff;
	background-color: #fc5c0f;
	left: 50%;
	transform: translatex(-50%);
	bottom: -6px;
	z-index: 9;
	border-radius: 50%;
}

/* CAROUSEL STARTS */
.customer-feedback .owl-item img {
	width: 85px;
	height: 85px;
}

.feedback-slider-item {
	position: relative;
	padding: 60px;
	margin-top: -40px;
}

.customer-name {
	margin-top: 15px;
	margin-bottom: 25px;
	font-size: 20px;
	font-weight: 500;
}

.feedback-slider-item p {
	line-height: 1.875;
}

.customer-rating {
	background-color: #eee;
	border: 3px solid #fff;
	color: rgba(1, 1, 1, 0.702);
	font-weight: 700;
	border-radius: 50%;
	position: absolute;
	width: 47px;
	height: 47px;
	line-height: 44px;
	font-size: 15px;
	right: 0;
	top: 77px;
	text-indent: -3px;
}

.thumb-prev .customer-rating {
	top: -20px;
	left: 0;
	right: auto;
}

.thumb-next .customer-rating {
	top: -20px;
	right: 0;
}

.customer-rating i {
	color: rgb(251, 90, 13);
	position: absolute;
	top: 10px;
	right: 5px;
	font-weight: 600;
	font-size: 12px;
}

/* GREY BACKGROUND COLOR OF THE ACTIVE SLIDER */
.feedback-slider-item:after {
	content: '';
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0;
	top: 103px;
	background-color: #f6f6f6;
	border: 1px solid rgba(251, 90, 13, .1);
	border-radius: 10px;
	z-index: -1;
}

.thumb-prev,
.thumb-next {
	position: absolute;
	z-index: 99;
	top: 45%;
	width: 98px;
	height: 98px;
	left: -90px;
	cursor: pointer;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.thumb-next {
	left: auto;
	right: -90px;
}

.feedback-slider-thumb img {
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
}

.feedback-slider-thumb:hover {
	opacity: .8;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.customer-feedback .owl-nav [class*="owl-"] {
	position: relative;
	display: inline-block;
	bottom: 45px;
	transition: all .2s ease-in;
}

.customer-feedback .owl-nav i {
	background-color: transparent;
	color: rgb(251, 90, 13);
	font-size: 25px;

}

.customer-feedback .owl-prev {
	left: -15px;
}

.customer-feedback .owl-prev:hover {
	left: -20px;
}

.customer-feedback .owl-next {
	right: -15px;
}

.customer-feedback .owl-next:hover {
	right: -20px;
}

/* DOTS */
.customer-feedback .owl-dots {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 35px;
}
.customer-feedback .owl-dot {
	display: inline-block;
}

.customer-feedback .owl-dots .owl-dot span {
	width: 11px;
	height: 11px;
	margin: 0 5px;
	background: #fff;
	border: 1px solid rgb(251, 90, 13);
	display: block;
	-webkit-backface-visibility: visible;
	-webkit-transition: all 200ms ease;
	transition: all 200ms ease;
	border-radius: 50%;
}

.customer-feedback .owl-dots .owl-dot.active span {
	background-color: rgb(251, 90, 13);
}

/* RESPONSIVE */
@media screen and (max-width: 767px) {
	.feedback-slider-item:after {
		left: 30px;
		right: 30px;
	}
	.customer-feedback .owl-nav [class*="owl-"] {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		margin-top: 45px;
		bottom: auto;
	}
	.customer-feedback .owl-prev {
		left: 0;
	}
	.customer-feedback .owl-next {
		right: 0;
	}
	
}

/* extra */
.copyright {
	text-align: center;
	margin-top: 30px;
	font-size: 1.6rem;
	background-color: #eee;
}
.copyright a {
	display: inline-block;
	padding: 10px 2px;
}
.upwork {
	color: #37a000;
}
.upwork:after {
	content: '/';
	margin-left: 10px;
}
.fiverr {
	color: #1dbf73;
}
.copyright .triplebyte {
	display: block;
	padding-top: 0;
	color: #344759;
	text-decoration: underline;
} 
.about-top4 p{color:white;}