html,
body {
	margin:0;
	padding:0;
	height:100%;
background: #6cb7b7;
}
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,300,600,700);
html{margin-top:0 !important}
img{border:0}
.clearfix {clear:both;}
.clearfix:before, .clearfix:after {content: " "; display: table;}
.clearfix:after {clear: both;}
p{font-family: 'Source Sans Pro', sans-serif;margin: 0; padding: 0;}
li a{font-family: 'Source Sans Pro', sans-serif;}
 body, h1, h2, h3, h4, h5, tr, td, table { margin: 0; padding: 0; font-family: 'Noto Sans', sans-serif;}
.container{ width:90%; margin:0 auto; padding:0 40px}
.section{ width:100%;}
.col12 {width: 100%;}
.col11 {width: 91.66666666666666%;}
.col10 {width: 83.33333333333334%;}
.col9 {width: 75%;}
.col8 {width: 66.66666666666666%;}
.col7 {width: 58.333333333333336%;}
.col6 {width: 50%;}
.col5 {width: 41.66666666666667%;}
.col4 {width: 33.33333333333333%;}
.col3 {width: 25%;}
.col2 {width: 16.666666666666664%;}
.col1 {width: 8.333333333333332%;}
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 { float: left; margin:0; padding:0;}
.gap{margin-top:20px; padding:0;}
header img { display: block; height: 30%; width: 100%;}
wrapper {z-index: 2;
	min-height:100%;
position:fixed;overflow: none;
}
.main-area { background: #6cb7b7 none repeat scroll 0 0; bottom: 60px; width: 100%; height:100%;overflow: none;}
.bodyarea {max-height:1300px;overflow: none;}
.redblock{ background:#DC4E41; height::100px; display:block;  padding: 15px 0;width: 220px;}
.redblock h4 { color: #fff; font-size: 18px; padding: 5px 0; text-align: center;font-weight: 700;}
.redblock h2 { text-align: center; font-weight: 700;}
.redblock h2 a { color: #fff; font-size: 30px; text-decoration: none;}
.redblock h2:hover a{text-decoration: underline;} 
.heading h1 {text-align:left; color:#333333; font-size: 48px; padding: 32px 40px; text-align: left; font-weight: normal;}
.services { padding: 35px 0 10px 0; margin-bottom:10px;}
.services .col3{width:24%; padding-right:10px;}
.services h3{font-size:16px; color:#333;}
.services ul { margin: 20px 0; padding: 0 15px; color: #fff; display:block;}
.services li a { text-decoration: none; color: #fff;font-size:14px;}
.services li:hover a{text-decoration: underline;}
footer .col9 p { color: #3e3e3e; font-size: 14px; padding: 18px 0; text-align: left; font-weight:normal;margin-bottom:21px;}
.logo img { padding-right: 0px;}
.redblock a { color: #fff; text-decoration: none;}
.redblock a:hover{text-decoration:underline;}
.services > div:nth-child(1){ width:30%;}
.services > div:nth-child(2){ width:24%;}
.services > div:nth-child(3){ width:24%;}
.services > div:nth-child(4){ width:18%;}

.mainslider{min-height:200px; max-height:250px;}

content {
	padding-bottom:100px; /* Height of the footer element */
}

footer {
 clear: both;
    position: fixed;
    z-index: 10;
  right: 0;
  bottom: 0;
  left: 0;
max-height:10%;
  background-color: #ffffff;
  text-align: center;
overflow: none;
}
@media (max-width:1130px){
  .bodyarea {height:55%;}
.heading h1 { font-size: 42px;}
.services .col3{width:50% !important; padding-right:0;}
}

@media (max-width:970px){
.heading h1 { font-size: 30px; padding: 45px 0 45px 60px;}
.logo{float:left;}
.logo img { margin-right: 0px; width:100%;}
.redblock{ margin:0 auto; display:block; float:none;}
.redblock h2 a { font-size: 24px;}
}
@media (max-width:768px){
	.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {width: 100%;	float:none;}
	.container{padding:0px;}
	.heading h1 { font-size: 28px; padding: 10px 0; text-align:center;}
	.logo img { display: block; margin-top: -10px auto; width:20%;}
	footer .col9 p { padding: 20px 0 0;}
	.services .col3{width:100% !important; padding-right:0px; height:auto !important;}
	.redblock h2 a { font-size: 30px;}
}
@media (max-width:480px){	
.services { padding: 20px 0 30px 0;}
.logo img { display: block; margin-top: -10px auto; width:20%;}
	.heading h1 { font-size: 17px;}
	.services h3 { font-size: 14px;}
	.services .col3{ padding:10px 0;}
	.services li a { font-size: 14px;}
	.services ul { margin: 5px 0;}
    footer .col9 p { font-size: 14px;}
}