@charset "utf-8";
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: 0
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none
}
.flexslider {
	display: block;
	position: relative;
	margin: 0;
	padding: 0;
	background: url(../images/ajax-loader.gif)center center no-repeat;
	min-height: 150px
}
.flexslider .slides {
	display: block;
	width: 100%;
	white-space: nowrap;
	overflow: hidden
}
.flexslider .slides>li {
	display: none;
	position: relative;
	-webkit-backface-visibility: hidden
}
.flexslider .slides img {
	display: block;
	width: 100%
}
.slides::before, .slides::after {
	display: table;
	content: ""
}
.slides, .slides::after {
	clear: both
}
.flex-viewport {
	max-height: 2000px;
	transition: all 1s ease
}
.loading .flex-viewport {
	max-height: 300px
}
.flex-direction-nav a {
	display: block;
	position: absolute;
	top: 50%;
	width: 40px;
	height: 40px;
	margin: -20px 0 0;
	z-index: 10;
	overflow: hidden;
	text-decoration: none;
	opacity: 0;
	cursor: pointer;
	color: rgba(0,0,0,0.8);
	text-shadow: 1px 1px 0 rgba(255,255,255,0.3);
	transition: all .3s ease
}
.flex-direction-nav .flex-disabled {
	opacity: 0!important;
	cursor: default
}
.flex-direction-nav a:before {
	font-family: "FontAwesome";
	font-size: 40px;
	line-height: 1;
	display: inline-block;
	content: "\f053"
}
.flex-direction-nav a.flex-next:before {
	content: "\f054"
}
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	text-align: center
}
.flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
*display:inline
}
.flex-control-paging li a {
	width: 11px;
	height: 11px;
	display: block;
	background: rgba(0,0,0,0.5);
	cursor: pointer;
	text-indent: -9999px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0,0,0,0.3)
}
.flex-control-paging li a:hover {
	background: rgba(0,0,0,0.7)
}
.flex-control-paging li a.flex-active {
	background: rgba(0,0,0,0.9);
	cursor: default
}
.txtoverlay {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	white-space: normal
}
.centralise {
	display: block;
	max-width: 1280px;
	height: 100%;
	margin: 0 auto;
	padding: 0
}
.verticalwrap {
	display: table;
	width: 100%;
	height: 90%;
	border: 0;
	text-align: left
}

.inner-slid{margin-top: 116px;}

.txtoverlay article {
	display: table-cell;
	padding: 0;
	border: 0;
	vertical-align: middle
}
.txtoverlay .heading h4 {
	background: url(../images/border.png) left bottom no-repeat;
	padding-bottom: 5px;
	margin-bottom: 35px;
	text-transform: uppercase;
	color: #2b2c2c;
	font-weight: bold;
	font-size: 24px;
	font-family: Arial, Helvetica, sans-serif
}
.txtoverlay .heading h3 {
	line-height: 0;
	font-size: 36px;
	font-weight: bold;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #404040
}
.txtoverlay .heading {
	font-size: 16px;
	line-height: 29px;
	margin-bottom: 30px;
	text-transform: none;
	font-weight: normal!important;
	font-family: Arial, Helvetica, sans-serif
}
.txtoverlay .heading p {
	color: #343434;
	font-size: 16px;
	font-family: 'OpenSansSemibold'
}
.button a {
	font-size: 14px;
	font-family: 'OpenSansSemibold';
	text-transform: uppercase
}
.txtoverlay .pushright {
	margin-right: 15px
}
.btn {
	color: #fff;
	background-color: #80b52f
}
.red {
	background-color: #e77c76;
	padding: 13px 30px
}
.orange {
	background-color: #80b52f;
	padding: 13px 30px
}
.blue {
	background-color: #03a1ce;
	padding: 15px 20px
}
.flexslider .heading, .flexslider .btn {
	color: #fff
}
@media only screen and (max-width:1200px) {
.button {
	margin-left: 30px
}
.txtoverlay .heading {
	margin-left: 30px
}
}
@media screen and (max-width:767px) {
.txtoverlay .heading h4 {
	text-align: center;
	background: url(../images/border.png) center bottom no-repeat
}
.txtoverlay .heading {
	text-align: center;
	margin-top: 30px
}
.txtoverlay .heading h3 {
	text-align: center
}
.inner-slid {
    margin-top: 30px;
}
}
@media screen and (max-width:650px) {
.flex-direction-nav .flex-prev, .flex-direction-nav .flex-next {
display:
}
.txtoverlay .heading {
	font-size: 20px;
	line-height: 20px
}
}
@media screen and (max-width:599px) {
.txtoverlay .heading h3 {
	font-size: 30px
}
.txtoverlay .heading {
	font-size: 15px
}
}
@media screen and (max-width:991px) {
.button {
	margin-left: 30px
}
.txtoverlay .heading {
	margin-left: 30px
}
}
@media screen and (max-width:1024px) {
.button {
	margin-left: 30px
}
.txtoverlay .heading {
	margin-left: 30px
}
}
@media only screen and (max-width:1100px) {
.button {
	margin-left: 30px
}
.txtoverlay .heading {
	margin-left: 30px
}
}
@media screen and (max-width:600px) {
.txtoverlay .heading p {
	font-size: 10px;
	line-height: 20px
}
.txtoverlay .heading h3 {
	font-size: 22px
}
.txtoverlay .heading h4 {
	font-size: 20px;
	margin-bottom: 20px
}
}
@media screen and (max-width:300px) {
.flexslider {
	min-height: 99px
}
}