body{
	padding:0;
	margin:0;
	background:#fff;
	position:relative;
	 font-family: "Inter", sans-serif;
}
body a{
    transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	color: #92d051;
}
a:hover{
	text-decoration:none;
}
a[href^="tel"]{
    text-decoration:none;
	color: #92d051;
}
a[href^="tel"] img{
    color: inherit;
	background: none;
    text-decoration:none;
	
}
input[type="button"],input[type="submit"],input[type="reset"],.contact-form input[type="submit"], .contact-form input[type="reset"]{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
h1,h2,h3,h4,h5,h6{
	margin:0;	
	font-family: "Bitter", serif;
	font-weight:700;
}	
h2 {
    font-size:48px;
    margin-bottom:25px;
	text-align: center;
}

h3 {
    font-size:30px;
    margin-bottom:25px;
	text-align: center;
}
p{
	margin:0;
	font-size:18px;
	color: #131c28;
    line-height: 28px;
	margin-bottom:25px;
}
ul{
	margin:0;
	padding:0;
	font-size: 18px;
}
label{
	margin:0;
}
.center {text-align:center;}
.green {color: #92d051 !important;}
.italic {font-style: italic;}

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }

.tel {display: none;}

.banner {
    background: url("../images/arrow-valley-lake.jpg") no-repeat 50% 50%;
     background-size: cover !important;
    width: 100%;
    height: 800px;
    position: relative;
    overflow: hidden;
    margin: 0;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}

.banner2 {
    background: url("../images/alcester.jpg") no-repeat 50% 50%;
     background-size: cover !important;
    width: 100%;
    height: 800px;
    position: relative;
    overflow: hidden;
    margin: 0;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}

.banner3 {
    background: url("../images/river-stratford-on-avon.jpg") no-repeat 50% 50%;
     background-size: cover !important;
    width: 100%;
    height: 800px;
    position: relative;
    overflow: hidden;
    margin: 0;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
.banner4 {
    background: url("../images/alcester-warwickshire.jpg") no-repeat 50% 50%;
     background-size: cover !important;
    width: 100%;
    height: 800px;
    position: relative;
    overflow: hidden;
    margin: 0;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}

.banner5 {
    background: url("../images/river-avon-warwickshire.jpg") no-repeat 50% 50%;
     background-size: cover !important;
    width: 100%;
    height: 800px;
    position: relative;
    overflow: hidden;
    margin: 0;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}

.banner6 {
    background: url("../images/stratford-upon-avon-2.jpg") no-repeat 50% 50%;
     background-size: cover !important;
    width: 100%;
    height: 800px;
    position: relative;
    overflow: hidden;
    margin: 0;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
.banner7 {
    background: url("../images/stratford-upon-avon.jpg") no-repeat 50% 50%;
     background-size: cover !important;
    width: 100%;
    height: 800px;
    position: relative;
    overflow: hidden;
    margin: 0;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}

.banner-privacy {background:#131c28;
        width: 100%;
		height: 400px;
    position: relative;
    overflow: hidden;
    margin: 0;}

.bannerimg {display: none;}

.section-background-overlay {
  background:linear-gradient(-12deg, transparent 55%, #92d051 55%);
	width: 120%;
    height: 120%;
	margin-bottom:2px;	
  z-index:10;
  opacity:1!important;
	
	}


.section-background-overlay::after {
    content: '';
    background:linear-gradient(-12deg, transparent 55%, #131c28 55%);
    position: absolute;
    width: 120%;
    height: 120%;
    bottom: 0;
    /*top: -15vh;*/
	top:0;
    z-index: 11;
    left: -2vw;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
	
}

/*.overlay {
    position: absolute;
    top: 0;
    z-index: 110;
    width: 100%;
    height:100%;
    background: rgba(146,208,81,1.0);
    -webkit-clip-path: polygon(0% 100%, 0% 100%, 100% 0%, 100% 100%);
  clip-path:  polygon(0% 100%, 0% 100%, 100% 0%, 100% 100%);
    right: 100%;
}*/



/* #Images
================================================== */

	img.img-responsive {
		max-width: 100%;
		height: auto; }
		
		img {
		max-width: 100%;
		height: auto; }

/*-- header --*/ 
h1 a.logo, h2 a.logo {
    font-size: 1.05em;
    color: #fff !important;
    z-index:1002;
	position:absolute; top:10px; left:100px;
}
nav.navbar.navbar-default {position:absolute; top:10px; right:200px; z-index:10000;}
nav.navbar.navbar-default.navbar-fixed-top, nav.navbar.navbar-default {
    background: transparent;
    border: none;
    padding:2em;
	-webkit-transition:.5s all;
	-moz-transition:.5s all; 
	transition:.5s all;
}
nav.navbar.navbar-default.navbar-fixed-top.top-nav-collapse, nav.navbar.navbar-default.top-nav-collapse {
    background: transparent;
	padding:10px;
}
.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size:16px;
    font-weight: 400;
    
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #fff;
    background-color: #92d051;
    border-radius: 13px;
	
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
    color: #fff;
    background-color:#92d051;
    border-radius: 13px;
	
}
.navbar-default .navbar-nav > li.last > a:hover, .navbar-default .navbar-nav > li.last > a:focus {
    color: #fff;
    background-color:transparent;
    border-radius: 13px;
	
}
.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px!important;
}
.navbar-right {
    margin-right: 4em;
}
.navbar-nav > li {
    margin: 0 .3em !important;
}
.navbar-default {
    background: rgba(255,255,255,0.7);
    border-color: transparent !important;
    margin: 0;
}
.navbar-nav .open .dropdown-menu {
		background:rgba(0, 0, 0, 0.71);
		z-index:1000;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #fff;
	}
	.agile_short_dropdown {
    border-radius: 0;
    background:rgba(19, 28, 40, 0.71);
    text-align: left;
	padding:0;
	border: none;
}
.agile_short_dropdown li a{
	color:#fff;
	font-size:13px;
	font-weight:600;
	padding: 10px;
}
.agile_short_dropdown > li > a:hover{
    color: #fff;
    text-decoration: none;
    background-color: #92d051;
}

.agile_short_dropdown > li.last > a:hover {
	background-color: transparent;
	
}
li.last img {margin-top: -15px;}


.banner-text{
	position: relative;
	padding:230px 10px 10px 100px;
	width: 850px;
	display:block;
	margin:0;
	z-index: 1000 !important;	
}
.banner2 .banner-text, .banner4 .banner-text, .banner6 .banner-text{
	padding:150px 10px 10px 100px;
	width: 800px;
	display:block;
	margin:0;
	text-align: left;
		
}
.banner-text a:hover {color:  inherit;}
.banner2 .banner-text h2 {color: #92d051;}

.banner-text h2 {
    position:relative;
    bottom: 0;
	z-index: 1001;
    font-weight: 700;
    font-size: 48px;
	color: #fff;
	text-align: left;
}

.banner-text h3 {
	position:relative;
	color: #92d051;
	font-family: "Bitter", serif;
	font-size:30px;
	font-style: italic;
	z-index: 1001;
	text-align: left;
}


.banner-text p {
    position:relative;
    bottom: 0;
	z-index: 1001;
    font-weight: 700;
	font-family: "Bitter", serif;
    font-size: 30px;
	line-height: 40px;
	color: #fff;
	text-align: left;
}
.banner-text ul {
    position:relative;
    bottom: 0;
	z-index: 1001;
    font-weight: 700;
	font-family: "Inter", sans-serif;
    font-size: 18px;
	color: #fff;
	margin-bottom: 30px;
	text-align: left;
}
.banner-text li {padding-bottom: 10px; z-index: 1001;}

.button_more a {
	font-family: "Bitter", serif;
    font-size: 1.1em;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 2px;
	background:#2c64ae;
    padding: .7em 2em;
    display: inline-block;
}
.button_more a:focus{
	outline:none;
}
.button_more a:hover{
	background:#666;
}
.button_more.menu__item {
    text-align: center;
}


/*-- about --*/
.about, .services, .maintext, .logos, .contact {
    padding: 5em 0;
	position:relative;
}
.about {
    background:#edf1f7;
}
.about h4 {color:#92d051; font-size:26px; font-style: italic; margin-bottom:25px; text-align: center;}
.about p {font-size: 18px;}
.about ul {font-size: 18px;}

/*-- //about --*/
/*-- services --*/  
.services {
    background:#fff;
}
.services-w3ls-row {margin-top: 50px;}
.services-grid {border:none; padding:20px; margin-bottom:20px; position: relative; min-height: 480px;}
.services-grid .more { position: absolute; bottom: 10px !important; left: 20%; right: 20%;}
.services img {display:block; margin:20px auto;}
.services h5, .services h5 a:link, .services h5 a:visited {color: #131c28; font-size: 20px; text-transform: uppercase; text-align:center; margin-bottom: 20px;}
.services p {font-size: 18px;}
.services-grid p {text-align: center;}



/*-- //services --*/

/*-- main --*/  
.maintext {
    background:#fff;
}
.maintext img {display:block; margin:20px auto;}
.maintext p {text-align:left; font-size: 18px;}
.maintext ul {text-align:left; font-size: 18px;}


/*-- //main --*/ 

/* accordion styles*/

.dropdownheader{ /*header */
position:relative;
cursor: hand;
cursor: pointer;
font: bold;
font-size:1.2em;
margin: 10px 0 20px 0;
padding: 10px;
background: #003366;
color:#FFF;
}
.dropdownheader:hover{ /*header on hover*/
position:relative;
cursor: hand;
cursor: pointer;
font: bold;
font-size:1.2em;
margin: 10px 0 20px 0;
padding: 10px;
background: #333;
color:#FFF;
}


.dropdownheader img {position:absolute; top:0px; right:10px;}


.features-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 50px 50px 25px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 12.5px;
    background-color: #edf1f7;
    box-shadow: 0 0 50px -37.5px #000;
	max-width: 720px;
	min-height: 450px;
	margin-bottom: 25px;
	
}


.features-wrapper img {display: block; margin: 0 auto 20px auto; opacity: 1.0;
  transition: 0.3s; align-items: top;  }

.features-wrapper img:hover {opacity: 0.9;}

.features-wrapper h2 {color: #1f262f; font-size: 20px; font-weight: 700; margin-bottom:15px;}
.features-wrapper h3 {color: #92d051; font-size: 18px; font-weight: 700; margin-bottom: 15px;}
.features-wrapper h4 {color: #333; font-size: 16px; font-weight: 700; margin-bottom: 15px;}
.features-wrapper p {color: #333; font-size: 16px !important; font-weight: normal;}


/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  cursor: pointer;
  transition: 0.4s;
	font-family: "Bitter", serif;
    font-size:18px;
	font-weight: bold;
    color: #1f262f;
    text-decoration: none;
	text-align: center;
    background:#94c954;
	border:#94c954 1px solid;
	padding: 10px;
	margin:20px auto;
    display: block;
	width: auto;
	max-width: 240px;
}



p.accordion {color: #fff !important;}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {	
  background-color:#1f262f; border-color: #92d051; color: #fff; padding: 10px;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 10px 18px;
  background-color:transparent;
  display: none;
  overflow: hidden;
}




.more {
	font-family: "Bitter", serif;
    font-size:18px;
	font-weight: bold;
    color: #1f262f;
    text-decoration: none;
	text-align: center;
    background:#94c954;
	border:#94c954 1px solid;
	margin:20px auto;
    display: block;
	width: auto;
	max-width: 240px;
}

.more a {
    color: #1f262f;
    text-decoration: none;
    display: block;
	padding: 10px;
}
.more a:hover {
    color: #fff;
	background-color: #1f262f;
    text-decoration: none;
    display: block;
}

.more2 {
	position: relative;
	font-family: "Bitter", serif;
    font-size:18px;
	font-weight: bold;
    color: #1f262f;
    text-decoration: none;
	text-align: center;
    background:#94c954;
	border:#94c954 1px solid;
	margin:20px 0;
    display: block;
	width: auto;
	max-width: 240px;
	z-index: 1001 !important;
}	

.more2 a {
    color: #1f262f;
    text-decoration: none;
    display: block;
	padding: 10px;
}
.more2 a:hover {
    color: #fff;
	background-color: #1f262f;
    text-decoration: none;
    display: block;
}



/*-- logos --*/ 

#logos { margin:0 auto; padding:50px 20px; text-align:center; width:100%; }
#logos img {margin:10px; display:inline-block; text-align:center; }
		
/*-- contact --*/ 
#contact { background: url("../images/b1.jpg") no-repeat 50% 50%;
     background-size: cover !important;
    width: 100%;
    height: 500px;
    position: relative;
    overflow: hidden;
    margin: 0;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
}
#contact h2 {color:#fff; margin-bottom:25px; text-align: center;}
#contact h3 {color:#fff; margin-bottom:25px; text-align: center;}
#contact p {color: #fff; margin-bottom:10px;}
#contact a:link, #contact a:visited {color: #fff;}
#contact a:hover {color: #92d051;}


/*-- //contact --*/

/*-- map section --*/
.map { width:100%; height:450px; }

/*Make Google map responsive*/

.google-maps {
    position: relative;
    height: 450px;
    overflow: hidden;
	
}
.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
	height:450px;
	margin:0;
	z-index:2;
}
/*-- /map section --*/

/*-- footer --*/ 
.footer{
	background: #1f262f;
	padding:4em 0;
	border-bottom: 10px #92d051 solid;
}
.footer h5 {color: #fff; text-transform: uppercase; font-size: 20px; margin-top: 20px; margin-bottom: 25px; text-align: left;}
p.footer-class {text-align: center; color: #fff; font-size: 16px;}

.footer a:link, .footer a:visited {color: #fff; font-size: 16px;}
.footer a:hover {color: #92d051;}
.footer img {padding-right:15px; padding-bottom: 15px; }

.ag-w3-3 a i {
    font-size: 2em;
    background: #2c64ae;
    padding: .3em .6em;
	margin-right:.2em;
}
.ag-w3-3 a {
    font-size: 1.1em;
    color: #fff;
    letter-spacing: 1px;
}
.ag-w3-3 a:hover{
	color:#ccc;
}
.ag-w3-3 {
    margin-top: 2em;
    text-align: center;
}

/*-- //footer --*/


/*--responsive--*/

@media(max-width: 1660px){

h2 {
    font-size:42px;
    margin-bottom:25px;
	text-align: center;
}
	.banner-text h2 {font-size: 42px;}
}

@media(max-width: 1440px){
	.col-md-3, .col-md-6 {width:50%;}
	nav.navbar.navbar-default {position:absolute; top:10px; right:100px; z-index:10000;}
}
@media(max-width: 1366px){
	.banner-text{
	padding:200px 20px 10px 50px !important;
	width: 100% !important;
	max-width:600px;
	position:relative;
	
}
	.banner2 .banner-text, .banner4 .banner-text, .banner6 .banner-text{
	padding:80px 10px 10px 100px !important;
	width:auto;
		max-width: 600px;
	display:block;
	margin:0;
		
}
	
	.banner-text h2 {font-size: 36px;}
	.banner-text h3 {font-size: 26px;}
	
	h2 {
    font-size:36px;
    margin-bottom:25px;
}

h3 {
    font-size:26px;
    margin-bottom:25px;
}
	
}




@media(max-width: 1280px){
	h1 a.logo {
    position:absolute; top:10px; left:50px;
}
	h1 a.logo img {max-width: 200px; height: auto;}
	nav.navbar.navbar-default {position:absolute; top:10px; right:10px; z-index:10000;}
	
}
@media(max-width: 1080px){
	
	.nbs-flexisel-nav-left {
		left: 3%;
	}
	.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
		top: 39% !important;
	}
	.nbs-flexisel-nav-right{
		right: 3%;
	}
	
	.input {
		max-width: 278px;
	}
	
}

@media(max-width: 1024px){
	
	.navbar-default .navbar-nav > li > a {
    color: #fff;
    font-size:12px !important;
    font-weight: 400;
   
}
		
}
@media (min-width: 991px) and (max-width: 1600px){
	
	
}
@media(max-width: 991px){
	.col-md-3 {width:100%;}
	
	.navbar-right {
    margin-right:0;
}
	
	.input {
		max-width: 205px;
	}
	
	
	
}

@media(max-width: 800px){
	
	.nav > li > a {
		padding: 9px 13px!important;
	}
		
	
}
@media(max-width: 768px){
	.navbar-default .navbar-nav > li > a {
		font-size:14px;
		color: #fff;
	}
	
}
@media(max-width: 767px){
	.col-md-3, .col-md-6 {width:100%;}
	.header {background: #131c28}
	h1 a.logo {position: relative;  display: block; margin: 0 auto 20px auto; text-align: center; left: 0;}
	.tel { position: relative; display: block; margin: 0 auto 20px auto; text-align: center;}
	nav.navbar.navbar-default {position:relative; right:0; z-index:10000;}
	.navbar-right {left: 0 !important;}
	
	.navbar-header {width: 100%; margin:10px 0 0 0 !important; padding: 0 !important; }
	nav.navbar.navbar-default.navbar-fixed-top, nav.navbar.navbar-default {
    background: #92d051;
    border: none;
    padding:0;
	-webkit-transition:.5s all;
	-moz-transition:.5s all; 
	transition:.5s all;
}
	
	.navbar-right {float:none !important; left:0px;  }
	.navbar-default .navbar-toggle {
		border-color: #fff;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
		background-color: transparent !important;
	}
	.navbar-toggle {
		margin:0 !important;
	}
	.navbar-nav {
		margin: 0;
		text-align: center;
		float: none;
		background: rgba(19, 28, 40, 0.25);
		padding-bottom: 1.5em;
	}
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		position: absolute;
		width: 100%;
		padding: 0;
		background: #131c28;
		z-index: 9999;
		margin: 0;
	}
	.navbar-default .navbar-nav > li > a {
		font-size:16px !important;
		color: #fff;
	}
	
	.navbar-default .navbar-nav > li.last {
		display: none!important;
	}
	
	.banner, .banner3, .banner5, .banner7 {
		background:#131c28;
        width: 100%;
		height: 400px;
    position: relative;
    overflow: hidden;
    margin: 0;
	
}

.banner2, .banner4, .banner6 {
   background:#131c28;
        width: 100%;
		height:auto;
	min-height: 450px;
    position: relative;
    overflow: hidden;
    margin: 0;
}



.section-background-overlay {
	background:#131c28;
   z-index:10;	
	}


.section-background-overlay::after {
    display: none !important;
	
}
	
	.bannerimg {display: block;}
	
	.banner-text{
	padding:100px 50px 10px 50px !important;
	width: 100% !important;
	max-width:600px;
	position:relative;
	
}
	.banner2 .banner-text, .banner4 .banner-text {
		padding:50px 50px 10px 50px !important;
		width: 80% !important;
	max-width:600px !important;}
	
	
	
	.navbar-default .navbar-collapse, .navbar-default .navbar-form {
		background: rgba(19, 28, 40, 0.82);
		border: none;
	}
	.navbar-nav > li {
		margin: 1em 0 !important;
	}
	.navbar-nav > li > a {
		padding: 23px 6px 0;
		font-size: 12.5px;
	}
	
	.navbar-default .navbar-toggle {
		border: 1px solid #92d051;
		background: transparent;
		border-radius: 0px;
	}
	
	
}
@media(max-width: 736px){
	
}

@media(max-width: 640px){
	

}
@media(max-width: 600px){
	
	.input {
		max-width: 100%;
		margin: 1em 0;
	}
	
	
}
@media(max-width: 568px){
	
}
@media(max-width: 480px){
			
	.navbar-default {
		margin: 1.5em 2em;
	}
	.banner-text{
	padding:80px 20px 10px 20px !important;
	width: 100% !important;
	max-width:400px;
	position:relative;
	
}
	.banner2 .banner-text, .banner4 .banner-text {
		padding:50px 20px 10px 20px;
		width: 80% !important;
	max-width:400px;}
	
	.ag-w3-3 {
		margin-top: 1.5em;
	}
	
}
@media(max-width: 414px){
	
	
	.navbar-default .navbar-nav > li > a {
		font-size:12px;
		padding: 8px 13px!important;
	}
}
@media(max-width: 384px){
	.navbar-toggle .icon-bar {
		width: 19px !important;
	}
	.navbar-toggle {
		padding: 8px 9px !important;
	}
	
	
}
@media(max-width: 375px){
	.navbar-default .navbar-nav > li > a {
		font-size: .9em;
	}
	
	.navbar-default {
		margin: 1em 1em;
	}
	
}
@media(max-width: 320px){
	
	
	
}
/*--//responsive--*/