@charset "utf-8";

/* Services
--------------------------------------------------------------------------------------------------------------- */
#services{padding:50px 0;}


/* CTA - Call To Action
--------------------------------------------------------------------------------------------------------------- */
#cta{padding:30px 0;}
#cta div *{margin:0; padding:0;}

#cta .heading, #cta .btn{}
#cta .heading{margin-bottom:10px;}
#cta .btn{display:block; padding:15px; border-radius:8px; text-align:center; font-weight:bold;}


/* latest2
---------------------------------------------------------------------------------------------------------------*/
.latest2{display:block;width:100%;max-width:2000px;margin:0 auto;}
.latest2 ul{}
.latest2 ul li{display:block;float:right;width: 16.666666666666%;min-height:100%;}
.latest2 ul li:first-child, .latest2 ul li:nth-child(5n+1){margin-right: 0px;clear: left;}

.latest2 ul li figure{display:block; max-width:100%; border:solid; border-width:0 0 0 1px;}
.latest2 ul li figure img{width:100%;}
.latest2 ul li figure figcaption *{margin:0; padding:0;}

.latest2 a.overlay{display:block; position:relative;}
.latest2 a.overlay::before{display:block; position:absolute; top:0; right:0; width:100%; height:100%; content:"";}
.latest2 a.overlay::after{display:block; position:absolute; top:50%; right:50%; width:40px; height:40px; line-height:40px; margin:-18px 0 0 -18px; padding:0; border-radius:50%; font-family:"FontAwesome"; content:"\f0c1"; font-size:18px; text-align:center; }
.latest2 a.overlay::before, .latest2 a.overlay::after{opacity:0;}
.latest2 a.overlay:hover::before, .latest2 a.overlay:hover::after{opacity:1;}


/* Transition Fade
--------------------------------------------------------------------------------------------------------------- */
.faico a, #mainav *, .latest2 ::before, .latest2 ::after, #backtotop{transition:all .3s ease-in-out;}


/* Pagination */
.pagination{display:block; width:100%; text-align:center; clear:both;}
.pagination li{display:inline-block; margin:0 2px 0 0;}
.pagination li:last-child{margin-left:0;}
.pagination a, .pagination strong{display:block; padding:8px 11px; border:1px solid; font-weight:normal;}

/* Back to Top */
#backtotop{z-index:999; display:inline-block; position:fixed; visibility:hidden; bottom:20px; left:20px; width:36px; height:36px; line-height:36px; border-radius:5px; font-size:16px; text-align:center; opacity:.2;}
#backtotop i{display:block; width:100%; height:100%; line-height:inherit;}
#backtotop.visible{visibility:visible; opacity:.5;}
#backtotop:hover{opacity:1;}


/* Tables
--------------------------------------------------------------------------------------------------------------- */
table, th, td{border:1px solid; border-collapse:collapse; vertical-align:top;}
table, th{table-layout:auto;}
table{width:100%; margin-bottom:15px;}
th, td{padding:5px 8px;}
td{border-width:0 1px;}





/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Colours
--------------------------------------------------------------------------------------------------------------- */
body{color:#888888; background-color:#FFFFFF;}
a{color:#96AFAA;}
hr, .borderedbox{border-color:#D7D7D7;}
label span{color:#FF0000; background-color:inherit;}

.icon{color:#FFFFFF; background-color:#000000;}
.icon.nobg{color:inherit; background-color:inherit; border-color:#D7D7D7;}
.red{background-color:#DC8B8A;}
.orange{background-color:#EC9700;}
.green{background-color:#A7DFC4;}
.flexslider .heading, .flexslider .btn{color:#FFFFFF;}

h1, h2, h3, h4, h5, h6, .heading{color:#242424; border-color:inherit;}


/* Rows */

.2row2{color:#888888; background-color:#FFFFFF;}


/* CTA - Call To Action */
#cta .heading{color:inherit;}


/* latest2 */
.latest2 ul li figure{border-color:#EBEBEB;}
.latest2 a.overlay::before{background-color:rgba(0,0,0,.5);}
.latest2 a.overlay::after{color:#FFFFFF; background-color:#96AFAA;}







/* Tables + Comments */
table, th, td, #comments .avatar, #comments input, #comments textarea{border-color:#D7D7D7;}
th{color:#FFFFFF; background-color:#373737;}
tr, #comments li, #comments input[type=submit], #comments input[type=reset]{color:inherit; background-color:#FBFBFB;}
tr:nth-child(even), #comments li:nth-child(even){color:inherit; background-color:#F7F7F7;}
table a, #comments a{background-color:inherit;}


/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------ */


/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Smartphone + Tablet
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:180px) and (max-width:750px) {
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_right, .fl_left{display:block; float:none;}
	 .matnbody .one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}

	#header{text-align:center;}
	#header #logo h1{margin:0 0 15px 0;}

	#cta{padding-bottom:0;}
	#footer{padding-bottom:20px;}
}

@media screen and (min-width:180px) and (max-width:900px) {
	#header, #services, #cta, #breadcrumb, .container, #footer, #copyleft{max-width:90%;}

	#header{padding:15px 0;}
	#header #logo h1{margin-top:5px;}

	.basicslider .heading{font-size:30px; line-height:30px; margin-bottom:-15px;  }
	.basicslider .btn{padding:10px 25px;}

	#services{padding-bottom:20px;}

	#cta{}

	#mainav{}
	#mainav ul{display:none;}
	#mainav form{display:block;}

	#breadcrumb{}

	.container{}
	#comments input[type=reset]{margin-top:10px;}
	.pagination li{display:inline-block; margin:0 5px 5px 0;}

	#footer{}

	#copyleft{}
	#copyleft p:first-of-type{margin-bottom:10px;}
}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:978px) {
	#header, #services, #cta, #breadcrumb, .container, #footer, #copyleft{max-width:978px;}
}


/* Other
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:650px) {
	.scrollable{display:block; width:100%; margin:0 0 30px 0; padding:0 0 15px 0; overflow:auto; overflow-x:scroll;}
	.scrollable table{margin:0; padding:0; white-space:nowrap;}
	.basicslider .txtoverlay{display:none}

	.latest2{width:90%; max-width:none; padding:30px 0;}
	.latest2 ul li{float:none; width:auto; margin:0 0 30px 0;}
	.latest2 ul li:last-child{margin:0;}
	.latest2 ul li figure{display:inline-block; border-width:0 1px 1px 1px; width:100%}
	.latest2 ul li figure img{width:100%;}
	.latest2 ul li figure figcaption{padding:15px 30px;}
	
}




@charset "utf-8";

html{overflow-y:scroll; overflow-x:hidden;}
html, body{margin:0; padding:0; font-size:14px; line-height:1.6em;}

*, *::before, *::after{box-sizing:border-box;}

.bold{font-weight:bold;}
.center{text-align:center;}
.left{text-align:left;}
/* .uppercase{text-transform:uppercase;} */
.hidden{display:none;}
.nospace2{margin:0; padding:0; list-style:none;}
.borderedbox{border:1px solid;}
.circle{border-radius:50%; background-clip:padding-box;}

.service{display:block; position:relative; width:100%; min-height:80px; margin:0; padding:0 0 0 70px; box-sizing:border-box;}
.service *{margin:0; padding:0;}
.service .icon{display:block; position:absolute; top:0; right:0; width:50px; height:50px; line-height:50px; text-align:center; font-size:26px;}
.icon.nobg{border:1px solid;}
.service .heading{margin-bottom:10px;}
.service.largeicon{min-height:110px; padding:0 0 0 100px;}
.service.largeicon .icon{width:80px; height:80px; line-height:80px; font-size:40px;}

.clear, .group2{display:block;}
.clear::before, .clear::after, .group2::before, .group2::after{display:table; content:"";}
.clear, .clear::after, .group2, .group2::after{clear:both;}
.bgded{background-position:top center; background-repeat:no-repeat; background-size:cover;}
a{outline:none; text-decoration:none;}

.fl_right, .imgl{float:right;}
.fl_left, .imgr{float:left;}

img{width:auto; max-width:100%; height:auto; margin:0; padding:0; border:none; line-height:normal; vertical-align:middle;}
.imgl{margin:0 15px 10px 0; clear:right;}
.imgr{margin:0 0 10px 15px; clear:left;}


/* Fonts
--------------------------------------------------------------------------------------------------------------- */
body, input, textarea, select{font-family:Verdana, Geneva, sans-serif;}
h1, h2, h3, h4, h5, h6, .heading{font-family:Georgia, "Times New Roman", Times, serif;}


/* Forms
--------------------------------------------------------------------------------------------------------------- */
form, fieldset, legend{margin:0; padding:0; border:none;}
legend{display:none;}
label, input, textarea, select, button{display:block; resize:none; outline:none; color:inherit; font-size:inherit; font-family:inherit; vertical-align:middle;}
label{margin-bottom:5px;}


/* Generalise
--------------------------------------------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6, .heading{margin:0 0 20px 0; font-size:22px; line-height:normal; font-weight:normal;}

address{font-style:normal; font-weight:normal;}
hr{display:block; width:100%; height:1px; border:solid; border-width:1px 0 0 0;}

.wrapper{display:block; width:100%; margin:0; padding:0; text-align:right; word-wrap:break-word;}
#header, #services, #cta, #breadcrumb, .container, #footer, #copyleft {display:block; margin:0 auto;}


/* HTML 5 Overrides
--------------------------------------------------------------------------------------------------------------- */
address, article, aside, figcaption, figure, footer, header, main, nav, section{display:block; margin:0; padding:0;}


/* Grid
--------------------------------------------------------------------------------------------------------------- */

.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:inline-block; float:right; margin:0 0 0 3.06748466257669%; list-style:none;}

.first{margin-right:0; clear:right;}

.first{margin-right:0; clear:right;}



/* Spacing
--------------------------------------------------------------------------------------------------------------- */
.btmspace-30{margin-bottom:30px;}
.inspace-30{padding:30px;}

.paditout{padding-top:50px;}
.heading2 {
	color:white;}
	
.srvfnt {
	color:gray;
	font-size: 1em;
}