@charset "UTF-8";
/* CSS Document 
Author Name: Sonu Graphics
Author URI: http://www.Sonugraphics.in
Creation Date: 28 October, 2017
Update: 12 Oct, 2017
Description: A default stylesheet for Sonu Graphics , Designed & Developed By Sonu Graphics.

------------ TABLE OF CONTENT ------------

- GENERAL RULES



*/

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}



html, body  
{
	width: auto !important;
	overflow-x: hidden !important;
	font-family: "DM Sans", sans-serif !important;
	
	
	
	

}
.clear
{
	clear:both;
}
/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+= \
----- HEADER 
\ +=+=+=+=+=+=+=+=+=+=+=+=+=+=+= */

.navbar
{
	box-shadow:none;
	background-image: linear-gradient(to right ,#7a49d0,#673ab7, #7a49d0);
	/*background-color:#f89f5b;*/
}

p {
  color: #000080;
}
	

.contact-bar
{
	margin-top:1.5em;
	
	
}
.contact-bar img
{
	padding-right:0.2em;
	
}
.header-contact-bar
{
	float:right;
	margin-bottom:0px;
}
ul.header-contact-bar
{
	
}
ul.header-contact-bar li
{
	list-style:none;
	float:left;
	margin-left:1em;
	margin-top:0em;
	font-size:1em;
	

}


.header-social-links
{
	float:right;
	margin-top:0em;
	margin-bottom:0em;
}

.img-responsive
{
	width: 100%;
  height: auto;
  display: block;
}
.img-responsive-pf
{
	width: 100%;
  height: auto;
  display: block;
  margin-bottom:10px;
  padding:10px;
}
.whatsaap-quote {
  display: block;
  margin-left: auto;
  margin-right: auto;
  
}
.price
{
	
	font-size:2em;
	font-weight:bold;
}

.contact-bar ul
{
	text-align: center;
}
.contact-bar ul li 
{
	list-style:none;
	
	padding:4px;
	display: inline-block;
		
}
.ancer-btn
{
	font-size:1.5em;
	background-color:#ff6e4f;
	padding:1em;
	margin:1em;
	color:#fff;
}
.welcome-bg
{
	
	
	padding-bottom:6em;
	
	background: #e65025 url("../images/boxedeb2.png") repeat 0 0;
	background-image: linear-gradient(to right ,#e53f71,#9c3587, #653780);
	color:#2c2c2c;
	text-align:center;
}
.welcome-heading
{
	text-align:center;
	margin-top:2.5em;
	font-size:3em;
	font-weight:bold;
	color:#ffffff;
	
}
.welcome-text-03
{
	font-size: 1.1em;
	line-height: 1.875;
	margin-bottom: 2em;
	color:#ffffff;
}
.welcome-tagline
{
	text-align:center;
	font-size:1.3em;
	color:#222222;
	margin-bottom:2em;
	
	
}

.read-more-landing-page
{
	text-align:center;
	background-color:#ff6e4f;
	width:85%;
	margin: 0 auto;
	padding:1em;
	
}
.read-more-landing-page a
{
color:#fff;
} 
.read-more-landing-page-2
{
	text-align:center;
	color:#ff6e4f;
	width:85%;
	margin: 0 auto;
	padding:1em;
	border: solid 1px #ff6e4f;
}
.read-more-landing-page-2:hover
{

}

.read-more-landing-page-2 a
{
color:#ff6e4f;
}

.read-more
{
	text-align:center;
	background-color:#ffd200;
	width:15em;
	margin: 0 auto;
	padding:0.8em;
	border-radius: 25px;
	
		
 
}


.read-more a
{
	color:#000;
	font-size:1.4em;
	text-decoration:none;
}
.read-more-portfolio
{
	text-align:center;
	background-color:#ff6e4f;
	width:100%;
	margin: 0 auto;
	padding:1em;
}
.read-more-portfolio a
{
	color:#fff;
}

.hero-header-construction
{
	background-image: url("../images/slider/construction.jpg");
	 background-color: #cccccc; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
	
}
.hero-header-startup-bundle-kit
{
	background-image: url("../images/slider/startup-bundle-kit.webp");
	 background-color: #cccccc; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
	
}


/* ----------------------Hr Styles Starts ----------------------------**/

/* Red border */
hr.new1 {
  border-top: 1px solid red;
}

/* Dashed red border */
hr.new2 {
  border-top: 1px dashed grey;
}

/* Dotted red border */
hr.new3 {
  border-top: 1px dotted red;
}

/* Thick red border */
hr.new4 {
  border: 1px solid red;
}

/* Large rounded green border */
hr.new5 {
  border: 10px solid green;
  border-radius: 5px;
}
/* ------------------------Hr Styles Ends --------------------------**/




/*to create hover effect on portfolio starts-----------------------*/
/*Portfolio heading starts*/
.portfolio-heading
{
	text-align:center;
	margin-top:0.5em;
	font-size:3em;
	font-weight:bold;
	color:#ff6e4f;
}
.portfolio-tagline
{
	text-align:center;
	font-size:1.3em;
	color:#222222;
	margin-bottom:6em;
	
	
}



.portfolio-parent {
   padding: 3px !important;
   margin: 0px !important;
   position: relative1;
}
/*Portfolio heading starts*/

.parent-container {
  position: relative;
  width: 100%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #ff6e4f;
}

.parent-container:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 1.5em;
  position: absolute;
  top: 50%;
  left: 50%;
  padding:1em;
 
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  border: solid 1px #000;
}
.portfolio-read-more a
{
	text-align:center;
	background-color:#222222;
	font-size:0.8em;
	margin-top:1.2em;
	padding:0.4em;
	color:#ff6e4f;
}
.portfolio-read-more a:hover
{
	text-decoration:none;
	color:#fff;
	background-color:#222222;
}


/* contact form style starts */
.funnel-form
{
	background-color:#f8f8f8;
	padding:3em;
	margin:1em;
	text-align:center;
	border-radius:2em;
	border: 4px solid #ddd;
	color:#000;
	
	
}
.font-heading-bold
{
	color:#7545c9;
	font-size:1.5em;
}
.funnel-form hr
{
	border-top: 1px dashed #000000;
}
.btn-primary
{
	background-color:#7839f9;
	font-size:1.2em;
	padding:1em;
	border:none;
}
.btn-primary:hover
{
	background-color:#e65025;
	
}
.list-items
{
	font-size:1.2em;
	border: 1px dashed #000000;
	border-radius:1em;
	padding-left:3em;
	
	vertical-align:left;
	background-color:#f8f8f8;
	
}
.list-items li
{
	
	height:4em;
	
	
}
.list-items i
{
	
	
	color:#bfbfbf;
	
	
}

/* contact form style Ends */



/*to create hover effect on portfolio ends------------------------*/

.services
{
	

	margin-top:3em;
	
	padding-bottom:3em;
	background-color:#
	margin-left:1em;
}
.services h3
{
	font-size:1.5em;
	font-weight:bold;
	margin-bottom:1em;
	color:#676767;
}
.services p
{
	font-size:1em;
	color:#676767;
	line-height:1.8em;
}
.service-img
{
	margin-bottom:2em;
}
.service-read-more
{
	margin-top:2em;
	text-align:center;
	background-color:#e65025;
	width:8em;
	padding:0.5em;
	margin-bottom:2em;
	
}
.service-read-more a
{
	color:#fff;
}
.service-text-div
{
	background-color:#444444;
	display:block;
	color:#fff;
}
.service-text-01
{
	
	padding:2em;
	text-align:center;
	font-size:1.5em !important;
	color:#fff !important;
	text-transform:upper-alpha;
	
	
}
.service-text-02
{	
	padding:0em 2em 3.5em 2em;
	text-align:center;
	font-size:1.2em;
	color:#fff !important;
}


.footer-container
{
	background-color:#252525;
	padding:2em;
	font-size:0.9em;
	
	
}
.footer-container strong
{
	font-weight:bold;
	color:#e65025;
	
	font-size:1.5em;
}
.footer-container ul
{
	
	padding-top:1.5em;
	color:#fff;
	
}
.footer-container ul a
{
	color:#fff;
}
.footer-container ul a:hover
{
	color:#e65025;
}
.glyphicon
{
	font-size:1.5em;
	color:#e65025;
}
.copy-rights
{
	padding:3em;
	text-align:center;
	font-size:0.9em;
}
.copy-rights a
{
	color:#e65025;
}
.about-page-style
{
}
.about-page-style h4
{
	margin-top:2em;
}

.about-page-style p
{
	font-size:1.2em;
	color:#676767;
	line-height:2em;
	
}
.get-in-touch-footer
{
text-align:center;
padding-bottom:2em;
}

.social-bar
{
	background-color:#e65025;
}
.social-media-bar ul
{
	float:right;
}
.social-media-bar ul li
{
	list-style:none;
	float:left;
	margin-right:25px;
	margin-top:1.5em;
}
.socail-msg-text
{
	color:#fff;
	line-height:2em;
}
.key-highlight
{
	font-weight:bold;
}

.carousel-control.right {
	background-image:none !important;
}
.carousel-control.left {
	background-image:none !important;
}
.company-line
{
	
	color:#e65025;
	text-align:center;
	padding:1.2em;
}
.cp-heading-01
{
	
	color:#fff;
	font-size:2.9em;
	font-weight:bold;
	text-align:center;
	padding:0.5em;
	
}
.lp-heading-01
{
	font-size: 3.5em;
	line-height: 1.2em;
	font-weight: 400;
	margin-bottom: 1em;
	color:#222222;
	
}
.lp-heading-text
{
	font-size: 1.2em;
	line-height: 1.5em;
	font-weight: 300;
	margin-bottom: 2em;
	color:#fff;
	text-align:center;
	/*font-family:"Lato", "sans-serif";*/
	
}
.lp-heading-text-white
{
	
	font-size: 1.8em;
	line-height: 1.5em;
	font-weight: 300;
	margin-bottom: 2em;
	
	text-align:center;
	/*font-family:"Lato", "sans-serif";*/
	
}

.lp-heading-text-center
{
	font-size: 1.4em;
	line-height: 1.6em;
	font-weight: 400;
	margin-bottom: 2em;
	color:#000;
	text-align:center;
	/*font-family:"Lato", "sans-serif";*/
	
}
.hero-header-industries-we-serve
{
	background-image: url("../images/slider/industries-we-serve.jpg");
	 background-color: #cccccc; /* Used if the image is unavailable */
  background-position: center; /* Center the image */
  background-repeat: no-repeat; /* Do not repeat the image */
  background-size: cover; /* Resize the background image to cover the entire container */
	
}
.industries-we-serve-heading
{
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: 600;
	margin-bottom: 0.5em;
	color:#fff;
	text-align:center;
	/*font-family:"Lato", "sans-serif";*/
	
}
.industries-we-serve
{
	color:#fff;
	margin-bottom:3em;
}
.industries-we-serve ul
{
background-color:red;
font-size:4em;
}
.industries-we-serve li
{
	float: left;
	padding: 0.em;
}
.industries-we-serve a
{
	color:#fff;
	font-size: 1.2em;
	line-height: 0.5em;
	font-weight: 300;
	
	margin-right:1.4em;
}
.industries-we-serve i
{
	color:#e95026;
	padding: 0.3em;
	font-size: 1.4em;
}
.landing-page-heading-center
{
	color:#000;
	text-align:center;
	font-size: 3em;
	line-height: 1.2em;
	font-weight: 400;

	
}

.portfolio-line
{
	
	color:#e85024;
	text-align:center;
	padding:0.6em;
	Background:#fff3d5;
	/*Background:#673ab7;*/
	line-height:1.4em;
}
.portfolio-h3
{
	text-align:center;
}


/*------------------Best Result starts---------------------------*/
.bestres {
	display:none;
}
/*------------------Best Result ends---------------------------*/

/*------------------Ul Style Starts---------------------------*/
ul.list-main
{
	margin-top: 1em;
}
ul.list-main li
{
	margin-top: 1em;
}
ul.list-main li:before {
	display: block;
	content: "\f105";
	font-family: FontAwesome;
	font-size: 1.4em;
	float: left;
	width: 1.65em;
	height: 1.65em;
	line-height: 1.65em;
	text-align: center;
	background-color: #e65025;
	color: #fff;
	margin-right: 0.5em;
}
ul.list-main li:hover:before
{
	background-color:#333333;
}
.list-main h5
{
	margin-left: 0.5em;
	font-size: 1.5em;
}
.list-main p
{
	margin-top: 0.5em;
	margin-left: 2.5em;
}
.list-main a
{
	
	margin-left: 0.2em;
	
	font-size: 1.3em;
}
/*------------------Ul Style Ends---------------------------*/

/*------------------Landing Page Icon Hilight Stats---------------------------*/
.hilight-icon-list p
{
	font-size:1.1em;
	line-height:1.2em;
}
.hilight-icon-list i
{
	font-size:1.4em;
	padding:6px;
	color:#ff6c14;
}
/*------------------Landing Page Icon Hilight Ends---------------------------*/

/*------------------Package Ul Style Starts---------------------------*/
ul.package-list-main
{
	margin-top: 1em;
}
ul.package-list-main li
{
	margin-top: 1em;
}
ul.package-list-main li:after
{
	content: "";
    display: block;
    height: 1px;
    width: 100%;
    margin: 14px;
    background: #d8d8d8;
}
ul.package-list-main i
{
	margin-top: 0.5em;
}
ul.package-list-main li:before {
	display: block;
	/*content: "\f105";*/
	font-family: FontAwesome;
	font-size: 1em;
	float: left;
	width: 1.6em;
	height: 1.6em;
	line-height: 1.6em;
	text-align: center;
	background-color: #e65025;
	color: #fff;
	margin-right: 0.5em;
}
ul.package-list-main li:hover:before
{
	background-color:#333333;
}
.package-list-main h5
{
	margin-left: 0.5em;
	font-size: 1.5em;
}
.package-list-main p
{
	margin-top: 0.5em;
	margin-left: 2.5em;
}
/*------------------Package Ul Style Ends---------------------------*/

/*-------Industries We Serve Starts----UL-------*/
.indutries-we-serve i
{
	color:#e65025;
}
.indutries-we-serve li
{
	float:left;
	margin-left:1.5em;
}

/*-------Industries We Serve Ends-----------*/

/*----TEstimonial Slider ----------------------------*/
#quote-carousel {
    padding: 0 10px 30px 10px;
    margin-top: 60px;
	
}
#quote-carousel .carousel-control {
    background: none;
    color: #CACACA;
    font-size: 2.3em;
    text-shadow: none;
    margin-top: 30px;
}
#quote-carousel .carousel-indicators {
    position: relative;
    right: 50%;
    top: auto;
    bottom: 0px;
    margin-top: 20px;
    margin-right: -19px;
}
#quote-carousel .carousel-indicators li {
    width: 50px;
    height: 50px;
    cursor: pointer;
    border: 1px solid #ccc;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    opacity: 0.4;
    overflow: hidden;
    transition: all .4s ease-in;
    vertical-align: middle;
}
#quote-carousel .carousel-indicators .active {
    width: 128px;
    height: 128px;
    opacity: 1;
    transition: all .2s;
}
.item blockquote {
    border-left: none;
    margin: 0;
}
.item blockquote p:before {
    content: "\f10d";
    font-family: 'Fontawesome';
    float: left;
    margin-right: 10px;
}
/*----TEstimonial Slider Ends-------------------*/

/*----------------Type Writer Starts -------------------*/
.txt-type
{
	color:#2e2e2e;
	font-size:3em;
	font-weight:bold;
}
a.txt-type-whatsapp
{
	color:#2e2e2e;
	font-size:2em;
	font-weight:bold;
}
span.txt-type-whatsapp
{
	color:#2e2e2e;
	font-size:2em;
	font-weight:bold;
}
.type-holder
{
	font-size:2.5em;
	color:#e65025;
}
/*----------------Type Writer Ends -------------------*/


/*----my List Style----*/
.my-list-div
{
	padding-left:2em;
}
.my-list-group li
{
	
	padding-left:0.2em;
	list-style-image: url('../images/list-bg.png');
}

.client-testimonials
{
	text-align:center;
	
}


/*faq try starts*/
summary {
  font-size: 2.2rem;
  font-weight: 600;
  background-color: #fafafa;
  background-image: radial-gradient(circle at 40% 91%, rgba(251, 251, 251,0.04) 0%, rgba(251, 251, 251,0.04) 50%,rgba(229, 229, 229,0.04) 50%, rgba(229, 229, 229,0.04) 100%),radial-gradient(circle at 66% 97%, rgba(36, 36, 36,0.04) 0%, rgba(36, 36, 36,0.04) 50%,rgba(46, 46, 46,0.04) 50%, rgba(46, 46, 46,0.04) 100%),radial-gradient(circle at 86% 7%, rgba(40, 40, 40,0.04) 0%, rgba(40, 40, 40,0.04) 50%,rgba(200, 200, 200,0.04) 50%, rgba(200, 200, 200,0.04) 100%),radial-gradient(circle at 15% 16%, rgba(99, 99, 99,0.04) 0%, rgba(99, 99, 99,0.04) 50%,rgba(45, 45, 45,0.04) 50%, rgba(45, 45, 45,0.04) 100%),radial-gradient(circle at 75% 99%, rgba(243, 243, 243,0.04) 0%, rgba(243, 243, 243,0.04) 50%,rgba(37, 37, 37,0.04) 50%, rgba(37, 37, 37,0.04) 100%),linear-gradient(90deg, rgb(34, 222, 237),rgb(135, 89, 215));
  color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  outline: none;
  border-radius: 0.25rem;
  text-align: left;
  cursor: pointer;
  position: relative;
}
p { text-align: left; }
details[open] summary ~ * {
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0; margin-top: -10px}
  100%  {opacity: 1; margin-top: 0px}
}
details > summary::after {
  position: absolute;
  content: "+";
  right: 20px;
}
details[open] > summary::after {
  position: absolute;
  content: "-";
  right: 20px;
}
details > summary::-webkit-details-marker {
  display: none;
}

/*faq try ends */




/*----FAq Styles Starts ----------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto');

* {
  box-sizing: border-box;
  
  font-weight: 300;
}

a {
  text-decoration: none;
  color: inherit;
}



h1 {
  font-weight: 400;
  font-size: 2.5em;
  text-align: center;
  margin-top: 5rem;
}

ul {
  list-style: none;
  padding: 0;
}

ul .inner {
  padding-left: 1em;
  overflow: hidden;
  display: none;
}

ul li {
  margin: 0.5em 0;
}

ul li a.toggle {
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.78);
  color: #fefefe;
  padding: 0.75em;
  border-radius: 0.15em;
  transition: background 0.3s ease;
}

ul li a.toggle:hover {
  background: rgba(0, 0, 0, 0.9);
}

/*----FAq Styles Ends ----------------------------*/



















/* +=+=+=+=+=+=+=+=+=+=+=+=+=+=+= \
----- RESPONSIVE CSS 
\ +=+=+=+=+=+=+=+=+=+=+=+=+=+=+= */
@media only screen and (min-width: 1401px) 
{

}


@media screen and (min-width: 1025px) and (orientation: landscape) 
{

}


@media only screen and (min-width: 1201px) and (max-width: 1400px) 
{

}


/* iPads (landscape) ----------- */
@media only screen and (min-width: 990px) and (max-width: 1200px) and (orientation: landscape) 
{
}


/* iPads (portrait and landscape) ----------- */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: portrait) 
{
}


/* iPads (portrait and landscape) ----------- */
@media screen and (min-width: 768px) and (max-width: 1024px) 
{

}


/* iPads (portrait and landscape) ----------- */
@media screen and (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) 
{

}


@media only screen and (max-width: 996px) 
{

}

@media only screen and (min-width: 768px) 
{

}

/* Desktops, Large Screen and laptops ----------- */
@media only screen and (max-width: 767px) 
{

}


@media only screen and (min-width: 769px) and (max-width: 875px) and (orientation: landscape) 
{

}


@media only screen and (min-width: 320px) and (max-width: 600px) and (orientation: portrait) 
{
	

}


@media only screen and (min-width: 600px) and (max-width: 699px) 
{
	

}


/* iPhone 4 & 5 (portrait & landscape)----------- */
@media only screen and (min-width: 320px) and (max-width: 570px) 
{
	.contact-bar 
		{
			
		}
		.contact-bar ul li
		{
			text-align:center;
			float:none;
			margin: 0 auto;
		}
	.img-center
	{
		margin:0 auto;
		vertical-align:center;
		display: flex;
		margin-top:1em;
		padding-bottom:0.5em;
	}	
	.header-social-links
	{
		float:none;
		margin-top:5em;
	}
	
	/*----------------Type Writer Starts -------------------*/
	.txt-type
	{
		color:#2e2e2e;
		font-size:1em;
		font-weight:bold;
		
	}
	.type-holder
	{
		font-size:0.8em;
		color:#e65025;
	}
	/*----------------Type Writer Ends -------------------*/
	
	ul.header-contact-bar li
	{
	list-style:none;
	padding-top:1.2em;
	font-size:1.4em;
	}

}


@media only screen and (max-width: 480px) 
{
	.contact-bar ul li
		{
			text-align:center;
			float:none;
			margin: 0 auto;
		}
	.img-center
		{
			margin:0 auto;
		vertical-align:center;
		display: flex;
		margin-top:1em;
		padding-bottom:0.5em;
		}	
		
	.social-media-bar 
	{
		padding-bottom:1.8em;
		margin:0 auto;
		
		
	}
	.social-media-bar ul li 
	{
		list-style:none;
		float:left;
		margin-right:1em;
		
		
	}
	.socail-msg-text
	{
		color:#fff;
		line-height:2em;
		text-align:center;
		
	}

	.footer-container
	{
		text-align:center;
	}
	.footer-container ul li
	{
		padding-bottom:0.4em;
	}
	
	
	* { 
		text-align:center;
		align:center;
	  }
	  
	  /*----------------Type Writer Starts -------------------*/
	.txt-type
	{
		color:#2e2e2e;
		font-size:1em;
		font-weight:bold;
		
	}
	.type-holder
	{
		font-size:0.8em;
		color:#e65025;
	}
	/*----------------Type Writer Ends -------------------*/
}


@media only screen and (min-width: 320px) and (max-width: 400px) 
{

	

}