/* Icons ---------------------------------- */
.montform  #name{
	background-image: url(../images/fi-address-book.svg);
	background-size: 45px 45px;
	background-position: -11px 8px;
	background-repeat: no-repeat;
}

.montform  #name:focus{
	background-image: url(../images/fi-address-book.svg);
	background-size: 45px 45px;
        background-position: -11px 8px;
	background-repeat: no-repeat;
}

.montform  #email{
        background-image: url(../images/fi-mail.svg);
	background-size: 45px 45px;
	background-position: -11px 8px;
	background-repeat: no-repeat;
}

.montform #email:focus{
	background-image: url(../images/fi-mail.svg);
	background-size: 45px 45px;
        background-position: -11px 8px;
	background-repeat: no-repeat;
}

.montform  #message{
	background-image: url(../images/fi-pencil.svg);
	background-size: 45px 45px;
	background-position: -11px 8px;
	background-repeat: no-repeat;
}

.montform  textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
    color:#000;
}

.montform  input:hover, .montform  textarea:hover,
.montform  input:focus, .montform  textarea:focus {
	background-color:#e6e6e6;
}





.antybot {
  background-color: rgba(0, 0, 0, 0.6); /* Black with 50% transparency */ 
  position: relative;
  max-witch:1100px;
  height:auto;
  width:70%;
  font-size: 30px;
  margin:auto auto;
  padding: 40px 652px;
  color: #fff;
  border: 2px solid #fff;
}








.tlo {

 background-color: rgba(0, 0, 0, 0.6); /* Black with 50% transparency */ 
  position: relative;
 max-witch:1100px;
 height:auto;
  width: 100%;

  margin: 0;
  padding: 10px 42px ;
  color: #000;
  border: 2px solid #fff;


  }





/* unvisited link */
a:link {
  color: #fff;
text-decoration:none !important;
}

/* visited link */
a:visited {
  color: #fff;
  text-decoration:none !important;

}

/* mouse over link */
a:hover {
  color: #fff;

text-decoration:none !important;
}

/* selected link */
a:active {
  color: #fff;

text-decoration:none !important;
}










@font-face{
font-family: Sansation-Regular; src: url(../fonts/Sansation-Regular.ttf);
font-display: swap;
}

@font-face{
font-family: Sansation-Regular; src: url(../fonts/Sansation-Regular.ttf);
font-display: swap;
}










body{
  background-color: #575757;
	padding:0 0;
	margin:0 0; 
        color:#000;
}

* {
  box-sizing: border-box;
}

.logo {
	background: url("../images/banner1.webp");
	background-repeat:   no-repeat!important;
        background-position: center!important;
        background-size: cover!important;       
        min-height: 100px;
        
        min-width:100px;
        width:100%;      
}




.title {
font-family: Sansation-Regular;
padding:0px 0px;
margin:0 0;
color: #fff;
font-size: 130px;
font-weight: bold;
text-align: center;
font-size: 3vw;
}

h1 {
font-family: Sansation-Regular;
padding:0px 0px;
margin:0 0;
color: #fff;
text-align: center;
font-size: 2.5vw;
}


.h2,h3,h4,h5,h6{
	padding:1 0;
	margin:0 0;
margin:auto auto;
color:#fff;
}



p{
	padding:0 0;
	margin:0 0;
        padding: 0px 0px;
}
.header{

	background: url("../images/banner1.webp");
	background-repeat:   no-repeat!important;
        background-position: center!important;
        background-size: cover!important;       
        min-height: 100px;
        
        min-width:100px;
        width:100%;        
}
.header-top {
  padding: 2em 0;

 }
.logo{
	float: left;
}
.right-grid h3 {
  font-size: 2.5em;
  
}



.sliderzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzzz {
	position: relative;
	text-align: center;
	
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }
.rslides h3{
 font-family: Sansation-Regular;
	color: #fff;
  font-size: 3.5em;
  width: 73%;
  margin: 1em auto 0;
  font-weight: 700;
  text-transform:none;
text-align: center;
}
.rslides h3 span {
  font-family: Sansation-Regular;
  color: #fac832;
  font-size: 4.5em;
  margin-top:180px;



}
.rslides p{
 font-family: Sansation_Regular;

  color: #fff;
  font-size: 2.2em;
  font-weight: 300;
  text-align: center;
  }
.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }
.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }
.center-icon{
  background: url("../images/icon.png") no-repeat;
  width: 300px;
  height: 250px;
  position: absolute;
  top: -5%;
  right: -30%;
}
	
.left-grid {
  padding: 40px;
margin-top:10px;
margin-bottom:10px;

  
}
.left-grid img {
 border: 2px solid #FFF;
	width:100%;
margin-top:0px;
margin-bottom:0px;
margin-left:0px;
}
.right-grid {
  margin-top: 6.8em;
    padding:0;
}
.right-top h3 {
 font-family: Sansation-Regular;

  font-size: 2.5em;
  color:#000;
  margin-bottom: 1em;
}
.right-top span {
  color: #ff456b;
  font-size: 1.5em;
  font-weight: 600;
}
.right-top {
  width: 60%;
font-size: 1.0em;
  margin: 0 auto 2em;
  font-weight: 600;

}

.right-top p {
  font-size: 23px;
 color: #fff;
font-family: Sansation_Regular;
}
.right-bottom h4 {
  color: white;
  font-size: 1.99em;

 


}
.services-section {
 background-color: #000;  background-size: cover;
  min-height: 500px;
  height: 100%;
  padding: 6.5em 0;
}
.service-leftgrid h3 {
  font-size: 2.5em;
  color: #fff;
  margin-bottom: 1em;
}
.service-leftgrid span {
  color: #fac832;
  font-size: 1.3em;
  font-weight: 600;
}
.service-leftgrid p {
 font-family: Sansation_Regular;
  font-size: 1.7em;
  color: #fff;
  line-height: 1.8em;
}
.right-grid1 {
  float: left;
  width: 20%;
  margin-right: 10%;
  
  
}
.right-grid1 img {
  width: 100%;
  
}
.right-grid1-icon {
  width: 20%;
  margin-right: 10%;
  
  
}
.right-grid1-icon img {
  width: 30%;
  position: absolute;
  top: -10%;
  right: -20%;
}
.right-grid2 {
  font-family: Sansation-Regular;


  float: left;
  width: 70%;
}
.right-grid2 h4 {
  color: #fff;
  font-size: 2.6em;
  font-weight: 700;
    margin-bottom: 0.2em;
}
.right-grid2 p {
  font-family: Sansation_Regular;
  color: #000;
  font-size: 1.2em;
  font-weight: 300;
}
.service2 {
  padding: 1em 0;
}
.portfolio-header{
 width: 37%;
  margin: 0 auto;
}
.portfolio-header h3 {
  font-size: 2.5em;
  color: white;
  margin-bottom: 0.1em;
  font-weight: 600;
}
.portfolio-header span {
  color: #fac832;
  font-size: 1.3em;
  font-weight: 600;
}
.portfolio-header p{
  font-size: 1.3em;
  color: #464646;
 }
/*-- portfolio --*/
.portfolio-section{
	padding-top:0em;
        background: #242424;
	width: 100%;
	height:100%;
}


.about-section{
	background: #000;
	width: 100%;
	height:100%;
        color: #fff;

}



#portfoliolist .portfolio {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	width: 25%;
	display:none;
	float:left;
	overflow:hidden;
	margin: 0;
}
div#portfoliolist {
	padding: 0px 0px;
	margin:4em 0em;
}	
.portfolio-wrapper {
	overflow:hidden;
	position: relative !important;
	cursor:pointer;
	margin:0em 0em;
	padding:0em 0em;
}
.portfolio img {
	width:100%;
	transition: all 300ms!important;
	-webkit-transition: all 300ms!important;
	-moz-transition: all 300ms!important;
}
.portfolio .label {
	position: absolute;
	width: 100%;
	height:40px;
	bottom:-40px;
}
.portfolio .label-bg {
	
	position: absolute;
	top:0;
	left:0;
}
.portfolio .label-text {
	color:#fff;
	position: relative;
	z-index:500;
	padding:5px 8px;
}
.portfolio .text-category {
	display:block;
	font-size:9px;
	font-size: 12px;
	text-transform:uppercase;
}


/* Self Clearing Goodness */
.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0; 
}
.row:after,
.clearfix:after {
	clear: both; 
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}






.testimonial-section {
  background: #407044;
color:#fff;
  padding: 0em 0 2em;

}
.testimonial-header {
   width: 37%;
  margin: 0 auto;

}
.testimonial-header h3 {
  font-size: 2.5vw;
  color: white;
  margin-bottom:  0.2em;
 margin-left:  3.6em;


  font-weight: 600;
}
.testimonial-header span {
  color: #ff456b;
  font-size: 1.3em;
  font-weight: 600;
}
.testimonial-header p{
  font-size: 1.3em;
  color: white;
 }
 article > div {
	text-align: center;
}











/******************/
.team-section {
  padding: 2em 0;
/* background-image: linear-gradient(to bottom right, red, yellow); */
background: #000;
}

	width: 100%;
	height:100%;
}
.team-header {
 width: 37%;
  margin: 0 auto 1.5em;

}
.team-header h3 {
  font-size: 2.5em;
  color: white;
  margin-bottom: 0.1em;
    text-transform: capitalize;
      font-weight: 600;
}
.team-header span {
  color: #fac832;
  font-size: 1.3em;
  font-weight: 600;
}
.team-header p{
  font-size: 1.3em;
  color: #464646;
 }
.team-content p{
  font-size: 1.3em;
  color: white;
  text-align: left;

 }
 .team-content h4{
  font-size: 5em;
  float: left;
  color: white;
 }
  .team-content h3{
  font-size: 2.5em;
  text-align: left;
  color: #fac832;
 }
  .team-content h2{
  font-size: 1.3em;
  text-align: left;
  color: white;
 }
 .team-grid img {

  border: 2px solid #FFF;
}
.team-grid {
  position: relative;
  text-align: center;
  margin-top:1em; 
  margin-bottom:-1em;
  margin-left:0em;
  margin-right:0em;


}
.team-info h3{	
	font-size: 2em;
	color: #fff;
	text-transform: uppercase;
	font-weight: 700;
}

.team-info h4 {
  font-size: 2.5em;
  color: #fff;
  font-weight: 500;
  text-transform: capitalize;
 }
.team-info p {
  font-size: 1.5em;
  color: #fff;
  font-weight: 500;
  text-transform: capitalize;
 }
.team-info img {
  border: none;
  margin-top:0.2em; 
  margin-left:1em; 
}
.kill-now-section {
  padding: 0 0 0;
 background: url("../images/banner1.webp");

background-size: cover;
min-height: 500px;



  background-size: cover;
  min-height: 800px;
  max-height: 800px;
}




.kill-now-header {
    width: 37%;
  margin: 0 auto 2em;
}

.kill-now-header h3 {
  font-size: 2.5em;
  color: #fff;
  margin-bottom: 3.1em;
  text-transform: capitalize;
    font-weight: 600;
}
.kill-now-header span {
  color: #fff;
  font-size: 1em;
  font-weight: 600;
}
.kill-now-header p{
  font-size: 1.3em;
  color: #fff;
 }
.pric-head h3 {
  font-size: 3.5em;
  color: #fff;
  padding: 10px 0 10px 0;
}
.pric-grid {
  background: rgba(238, 238, 238, 0.82) ; 
  padding: 0px 0px;
    border: 2px solid #fff;
    margin: 2% 5% 0 0;
  width: 27.3%;

}

.pric-list {
  padding: 35px 35px;
background-color: #ffd775;
    /*  background-color: rgba(0, 0, 0, 0.1); */
}
.pric-top{
	background:#242424;
	font-size:2.0em;
	
	padding: 0px 6px 7px 26px;
	

        
}
.pric-top h4{
	font-size: 1.2vw;
  color: #fff;
  font-weight: 700;  
   text-transform: capitalize;
   padding-top: 1px;
     display: inline-block;
      padding-left: 1em;
}
.pric-top span{
	color:#ffd800;
	font-size:2.0em;
	display:inline-block;
	background:#eeedeb;
	padding: 10px 26px 7px 26px;
	font-weight:600;
}
.pric-list ul li {

  list-style: none;
  font-size: 1.0vw;
  text-align:center;
  padding: 2px 0 ;
  color: #000;
  border-bottom: 1px solid #242424;
  margin: 0 0px;
  font-weight: 600;
text-decoration:none !important;

}
.pric-list p {

  color: #fff;
  text-align: center;
  font-size: 1.1em;
  background:#6e6a6a;
  width: 100%;
  margin: 1.5em auto 0;
  padding: 1.1em 0;
  border: 3px solid #242424;
 
 border-radius: 2px;
text-decoration:none !important;
}
.pric-grid:nth-child(3) {
  margin-right: 0;
border-radius: 0px;
}
/*** contact***/
.contact-section{
	background: #000;
	padding: 2em 1;

}
.contact-leftgrid h3 {
  font-size: 2.0em;
  color: #fff;

}
.contact-leftgrid span {
  color: #ff456b;
  font-size: 1.3em;
  font-weight: 600;
    text-transform: capitalize;
}
.contact-leftgrid p {
  font-size: 1.3em;
  color: #fff;
  line-height: 1.8em;
    margin-bottom: 2.2em;
}

.contact-leftgrid  input[type="text"]{
  width: 100%;
  padding: 15px 44px;
  border: 3px solid #000;
  font-size: 1.2em;
  margin-bottom: 1.2em;
  color: #000;
  outline: none;
  background: #fff;
  font-weight: 700;
}
.contact-leftgrid  textarea {
	height: 200px;
	resize: none;
	width: 100%;
	width: 100%;
	padding: 15px 44px;
	border: 3px solid #000;
	font-size: 1.3em;
	margin-bottom: 1.2em;
	color: #000;
	outline: none;
	background:#fff;
	font-weight: 700;
}

.contact-leftgrid input[type="submit"] {
	background: #000;
	padding: 11px 1.7em;
	border: 1px solid #fac832;
	font-size: 1.8em;
	margin: 0.5em 0 0 0;
	color: #fff;
	outline: none;
	font-weight: 500;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.contact-details input[type="submit"]:hover {
  color: #fff;
  background: #44b2c1;
}
.contact-leftgrid {
  padding: 2em 0em 0 15em;
}
.contact-rightgrid {
  padding: 0;
}
.google-map {
	background-repeat: no-repeat;
        background-position: center;
	 background-size:contain;
margin-top:80px;
margin-bottom:40px;
margin-right:40px;
margin-left:240px;

position: relative;
}



.footer-section{
	padding: 3em 0;
	text-align: center;
 	background: url("../images/footer.webp");
	background-repeat:   no-repeat!important;
        background-position: center!important;
        background-size: cover!important;       
        min-height: 100px;

 color: #000;

}
.footer-top p {
 font-size: 1.3em;

  color: #;
  font-weight: 400;
margin-bottom:0px;
padding-bottom:1px;
padding-top:10px;

margin-top:0px;

}
.footer-top a {
	font-size: 0.6em;

	color: #ff456b;
	font-weight: 400;
	text-transform: capitalize;
}
.footer-top a:hover {
	color: #d5d6d7;
}
.footer-top p a {
	margin: 0 6px 0 6px;
font-size: 3.0em;
}
/*--single--*/
.header.head-top {
	min-height: 90px;
}
.single{
   padding:2em 0;
}
.single h2{
  text-align:center;
  font-size: 1.5em;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0.5em 0;
  font-family: 'Exo', sans-serif;
}
.single-section{
	margin-top:1em;
}
.single-pic{
	text-align:center;
	margin-bottom:1em;
}
.single p{
  font-size: 1.2em;
  color: #0B0B0B;
  
}
.single-section h3 {
  color: #171414;
  font-size: 1.5em;
  margin-bottom: 0.7em;
  font-family: 'Exo', sans-serif;

}
.single-section p {
	color:#777988;
	line-height: 1.8em;
	font-size: 1.1em;
	margin-bottom: 1em;
}
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 48px;
	height: 48px;
	border: none;
	text-indent: 100%;
	background: url("../images/to-top2.png") no-repeat 0px 0px;
}
	
				/*-- responsive-mediaquries --*/

@media(max-width:1440px){
	.header {
  		min-height: 770px;
	}
	.rslides h3 {
	  color: #fff;
	  font-size: 3.5em;
 	}
 	 .right-grid {
  	   margin-top: 6em;
 	}
    .right-top p {
   	   font-size: 1.3em;
           color:#000000;
 	}
    .right-bottom h4 {
	  font-size: 1.99em;
	  padding: 1.95em 5em 0.1em 5em;
 	}
     .right-top {
 	    margin: 0px auto 4.82em;
	}
     .right-top h3 {
font-size: 2em;
  	   margin-bottom: 0.5em;
 	}
     p.lable1 {
  	  margin-top: 1.19em;
          color:#000;
	}
    .center-icon {
 	   top: -5%;
  }
}
@media(max-width:1366px){
	.header {
	  min-height: 730px;
	}
	.right-top p {
       font-size: 1.2em;
 	}
 	.right-bottom h4 {
   	   font-size: 1.9em;
       padding: 0em 4.7em 0.1em 5em;
	}
	.right-grid {
	   margin-top: 5em;
	}
	.right-top h3 {
  	   margin-bottom: 0.4em;
}
	.contact-leftgrid {
 	 padding: 0 8em 0 10em;
}
}
@media (max-width: 1280px){
	.header {
	  min-height: 683px;
	}
	.callbacks_nav {
  		left: 10%;
  	}
  	.callbacks_nav.next {
  		right: 10%;
	}
	.right-grid {
	  margin-top: 4em;
	}
	.right-top p {
	  font-size: 1.15em;
	}
	.right-bottom h4 {
 		padding: 1.75em 4em 0.1em 4em;
	}
	.center-icon {
 		 top: 50%;
 		 right: -9%;

	}
	.contact-leftgrid {
  		padding: 0 8em 0 7em;
	}
	
}
@media (max-width: 1024px){
	.header {
 		 min-height: 550px;
	}
	.top-menu ul li a {
	  font-size: 1.2em;
	}
	
	.rslides h3 {
  		font-size: 2.5em;
  		  margin: 5em auto 0;
	}
	.rslides p {
 		font-size: 1.7em;
 	}
 	.right-top h3 {
  		font-size: 2em;
  	}
  	.right-top span {
 		font-size: 1.2em;
 	}
  	.right-top p {
 		 font-size: 1.05em;
	}
	p.lable1 {
	  margin-top: 1.1em;
	  height: 82px;
	  overflow: hidden;
color:#000000;
	 }
	 .right-top {
 		 width: 66%;
 	
 	}  
 	.right-bottom h4 {
 		 padding: 1.01em 4em 0.1em 4em;
 		   font-size: 1.7em;
 	}
 	.services-section {
  		padding: 5em 0;
  	}
 	.service-leftgrid h3 {
  		font-size: 2em;
  	}
  	.service-leftgrid p {
 		 font-size: 1.55em;
 	}
 	.right-grid2 h4 {
  		font-size: 2em;
	}
	.service-leftgrid span {
  		font-size: 1.2em;
  	}
	.right-grid2 p {
  		font-size: 1.05em;
  	}
  	.portfolio-header h3 {
  		font-size: 1.7em;
  	}
  	.portfolio-header span {
  		font-size: 1.2em;
  	}
  	.portfolio-header p {
  		font-size: 1.15em;
  	}
  	#filters li span {
 		font-size: 1.3em;
 	}
 	.testimonial-section {
background: #00c3ff;
	width: 100%;
	height:100%;



  		padding: 6em 0 6em;
	}
	.testimonial-header h3 {
  		font-size: 2em;
  	}
  	.testimonial-header span {
  		font-size: 1.2em;
  	}
  	.testimonial-header p {
  	font-size: 1.1em;
  
  	}
  	.slide-text h4 {
  		font-size: 2em;
  	}
  	





	.team-section {
  		padding: 5em 0;
	}
	.team-header h3 {
  		font-size: 2em;
  	}
  	.team-header p {
  		font-size: 1.1em;
  	}
  	.team-info h4 {
  		font-size: 2em;
  	}
  	.team-info p {
  		font-size: 1.3em;
  	}
  	.team-info {
	 	  width: 80%;
	 	  left: 31px;
	 	  top: 15.5px;
 	 }
 	.kill-now-section {
  		padding: 5em 0 0;
  		min-height: 920px;
  	}
  	.kill-now-header h3 {
  		font-size: 4em;


  	}
  	.kill-now-header span {
  		font-size: 1.2em;
  	}
  	.kill-now-header p {
  		font-size: 1.1em;
  	}
  	.pric-top span {
 		font-size: 3em;
 	}
 	.pric-top h4 {
	   font-size: 1em;
	  padding-left: 0.6em;
	}
	.pric-list ul li {
 		font-size: 1.3em;
 	}
 	.pric-list p {
  		font-size: 2em;
 		padding: 1em 0;
 		  width: 100%;
 	}
 	.pric-grid {
		  margin: 2% 6% 0 0;
		  width: 29.3%;
	}
 	.blog-header h3 {
 	    font-size: 2em;
 	 }
 	 .blog-header span {
  		font-size: 1.2em;
  	}
  	.blog-header p {
  		font-size: 1.1em;
  	}
  	.blog-grid a {
  		font-size: 1.3em;
  	}
  	.blog-grid p {
 	 	font-size: 1.1em;
 	 }
 	 .blog-grid p.date {
  		font-size: 1.1em;
  	}
 	 .blog-grid1 p.date {
  		font-size: 1.1em;
  	}
  	.single h2 {
  		font-size: 1.3em;
  	}
  	.single-section h3 {
  		font-size: 1.3em;
  	}
  	.content-form h3, .comments h3{
  		font-size: 1.5em
  	}
  	.contact-section {
  		padding: 5em 0;

	}
  	.contact-leftgrid {
  		padding: 0 8em 0 3em;
	}
  	.contact-leftgrid h3 {
  	   font-size: 2em;
  	}
  	.contact-leftgrid span {
 		font-size: 1.2em;
 	}
 	.contact-leftgrid p {
  		font-size: 1.1em;
  	}
  	.google-map iframe {
  		min-height: 530px;
	}
	.contact-leftgrid input[type="submit"] {
 		font-size: 1.3em;
 	  }
@media (max-width: 780px){
		.logo {
			width: 20%;
		}
		.header-top {
           padding: 1.5em 0;
        }
		span.menu:before {
			content: url("../images/nav.png") no-repeat 0px 0px;
			cursor: pointer;
		}
		.top-menu {
			float:none;
			width: 100%;
			text-align:right;
		}
		.top-menu  ul{
			display:none;
		}
		.top-menu  ul li {
			font-size: 14px;
			display:block;
			
		}
		.top-menu ul li{
			display:block;
			float:none;
			margin: 0em;
			border-bottom: 1px solid #464646;
			border-right:none;
		}
		.top-menu ul li {
	
			padding:10px 0 ;
		}
		.top-menu  ul{
			margin:15px 0;
			z-index: 999;
			position: absolute;
			width: 96%;
			background:#1a1a1a;
			text-align: center;
		}
		.top-menu ul li a {
			display: block;
			font-size: 1.2em;
		}
		.header {
  			min-height: 410px;
		}
		.rslides h3 {
		  font-size: 2.1em;
		  margin: 4em auto 0;
		    width: 85%;
		}
		.rslides p {
  			font-size: 1.4em;
		}
		.callbacks_nav {
		  left: 4%;
		  top: 68%;
		}
		.callbacks_nav.next {
  			right: 4%;
		}
		.left-grid {
		  width: 50%;
		  float: left;
		}
		.right-grid {
		  width: 50%;
		  float: left;
		}
		.right-grid {
  			margin-top: 3em;
		}
		.right-top h3 {
  			font-size: 1.6em;
		}
		.right-top {
  			width: 73%;
		}
		.right-top p {
		  font-size: 1em;
		}
		p.lable1 {
		  margin-top: 1.1em;
		  height: 37px;
		  overflow: hidden;
color:#000000;
		}
		.right-bottom h4 {
		  padding: 1.6em 1em 0.1em 3em;
		  font-size: 1.24em;
		}
		.center-icon {
		  top: 42%;
		  right: -10%;
		}
		.services-section {
 			min-height: 425px;
 			  padding: 4em 0;
 	    }
		.service-leftgrid {
			  float: left;
			  width: 50%;
		}
		.service-rightgrid {
			  float: left;
			  width: 50%;
		}
		.service-leftgrid h3 {
			  font-size: 1.6em;
			  margin-bottom: 0.5em;
		}
		.service-leftgrid p {
			  font-size: 1em;
		}
		.right-grid2 h4 {
		    font-size: 1.8em;
		}
		.right-grid2 p {
  			font-size: 1em;
		}
		.portfolio-section {
	background: #000;
	
	max-height:600px;

  			padding-top: 1em;
		}
		.portfolio-header h3 {
			  font-size: 1.6em;
		}
		.portfolio-header {
  			width: 50%;
		}
		.portfolio-header p {
			  font-size: 1.05em;
		}
		#filters li span {
		    font-size: 1.2em;
		}
		#filters li span {
 		    padding: 8px 25px;
 		}
 		  .testimonial-section {
		    padding: 4em 0 4em;
		}
		.testimonial-header {
  			width: 50%;
  		}
  		.testimonial-header h3 {
			  font-size: 1.6em;
		}
		.testimonial-header p {
		  font-size: 1.05em;
		}
		.client-main {
		    padding: 1em 0;
		}
		.slide-text h4 {
		    font-size: 1.5em;
		}
		
		.team-section {
		   padding: 4em 0;
		}
		.team-header {
			  width: 50%;
			  margin: 0 auto 3em;
		}
		.team-header h3 {
			  font-size: 1.6em;
		}
		.team-grid {
			  width: 33.3%;
			  float: left;
		}
		.team-grid img {
 			 width: 100%;
 		}
 		.team-info img {
			  width: 25px;
		}
		.team-header p {
			  font-size: 1.05em;
		}
		.team-info h4 {
		    font-size: 1.5em;
		}
		.team-info p {
			  font-size: 1.1em;
		}
		.team-grid:hover div.team-info {
  			padding: 4.5em 0em;
		}
		.team-info {
			 width: 76%;
			 left: 29px;
			 top: 15px;
		}
		div#portfoliolist {
 			margin: 2em 0em;
		}
		.kill-now-section {
			  padding: 3em 0 0;
			  min-height: 920px;
		}
		.kill-now-header {
  			width: 50%;
		}
		.kill-now-header h3 {
 			 font-size: 1.6em;
		}
		.kill-now-header p {
			  font-size: 1.05em;
		}
		.pric-top span {
		     font-size: 2.5em;
		}
		  		.pric-list ul li {
			  font-size: 1.2em;
		}
		.kill-now-section {
			 min-height: 800px;
		}
		.pric-grid {
		    float: left;
		}
		.pric-list ul li {
		    font-size: 1.15em;
		    margin: 0 20px;
		}
		.pric-list p {
			 font-size: 1.1em;
			 padding: 1em 0;
			 width: 100%;
                        text-decoration: none !important;
		}
		.blog-header {
	  		width: 50%;
	  	}
	  	.blog-header h3 {
		    font-size: 1.6em;
		}
		.blog-header p {
		   font-size: 1.05em;
		}
		.blog-leftgtid {
		  		float: left;
		  		width: 50%;
	  	}
	  	.blog-rightgtid {
		  		float: left;
		  		width: 50%;
	  	}
	  	.blog-grid a {
	  		font-size: 1.1em;
	  	}
	  	.blog-grid p {
	 		 font-size: 1em;
		}
		.blog-grid1 p.date {
	  		font-size: 1em;
		}
		.blog-grid p.date {
	  		font-size: 1em;
		}
		.blog-section {
	  		padding: 3em 0;
		}
		.header.head-top {
  			min-height: 80px;
		}
		.single h2 {
	  		font-size: 1.1em;
		}
		.single-section p {
			font-size: 1em;
	 		height: 106px;
	  		overflow: hidden;
		}
		.single p {
 		   font-size: 1em;
 		}
		.comment-info p {
	 		font-size: 1em;
	 	}
		.content-form h3, .comments h3 {
	  		font-size: 1.em;
		}
		.contact-section {

		   padding: 4em 0;
		}
		.contact-leftgrid {
		  width: 50%;
		  float: left;
		}
		.contact-rightgrid {
		  width: 50%;
		  float: left;
		}
		.contact-leftgrid p {
 			 font-size: 1em;
		}
		.contact-leftgrid {
  			padding: 0 2em 0 1em;
		}
		.google-map iframe {
			min-height: 516px;
		}
		.contact-leftgrid input[type="submit"] {
		   font-size: 1.2em;
		}
		.contact-leftgrid input[type="text"] {
  			font-size: 1.2em;
                        font-weight:700;
  		}
  		.contact-leftgrid textarea {
  			font-size: 1.2em;
  		}
  		.contact-leftgrid input[type="submit"] {
 			 font-size: 1.2em;
		}
	}
@media (max-width: 640px){
		.logo {
 		   width: 20%;
		}
		.logo img {
			width: 100%;
		}
		.top-menu ul li a {
  			font-size: 1.15em;
		}
		.top-menu ul li {
		    padding: 4px 0;
		}
		.top-menu ul {
			margin: 14px 0;
			width: 95.5%;
	   }
	   .header-top {
		    padding: 1em 0;
		}
	   .rslides h3 {
		  font-size: 1.6em;
		  margin: 4em auto 0;
		  width: 80%;
		}
		.header {
  			min-height: 341px;
		}
		.rslides p {
		   font-size: 1.2em;
		}
		.right-top h3 {
		   font-size: 1.4em;
		}
		.right-top p {
			  font-size: 1.0em;
			  height: 68px;
			  overflow: hidden;
		}
		.right-grid {
			 margin-top: 2em;
		}
		.right-bottom h4 {
			 padding: 1.29em 3.6em 0.1em 3em;
			 font-size: 1em;
		}
		.services-section {
		  min-height: 330px;
		  padding: 3em 0;
		}
		.service-leftgrid h3 {
  			font-size: 1.3em;
  		}
  		.service-leftgrid p {
			 font-size: 0.95em;
			 height: 70px;
			 overflow: hidden;
			 line-height: 1.1em;
		}
		.right-grid2 h4 {
		    font-size: 1.3em;
		}
		.right-grid2 p {
			  font-size: 0.95em;
			  height: 40px;
			  overflow: hidden;
		}
				
		.portfolio-header {
			width: 55%;
		}
		.portfolio-header h3 {
  			font-size: 1.3em;
		}
		.portfolio-header p {
			  font-size: 1em;
		}
		#filters li span {
		     font-size: 1.1em;
		}
		#filters li span {
		     padding: 8px 20px;
		}
				.portfolio-section {
  			padding: 1em 0;
		}
				.testimonial-header {
  			width: 56%;
		}
		.testimonial-header h3 {
 			 font-size: 1.3em;
		}
		.testimonial-header p {
  			font-size: 1em;
padding: 20px 20px;
    margin: 20px;
		}
		.slide-text {
			  width: 100%;
			  margin: 1em auto 0;
		}
		.slide-text h4 {
			  font-size: 1.3em;
		}
		.wmuSliderPrev, .wmuSliderNext {
  			top: 54%;
		}
		.wmuSliderPrev {
  			left: 90px;
		}
		.wmuSliderNext {
			 background-position: -22px 0px;
			right: 90px;
		}
		.team-section {
 		    padding: 3em 0;
		}
		.team-header {
			width: 57%;
			margin: 0 auto 2em;
		}
		.team-header h3 {
  			font-size: 1.3em;
		}
		.team-header p {
  			font-size: 1em;
		}
		.team-grid:hover div.team-info {
 			 padding: 3em 0em;
		}
		.team-info {
		     width: 75%;
		     left: 24px;
			 top: 10px;
		}
		.kill-now-header {
  			width: 67%;
		}
		.kill-now-header h3 {
  			font-size: 1.3em;
		}
		.kill-now-header p {
			font-size: 1em;
		}
		.pric-top span {
  			font-size: 2em;
		}
		



		.pric-list ul li {
			font-size: 1.1em;
			margin: 0 -30px;
		}
		.pric-list p {
			font-size: 1.0em;
			padding: 1em 0;
			width: 100%;
		}
		.kill-now-section {
  			min-height: 1140px;
		}
		.blog-header {
		  	width: 57%;
		  	margin: 0 auto 2em;
		}
		.blog-header h3 {
 			 font-size: 1.3em;
		}
		.blog-grid p {
  		font-size: 0.95em;
  		height: 40px;
  		overflow: hidden;
	}
	.blog-grid {
  		margin-bottom: 2em;
	}
	.blog-grid1 p.date {
  		font-size: 0.9em;
 		 margin-bottom: -18px;
	}
	.blog-grid a {
 	 font-size: 1.05em;
	}
	.header.head-top {
  		min-height: 62px;
	}
	.single h2 {
  		font-size: 1.05em;
	}
	.blog-grid p.date {
  		font-size: 0.9em;
  		margin-bottom: -18px;
	}
	.single-section p {
		  font-size: 0.95em;
		  height: 70px;
		  overflow: hidden;
	}
	.single p {
	  font-size: 0.9em;
	}
	.content-form h3, .comments h3 {
 		 font-size: 1.3em;
	}
	.single-section h3 {
  		font-size: 1.2em;
	}
	.content-form form input[type="text"], .content-form form textarea{
  		width: 100%;
  	}
  	.comment-info h5 {
	 	margin-bottom: 0.5em;
	 }
	.contact-section h3 {
  		font-size: 1.4em;
	}
	.comment-info p {
 		 font-size: 0.9em;
	}
	.comment-info h4 {
  		font-size: 0.85em;
  	}
  	.contact-section {
 		 padding: 3em 0;
	}
	.contact-leftgrid {
  		width: 100%;
  	}
  	.contact-rightgrid {
  	   width: 100%;
  	   margin-top: 1.3em;
	}
	.contact-leftgrid input[type="submit"] {
  		font-size: 1.1em;
	}
	.google-map iframe {
  		min-height: 400px;
	}

@media (max-width: 480px){
	.logo {
	   width: 25%;
	}
	.top-menu ul {
  		width: 93%;
	}
	.rslides h3 {
		font-size: 1.4em;
		margin: 5em auto 0;
		width: 90%;
	}
	.rslides p {
	    font-size: 1.1em;
	    margin: 0 2em 0.5em 0;
	}
	.callbacks_nav {
		 left: 3%;
		 top: 72%;
	}
	.callbacks_nav.next {
 		 right: 2%;
	}
	.left-grid {
		  width: 100%;
		  float: none;
	}
	.right-grid {
		  width: 100%;
		  float: none;
	}
	.right-top {
  		margin: 0px auto 1.82em;
	}
	.right-top h3 {
 		 font-size: 1.2em;
	}
	.right-top span {
  		font-size: 1.18em;
	}
	.center-icon {
		  top: 84%;
		  right: 41%;
	}
	.right-grid {
  		margin-top: 2em;
	}
  .right-grid1-icon img {
width:0%;
}
	.right-top p {
  		font-size: 0.895em;
  	}
  	.right-bottom h4 {
		padding: 1.29em 3.6em 0.1em 3em;
		font-size: 0.95em;
		  line-height: 1.8em;
	}
	.center-icon {
  		display: none;
	}
	.service-leftgrid {
		  float: none;
		  width: 100%;
		    padding: 0;
	}
	.service-rightgrid {
		  float: none;
		  width: 100%;
		  margin-top: 1.5em;
		    padding: 0;
	}
	.service-leftgrid img {
 		 width: 15%;
	}
	.service-leftgrid h3 {
		  font-size: 1.2em;
	}
	.service-leftgrid span {
	  font-size: 1.18em;
	}
	.service-leftgrid p {
		  font-size: 0.895em;
		  height: 57px;
	}
	.right-grid1 {
  		 padding-top: 0%;
  		 float: left;
		 width: 15%;
		 margin-right: 10%;
	}
	.right-grid2 h4 {
  	     font-size: 1.2em;
	}
	.right-grid2 p {
  		font-size: 0.9em;
  		 height: 69px;
  	}
  	.right-grid2 {
		float: left;
		width: 75%;
		margin-top: 0.4em;
	}
  	.portfolio-header {
	   width: 70%;
	}
	.portfolio-header h3 {
		  font-size: 1.2em;
	}
	.portfolio-header span {
	  font-size: 1.18em;
	}
	#filters li span {
	    padding: 8px 14px;
	    font-size: 1em;
	}
	#portfoliolist .portfolio {
  		width: 50%;
  	}
  	.grid_box .zoom-icon {
  		height: 154px;
	}
	.portfolio-header img {
	    width: 20%;
	}
	.testimonial-header {
		 width: 77%;
	}
	.testimonial-header img {
		  width: 20%;
	}
	.testimonial-section {
  		padding: 2em 0 1em;
	}
	.testimonial-header h3 {
	  	font-size: 1.2em;
	}
	.testimonial-header span {
	 	 font-size: 1.18em;
	}
	.team-header img {
	  width: 20%;
	}
	.slide-text h4 {
		font-size: 1.1em;
		height: 38px;
		overflow: hidden;
	}
	.slide-text img {
  		margin: 20px auto;
	}
	.slide-text {
		  width: 100%;
		  margin: 0em auto 0;
	}
	.wmuSliderPrev, .wmuSliderNext {
 		 top: 46%;
	}
	.wmuSliderPrev {
		  left: 70px;
	}
	.wmuSliderNext {
  		right: 70px;
	}
	.team-header {
		  width: 77%;
		  margin: 0 auto 1em;
	}
	.team-grid {
		  width: 100%;
		  float: none;
	}
	.team-grid img {
  		width: 50%;
	}
	.team-info img {
  		width: 14%;
	}
	.team-header h3 {
	  font-size: 1.2em;
	}
	.team-header span {
   		font-size: 1.18em;
   	}
	.team-info p {
	  	font-size: 0.85em;
	}
	.team-info h4 {
 	 	font-size: 1.2em;
	}
	.team-info {
		  width: 42%;
		  left: 129px;
		  top: 9px;
	}
	.team-grid:hover div.team-info {
  		padding: 4.3em 0em;
	}
	.kill-now-header {
 		 width: 77%;
 		   margin: 0 auto 0em;
	}
	.kill-now-header img {
  		width: 20%;
	}
	.kill-now-header h3 {
  		font-size: 1.2em;
	}
	.kill-now-header span {
	  font-size: 1.18em;
	}
	.pric-grid {
		  float: none;
		  width: 70%;
		  margin: 2em auto;
	}
	.pric-grid:nth-child(3) {
 		 margin-right: 15%;
	}
	.pric-list ul li {
		  font-size: 1em;
		  margin: 0 0px;
	}
	.pric-list p {
		  font-size: 1.3em;
		  padding: 1em 0;
		  width: 100%;
	}
	








/* Icons ---------------------------------- */
.montform  #name{
	background-image: url(../images/fi-address-book.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

.montform  #name:focus{
	background-image: url(../images/fi-address-book.svg);
	background-size: 30px 30px;
	background-position: 8px 5px;
        background-position: 11px 8px;
	background-repeat: no-repeat;
}

.montform  #email{
        background-image: url(../images/fi-mail.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

.montform #email:focus{
	background-image: url(../images/fi-mail.svg);
	background-size: 30px 30px;
        background-position: 11px 8px;
	background-repeat: no-repeat;
}

.montform  #message{
	background-image: url(../images/fi-pencil.svg);
	background-size: 30px 30px;
	background-position: 11px 8px;
	background-repeat: no-repeat;
}

.montform  textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
    color:#000;
}

.montform  input:hover, .montform  textarea:hover,
.montform  input:focus, .montform  textarea:focus {
	background-color:#000;
}