* { outline: none; box-sizing: border-box; font-family:'Open Sans',Calibri, sans-serif;} 

body { background:#fff; color: #666; margin: 0; padding: 0;}

main { background:#fff;}

img { max-width: 100%; height: auto!important;}


.bootstrap-dialog .modal-header.bootstrap-dialog-draggable { cursor: move; }

header { background: #fff; padding: 25px 0 0;}
header div.title { color: #212E84; font-family:'Open Sans',Calibri, sans-serif; font-size: 50px; padding: 10px 0; text-transform:uppercase;}


.logo {
    position: absolute;
    top: 87px;
}

nav { text-align:right;}

.navwrap { display: inline;}
.nav-icon { display: none; width: 30px; height: 25px; background: url(../images/nav-icon.png) no-repeat; vertical-align:middle; margin-right: 3%; }
.nav-item {  display: inline-block;  vertical-align:bottom; padding: 0 1% 0 3%;}
.nav-item a { font-size:18px; color:#111; text-decoration:none;}
.nav-item a:hover { color: #07664C!important;}

.banner.horse1 {
    background: url(../images/horse_esm_banner.jpg) no-repeat 0 0;
    background-size: cover;
    padding: 0 0 50px;

}

.banner.blue2  { background:#0066CC;}
.banner.blue3  { background:#6FB7FF;}
.banner.blue4  { background:#C4E1FF;}

.blue1  { background:#212E84; color:#ffffff;}
.blue2  { background:#0066CC;}
.blue3  { background:#6FB7FF;}
.blue4  { background:#C4E1FF;}

.greenbg { background:#006F64;}

.obsrtl {
	unicode-bidi: bidi-override;
	direction: rtl;
}

.divide {
    border-top: 2px dotted #111;
}

.contact_info { cursor: pointer;  text-align:right; padding-right: 80px; background:url(../images/fb_icon.png) no-repeat right center; font-size: 16px; margin-bottom: 50px; min-height:66px;}
.contact_info a { text-decoration:none; color: #111;}
.contact_info a:hover { text-decoration:underline; color: #006E63;}

footer .contact_info { font-size: 20px; color:#111; padding: 10px 80px 10px 0;}

.row { padding: 30px 0; margin: 0}
.item.row { padding: 0;}
.profile.row { border-bottom:1px solid #eee; margin: 0;  padding: 20px 0!important }
.contact.row { border-bottom:1px solid #ccc; margin: 0;  padding: 10px 0; }

.banner { padding: 10px 0; margin-top: 0;}
.banner .inset   { display: inline-block; float: left; margin-right: 40px; vertical-align: middle; padding: 10px 0;}
.banner .inset img  { max-width: 180px;}
.banner .message { color:#fff; font-size: 32px;  display: table;}
.banner.light .message { color:#212E84; font-size: 32px;}

/* ############################ */

.copy.block {  }

.copy h1 {
    font-size: 28px;
    line-height: 1.35em;
}
.copy ul { margin: 14px 0;}
.copy ul {
    padding: 7px 0 14px 20px;
}
.copy ul li { font-weight: bold; line-height:1.5em; font-size: 13px; color:#111;}

.copy h2 { color: #111; font-weight: bold;}

.copy p.firstline { font-size: 14px; color: #111; font-weight:bold; }
.copy p { font-size: 13px; line-height:1.5em; }
.copy p.shout { font-size: 24px;  font-weight: normal;}

.price-item { font-weight: bold; font-size: 18px; padding-bottom: 20px; text-align:center; color: #111;}

small, .small {
    font-size: 75%!important;
    font-style: italic;
}



/* ############################ */

.contact-block { background: #f3f3f3; font-size: 20px; color: #000;}
.contact-block .inner { padding: 10px;}
.contact-block .inner > div { padding: 5px 0 5px;}
.contact-block .inner > div.shoutloud { font-size: 32px; color: #000;}

.contactpanel { color:#fff;}
.contactpanel .inner {padding: 20px;}
.contactpanel label { font-weight: normal; text-align: left!important;}

.contactpanel h2 {
    padding-bottom: 14px;
}

#enq_submit {
    background: #07664C;
    border-radius: 7px;
    color: #ffffff;
    font-size: 24px;
    padding: 5px 40px;
    border: none;
}
#enq_submit:hover { opacity: 0.9;}

.quotebox { background: #07664C url(../images/quotes_bg.png) center center no-repeat; background-size: contain;}
.quotebox .inner { padding: 20px; ; text-align: center;width: 99%; vertical-align: middle; display:inline-block; }
.quotebox:before { content:' '; display:inline-block; width:1%; height:336px;    vertical-align: middle;}
.quotebox .inner span { font-size:32px; color: #fff; vertical-align:middle; }



.imgborder { border:10px solid #fff;}

.contact .bod h3{     margin-top: 0;}

.flush { padding: 0;}
.flushbottom { padding-bottom: 0;}

.border-l {border-left: 1px solid #ccc;}

.pt40 { padding-top: 40px; margin: 0;}
.pt80 { padding-top: 0px; margin: 0;}


.blue { color: #212E84!important;}
.green {color: #07664C!important;}

footer { background:url(../images/footer.jpg) no-repeat bottom left; background-size: contain;  }
.totop { display: inline-block; width: 39px; height: 35px; background:url(../images/totop-icon.png) no-repeat;; margin-right: 2%; cursor: pointer; position:relative; z-index: 1000;}

.footernav { margin: auto ;  font-size: 12px; padding:10px; }
.footernav .nav-item { color: #aaa; padding: 0 5px;}
.footernav .nav-item a  { font-size: 12px; color: #ccc;}
.footernav .nav-item a:hover { color: #ccc!important;}

footer .contact_details { text-align:right; font-size: 24px; color: #111; padding-bottom: 50px;}
span.phone {  font-size: 36px; color: #111;display: block;}

.contact_details a { text-decoration:none; color: #111;}
.contact_details a:hover { text-decoration:underline; color: #006E63;}

footer a  {  color: #ccc;}

footer .totop { float: right;}

footer .row {     margin-bottom: 0; padding: 0 0 10px }

.greenoverlay {
    background: url(../images/goverlay.png);
    color: #fff;
    right: 50px;
    position: relative;
    float: right;
    left: initial;
    border-radius: 0 0 30px 30px;
    margin: 0;
	box-shadow: 10px 5px 20px rgba(0,0,0,0.6);

}

.greenoverlay .inner { padding: 20px;}
.greenoverlay .inner p {
	font-size:13px!important;
}

.palegreen { background:#9CC1BE; color:#111;}
.vpalegreen { background:#BAD3D0; color:#111;}
.palegrey { background:#f4f4f4; color:#111;}

.greenbg { background:#006F64;  color: #fff;}
.redbg { background: #961F1F; color: #fff;}
.row.lgrey { background: #eee;; margin-bottom: 0;  padding-top: 20px;}
.row.grey { background:#f6f6f6; margin-bottom: 0;  padding: 0;}
.row.dgrey { background:#e6e6e6; margin-bottom: 0; padding: 0;}
.row.dgrey .row {
    padding: 20px 0 0;
}


.greenbg h2 { margin-bottom:20px;}
.greenbg p { color: #F5f5f5!important;}





h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child { padding-top: 0; margin-top: 0;}

.active { color: #07664C!important;}

.videoitem { margin: 10px 0;}

.item.row .bod,  
.item.row .details { margin: 10px 0;}

footer .totop {
    display: none;
}

/* ######################### */

#slideshow { width: 100%; height: 250px!important; margin: auto; max-height: 550px;overflow: hidden;  top: 0px; left: initial; text-align: center;}  

.slideshow #pager { list-style: none; position: relative;
	z-index: 100; top: 30px;
	width: 100%;
	    margin: auto!important;
    padding: 0!important;
	text-align: center;}

.slideshow #pager li  { 	display: inline-block; margin: 0 5px; text-align: center;}

.slideshow #pager li a { 	display: inline-block;
							background: #799C98;
							width: 15px;
							text-decoration: none;
							height: 15px;
							
							color: #333;
							}

.slideshow #pager li a.activeSlide { 
							display: inline-block;
							background: #fff;
							color: #CCC;
							}
	
.slide {
    width: 100%;
    height: 250px!important;
    vertical-align: middle;
    display: table-cell!important;
	background: #BAD3D0;
 	border-left: 10px solid #799C98;
    /* background: #BAD3D0; */
}						
							
.quotation {
  margin: 0 10px;
  padding: 2.75em 20px;
  quotes: "\201C""\201D";
  font-family: "Bookman Old Style", sans-serif;
  font-size: 20px;
  position: relative;
  z-index: 1;
}				


.quotation:before {
    color: #799C98;
    content: open-quote;
    font-size: 4em;
    /* line-height: 0.1em; */
    /* margin-left: -0.25em; */
    /* vertical-align: -0.4em; */
    position: absolute;
    top: -10px;
    left: 5px;
}

.quotation:after {
    content: '\201D';
    color: #577773;
    font-size: 8.0em;
    position: absolute;
    bottom: 0px;
    right: 10px;
    font-family: "Bookman Old Style", sans-serif;
    height: 1px;
    line-height: 1px;
    display: inline;
    z-index: -1;
    opacity: 0.5;
}
		

/* ######################### */

	
	
@media (min-width: 1200px){
	.copycontainer {
		padding-right: 30px;
		padding-left: 30px;
	}
}

@media (min-width: 992px) {
	.copycontainer {
		padding-right: 30px;
		padding-left: 30px;
	}
}
@media (min-width: 768px) {
	.copycontainer {
		padding-right: 30px;
		padding-left: 30px;
	}	
}

@media (max-width: 1340px) { 
	
	footer {  background-size: 55%;}
}

	

@media (max-width: 1200px) { 
	.banner.light .message,
	.banner .message { font-size: 28px; }
	
	.pt80 { padding-top:0;}
	
	footer {  background-size: 60%;}
	
	.logo {
		position: absolute;
		top: 87px;
	}
}



@media (max-width: 1000px) { 

	.logo {
		position: absolute;
		top: 10px;
	}
	
	.pt80 { padding-top:0;}
}

@media (max-width: 960px) { 
 .banner.light .message,
 .banner .message { font-size: 24px; }
 
  .videoWrapper.large:before {
		background: rgba(0,0,0,0.75) url(../images/video_overlay.png) center center no-repeat;
	}
  .contact-block .inner > div.shoutloud {
		font-size: 24px;
		color: #000;
  }
  
  .pt80 { padding-top:0;}
  
  footer { background-size: 60%; padding-bottom: 400px;}
  
	.logo {
		position: absolute;
		top: 10px;
	}
	
		.logo {
		position: absolute;
		top: 10px;
		text-align:center;
		width:100%;
	}
	
	header {padding-top: 125px;}

}


@media (max-width: 768px) {  


	.logo {
		position: absolute;
		top: 10px;
		text-align:center;
		width:100%;
	}
	

	.banner.light .message,
	.banner .message { font-size: 24px; }
	.nav-icon {
	    float: left;
	}
	
	
	header .contact_info  {    margin: inherit 10% inherit; width: 80%;}
	
	
		.quotebox .inner span { font-size:28px; color: #fff; vertical-align:middle; }

	.navwrap {
		display: table;
		margin: 0;
		width: 100%;
		text-align: center;
	}
	
	.pt80 { padding-top: 0:}
	
	footer { background-size: 80%; padding-bottom: 350px;}
	
	footer .contact_details  { text-align:center;}

}


@media (max-width: 600px) {  

	header div.title { font-size: 40px;}
	nav {
    	margin-top: 0;
	}
	
	.nav-icon { display: block; }
	
	header div.title,
	.logo {
		 float: none;
		text-align: center;
	}
	
	.logo { margin-top: 10px;}
		
	.nav-item {
		padding-right: 6%;
		display: block;
		vertical-align: middle;
		margin: 0 0 5px 0;
	}
	.banner.light .message,
	.banner .message { font-size: 20px; } 
	.banner .inset {
		display: inline-block;
		/* float: left; */
		margin-right: 40px;
		vertical-align: middle;
		padding: 10px 0;
		text-align: center;
		width: 100%;
	}
	

	
	.banner .inset img  { max-width: 100%;}
	
	.copy p.shout {
		font-size: 18px;
		color: #666;
		font-weight: bold;
	}
	
	.greenoverlay { right: 0; border-radius: 0;}
	
	.footernav .nav-item { color: #aaa; padding: 0 5px; display: inline-block;  vertical-align:middle;} 
	.footernav .nav-item a  { font-size: 12px; color: #ccc;}
	
	.quotebox { background-size: 90%;}

	.quotebox .inner span { font-size:24px; color: #fff; vertical-align:middle; }

	.banner .inset   { display: inline-block; float: none; margin: auto; vertical-align: middle; padding: 10px 0; width: 100%; text-align:center;}
	.banner .inset img  {  width: 100%; height:auto!important;}
	
	.contact-block .inner > div.shoutloud {
		font-size: 18px;
		color: #000;
	}	
  
  	
	
	.contactpanel label {
		font-weight: normal;
		text-align: left!important;
		margin: 0;
	}
	
	.formError .formErrorContent {
		position: relative;
		color: rgb(255, 255, 255);
		letter-spacing: 0.1em;
		font-size: 11px;
		background: rgb(71, 124, 180);
		padding: 4px 2%;
		border-radius: 6px;
	}
	
	header nav {
/*		position: fixed; */
		top: 0;
		left: 0;
		background: #f5f5f5;
		padding: 10px;
		width: 100%;
	/*	border-bottom: 1px solid #ccc;*/
	}
	
	.navwrap { display: none;}
	
	header nav:hover .navwrap { display: table;}
	
	.banner.horse1 { padding: 0;}
	.greenoverlay { right: 0; border-radius: 0;}
	
	.nav-icon { cursor: pointer;}

	.pt80 { padding-top: 0;}
	
	footer { background-size: 80%; padding-bottom: 250px;}
	
	foot contact_details { text-align:center;}
	
	header .contact_info {
		width: 100%;
	}
	
	.slideshow #pager {
	    top: -30px;
	}

}

@media (max-width: 340px) { 

	span.phone {
	font-size: 32px;
	color: #111;
	}

	footer .contact_details { text-align:center; font-size:16px;}
	
	footer { background-size: 100%; padding-bottom: 200px;}
	
	header	.contact_info { padding: 0 0 80px 0; background-position: center bottom; text-align:center; font-size:16px;}
	
	footer	.contact_info { padding: 0 0 80px 0; background-position: center bottom; text-align:center; font-size:14px!important;}
	
	
	header div.title { font-size: 32px;}
	.quotebox:before { content:' '; display:inline-block; width:1%; height:276px;    vertical-align: middle;}

}
@media (max-width: 240px) { 
	footer	.contact_info { padding: 0 0 80px 0; background-position: center bottom; text-align:center; font-size:16px!important;}
}