/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

@import url('https://fonts.googleapis.com/css2?family=Arima+Madurai:wght@100;200;300;400;500;700;800;900&display=swap');

html,  button,  input,  select,  textarea {
	color: #4B2032;
}
html {
	font-size: 1em;
	line-height: 1.4;
	font-family: 'Arima Madurai', cursive;
}



::-moz-selection {
 background: #EEEDE7;
 color:#EEEDE7;
 text-shadow: none;
}



::selection {
 background: #EEEDE7;
 color:#EEEDE7;
 text-shadow: none;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
audio,  canvas,  img,  video {
	vertical-align: middle;
}
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}
textarea {
	resize: vertical;
}
.browsehappy {
	margin: 0.2em 0;
	background: #ccc;
	color: #4B2032;
	padding: 0.2em 0;
}
/* ===== Initializr Styles ==================================================

   Author: Jonathan Verrecchia - verekia.com/initializr/responsive-template

   ========================================================================== */



body {
	font: 16px/26px 'Arima Madurai', cursive, Georgia, "Times New Roman", Times, serif;
	color: #4B2032;
}
p {
	font-size: 20px;
	text-align: center;
	line-height: 24px;
}
h2 {
	font-size: 22px;
	font-weight: normal;
}
a.cta {
	display: inline-block;
	font-size: 20px;
	line-height: 20px;
	padding: 10px 20px 10px 20px;
	background: #EEEDE7;
	color:#4B2032;
	text-decoration: none;
	font-weight: 900;
}
.container {
	width: 98%;
	margin: auto;
}
.privacy p {
	text-align:left;
}
header {
	position: relative;
	margin: 0 0 20px 0;
}
.title {
	width: 300px;
	height: 218px;
	background: url('../img/logo.png') center center no-repeat;
	background-size: cover;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 20px auto 0 auto;
}
.title a {
	display: block;
	width: 100%;
	height: 100%;
}
a.menu {
	position: absolute;
	right: 20px;
	top: 20px;
	padding: 0 48px 0 0;
	line-height: 0px;
	color:#4B2032;
	text-decoration: none;
	display: block;
}
a.menu span, a.menu span:before, a.menu span:after {
	cursor: pointer;
	border-radius: 1px;
	height: 5px;
	width: 35px;
	background: #4B2032;
	position: absolute;
	right: 0;
	display: block;
	content: '';
}
a.menu span:before {
	top: -10px;
}
a.menu span:after {
	bottom: -10px;
}
a.menu span, a.menu span:before, a.menu span:after {
	transition: all 500ms ease-in-out;
}
a.menu.active span {
	background-color: transparent;
}
a.menu.active span:before, a.menu.active span:after {
	top: 0;
}
a.menu.active span:before {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
a.menu.active span:after {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

section h2 {
	background: #3a653a;
	line-height: 64px;
	text-align: center;
	margin: 40px 0 0 0;
	color: #EEEDE7;
}
section h2 span {
	display: inline-block;
	padding: 0 10px 0 10px;
}
section.tab-container {
	text-align: center;
	clear:both;
}
section.tab-container p {
	padding: 0 10px 0 10px;
}
section.tab-container p a {
	color:#000000;
	text-decoration: none;
	border-bottom: 1px dotted #000000;
	font-weight: bold;
}
section.tab-container section {
	display: none;
}
section.tab-container section.active {
	display: block;
	padding: 0 0 40px 0;
}
.no-js section.tab-container section {
	display: block;
}
.no-js ul.tri-color {
	display: none;
}
ul.tri-color {
	display: inline-block;
	padding: 0;
	margin: 20px 0 0 0;
}
ul.tri-color li {
	display: inline-block;
	padding: 0 10px 0 10px;
	font-size: 10px;
	float:left;
	margin: 5px 0 5px 0;
	cursor:pointer;
}
ul.tri-color li {
	border-top: 1px solid #3a653a;
	border-bottom: 1px solid #3a653a;
	color:#3a653a;
}
ul.tri-color li.active {
	padding: 5px 10px 5px 10px;
	margin: 0 0 0 0;
	background: #3a653a;
	color:#EEEDE7;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: 	all 0.2s ease-in-out;
	-o-transition: 		all 0.2s ease-in-out;
	transition: 		all 0.2s ease-in-out;
}
ul.tri-color li:first-child {
	border: 1px solid #4B7D74;
	color: #4B7D74;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
}
ul.tri-color li:first-child.active {
	background:#4B7D74;
	color:#EEEDE7;
}
ul.tri-color li:last-child {
	border: 1px solid #4B2032;
	color: #4B2032;
	-webkit-border-top-right-radius: 20px;
	-webkit-border-bottom-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	-moz-border-radius-bottomright: 20px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}
ul.tri-color li:last-child.active {
	background:#4B2032;
	color:#EEEDE7;
}
.promo-blocks {
	padding: 40px 0 0 0;
}
.promo-blocks aside {
	background: #4B2032;
	padding: 20px;
	color:#EEEDE7;
	margin: 0 0 40px 0;
	text-align: center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	position:relative;
}
.promo-blocks aside:last-of-type {
	margin: 0 0 0 0;
}
.promo-blocks aside h2 {
	background: none;
	font-size: 30px;
	line-height: 34px;
	padding: 0;
	margin: 0;
	height:	90px;
}
.promo-blocks aside h2.prices {
	text-align:left;
}
.promo-blocks aside h2.services {
	text-align:right;
}
.promo-blocks aside h2 span {
	text-transform: lowercase;
	background: none;
	padding: 0;
}
.promo-blocks aside ul {
	list-style-type: square;
	text-align: left;
	margin: 16px 0 20px -20px
}
.promo-blocks aside ul li {
	font-size: 20px;
	line-height: 30px;
}
.promo-blocks aside.variant {
	background: #CBBEB5;
	color: #4B2032;
}
.promo-blocks aside.variant a{
	color: #4B2032;
}
.promo-blocks aside.variant a.cta {
	color: #4B2032;
	text-decoration: none;
}
.promo-blocks aside.variant p {
	margin: 11px 0 11px 0;
}
h2.prices:after {
	content:'';
	background: url('../img/icon-price.png') no-repeat;
	width: 45px;
	height: 73px;
	position: absolute;
	top: 20px;
	right: 20px;
}
h2.services:before {
	content:'';
	background: url('../img/icon-logo.png') no-repeat;
	width: 98px;
	height: 90px;
	position: absolute;
	top: 20px;
	left: 20px;
}
section.map-home {
	position: relative;
	margin: 0 0 35px 0;
}
section.map-home {
	height: 350px;
	overflow: hidden;
	transition: all 200ms ease-in-out;
}
section.map-home.active {
	height: 700px;
	transition: all 200ms ease-in-out;
}
section.map-home a {
	position: absolute;
	bottom: 40px;
	right: 40px;
}
.map-home {
	margin: 40px 0 0 0;
}
.maplink {
	display:none;
}
.panel-50-50 {
	background:#4B2032;
	color:#EEEDE7;
	padding:20px 20px 20px 20px;
	overflow:hidden;
	text-align:center;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	min-height: 260px;
	margin: 0 0 40px 0;
	float:left;
	width: 100%;
}
.panel-full {
	background:#539770;
	color:#EEEDE7;
	padding:20px 20px 20px 20px;
	text-align:center;
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	margin: 0 0 40px 0;
	overflow:hidden;
}
.panel-50-50.highlight {
	background: #4B7D74;
	min-height: 290px;
}
.panel-50-50.pets h2,  .panel-50-50.highlight h2 {
	text-align: left;
	margin: 0 0 20px 0;
}
.panel-50-50.pets p {
	padding: 0;
}
.panel-50-50.highlight p {
	float:none;
}
.panel-50-50.highlight ul {
	display: block;
	width: 100%;
}
.panel-50-50.highlight ul li,  .panel-50-50.highlight h3,  .panel-50-50.highlight td {
	text-align: left;
}
.panel-50-50.highlight td.price {
	text-align: right;
	font-size: 18px;
	font-weight: bold;
}
.panel-50-50.pets .cta {
	float:left;
}
.panel-50-50.pets h2:before,  .panel-50-50.highlight h2:before {
	display:none;
}
.promo-dog {
	background: url('../img/promo-dogs.jpg') no-repeat top #4B2032;
	background-size: 100% 280px;
	padding: 300px 20px 20px 20px;
}
.promo-cat {
	background: url('../img/promo-cats.jpg') no-repeat top #4B2032;
	background-size: 100% 280px;
	padding: 300px 20px 20px 20px;
}
.panel-50-50.right {
	float:right;
}
.panel-full h2,  .panel-50-50 h2 {
	margin: 0;
	font-size: 30px;
	text-align: right;
	line-height: 34px;
	float: left;
	padding: 10px 0 0 0;
	width: 100%;
	background: none;
}
.panel-full h2:before,  .panel-50-50 h2:before {
	content:'';
	width: 152px;
	height: 90px;
	float: left;
	display: inline-block;
}
.camping h2:before {
	background: url('../img/icon-camping.png') no-repeat;
}
.equine h2:before {
	background: url('../img/icon-equine.png') no-repeat;
}
.camping a {
	float: right;
}
.panel-full span,  .panel-50-50 h2 span {
	text-transform: none;
	background: none;
	padding: 0;
}
.panel-full p,  .panel-50-50 p {
	float:left;
	font-size: 20px;
	margin: 0 0 20px 0;
	text-align:left;
}
.panel-full a,  .panel-50-50 a {
	color:##EEEDE7;
	text-decoration: none;
	border-bottom: 1px dotted #EEEDE7;
}
.panel-full a.cta,  .panel-50-50 a.cta {
	border: none;
}
footer {
	background: #3a653a;
	color:#EEEDE7;
	padding: 40px 0 40px 0;
}
footer p {
	text-align: center;
	font-size: 14px;
	clear: both;
}
footer p:nth-of-type(1){
	padding: 40px 0 0 0;
}

footer a {
	color:#EEEDE7;
}
footer address {
	font-size: 26px;
	line-height: 30px;
	text-align: center;
}
footer ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
footer ul li {
	display: block;
	text-align: center;
}
footer li.social {
	height: 116px;
}
footer li.social ul {
	overflow:hidden;
	margin: 20px auto 10px auto;
	width: 116px;
}
footer li.social ul li {
	width: 48px;
	height: 48px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: #841F35;
	float: left;
	display: inline-block;
	margin: 0 0 0 10px;
}
footer li.social ul li a {
	display: block;
	width: 100%;
	height: 100%;
}
footer li.social ul li.facebook {
	background: url('../img/social-sprite.png') no-repeat 0 0;
}
footer li.social ul li.twitter {
	background: url('../img/social-sprite.png') no-repeat -57px 0;
}
footer li.social ul li.linked-in {
	background: url('../img/social-sprite.png') no-repeat -115px 0;
}
footer li.social ul li.google-plus {
	background: url('../img/social-sprite.png') no-repeat -173px 0;
}
footer li.social ul li.you-tube {
	background: url('../img/social-sprite.png') no-repeat -230px 0;
}
footer li.telephone {
	font-size: 40px;
	line-height: 50px;
	clear: both;
}
footer li.email a {
	text-decoration: none;
}
footer li.accreditation{
	margin: 20px 0 20px 0;
}


.temp {
	width: 100%;
	height: auto;
}
table.pricing {
	border: 1px solid #B7CBC7;
	margin: 0 auto 40px auto;
}
table.pricing thead th {
	background: #4B7D74;
	text-align: left;
	padding: 10px 10px 10px 10px;
	font-size: 28px;
	font-weight: normal;
	border-bottom: 5px solid #EEEDE7;
	color: #EEEDE7;
}
table.pricing thead th.price {
	text-align: right;
}
 table.pricing tr:nth-child(odd) {
 background: #B7CBC7;
}
table.pricing td {
	text-align:left;
	padding: 10px 10px 10px 10px;
}
table.pricing td.price {
	text-align:right;
	font-size: 24px;
}
/*hero*/

.hero-container {
	height: 132px;
	clear: both;
	position:relative;
	overflow:hidden;
}
.sub-intro .hero-container {
	float:left;
	width: 100%;
}
.hero {
	width: 100%;
	overflow:hidden;
	position: absolute;
	height: 196px;
}
ul.pagination {
	position: absolute;
	top: 20px;
	right: 20px;
	display: none;
	padding: 0;
}
ul.pagination li {
	width: 23px;
	height: 23px;
	float: left;
	display: inline-block;
	margin: 0 10px 0 0;
	background: #EEEDE7;
	cursor: pointer;
}
ul.pagination li.active {
	background: #3a653a;
}
.no-js .slide {
	cursor: default;
}
.slide {
	width: 480px;
	overflow:hidden;
	height: 196px;
	float: left;
	margin: 0 0 0 0;
	position: relative;
	cursor: pointer;
}
#slide-0 {
	background: url('../img/gallery/home-slide-1-mob.jpg') no-repeat center;
	background-size: cover;
}
#slide-1 {
	background: url('../img/gallery/home-slide-2-mob.jpg') no-repeat center;
	background-size: cover;
}
#slide-2 {
	background: url('../img/gallery/home-slide-3-mob.jpg') no-repeat center;
	background-size: cover;
}
#slide-3 {
	background: url('../img/gallery/home-slide-4-mob.jpg') no-repeat center;
	background-size: cover;
}
#slide-4 {
	background: url('../img/gallery/home-slide-5-mob.jpg') no-repeat center;
	background-size: cover;
}
#slide-5 {
	background: url('../img/gallery/home-slide-6-mob.jpg') no-repeat center;
	background-size: cover;
}
.sub-intro .hero-container .slide img {
	width: 100%;
	height: auto;
}
.slide .inner {
	position: absolute;
	padding: 20px 20px 20px 20px;
	bottom: 20px;
	display: none;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.slide .inner ul {
	list-style-type:square;
	margin: 0 0 20px -20px;
	padding: 0 0 0 40px;
}
.slide .inner ul li {
	margin: 0 0 10px 0;
	font-weight: 900;
	text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.5);
	color:#EEEDE7;
}

.iframe-wrapper{
	position: relative;
  	overflow: hidden;
  	width: 100%;
  	padding-top: 56.25%;
}
.iframe-wrapper iframe{
	position: absolute;
  	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
}


section ul li a{
	color: #4B2032;
}

/* ==============

    MOBILE: Menu

   ============== */



nav {
	width: 100%;
}
nav > ul {
	margin: 20px 0 0 0;
	padding: 0;
	max-height: 500px;
	-webkit-transition-property: all;
	-moz-transition-property: all;
	-ms-transition-property: all;
	-o-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: 2s;
	-moz-transition-duration: 2s;
	-ms-transition-duration: 2s;
	-o-transition-duration: 2s;
	transition-duration: 2s;
	-webkit-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	-moz-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	-ms-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	-o-transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	border-bottom: 1px solid #4B2032;
}
nav > ul.closed {
	max-height: 0;
	height: 0;
	overflow:hidden;
	border: none;
	margin: 0 0 0 0;
}
nav ul li {
	display:block;
}
nav ul li ul {
	height: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}
nav ul li.active ul {
	display: block;
}
nav ul li ul li a {
	padding: 5px 20px 5px 20px;
	text-transform: none;
}
nav ul li ul li a:hover {
	text-decoration: underline;
}
nav a {
	display: block;
	padding: 10px 10px 10px 0px;
	text-align: center;
	text-decoration: none;
	color: #4B2032;
}
nav li:hover {
	text-decoration: none;
	background: #FFFFFF;
}
nav li:hover a {
	color: #EEEDE7;
}

.sub-intro {
	background: #3a653a;
	margin: 0 0 40px 0;
	color:#EEEDE7;
}
.sub-intro .intro {
	padding: 20px 20px 20px 20px;
	float: left;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.sub-intro .intro h2 {
	padding: 20px 0 30px 0;
	line-height: 40px;
	margin: 0 0 0 0;
	position: relative;
}

.sub-intro .intro ul{
	text-align: center;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.sub-intro .intro ul .cta{
	margin: 0 auto 20px auto;
}
h2#pets-stay:before {
	content:'';
	background: url('../img/icon-pets-stay.png');
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 90px;
	height: 90px;
}
.caveat {
	font-size: 12px;
	line-height: 16px;
}
a.footerlink {
	text-decoration:none;
}


/* ===============

    ALL: IE Fixes - TODO

   =============== */





/* ==========================================================================

   Non JS Classes - TODO

   ========================================================================== */







/* ==========================================================================

   Media Queries

   ========================================================================== */



@media only screen and (min-width: 480px) {
 h2 {
 font-size: 36px;
}
 section h2 span {
 padding: 0 40px 0 40px;
}



/* ========================

    INTERMEDIATE: IE Fixes

   ======================== */



    nav ul li {
 display: block;
}
 .oldie nav a {
 margin: 0 0.7%;
}
 .hero-container,  .hero {
height: 429px;
}
 .sub-intro .hero-container,  .sub-intro .hero,  .sub-intro .slide {
height: 300px;
}
 .slide {
width: 100%;
height: 429px;
}
 #slide-0 {
background: url('../img/gallery/home-slide-1.jpg') no-repeat center;
}
 #slide-1 {
background: url('../img/gallery/home-slide-2.jpg') no-repeat center;
}
 #slide-2 {
background: url('../img/gallery/home-slide-3.jpg') no-repeat right;
}
 #slide-3 {
background: url('../img/gallery/home-slide-4.jpg') no-repeat center;
}
 #slide-4 {
background: url('../img/gallery/home-slide-5.jpg') no-repeat center;
}
 #slide-5 {
background: url('../img/gallery/home-slide-6.jpg') no-repeat center;
}
 ul.pagination {
display:block;
}
 .slide .inner {
 display:block;
 width: 98%;
 margin: 0 1% 0 1%;
}
 .slide .inner ul {
 font-size: 16px;
 line-height: 20px;
}
	.promo-dog {
		background: url('../img/promo-dogs.jpg') no-repeat right #4B2032;
		background-size: 40% 100%;
		padding: 20px 280px 20px 20px;
	}
	.promo-cat {
		background: url('../img/promo-cats.jpg') no-repeat right #4B2032;
		background-size: 40% 100%;
		padding: 20px 280px 20px 20px;
	}
}
 @media only screen and (min-width: 768px) {



/* ====================

    WIDE: CSS3 Effects

   ==================== */



    



/* ============

    WIDE: Menu

   ============ */

	

a.menu {
	display: none;
}
.title {
	width: 150px;
 	height: 109px;
	margin: 20px 0 0 40px;
	float: left;
}
nav {
	position: absolute;
	right: 0;
}
 nav > ul.closed {
 float: right;
 margin: 20px 0 0 0;
 max-height: 500px;
 height: auto;
 overflow:visible;
 border: none;
}
 nav ul li {
 text-align: left;
 font-size: 12px;
 float:left;
}
 nav ul li a {
 padding: 10px 34px 10px 0;
}
 .no-js nav ul li a:hover {
 color: #3a653a;
}
 nav ul li ul {
 position: absolute;
 display: none;
}
 nav ul li:hover ul,  nav ul li:hover ul:hover {
 display: block;
}
 nav ul li ul li:hover {
 background: none;
}
 nav a {
 border-bottom:1px solid #000000;
}
 nav li:hover {
 background: #FFFFFF;
}
 nav li:hover a {
 color:#000000;
}
 nav li.hover > a {
 border-bottom:5px solid #3a653a;
 padding: 10px 34px 8px 0px;
 margin: 0 0 -2px 0;
}
 nav li.active > a {
 border-bottom:5px solid #3a653a;
 padding: 10px 0px 8px 0px;
 margin: 0 0 -2px 0;
 text-align:center;
}
 nav li.active li.active > a {
 border-bottom: 3px solid #3a653a;
 padding: 10px 0px 3px 0;
 margin: -4px 0 0 0;
}
 #magic-line {
 position: absolute;
 bottom: -2px;
 left: 0;
 width: 0px;
 height: 5px;
 background: #3a653a;
 pointer-events: none;
}		 
	 
 section.tab-container p {
 padding: 0 20% 0 20%;
}
	 .section.tab-container ul{
		 padding: 0 20% 0 20%;
	 }
 footer address {
 float: left;
 text-align: left;
}
 footer ul {
 float:right;
}
 footer ul li {
 text-align: right;
}
footer li.social{float:right}
footer li.accreditation{float:right; margin: -12px 0 20px 20px;}
 .maplink {
display:block;
}
 .slide .inner {
 display:block;
 width: 70%;
}
 .slide .inner ul {
 font-size: 20px;
 line-height: 30px;
}
/* ============

    WIDE: Main

   ============ */



    

}
 @media only screen and (min-width: 1023px) {



/* ===============

    Maximal Width

   =============== */



 .container {
	 width: 100%;
	 margin: 0 auto;
}
 nav ul {
 width: 80%;
 float: right;
 margin: 20px 0 0 0;
}
 nav ul li {
 width: 16.666%;
 font-size: 16px;
}
 nav ul li a {
 padding: 10px 0 10px 0;
 min-height: 53px;
}
 nav li.hover > a {
 padding: 10px 0 8px 0;
}
	 
	 section ul{
		 padding: 0 20% 0 20%;
	 }	 
 .promo-blocks {
 	overflow:hidden;
	display: grid;
    grid-template-columns: 33.33% calc(33.33% - 40px) 33.33%;
    grid-column-gap: 20px;
}
 .promo-blocks aside {
 	margin: 0;
}
 .promo-blocks aside:first-child,  .promo-blocks aside:first-child h2 {
 text-align: left;
}
 .promo-blocks aside:last-child,  .promo-blocks aside:last-child h2 {
 text-align: right;
}
.panel-50-50 {
 width: 49%;
}
 .panel-50-50 h2 {
 float: left;
 padding: 0 0 0 0;
}
 .panel-50-50 p {
 padding: 1px 2% 10px 2%;
 float: left;
 font-size: 18px;
 margin: 0 0 0 0;
 text-align: left;
 line-height: 24px;
}
 .panel-50-50 .cta {
 float:right;
 margin: 24px 0 0 0;
}
 .slide .inner {
 display:block;
 width: 50%;
}
 .slide .inner ul {
 font-size: 30px;
 line-height: 40px;
}
 .sub-intro .intro,  .sub-intro .hero-container {
 width: 50%;
}
 .sub-intro .hero-container,  .sub-intro .hero,  .sub-intro .slide {
height: 429px;
}
 .sub-intro .hero-container .slide img {
 width: auto;
 height: 429px;
}
	 
	 .iframe-container{
	 	width: 60%;
		 margin: auto;
	 }
}
 @media only screen and (min-width: 1280px) {
 .container {
 width: 1270px; /* 1140px - 10% for margins */
 margin: 0 auto;
}
}
/* ==========================================================================

   Helper classes

   ========================================================================== */



.ir {
	background-color: transparent;
	border: 0;
	overflow: hidden;
 *text-indent: -9999px;
}
.ir:before {
	content: "";
	display: block;
	width: 0;
	height: 150%;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active,  .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before,  .clearfix:after {
	content: " ";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
 *zoom: 1;
}



/* ==========================================================================

   Print styles

   ========================================================================== */



@media print {
* {
	background: transparent !important;
	color: #000 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
a,  a:visited {
	text-decoration: underline;
}
a[href]:after {
	content: " (" attr(href) ")";
}
abbr[title]:after {
	content: " (" attr(title) ")";
}
 .ir a:after,  a[href^="javascript:"]:after,  a[href^="#"]:after {
 content: "";
}
pre,  blockquote {
	border: 1px solid #999;
	page-break-inside: avoid;
}
thead {
	display: table-header-group;
}
tr,  img {
	page-break-inside: avoid;
}
img {
	max-width: 100% !important;
}
 @page {
 margin: 0.5cm;
}
p,  h2,  h3 {
	orphans: 3;
	widows: 3;
}
h2,  h3 {
	page-break-after: avoid;
}
}