@charset "utf-8";
/* CSS Document */



body {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', Garuda, sans-serif;
	color: #333;
	line-height: normal;
	font-size: 12px;
	background: #eee
}

.example-image {
    width: 100%;
    height: 300px;
    padding: 0px 0 30px;
}
header {
	background: #fff;
	padding: 10px 0 0;
}
.top-contact-detail ul {
	float: right;
}
.top-contact-detail ul li {
	list-style: none;
	padding-bottom: 8px
}
.top-contact-detail ul li i.fa {
	padding-right: 5px;
	color: #FAB928;
	font-size: 14px;
}
.top-contact-detail ul li:last-child {
	padding: 0
}
.navbar-default {
	background-color: #fff;
	border: none;
	margin: 0;
}
.navbar-default .navbar-nav > li > a {
	color: #777;
	font-size: 16px;
	padding: 15px 28px;
}
.slider {
	background: url("../img/feature_bg.png") #000 no-repeat scroll 50% 0;
	padding: 0px 0 0
}
#main-content {
	background: url("../img/layout_sprites.png") repeat-x scroll 0 -24256px #fff;
	padding: 50px;
	font-size: 18px;
	text-align: justify
}
#main-content h2 {
	margin-top: 0;
}
.shadow {
	margin-top: -11px
}
.prfile-pic-edit a {
	position: absolute;
	background: rgba(0,0,0,0.5);
	top: 0;
	padding: 39px 0;
	width: 100%;
	vertical-align: middle;
	display: none;
}
.prfile-pic-edit a {
	color: rgba(255,255,255,.9);
}
.box:hover .prfile-pic-edit a {
	display: block;
}
.box {
	position: relative
}
.process h2 {
	color: #D6541F
}
.process ul li strong {
	display: block;
	padding-bottom: 15px
}
.process ul li {
	padding-bottom: 15px;
}
footer {
	background: url("../img/footer.png") #000 no-repeat scroll 50% 0;
	font-size: 12px;
	padding: 50px 0 0;
	color: #fff;
}
.social ul {
	margin: 0;
	padding: 0;
}
.social ul li {
	list-style: none;
	float: left;
	width: 35%;
	text-align: center;
	margin-bottom: 30px
}
.social ul li a {
	display: block;
	transition: all 0.2s ease;
}
.social ul li a:hover {
	transform: scale(1.2);
	-moz-transform: scale(1.2);
	transition: all 0.2s ease;
}
.linksss {
	margin: 0;
	padding: 0;
	padding-left: 12px
}
.linksss li a {
	color: #fff;
}
footer hr {
	border-top: 1px dashed rgb(32, 32, 32);
	border-bottom: 1px dashed rgb(41, 41, 41);
}
.map iframe {
	width: 760px;
	height: 256px;
    align-content:center;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	background: none;
}
.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity: 0;
}
.carousel.carousel-fade .active.item {
	opacity: 1;
}
.carousel.carousel-fade .active.left, .carousel.carousel-fade .active.right {
	left: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}
.carousel.carousel-fade .next, .carousel.carousel-fade .prev {
	left: 0;
	z-index: 1;
}
.carousel.carousel-fade .carousel-control {
	z-index: 3;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
	width:100%;	
}
.pagename { padding:15px 0; color:#fff}

.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: transparent;
    border-radius: 4px;
    margin-top: 25px;
    float: right;
}
.breadcrumb a { color:#fff}

.breadcrumb > li + li::before {
    padding: 0 7px;
    color: #ccc;
    content: "\f101";
	font-family: "FontAwesome";
}
label { font-weight:normal}
.form-control { border-radius:0;}
.pioneer a {padding: 71px 0;}


.text-accout { font-size:14px;}
.box { margin-bottom:20px}
.box li {text-align:left}
.install .box { padding:20px; border:1px solid #eee}
.contact-details { background:#fff; box-shadow:0px 0px 2px rgba(0,0,0,0.3)}
.contact-details ul { margin:0; padding:0;}
.contact-details ul li {list-style: none;
text-align: left;
font-size: 13px;
padding: 10px 10px;
border-bottom: 1px solid #eee;}
.contact-details p { background:#D6541D; color:#fff; padding:10px; text-align:center; margin:0;}
.modal-header {
    background: #D6541D;
    color: #fff;
}
button.close {
    padding: 3px 5px;
    background: rgba(255, 255, 255, 1);
}

.modal-content {
background: url(../img/bg.png) no-repeat 100% 100%;
}
.modal{top:15%}
.modal-header {
    background: none;
    color: #fff;
	text-align:center;
	border:none;padding:20px;
}
.modal-footer { text-align:center; border:none; padding:0px 0;}
.modal-body { padding-bottom:20px;}
.form-horizontal { padding-right:18px; color:#fff;}

@media (min-width:768px) {
	.install .box img {height:200px}
	.install .box .shadow img {height:auto}
	.install .box p {}
.nav > li:first-child > a {
	padding-left: 0px
}
.nav > li:last-child > a {
	padding-right: 0px
}
.row-centered {
	text-align: center;
}
.col-centered {
	display: inline-block;
	float: none;
	vertical-align: top;
	text-align: center;
	margin-right: -4px;
}
}

@media (max-width:767px) {
	.example-image {
    height: 150px;
}
	.about-us img { width: 100%; padding-bottom: 10px!important; float: none; padding-right: 0!important }
	.carousel-inner { height:200px}
	.modal-header {padding:0;}
	.modal-body { padding-bottom:0}
	.carousel-inner > .item { height:100%}
	.modal-body .row{ padding-left:10px;}
	.modal-content { background-position:center;}
	.carousel-inner > .item > img, .carousel-inner > .item > a > img { height:100%}
	.pagename { text-align:center}
	.breadcrumb { float:none}
.logo img {
	width: 100%
}
.top-contact-detail ul {
	float: none;
	margin-top: 10px;
}
#main-content {
	background: url("../img/layout_sprites.png") repeat-x scroll 0 -24256px #fff;
	padding: 50px 0;
	font-size: 15px;
text-align: justify;
}
.prfile-pic-edit a {
	text-shadow: 1px 1px 1px #000;
	padding-top: 70px;
	background: none
}
#main-content h2 {
	margin-top: 0;
	font-size: 25px;
}
.social ul li {
	list-style: none;
	float: left;
	width: 50%;
	text-align: center;
	margin-bottom: 30px;
}
.map iframe {
	width: 100%;
	height: 240px;
}
}
.about-us img {float: left;
padding-right:10px ;
padding-bottom: 0px;}