@charset "utf-8";

/* CSS Document */

body {

	margin: 0px;

	padding: 0px;

}

@font-face {

	font-family: 'Open Sans';

	src: url(../fonts/OpenSans-Regular.ttf);

	font-weight: lighter;

	font-style: normal;

}

@font-face {

	font-family: "covered By Your Grace";

	src: url(../fonts/CoveredByYourGrace.ttf);

	font-weight: lighter;

	font-style: normal;

}

@font-face {

	font-family: "Roboto Condensed";

	src: url(../fonts/RobotoCondensed-Regular_3.ttf);

}

@font-face {

	font-family: "Century Gothic";

	src: url(../fonts/GOTHIC_2.TTF);

	font-weight: normal;

	font-style: normal;

}

#wraper {

	width: 100%;

	height: auto;

	margin: 0px;

	padding: 0px;

}

.header_wrp {

	width: 100%;

	height: auto;

	margin: 0px;

	padding: 0px;

	float: left;

	background: rgba(175,174,173,0.8);

	box-shadow: 0 0 10px #000;

}

.header_cont {

	width: 100%;

	height: auto;

	margin: 0px auto;

	padding: 0px;

}

.head-right {

	float: right;

	height: auto;

	margin: 0;

	padding: 0;

	width: 66%;

}

.logo {

	width: 31%;

	height: auto;

	float: left;

	margin: 0;

	padding: 10px 0 10px 20px;

	background: url(../images/logobg.png) no-repeat;

}

.navg-box {

	width: 100%;

	height: auto;

	margin: 10px 0 0 0;

	padding: 0px 0 0 0;

	float: left;

}

.bannar_main {

	display: none;

}

.bannar_main-small {

	width: 100%;

	/*height: 700px;*/

	height: auto;

	float: left;

	margin: 0px 0 0 0;

	padding: 0px;

}

.bannar_main-small img {

	width: 100%;

	height: auto;

}

.rajesh {

	display: block;

}

@media only screen and (min-width: 50px) and (max-width: 800px) {

.rajesh {

	display: block;

}

.aboutinner {

	width: 100%;

	height: auto;

	margin: 0px 0 0 0px;

	padding: 0px 0 0 0px;

	float: left;

	background: #222 repeat-x;

	background-size: 100%;

}

.about {

	width: 100%;

	height: auto;

	margin: 0px 0 0 0;

	padding: 0px;

	float: left;

	background: #222 repeat-x;

	background-size: 100%;

}

.about_cont {

	width: 100%;

	height: auto;

	margin: 0px auto;

	padding: 0px;

}

.port-width {

	width: 100% !important;

}

/*.about_cont1 {

	width: 92%;

	height: auto;

	margin: 0px;

	padding: 0px 4% 50px 4%;

	float: left;

}*/

.about_cont1 {

	width: 100%;

	height: auto;

	margin: 0px;

	padding: 0px;

	float: left;

}



.about_cont31 {

    float: left;

    margin: 0 10px 0 0;

    width: 16%;

}

.about_cont31 img {

    width: 100%;

}





.about_cont51 {

    margin: 13px 8px 0 0;

    padding: 10px 20px 5px;

    width: 80%;

}

.about_cont2 {

	width: 100%;

	height: auto;

	margin: 0px 0 0 0px;

	padding: 0px;

	float: left;

	color: #fff;

}

.about_cont2 h2 {

	font: normal 20px "Roboto Condensed";

	color: #fff;

	margin: 5px 0 20px 0px;

	padding: 0px;

	text-align: left;

}

.about_cont2span {

	margin: 0 10px 0 30px;

}

.about_cont-12 {

	color: #FFFFFF;

	float: left;

	height: auto;

	margin: 0;

	padding: 0;

	width: 100%;

}

.about_cont3 {

	width: 34%;

	height: auto;

	margin: 0px 0 0 10px;

	padding: 0px;

}

.about_cont3 img {

	width: 90%;

	margin: 0px 0 0 10px;

	padding: 0px;

}

.about_cont4 {

	width: 60%;

	height: auto;

	margin: 0px 0 0 20px;

	padding: 0px 0px 0 0;

	float: left;

}

.about_cont5 {

	float: left;

	height: auto;

	margin: 0 0 0 20px;

	padding: 0;

	width: 60%;

}

.about_cont5-right {

	margin: 30px 0 0;

	width: 90%;

}

.about_cont5-rightspan {

	margin: 0 10px 0 10px;

}

.about_cont6-right {

	float: left;

	height: auto;

	margin: 0 0 0 50px;

	padding: 0;

	width: 90%;

}

.about_cont2-right {

	width: 90%;

	height: auto;

	margin: 20px 0 0 0;

	padding: 0px;

	color: #fff;

}

.about_cont2-right h2 {

	font: normal 20px "Roboto Condensed";

	color: #fff;

	margin: 5px 0 20px 0px;

	padding: 0px;

	text-align: left;

}

.about_cont2-rightspan {

	margin: 0px 10px 0 30px;

}

.about_cont3-right {

	width: 100%;

	height: auto;

	margin: 0px 0 0 30px;

	padding: 0px;

}

.about_cont3-right img {

	margin: 0px 0 0 10px;

	padding: 0px;

	width: 20%;

}

.service {

	width: 100%;

	height: auto;

	margin: 0px 0 0 0;

	padding: 0px;

	float: left;

	background: #2e2e2e repeat-x;

	background-size: 100%;

}

.service_cont {

	width: 100%;

	height: auto;

	margin: 0px auto;

	padding: 0px;

}

.port-width {

	width: 100% !important;

}

.service_cont1 {

	width: 100%;

	height: auto;

	margin: 0px;

	padding: 0px 0 40px 0;

	float: left;

}

.service_cont2 {

	width: 45%;

	height: auto;

	margin: 40px 0 20px 30px;

	padding: 0px;

	float: left;

}

.service_cont4 {

	width: 65%;

	height: auto;

	margin: 0px 0px 0 10px;

	padding: 0px 20px;

	float: left;

	background: url(../images/service-line.png) no-repeat;

}

.service_cont3 {

	width: 26%;

	height: auto;

	margin: 0px;

	padding: 0px;

	float: left;

}

.port {

	background: #231c16;

	float: left;

	height: auto;

	margin: 0;

	padding: 0 0 40px 0;

	width: 100%;

}

.client {

	width: 100%;

	height: auto;

	margin: 0px 0 0 0;

	padding: 0px;

	float: left;

	background: #333 repeat-x;

	background-size: 100%;

}

.client_cont {

	width: 100%;

	height: auto;

	margin: 0px auto;

	padding: 0px;

}

.client_cont1 {

	width: 100%;

	height: auto;

	margin: 0px;

	padding: 0px 0 30px 0;

	float: left;

}

.client_cont2 {

	width: 100%;

	height: auto;

	margin: 40px 0 30px 0;

	padding: 0px;

}

.client_cont3 {

	width: 85%;

	height: auto;

	margin: 0px;

	padding: 0px 0 0 20px;

	color: #fff;

}

.client_cont4 {

	width: 15%;

	height: auto;

	margin: 20px 0 0 0;

	padding: 0px;

	float: left;

	color: #fff;

}

.client_cont4 img {

	margin: 0;

	padding: 0;

	width: 60%;

}

.client_cont2-right {

	width: 100%;

	height: auto;

	margin: 0px;

	padding: 0px 0 0 20px;

	color: #fff;

}

.client_cont3-right {

	width: 80%;

	height: auto;

	margin: 0px;

	padding: 0px 0 0 0px;

	color: #fff;

	float: left;

}

.client_cont4-right {

	width: 15%;

	height: auto;

	margin: 20px 0 0 0;

	padding: 0px;

	float: left;

	color: #fff;

}

.client_cont4-right img {

	margin: 0;

	padding: 0;

	width: 60%;

}

.footer {

	width: 100%;

	height: auto;

	margin: 0px 0 0 0;

	padding: 0px 0 50px 0;

	float: left;

	background: #444 repeat-x;

	background-size: 100%;

}

.ftr_cont {

	width: 100%;

	height: auto;

	margin: 0px auto;

	padding: 0px;

}

.ftr_cont1 {

	width: 100%;

	height: auto;

	margin: 0px;

	padding: 0px;

	float: left;

}

.ftr_cont2 {

	width: 30%;

	height: auto;

	margin: 50px 0px 20px 20px;

	padding: 0px;

	float: left;

}

#contact-form {

	font-size: 1.5rem;

	margin: 0px auto;

	padding: 20px;

	width: 50%;

	height: auto;

}

/*#contact-form div {

	width: 100%;

}*/

#contact-form input {

	width: 100%;

}

#contact-form textarea {

	width: 100%;

	margin: 0 0 20px 0;

	float: left;

}

#contact-form .submit_btn {

	width: 100%;

	margin: 0px 0 0 0px;

}

.footericon {

	width: 100%;

	height: auto;

	margin: 0px 0 0 0;

	padding: 0px 0 0px 0;

	float: left;

	background: #000 repeat-x;

	background-size: 100%;

}

.ftricon_cont {

	width: 100%;

	height: auto;

	margin: 0px auto;

	padding: 0px;

}

.ftricon_cont1 {

	width: 100%;

	height: auto;

	margin: 0px;

	padding: 0px;

	float: left;

}

.ftricon_cont2 {

	width: 46%;

	height: auto;

	margin: 20px auto;

	padding: 0px 0 0 0;

}

.nav-item span i {

	display: none;

}

.nav-click i {

	display: block !important;

}

.offer {

	width: 100%;

	height: auto;

	margin: 45px 0 0 0;

	padding: 0px;

	float: left;

	background: url(../images/landing.jpg) top center no-repeat;

	background-size: cover;

}

.offer1 {

	width: 300px;

	height: auto;

	margin: 50px auto 55px auto;

	padding: 0px 0 0px 0;

	float: none;

	background: none repeat scroll 0 center rgba(170, 169, 170, 0.5);

}

.offer {

	width: 100%;

	height: auto;

	margin: 45px 0 0 0;

	padding: 0px;

	float: left;

	background: url(../images/landing.jpg) top left no-repeat;

	background-size: cover;

}

.offer1 {

	width: 300px;

	height: auto;

	margin: 50px auto 55px 80px;

	padding: 0px 0 0px 0;

	float: left;

	background: none repeat scroll 0 center rgba(170, 169, 170, 0.5);

}

#bronze_main {

	float: none;

	height: auto;

	width: 100%;

	margin: 0 auto;

}

#bronze, #bronze1, #bronze2 {

	width: 220px !important;

	height: 340px;

	float: left;

	margin: 10px 15px;

}

.offer-1 {

	width: 100%;

	height: auto;

	margin: 0px auto;

	padding: 0px;

}

.plan-1, .plan1 {

	width: 100% !important;

	margin: 0;

	padding: 0;

	float:left;

}

.ser {

	width: 220px !important;

	height: 160px;

	margin: 0px 15px 20px 15px;

}

.ser h1 {

	text-align: center;

	font-size: 16px;

}

.ser h2 {

	text-align: center;

	font-size: 14px;

}

.scro-1, .scro1 {

	width: 100% !important;

}

 @media (max-width: 640px) {

 .ser {

 width: 185px !important;

 height: 160px;

 margin: 0px 10px 20px 10px;

}

.ser h1 {

 text-align: left;

 font-size:14px;

 word-break:break-all;

 padding-left:15px;

}

#bronze, #bronze1, #bronze2 {

 width: 185px !important;

 height: 340px;

 float: left;

 margin: 10px 10px;

}

.offer1 {

 margin: 50px auto 55px 180px;

}

}

#bronze p a, #bronze1 p a, #bronze2 p a {

	margin: 25px 42px 0 0;

}

.nav-item span {

	padding: 0px 0px 0px 0px;

}



.pln{

	width: 94%;

	margin: 60px 0 20px 3%;

}



.s1{

	margin: 0px 8px 20px 0px;

	padding: 0px 0 0px 0;

	float: left;

}
 @media (max-width: 667px) { 
 	.logo {
		background:none;
		width:100%;	
		padding-right:0px;
	}
	.logo img {
	
		margin:0px;	
	}
 	.logo p {
		text-align:center;	
	}
	.head-right {
		width:100%;
	}
	.navg-box {
		margin:0px;	
	}
	.about_cont1 h2 {
		margin:24px 0px;	
	}
	.about_cont4 {
    width: 96%;
    margin: 0px 0 0 11px;
}
ul.ftlnks li a {
	padding:0px;	
}
.nbs-flexisel-nav-left{
	top:46.5px !important;
	left:-7px !important;	
}
.nbs-flexisel-nav-right{
		top:46.5px !important;
		right:-15px !important;

 }
 .service_cont3 {
		width:30%; 
 }
 .service_cont4 {
	 width:65%;
	padding:0px 15px; 
 }
 .service_cont3 {
	width: 30%;
}
.service_cont4 {
	width: 66%;
	padding: 0px 17px;
}
.offer-ind {
	background: #000;
}
.offer1 {
	float: none;
	margin: 0 auto;
}
.offer2 {
	padding: 0 0 50px 0px;
}
.offer2 .submit_btn input {
	margin: 0px;
}
.topopup {
	margin: 15px 42px 0px 0px;
}
 }
  @media (max-width: 768px) { 
  	.about_cont4 {
		margin:0px 0px 0px 10px;
		 width: 96%;
	}
	.about_cont1 h2 {
		margin:26px 0px;	
	}
  .nbs-flexisel-nav-left {
	top:54.5px;
	left:-10px;	
  }
  .nbs-flexisel-nav-right {
	top:57.5px;
	right:-16px;	  
  }
  .por_heig {
	height:800px;  
  }
  ul.ftlnks li a {
	padding:0px 2px;  
  }	
   .ftr_cont2 {
	margin:50px 0 50px 102px;   
   }
   .dis_hgt {
	  min-height:855px; 
   }
   #contact-form input[type="submit"] {
		width:100%;   
   }
   .about_cont-12 {
		width:96%;
		margin:0px 13px;   
   }
   .service_cont4 {
	   height:89px;
   }	
   .offer1  {
			float:right;
			margin:17px 30px 0 0;	
		}
  }

@media (max-width:568px) {
.offer-ind { 
	background:#000;
}
.offer1 {
	float: none;
	margin: 24px auto;
	height: 350px;
}
#bronze, #bronze1, #bronze2 {
	    width: 180px !important;
    margin: 10px 0px 0px 3px;
}	
#bronze p a, #bronze1 p a, #bronze2 p a {
	margin: 15px 46px 0 0 !important;
}
#bronze2 h5 {
    margin: 34px 0px 13px 15px;
}
.s1 {
    margin: 17px 8px 13px 112px;
    padding: 0px 0 0px 0;
    float: left;
}
.service_cont2 {
	width:53%;	
}
.ftr_cont2 {
	margin:50px 0 50px 70px;	
}
.fl_left {
	width:100%;
}
.fl_right {
	width:100%;
}
}

 @media (max-width: 600px) {
.ftricon_cont2 {
	width: 47%;
}
.service_cont4 {
	padding: 0px 15px;
}
}
 @media (max-width: 640px) {
.offer2 .submit_btn {
	margin: 0px 14px 0px 0px;
}
#bronze p a, #bronze1 p a, #bronze2 p a {
	margin: 13px 92px 0px 0px;
}
.ftricon_cont2 {
	width: 63%;
}
.offer2 {
	width: 280px;
}
.offer2 input {
	margin: 8px 0px 20px 18px;
}
.offer2 select {
	margin: 8px 0px 20px 18px;
}
ul.ftlnks li a {
	padding: 0px 2px;
}
 }}