*{
	margin:0px;
	padding:0px;
}
:before, :after{font-family:FontAwesome;}


body {
	font-family: 'Roboto', sans-serif;
	-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}

img {
	width:100%;	
}

a{
	color:#692bfb;
}

a, a:hover {
-o-transition:.5s;
-ms-transition:.5s;
-moz-transition:.5s;
-webkit-transition:.5s;
transition:.5s;
}


.red-btn{
background:#692bfb;
padding:10px 20px;
color:#FFFFFF;
font-weight:bold
}

.red-btn:hover{
	border:1px solid #692bfb;
	color:#692bfb;
	background:none
}

.fa{
	margin:0px 5px 0px 0px 
}

h1, h2, h3, h4, h5, h6 {
	margin-bottom:20px;
	font-weight:bold
}
h1{
	font-size: 35px
}

h2{
	font-size: 30px
}

h3{
	font-size: 25px
}

h4{
	font-size: 20px
}

h5{
	font-size: 18px
}

h6{
	font-size: 16px
}

ul{
	margin:0px;
}

li {
	list-style:none;
	list-style-position:outside;
	margin:0px 0px 20px 0px
}

p {
	font-size:16px;
	font-weight:300;
	line-height:35px;
	margin:0px 0px 10px 0px;

}

.mb-4 {
	margin:0px 0px 20px 0px;
}

header {
	padding:10px 0px;

}




.logo img {
	width:170px;
}

.nav {
	font-size:18px;
	font-weight:bold;
}
.navbar-nav>li{
	margin:0px
}
.nav li .active{
	color:#692bfb;
}

.nav a {
	color:#000000
}

.nav a:hover, .lg-srv-txt h1{
	color:#692bfb;
	background:none
}

.nav>li>a:focus, .nav>li>a:hover {
	background:none
}

.navbar-toggle .icon-bar {
    background: #1b405f;
}


.lg-srv .col-sm-6 {
	padding:0px;
}

.lg-srv .lg-srv-txt{
	padding:80px 20px 0px 80px;
}

.glyphicon-chevron-left:before {
    content: "\f053";
}



.glyphicon-chevron-right:before{
    content: "\f054";
}


.hm-about{
	background: url(../images/h-ab-bg.jpg) no-repeat ;
	color:#FFFFFF;
	padding:100px 0px;
	background-size:cover;
	height:227px;
	margin:0px 0px 40px 0px;
}


.dlt-list {
	margin:0px 0px 50px 0px;
}

.dlt-list .col-sm-7, .dlt-list .row {
	padding:0px;
	margin:0px;
}

.dlt-list.container-fluid {
	padding:0px;
	margin:0px;
}

.dlt-list .col-sm-5 {
	padding:20px 20px;
	}

.dlt-list ul{
	margin:30px 0px 0px 30px
}	

.dlt-list li:before, .prd-list2 li:before {
	content: "\f061";
	color: #959494;
	margin:0px 20px 0px 0px
}

.hm-sp .col-sm-4, .hm-sp .col-sm-8 {
	margin:0px;
	padding:0px
}	

.hm-sp {
background: #692bfb
}

.hm-sp-txt{
	font-weight:bold;
	font-size:16px;
	color:#FFFFFF;
	padding:200px 50px 0px;
}


.hm-gr-img, .hm-gr-img div {
	padding:0px;
	margin:0px;
}

.hm-gr-list div{
	border:1px solid #c9c9c9;
	
}

.inner-banner{
		background: url(../images/h-ab-bg.jpg) no-repeat ;
margin:0px 0px 40px 0px;
background-size:cover
}

.inner-banner h1{
	color:#FFFFFF;
	font-size:25px
}

.breadcrumb{
	background:none;
	margin:0px;
	padding:0px;
	color:#CCCCCC;
	font-size:14px;
	margin:0px 0px 0px 0px;

}
.contact-txt a {
	color: #4e5052;
}


.breadcrumb a{
	color:#692bfb;
}

.shadow{  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}

.tp-mr{
	margin:60px 0px 0px 0px
}

.prd-list{
	margin:20px 0px ;
	display:table;
	width:100%;
}

.prd-txt{	
padding:50px 0px 0px 0px;

}

.prd-list li{
	background:#FFFFFF;
	    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	  padding:10px;
	  display:table;
	  float:left;
	  margin:0px 20px 20px 0px;
}

.prd-list2 li{
	border-bottom:1px solid #eee;
	padding:0px 0px 10px 0px;
}


.prd-list2 li:last-child{
	border:0px;
}


.prd-tle{
	padding:20px 0px;
}
.contact-txt{
	margin:40px 0px 0px;
	padding:0px;
}

.contact-txt .fa{
	margin:0px 5px 0px 0px;
	color:#666666
}

.contact-txt p{
	line-height:25px;
	margin:0px 0px 10px 0px
}

.contact-txt .col-sm-8{
	padding:20px 0px 0px 40px;
}

.bod-list{
	margin:50px 0px 0px 0px;
	background:#eee;
	padding:20px 0px
}

.bod-list li div{
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	padding:10px;
	background:#FFFFFF;
	margin:0px 0px 0px 0px;
	border-left:4px solid #692bfb
}

footer {
	background:#4c4c4c;
	padding:20px 0px;
	color:#FFFFFF;
	font-size:14px;
}


footer p{
	font-size:14px;
	line-height:30px;
}

footer li {
	padding:0px;
	margin:0px 0px 10px 0px;
	
}

footer li:before{
	content: "\f061";
	color: #ccc;
	margin:0px 10px 0px 0px
}

footer a{
	color: #FFFFFF
}

footer a:hover{
	color:#6f90f0;
	text-decoration:none
}

.fb-btm{
	font-size:12px;
	
}

.fb-btm, .fb-btm a {
	color:#CCCCCC
}

@media only screen and (min-width:800px) and (max-width:960px){
	
	.lg-srv img{
		height:320px

	}

	.lg-srv .lg-srv-txt {
    padding: 10px 20px 0px 80px;
}

.hm-gr-list .col-sm-6 {
    width: 33.3%;
}

}


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

.st-img .col-sm-4, .st-img .col-sm-8{
	width:50%;
	float:left
}
.prd-txt{
	padding:0px
}
}

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

.st-img .col-sm-4, .st-img .col-sm-8{
	width:100%;
	float:left
}
.prd-txt{
	padding:0px
}

.img-none {
display:none
}

.prd-list li{
width:100%
}

.contact-txt{
	margin:0px
}

.contact-txt .col-sm-8 {
    padding: 20px 0px 0px 0px;
}
}

@media only screen and (min-width:678px) and (max-width:799px){
.hm-gr-list .col-sm-6 {
    width: 33.3%;
}
.hm-about{
	height:auto;
	padding:30px 0px;
	 margin:0px
}

.dlt-list .col-sm-5 h3{
	font-size:20px
}

.dlt-list ul{
	margin:30px 0px 0px 0px
}

.dlt-list .col-sm-5 li{
	background: #FFFFFF;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    padding: 10px;
    display: table;
    float: left;
	width:100%;
    margin: 0px 0px 20px 0px;
}


footer h4{
	font-size:16px;
}
footer .col-xs-6{
	margin:0px 0px 20px 0px	
}

.fb-btm{
	text-align:left !Important
}
}
@media only screen and (min-width:300px) and (max-width:767px){

	.lg-srv img{
	display:none

	}

	.lg-srv .lg-srv-txt {
    padding: 10px 50px 20px 50px;
	text-align:center
}

.navbar-toggle{
	margin-top: -45px;

    margin-right: -6px;

}


.navbar-nav>li {
    margin: 0px;
    border-bottom: 1px solid #CCCCCC;
	}
	
	.navbar-nav>li:last-child {
		border:0px;
	}

.hm-about{
	height:auto;
	padding:30px 0px;
	 margin:0px
}

.dlt-list .col-sm-5 h3{
	font-size:20px
}

.dlt-list ul{
	margin:30px 0px 0px 0px
}

.dlt-list .col-sm-5 li{
	background: #FFFFFF;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    padding: 10px;
    display: table;
    float: left;
	width:100%;
    margin: 0px 0px 20px 0px;
}

.dlt-list .col-sm-7{
display:none
}

.hm-sp .col-sm-4{
display:none
}

.hm-gr-list div{
	width:33%
}

footer h4{
	font-size:16px;
}
footer .col-xs-6{
	margin:0px 0px 20px 0px	
}

.fb-btm{
	text-align:left !Important
}

}


@media only screen and (min-width:300px) and (max-width:500px){

footer .col-xs-6{
	width:100%;
	margin:0px 0px 20px 0px	
}
}