@font-face {
  font-family: 'head';
  src: url('../fonts/OpenSans-Light.eot'); /* IE9 Compat Modes */
  src: url('../fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/OpenSans-Light.woff') format('woff'), /* Modern Browsers */
       url('../fonts/OpenSans-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/OpenSans-Light.svg#svgFontName') format('svg'); /* Legacy iOS */
}

@font-face {
  font-family: 'content';
  src: url('../fonts/Roboto.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Roboto.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Roboto.woff') format('woff'), /* Modern Browsers */
       url('../fonts/Roboto.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Roboto.svg#svgFontName') format('svg'); /* Legacy iOS */
}
body{
	background:url(../images/crossword.png) center top repeat;
	
}

td, th{padding:10px;}
.top{
	border-bottom:1px solid #eee;
	padding:5px;
}
.top p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#333;
}
.padleft0{
	padding-left:0px;
}
.padright0{
	padding-right:0px;
}
.padtop110{
	padding-top:100px;
}
.padimg{width:100%;}

.home{
	background-color:#fff;
	padding-top:20px;
	padding-bottom:20px;
}
.home h2, .business h2, .vision h2, .counters h2{
	font-family:head;
	font-size:42px;
	color:#393939;
	text-transform:uppercase;
}
.home p{
	font-family:content;
	font-size:17px;
	color:#181818;
	line-height:28px;
	text-align:justify;
}
.home img{
padding:5px;
border:1px solid #CCC;
margin-top:65px;
}
.home ul{
	margin-left:-5px;
	margin-top:15px;
}
.home li {
  margin-bottom:1em;
 /* text-indent:0.4em;*/
  font-size:14px;
  color:#333;
list-style-type: circle ;
}

.business{
	padding-top:20px;
	padding-bottom:20px;

}
.business h3{
	font-family:head;
	background-color:#0076bf;
	width:410px;
	height:165px;
	font-size:30px;
	color:#fff;
	text-align:center;
	padding-top:50px;
	text-transform:uppercase;
}
.business img{
width:139px;
height:139px;
margin:-100px 0 0 350px;
border:2px solid #e5e5e5;
}

.vision{
	padding-top:20px;
	padding-bottom:20px;
	background-color:#fff;
}
.vision p{
	font-family:content;
	font-size:17px;
	color:#181818;
	line-height:28px;
	text-align:center;
}
.services{
	padding-top:20px;
	padding-bottom:20px;
	background-color:#0076bf;
}
.services h3{
	font-family:content;
	font-size:24px;
	font-weight:800;
	color:#fff;
}
.services p{
	font-family:content;
	font-size:14px;
	color:#fff;
}
.services img{
width:70px;
height:70px;
margin-right:8px;
}
.counters{
	font-size:60px;
	color:#1f5eaa;
	padding-bottom:20px;
	padding-top:30px;
}
.counters p{
	font-family:content;
	font-size:20px;
	color:#393939;
}
.footer{
	background-color:#3f5267;
	padding-top:10px;
	padding-bottom:10px;
}
.footer h2{
	font-family:head;
	font-size:26px;
	color:#fff;
}
.footer h3{
	width:70px;
	margin-top:-5px;
	border-bottom:1px solid #3fa1da;
}
.footer p{
	font-family:content;
	font-size:17px;
	color:#fff;
	line-height:26px;
	text-align:left;
}
.footer ul{
	margin-left:-25px;
}
.footer li {
  margin-bottom:0.5em;
 /* text-indent:0.4em;*/
  font-size:14px;
  color:#dedddd;
/*list-style-image:url(../images/arrow2.jpg);*/
list-style:none;
}
.footer li a{
	color:#dedddd !important;
}
.copyright{
	background-color:#32465c;
	padding-top:17px;
	padding-bottom:5px;
}
.copyright p{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
}
.carousel-control.right, .carousel-control.left{
	background:none;
}
@media (max-width: 767px) {
	
	.business h3{
	font-family:head;
	background-color:#0076bf;
	width:230px;
	height:135px;
	font-size:18px;
	color:#fff;
	text-align:center;
	padding-top:50px;
	text-transform:uppercase;
}
.business img{
width:100px;
height:100px;
margin:-70px 0 0 190px;
border:2px solid #e5e5e5;
}
.home img{
margin-top:0px;
}
.services h3{
	font-family:content;
	font-size:18px;
	font-weight:800;
	color:#fff;
}
.services p{
	font-family:content;
	font-size:12px;
	color:#fff;
}
#cssmenu > ul > li > a{padding:15px;font-size:16px;/*letter-spacing: 0.7px;*/ text-decoration:none;color:#fff; font-weight:500; font-family:head;}


}

@media (min-width: 768px) and (max-width:1024px) {
	
		.business h3{
	font-family:head;
	background-color:#0076bf;
	width:230px;
	height:135px;
	font-size:18px;
	color:#fff;
	text-align:center;
	padding-top:50px;
	text-transform:uppercase;
}
.business img{
width:100px;
height:100px;
margin:-70px 0 0 190px;
border:2px solid #e5e5e5;
}
.services h3{
	font-family:content;
	font-size:18px;
	font-weight:800;
	color:#fff;
}
.services p{
	font-family:content;
	font-size:14px;
	color:#fff;
}

.home img{
margin-top:0px;
}


#example1 {
	width: 100%;
	margin: auto;
}

#example1container {
	text-align: center;
}

#example1container i {
	font-size: 36px;
	margin: 8px;
	cursor: pointer;
	-webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}

#example1container i:hover {
	color: #333;
}

#example1 li {
	color: #4e4e4e;
/*	background: #F2F2F2;*/
	overflow: hidden;
	height: 80px;
	padding: 8px;
	line-height: 25px;
	list-style: none;
	font-size: 14px;
	text-align: left;
	border-bottom: 1px dotted #2c8162;
}



#example1 li:hover {
	background: #fff;
}