body{
background:
radial-gradient(black 15%, transparent 16%) 0 0,
radial-gradient(black 15%, transparent 16%) 8px 8px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px,
radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px;
background-color:#282828;
background-size:16px 16px;
font-family: 'Noto Sans', sans-serif;
}
.bg{
background-color:#fff;
padding: 0px;
-webkit-box-shadow: 1px 2px 16px 0px rgba(0,0,0,0.59);
-moz-box-shadow: 1px 2px 16px 0px rgba(0,0,0,0.59);
box-shadow: 1px 2px 16px 0px rgba(0,0,0,0.59);


}
.tophead{
background-color: #222;
color: #999;
height: 33px;
}
.email{
font-size: 15px;
background-color: #222;
margin-top: 5px;
margin-left: 20px;
font-family: 'Lato', sans-serif;
font-style: italic;
}
.email .glyphicon{
font-size: 14px;
}
.social{
text-align: right;
}
.header{
background-color:#633B95;
padding-bottom: 15px;
}
.phone{
color: #fff;
text-align: right;
font-family: 'Lato', sans-serif;
font-size: 18px;
font-weight: 700;
font-style: italic;
padding-top:25px;
padding-right: 20px;
text-shadow: 0px 1px 1px rgba(125, 125, 130, 1);
}
.phone strong{
font-size: 20px;
font-weight: 900;
}
.phone p{
font-size:15px;
font-weight: 700;
font-style: italic;
}
.menu{
background-color: #222;

}
.menu2{
background: #ccc; /* Old browsers */
border-top: 0px solid #fff;
border-bottom: 0px solid #676767;
margin-bottom: 0px;
padding-left: 0px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
  color: #333;
  background-color: #e7e7e7;
  font-weight: bold;
}

.navbar-collapse {
margin-left: 0px;
    padding-left: 3px;
    padding-right: 15px;
}

.navbar-default {
    background-color: #fff;
    border-color: #e7e7e7;
}
.navbar {
    border: 0px solid transparent;
    margin-bottom: 0px;
    position: relative;
	min-height: 0px;
	background-color: #ccc;
}

.navbar-default .navbar-nav > li > a {
    color: #222;
	
}

.navbar-default .navbar-nav > li > a:hover {
    color: #222;
	background: #ACACAB; /* Old browsers */
}


.navbar-nav li a {
    padding-bottom: 11px;
    padding-top: 10px;
	border-right: 1px solid #b5b5b5;
	color:#000;
	font-weight: 400;
	font-size: 15px;
/*font-style: italic;*/
font-family: 'Arimo', sans-serif;
}

.navbar-nav > li > a:hover {
background: #ACACAB; /* Old browsers */
  }
  
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
    background-color: #ACACAB;
    border-color: #333;
}  
 .dropdown-menu {
 background-color: #e7e7e7;
 	color:#000000;
	font-weight: 500;
	font-size: 16px;
font-style: italic;
font-family: 'Noto Sans', sans-serif;
padding: 0;
  transition: all 0.5s linear;
 
 }
.dropdown-menu li a:hover{ 
  background-color: #ACACAB;
  color: #fff;
  transition: all 0.2s linear;
  }
  
  .dropdown-menu li a{ 
  transition: all 0.2s linear;
  }
  .dropdown-menu li { 
  border-bottom: 1px solid #666;
  }
  
.slider{
padding-left: 0px;
padding-right: 0px;
}



/**  Carousel Fade **/

.carousel.fade {
  opacity: 1;
}

.carousel.fade .item {
  transition: opacity ease-out .7s;
  left: 0;
  opacity: 0;
  top: 0;
  position: absolute;
  width: 100%;
  display: block;
}

.carousel.fade .item:first-child {
  top: auto;
  opacity: 0;
  position: relative;
}

.carousel.fade .item.active {
  opacity: 1;
}  



/**  services box **/

.box{
background-color: #633B95;
color: #fff;
padding-top: 10px;
padding-bottom: 10px;
border-right:0px solid #fff;
border-left:0px solid #fff;
}
.border-right{
border-right:5px solid #fff;
}
.box .btn-primary {
background: rgb(226,226,226); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(226,226,226,1)), color-stop(50%,rgba(219,219,219,1)), color-stop(51%,rgba(209,209,209,1)), color-stop(100%,rgba(254,254,254,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */
color: #000;
font-family: 'Noto Sans', sans-serif;
font-weight: 700;
text-transform: uppercase;
}

.box h1{
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
text-align: center;
font-weight: 700;
text-shadow: 2px 2px 2px rgba(12, 12, 12, 0.6);
line-height:45px;
font-size: 32px;
}
.box p{
text-align:center;
font-family: 'Noto Sans', sans-serif;
font-weight: 400;
font-style: italic;
font-size: 14px;
line-height: 18px;
}

.glyphicon {
    display: inline-block;
    font-family: "Glyphicons Halflings";
    font-size: 60px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    position: relative;
    text-align: center;
    top: 1px;
	text-shadow: none;
	
}

.heading{
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size: 18px;
border-bottom: 3px solid #554EA0;
color: #554EA0;
margin-bottom: 15px;
text-indent: 5px;
}



.heading2{
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size: 25px;
color: #554EA0;
margin-bottom: 15px;

}

.innerheading{
text-transform: uppercase;
font-family: 'Noto Sans', sans-serif;
font-weight: 700;
font-size: 20px;
color: #333;
margin-bottom: 15px;
text-indent: 5px;
text-align: left;
}

.headingnews{
text-transform: uppercase;
font-family: 'Noto Sans', sans-serif;
font-weight: 700;
font-size: 15px;
color: #666;
margin-bottom: 5px;
}

.headingnews .glyphicon{
  font-family: "Glyphicons Halflings";
  font-size: 14px
}

.list-group-item {
border-bottom: 0px solid #ddd;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 0px solid #ddd;
}

.list-group li {
list-style-type: none;
}
	
}

.list-group-item:first-child {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

a.list-group-item .glyphicon {
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-size: 12px;

}
.list-group .glyphicon {
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-size: 10px;
  color: #666;
  line-height:30px;


}
.list-unstyled .glyphicon {
  display: inline-block;
  font-family: "Glyphicons Halflings";
  font-size: 16px;
  color:#0985B9;

}

.input-group-addon .glyphicon{
font-family: "Glyphicons Halflings";
  font-size: 15px;
}

.list-unstyled li{
line-height: 32px;
}
.intro1{

    font-family: 'Noto Sans', sans-serif;
	font-style: italic;
	font-weight: 700;
	font-size:16px;
	color: #333;
}
.intro{

	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
	font-size:15px;
	color: #333;
	font-style: italic;
}

.padding-left{
padding-left: 30px;

}

.footer{
background-color: #e2e2e2;
padding-top: 25px;

}

.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: transparent;
  border-bottom:1px solid #ddd;
}
.list-group  ul{
  list-style-type: none;
}
.footerb{
background-color: #633B95;
height: 50px;
color:#fff;
padding:15px;
font-family: 'Noto Sans', sans-serif;
font-style: italic;
font-size:15px;

}





.bar {
	background-color: #111;
	color: #f0f0f0;
	
	line-height: 25px;
	padding: 0px 15px;
}
.bar a {
	color: #DDD;
}
.bar a:hover {
	color: #FFFFFF;
}

.ticker {
	width: 100%;

	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
font-family: 'Noto Sans', sans-serif;
font-style: italic;
font-size:13px;
color:#666;

}

#ticker_02 {
	height: 200px;
}

.ticker li {
	border-bottom: 1px dotted #DDD;
	padding: 5px;
	margin: 0px 5px;
}


#ticker_04 li {
	height: 40px;
	overflow: hidden;
} 
#ticker_04 img {
	float: left;
	height: 40px;
	width: 40px;
	margin-right: 10px;
} 

#example_4 { display: none;}





/*     2nd page        */


.breadcrum{
padding: 1.50em 1.6875em;
  background-image: -webkit-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -moz-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: -ms-repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  background-image: repeating-radial-gradient(center center, rgba(0,0,0,.2), rgba(0,0,0,.2) 1px, transparent 1px, transparent 100%);
  -webkit-background-size: 3px 3px;
  -moz-background-size: 3px 3px;
  background-size: 3px 3px;
  height: 75px;
  margin-top: 0px;
  }



.bread-heading{
text-transform: uppercase;
font-family: 'Oswald', sans-serif;
font-weight: 700;
font-size: 24px;
color: #666;
text-align: center;
}


.image IMG {
border: 0px solid #ccc;

}

.panel-heading {
  
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-body {
  padding: 0px;
}

.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  background-color:#fff;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}

.width{
width:90%;
}
.width .glyphicon{
font-size: 40px;
}
.sicon .glyphicon{
font-size: 15px;
color: #7E79BC;
text-indent: 5px;
}
.sheading{
text-transform: uppercase;
font-family: 'Noto Sans', sans-serif;
font-weight: 700;
font-size: 18px;
color: #7E79BC;
text-indent: 5px;
text-align: center;
margin-top: 6px;
}





 @media only screen and (min-width: 320px) and (max-width: 990px) {
 .box{
margin-bottom: 8px;
}
 .border-right{
border-right:0px solid #fff;
}
 .padding-left {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px dotted #ccc;
}
.fborder{
margin-top: 8px;
border-bottom: 8px solid #fff;
 padding-bottom: 10px;
} 
 
 }
 
  @media only screen and (min-width: 320px) and (max-width: 768px) {
 .navbar-default .navbar-nav > li > a {
  color: #222;
  text-align: center;
}

.navbar-nav .open .dropdown-menu>li>a {
  line-height: 20px;
  text-align: center;
}

.phone{
text-align: center;
margin-top: 1px;
}

.logo {
text-align:center;


}

}



.tenyears{
	position:absolute;
	left:150px;
	top:0px;
}

 @media only screen and (min-width: 320px) and (max-width: 480px) {
.email {
  font-size: 13px;
}

.tenyears{
	position:absolute;
	left:10px;
	top:0px;
}

.social {
    text-align: right;
    width: -3px !important;
}
.email {
   padding-left:50px;
}
.email .glyphicon{
font-size: 0px;
height: 0px;
}
.footerb{
font-size: 13px;
}
}


.carousel-control.left {
	 background: none;
}
.carousel-control.right {
	 background: none;
}

 @media only screen and (min-width: 320px) and (max-width: 580px) {
.mm{
	padding-left:20px;
	color:#000;
	font-size:16px;
}	 
.logo img{
	width:220px;
	
}
.phone strong {
    font-size: 13px;
    font-weight: 900;
}
	.phone {
    font-size: 14px;
	    padding-top: 18px;
} 
	.phone p{
    font-size: 12px;
} 

.menu2 {
    background: #fdfdfd;
    border-top: 1px solid #9f9898;
    border-bottom: 1px solid #959494;

}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #5e00a5;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.glyphicon-envelope  {
	display:none;
	
}


 }