@import url('https://fonts.googleapis.com/css?family=Bitter:400,400i,700|Cabin+Condensed:400,500,600,700|Oswald:400,500,600,700|Philosopher:400,400i,700,700i|Roboto:400,500,700');

@import url('https://fonts.googleapis.com/css?family=Bree+Serif|Dosis:300,400,500,600,700,800|Exo:200,300,400,500,500i,600,600i,700,900|Ubuntu:300,300i,400,400i,500,500i,700,700i');
@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,600,700|Hind:400,500,600,700|Rubik:400,700,700i,900');
@import url('https://fonts.googleapis.com/css?family=Cinzel|Jacques+Francois|Josefin+Slab|Kalam|Merienda|Play|Playfair+Display|Rancho|Shadows+Into+Light+Two');

/*
font-family: 'Roboto', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Bitter', serif;
font-family: 'Philosopher', sans-serif;
font-family: 'Cabin Condensed', sans-serif;

font-family: 'Exo', sans-serif;
font-family: 'Bree Serif', serif;
font-family: 'Dosis', sans-serif;
font-family: 'Ubuntu', sans-serif;

font-family: 'Crimson Text', serif;
font-family: 'Hind', sans-serif;
font-family: 'Rubik', sans-serif;

font-family: 'Acme', sans-serif;
font-family: 'Play', sans-serif;
font-family: 'Jacques Francois', serif;
font-family: 'Cinzel', serif;
font-family: 'Playfair Display', serif;
font-family: 'Kalam', cursive;
font-family: 'Merienda', cursive;
font-family: 'Josefin Slab', serif;
font-family: 'Shadows Into Light Two', cursive;
font-family: 'Rancho', cursive;
*/
	
	html, body{
		font-family: 'Ubuntu', sans-serif;
		
		font-size: 100%;
		 background: #FFf;
		 -webkit-font-smoothing: antialiased;
	}
	body a{
		transition:0.5s all;
		-webkit-transition:0.5s all;
		-moz-transition:0.5s all;
		-o-transition:0.5s all;
		-ms-transition:0.5s all;
	}
	h1,h2,h3,h4,h5,h6{
		margin:0;			   
	}	
	p{
		margin:0;
	}

	ul, li {
		list-style: none;
		padding: 0px;
		margin: 0px;
	}
	
	/* 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; 
	}
	
	/*/About Page/*/
	.tag-line{
		padding:5px;
		margin-bottom:10px;
		text-indent:25px;
		letter-spacing:0.8px;
		line-height:30px;
		font-size:25px;
		text-align:justify;
		
	}
	.tag-line span{
		font-size:30px;
		color:red;
	}
	/* above About Page*/
	.title{
		font-family: 'Acme', sans-serif;
		font-size:30px;
		font-weight:bold;
		padding:5px;
		margin-bottom:10px;		
		letter-spacing:2.5px;
		line-height:30px;
		
	}
	.center{
		text-align:center;
	}
	.text-quote{
		text-align:center;
		padding-bottom:25px;
		font-size:30px;
		font-family: 'Kalam', cursive;
		font-family: 'Merienda', cursive;
	}
	.tbl .text-quote .fa{
		border:none;
		vertical-align: middle;
	}
/*----start-container----*
	Sayli logo color ..>>>Red 			#ed3237  
	Sayli top Header color ..>>>Green 	#0ead07

/*-----start-Coman header----*/
	.main-bg{
		background:url(../images/sayali-electricals-khopoli.jpg) no-repeat center;
		background-size:cover;
		min-height:658px;
	}
	
	.page-bg{
		background:url(../images/sayali-electricals-khopoli.jpg) no-repeat 0px 0px fixed;
		background-size:100%;
		min-height:300px;
	}
	.header{
		background: none;
		border-right:5px solid #ef8806 ;
		border-bottom:5px solid #ef8806 ;
		border-radius:0 0 25px 0 ;
		height: 72px;
	}

/*-----*/
	.header-contact{
		display:inline-block;
		position: relative;
		font-size: 11px;
		font-weight: 300;
		padding: 8px;
		background: #237b1f;
		color: #fff;
		height: 40px;
		width:100%;
		font-family: 'Ubuntu', sans-serif;
	}

	.header-contact  a {
		color: #fff;
		-webkit-transition: all 300ms ease;
		-ms-transition: all 300ms ease;
		-o-transition: all 300ms ease;
		-moz-transition: all 300ms ease;
		transition: all 300ms ease;
	}

	.header-contact .links-nav li {
		position: relative;
		float: left;
		margin-right: 25px;
	}

	.header-contact .top-right .links-nav li {
		margin-right: 0px;
		margin-left: 25px;
	}

	.header-contact .links-nav li a {
		position: relative;
		line-height: 25px;
		font-size: 14px;
		word-spacing: normal;
		letter-spacing: 1.5px;
		font-weight: 700;
}
		
	}
	.header-contact .links-nav li  :hover,.header-contact .links-nav li a .fa:hover{
		color:#fbca00;
	}

	.header-contact .links-nav li .fa {
		padding-right: 8px;
		font-size: 16px;
		color: #fffff4;
	}

	.header-contact .social-links a {
		margin-left: 10px;
		position: relative;
		text-align: center;
		color: #fff;
		display: inline-block;
		font-size: 16px;
		font-weight: bold;
		width: 25px;
		height: 25px;
		line-height: 22px;
		border-radius: 100%;
		
	}
	.header-contact .social-links a:hover {
		color: #fbca00;
	}
/*-----*/
	.logo{		
		position: relative;
		float: left;
		z-index: 1000;
	}
	.logo a{
		display:block;
	}
	.logo a{
		color: #303030;
		font-weight: 200;
		text-transform: uppercase;
		font-size: 2.5em;
	}
	.logo a:hover{
		text-decoration:none;
	}

/* top-nav */

	nav {
		position: relative;
		float: right;
	}
	nav ul {
		padding: 0;
		float: right;
	}
	nav li {
		display: inline;
		float: left;
		position:relative;
	}
	nav a {
		color: #fff;
		display: inline-block;
		text-align: center;
		text-decoration: none;
		line-height: 40px;
	}
	nav a:hover{
		text-decoration:none;
		color:#00A2C1;
	}

	.menubar ul li a{
		color: #ef8805;
		padding: 0.8em 2em;
		text-shadow: 0px 1px 0px #000;
		font-size: 1.1em;
		font-weight: 600;
		text-align: center;
		text-transform: uppercase;
		position: relative;
				
	}
	.menubar ul li.active a,
	.menubar ul li a:hover{
		color:#FFF;
		background-color:#ef8806;
	}
	
	.menubar ul li:last-child.active >a,
	.menubar ul li:last-child>a:hover{
		color:#FFF;
		background-color:#ef8805;
		border-radius:0 0 18px;
	}
	.menubar:before, .menubar:after {
		content: " ";
		display: table;
	}
	.menubar:after {
		clear: both;
	}

/*------ banner text -----*/
	.banner{
		padding: 5em 0 0;
	}
	.page-banner{
		padding: 0;
	}
	/*.banner h1{
		font-weight: 700;
		font-size: 3em;
		color: #0ead07;
		text-transform: uppercase;
		width: 100%;
		display: inline-block;
		line-height: 1.3em;
		text-shadow: 2px 2px 1px #000; 
	}
	.banner span {
		width: auto;
		padding:0px 5px;
		height: auto;
		color:#ed3237;
		opacity:0.75;
		background: #fff;
		display: inline-block;
	}
	.banner p{
		color: #fff;
		font-weight: 400;
		font-size: 1.3em;
		line-height: 1.7em;
		margin: 0;
		margin-top:2em;
		width: 100%;
		text-align: center;
		background-color: #000;
		opacity: 0.6;
		border-radius: 50px;
		text-shadow:1px 1px 2px #ed3237;
		
	}/*/
	
	
	/*-----Banner Slider -----*/
		.banner-slider {
			width: 100%;
			margin-left: -15px;
			margin-top: -200px;			
			min-height: 300px;
			display: block;
			background: #0000003a;
		}
		
		.banner-slider .carousel-indicators ,.banner-slider .carousel-control{
			display:none;
		}
		
		.banner-slider .carousel-control.left,.banner-slider .carousel-control.right {
			background:none;
			background-image:none;
		}
    /* box-shadow: 5px 5px 7px #000; */
	
	/*-----Banner Slider -----*
element.style {
}
@media screen and (min-width: 768px)
.carousel-indicators {
    bottom: 20px;
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}
.carousel-indicators {
	
	*/
	.intro p{
		line-height: 1.5em;
		font-size: 1.5em;
	}
	
	h3.page-title, h2.page-title,h2.page-title1{
	    color: #eb5273;
		text-transform: uppercase;
		font-weight: 800;
		font-size: 33px;
		
		margin-bottom:35px;
		line-height: 1.3em;
		text-shadow: 2px 2px 1px #000; 
	}
	h2.page-title,h2.page-title1{
		color: #ef8806; 
	}
	h2.page-title1{
		margin-top:-75px;
	}
	h3.page-title span {
		width: auto;
		padding: 0px 18px;
		height: auto;
		color:#ed3237;
		opacity:1;
		background: #fff;
		display: inline-block;
		border-radius: 25px;
    }
	
	/*----- Fixed Text-Style-----*/
	.main-sec{
		padding:4em 1em;
		font-family:'Ubuntu', sans-serif;
	}
	.main-sec-left{
		background:#f0f2f1;
		padding:15px;
	}
	.main-sec-left img{
		width:100%;
	}
	.main-sec h3{
		color:#ed3237;
		font-weight:800;
		margin:0;	
		font-size:1.6em;
		line-height:1.5em;
		margin-bottom:10px;
	}
	.main-sec h4,.main-sec h1{
		color:#2f3837;
		font-size:1.3em;
		font-weight:700;
		margin-bottom:10px;
		text-transform:uppercase;
	}
	.main-sec p{
		color:#555;
		font-size:1.1em;
		text-align:justify;
		line-height:1.6em;
		margin-bottom:5px;
	}
	
	.info-button{
		background: #ef8806;
		color: #FFF;
		padding: 0.5em 2em;
		display: inline-block;
		float:right;
		text-decoration: none;
		margin-top: 2px;
		font-size: 1.1em;
		font-weight: 400;
		border-radius:15px 0;
		margin-bottom: 10px;
	}
	.info-button:hover{
		text-decoration: none;
		background: #237b1f;
		color: #fff;
		border-radius: 0 15px;
		
	}
	
	
	.about-bottom{
	
		padding: 60px 0px;
		background:url(../images/service-bg.jpg) no-repeat 0px 0px;
		background-size:cover;
		background-color: #000;
		height:auto;
	}
	.about-box {
		margin:25px 5px 5px 5px;
		padding: 10px 0px;
		display:block;
		position:relative;
		color:#000;
		background-color:#fff;		
		text-align:center;	
		border:2px solid #fff;
		border-radius: 5px;
		box-shadow: 0 4px 25px 0 rgba(4, 4, 4, 0.45), 0 6px 36px 0 rgba(0, 0, 0, 0.3);
		width: auto;
		height: 330px;
		opacity:0.5;
	}
	.about-box h4{
		margin-top:-32px;
		margin-left:25px;
		margin-right:25px;
		padding:5px 0px;
		text-align:center;	
		border:3px solid #ef8806;
		border-radius: 25px;
		background-color: #237b1f;
		color:#fff;
	}
	.about-box:hover,.active-box{
		opacity:1;
		border:2px solid #ef8806;
		color:#000;
	}
	.about-box p{
		padding:10px;
	}
	
	.about-box img{
		width:auto;
		height:auto;
		vertical-align:bottom;
		margin-left:35%;
		margin-bottom:0;
		padding:5px;
	}

	.about-box .remo-btn {
	  position: absolute;
	  
	  left: 50%;
	  transform: translate(-50%, -50%);
	  -ms-transform: translate(-50%, -50%);
	  background-color: #0ead07;
	  color: white;
	  font-size: 14px;
	  padding: 12px 24px;
	  border: none;
	  cursor: pointer;
	  border-radius: 5px;
	  text-align: center;
	}

	.about-box .remo-btn:hover {
	  background-color: #0ead0700;
	  border:2px solid #ed3237;
	  text-shadow:1px 1px 2px #000;
	}
	.project-sec{
		padding:4em 0;
		
	}
	.proj-slider{
		width:100%;
		min-height:200px;
		display:block;
		background:#ef8806;
		box-shadow: 5px 5px 7px #000; 
	}
	.proj-slider .carousel-inner .item img{
		width:100%;
		min-height:200px;
	}
	.proj-slider .carousel-inner .item h3{
		color: #ef8806;
		text-transform: uppercase;
		text-shadow: 2px 2px 1px #000; 
		font-weight: 700;
		font-size: 33px;
		line-height: 1.5em;
		
	}
	.proj-slider .carousel-inner .item p{
		color: #ed3237;
		font-weight: 500;
		font-size: 15px;
		text-shadow: 2px 2px 1px #000; 
	}
	
	
	
	.vertical{
		writing-mode:tb-rl;
		writing-mode: vertical-rl;
		text-orientation: upright;
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-o-transform: rotate(0deg);
		-ms-transform:rotate(0deg);
		transform: rotate(0deg);
		white-space:nowrap;
		display:block;
		bottom:0;
		letter-spacing:5px;
		width:50px;
		height:20px;
	}
	
	/*----About us Page -----*/
	
	
	.left-header{
		background: #fff;
		margin: 0px;
}
	}
	.left-header h3{	
		writing-mode: vertical-rl;
		text-orientation: upright;
	}
	.service-list{
		font-size:20px;
		color:green;
		letter-spacing:1px;
		margin-bottom:10px;
		padding:5px;
		
	}
	.service-list ul{
		text-align:center;
	}
	.service-list ul li{
		margin-top:15px;
		display:inline;
		padding-left:25px;
		margin-bottom:10px;		
	}
	.about-intro {
		margin: 10px 0;
		padding:25px 15px;
		/*background:url(../images/info-bg1.jpg) no-repeat 0px 0px;*/
		background-size:cover;
		border-top:3px solid #ef8806;
		
	}
	.tag-line{
		padding:5px;
		margin-bottom:10px;
		text-indent:25px;
		letter-spacing:0.8px;
		line-height:30px;
		font-size:25px;
		text-align:justify;
		
		font-family: 'Play', sans-serif;
		font-family: 'Cinzel', serif;
		font-family: 'Crimson Text', serif;
		font-family: 'Philosopher', sans-serif;
	}
	.tag-line span{
		
		font-size:30px;
		color:red;
	}

	.about-intro .intro-box{
		
		padding:15px;
		background: #00000080;
		border-radius: 10px;
		height:100%;
		margin-bottom:10px;
	}
	.intro-bottom .col-md-3{
		margin-bottom:5px;
	}
	
	.about-intro  h4{
		padding:5px;
		margin-bottom:10px;
		text-indent:0px;		
		line-height:30px;
		font-size:25px;
		text-align:center;		
	}
	
	.about-intro .intro-box h3{
		text-align:center;
		color:#fff;
		text-shadow:1px 2px 2px #000;
		font-size: 30px;
		padding-bottom: 20px;
		border-bottom: 2px solid #f0b50a;
		position: relative;
	}
	
	.about-intro .intro-box span.fa {
		position: absolute;
		font-size:30px;
		top: 22%;
		left: 48%;
		color: #ff0000;
		text-shadow:1px 1px 2px #000;
	}
	
	.about-intro .intro-box p{
		color:#fff;
		
		text-indent: 0px;
		text-align: center;		
	}
	.about-history{
		padding: 20px 0;
	}
	.address-sec img{
		width:50%;
		margin:5px 25px 15px 0;
		float:left;
		
	}
	.address-sec h4{
		font-size:27px;
		margin-bottom:15px;
		font-weight:600;
		color:#ef8806;
		padding:5px 15px;
		text-decoration:none;
		text-align:center;
	}
	.about-history p{
		text-indent:25px;
	}
	
	
	/*----- Vision Box -----*/
	
	.vision-box{
		background:url(../images/parallex1.jpg) no-repeat center fixed;
		background-size:cover;
	    padding: 70px 0 80px;
	}
	.vision-text{
		color:#dadada;
		text-align:justify;
	}
	.vision-text i {
		color:#fff;
		background: #ef3237;
		margin-left: 35%;	   
		margin-bottom: 15px;
		padding: 15px;
		height: 55px;
		width: 55px;
		left: 50%;		
		font-size: 20px;
		font-weight: 500;
		text-align: center;
		border-radius: 10px;
		
	}
	.vision-text ul li{
		line-height:1.5em;
		margin-left:15px;
		margin-top:5px;
		text-decoration:none;
		list-style-type: square;
	}
	.vision-info{
		margin-bottom:15px;
		border-right: 1px dashed #ef3237;
	}

	.vision-info:last-child{
		border-right: 0px dashed #ef3237;
	}
	/*----- Accordion -----*/
		.accordion,
		.accordion * {
			-webkit-box-sizing:border-box;
			-moz-box-sizing:border-box;
			box-sizing:border-box;
		}

		.accordion {
			overflow:hidden;
			box-shadow:0px 1px 3px rgba(0,0,0,0.25);
			border-radius:3px;
			/*background:#f7f7f7;*/
		}

		/*----- Section Titles -----*/
		.accordion-section-title {
			    width: 100%;
				padding: 15px;
				margin-bottom: 2px;
				display: inline-block;
				border: 2px solid #237b1f;
				background: #ef88068c;
				transition: all linear 0.15s;
				text-align:center;
				font-size: 1.4em;
				text-shadow: 0px 1px 0px #1a1a1a;
				color: #fff;
		}

		.accordion-section-title.active,
		.accordion-section-title:hover {
			background:#ef8806;
			color: #fff;
			text-decoration:none;
		}

		.accordion-section:last-child .accordion-section-title {
			/*border-bottom:none;//*/
		}

		/*----- Section Content -----*/
		.accordion-section-content {
			padding:25px 15px;
			display:none;
			border: 1px solid #ef8806;
			background: #00000099;
		}
		.accordion-section-content p {
			color:#dedede;
			text-indent:25px;
			
		}
	/*----- Accordion  end-----*/
	
	/*----- Accordion  end-----*/
	
	
	
	
	/*---- footer -----*/
	/*----Contact US Page -----*/
	.contact-sec{
		padding:4em 0;
	}
	.address-sec{
		padding:2.5em 0;
	}
	
	.contact-form div{
		padding:5px 0;
	}
.contact-form p{
	display: block;
	color: #4A4A4A;
	font-weight:600;
	line-height: 1.5em;
	font-size: 0.9em;
}
.contact-form input[type="text"],.contact-form input[type="email"],.contact-form textarea{
	font-family: 'Open Sans', sans-serif;
	margin-top: 5px;
	padding: 10px;
	display: block;
	width: 98%;
	background: transparent;
	outline: none;
	color: #555555;
	font-size: 1em;
	border:1px solid #2A2E33;
	-webkit-appearance: none;
}
.contact-form input[type="text"]:hover,.contact-form input[type="email"]:hover,.contact-form textarea:hover{
	border:1px solid #FD5331;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.contact-form textarea{
	resize:none;
	height:120px;		
}
/*
.contact-form input[type="submit"]{
	margin-top: 10px;
	font-family: 'Open Sans', sans-serif;
	cursor: pointer;
	background: #242424;
	border: 1px solid #242424;
	padding: 10px 24px;
	outline: none;
	color: #ffffff;
	font-size: 0.8em;
	text-transform: uppercase;
	-webkit-appearance: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
}
.contact-form input[type="submit"]:hover{
	background: #FD5331;
	border: 1px solid #FD5331;
}
*/
/*--contact--*/
	
	
	/*---- footer -----*/
	.footer{
		font-family:'Bree serif', serif;
		background: #272727;
		letter-spacing:1px;
		color: #fff;
		padding:3em 0 2em 0;
		border-top: 3px solid #0ead07;
	}
	
	
	
	.footer-sec h3{
		color: #fff;
		font-weight: 600;
		text-transform: uppercase;
		font-size: 1.3em;
		letter-spacing: 1px;
		text-shadow: 0px 1px 0px #000;
	}
	.footer-sec ul{
		margin:1.3em 0 0 0;
		padding:0;
	}
	.footer-sec ul li{
		display:block;
		padding:0.3em 0;
		font-size:1.05em;
	}
	.footer-sec ul li a{
		color:#ed8806;
		text-decoration:none;
		
	}
	.footer-sec ul li a:hover {
		color:#0ead07;
	}
	.footer-sec p{
		font-size:.78em;
	}
/* Footer Table borber clear*/
	.tbl{
		margin: 1.3em 0 0 0;
	}
	.tbl .table > tbody > tr > th,
	.tbl .table > tbody > tr > td{
	   border-top: 0;
	}
	.tbl.table > thead > tr > th {
	   border-bottom: 0;
	}
	.tbl.table th, .tbl .table td {
		border-top: 0;
	}
	.tbl .table  td a,.tbl .table  td p{
		font-size:1.05em;
		color:#fff;
		text-decoration:none;
	}
	.tbl .table  td strong{
		font-size:1.05em;
		color:#ed8806;
		text-decoration:none;
	}
	
	.tbl .table tr td a:hover{
		color:#0ead07;
	}
	.tbl .address-sec  .table  td a{
	
		color:#000;
	}
/* Footer Table borber clear*/
	
	
	
	.scroll-to-top{
		float:right;
		position:relative;
		z-index:999;
		
		
	}
	
	.tbl .fa{
		font-size:25px;
		border:1px dashed #0ead07;
		padding:10px 0;
		text-align:center;
		-o-transition:.5s;
		-ms-transition:.5s;
		-moz-transition:.5s;
		-webkit-transition:.5s;
		transition: .5s;
		height:50px;
		width:50px;
		overflow:hidden;
	}
	
	.tbl.fa-mobile{
		font-size:28px;
	}
	.tbl.fa-envelope-o{
		font-size:23px;
	}
	
	.fa-map-marker:hover , .fa-phone:hover, .fa-mobile:hover, .fa-envelope-o:hover{
		border:1px solid #ed3237;
		background-color: #ed3237;
		color:#fff;
	}
	
	footer .footer-bottom {
			
			background: #333;
			padding: 15px 0 8px;
			font-family: 'Ubuntu',sans-serif;
		}
		footer .footer-bottom .copyright {
			min-height: 0;
			text-align:center;
		}
		footer .footer-bottom p {
			font-size: 14px;
			color: #999;
			font-weight: 400;
		}
	/*-----End Footer Section */
	
	#toTop {
		  display: none;
		  text-decoration: none;
		  position: fixed;
		  bottom: 10px;
		  right: 10px;
		  overflow: hidden;
		  width: 47px;
		  height: 47px;
		  border: none;
		  text-indent: 100%;
		  background: url(../images/top-arrow.png) no-repeat;
	}