/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

@font-face {
	font-family: 'FlexoDemi';
    src: url('../fonts/flexo-demi.eot');
    src: url('../fonts/flexo-demi.eot?#iefix') format('embedded-opentype'),
    	 url('../fonts/flexo-demi.svg#Flexo Light') format('svg'),
         url('../fonts/flexo-demi.woff') format('woff'),
         url('../fonts/flexo-demi.ttf') format('truetype');
	font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'FlexoHeavy';
    src: url('../fonts/flexo-heavy.eot');
    src: url('../fonts/flexo-heavy.eot?#iefix') format('embedded-opentype'),
         url('../fonts/flexo-heavy.svg#Flexo Light') format('svg'),
         url('../fonts/flexo-heavy.woff') format('woff'),
         url('../fonts/flexo-heavy.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: 'FlexoLight';
    src: url('../fonts/flexo-light.eot');
    src: url('../fonts/flexo-light.eot?#iefix') format('embedded-opentype'),
    	 url('../fonts/flexo-light.svg#Flexo Light') format('svg'),
         url('../fonts/flexo-light.woff') format('woff'),
         url('../fonts/flexo-light.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html {
	
}

body {
	font-family: "FlexoDemi", Arial, Helvetica, sans-serif;
	font-size:30px;
	font-size:1.5em;
	-webkit-font-smoothing: antialiased;
	overflow:hidden;
	background: #231f20 !important;
	-ms-word-break:keep-all;
  word-break: keep-all;
	-webkit-hyphens: none;
  -moz-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;	
}

a, a:visited, a:focus  {
	text-decoration:none;
	color: #fff;
}

a:hover, a:active {
	text-decoration:none;
	color:#ddec03 !important;
} 

*::-moz-selection {
	background: #959f03 !important;
}

.uk-float-left {
  max-width: 70%;
}

.uk-float-right {
  max-width: 15%;
}

.wk-slideshow-default .uk-container-center .uk-float-left {
	float:none;
	max-width:100%;
}

.tm-headerbar, .uk-navbar {
	background: #231f20 !important;
	color:#fff !important;
	z-index:99999 !important;
	border-bottom:none;
}

.uk-navbar-flipleft {
	float:left;
	width:100%;
}

.uk-navbar-nav {
  display: table;
	width:100%;
}

.uk-navbar-nav > li {
	 display: table-cell;
	 text-align: center;
	 float: none;
}

.uk-navbar-nav > li > a {
	display:block;
	font-family: "FlexoLight", Arial, Helvetica, sans-serif !important;
	font-size:16px;
	font-weight:normal !important;
	color:#fff;
	margin:0;
	padding-top:10px;
}

.uk-navbar-nav > li:first-child {
		display:none;
}

.uk-navbar-nav > li:nth-child(2) {
	text-align:left;
}

.uk-navbar-nav > li:last-child {
	padding-top:0;
	background:#959f03;
}

.uk-navbar-nav > li:last-child > a,
.uk-navbar-nav > li.uk-active:last-child > a
{
	font-size:20px;
	color: #fff !important;
}

.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {
	color:#ddec03 !important;
}

.uk-navbar-nav > li.uk-active > a:hover {
 color:#ddec03 !important;
}

.uk-container {
    max-width: 960px;
		padding: 0 22.5px;
}

.uk-navbar-nav > li.uk-active > a {
	color:#959f03 !important;
}
.uk-navbar-nav > li > a:after {
	background:#959f03 !important;
	background:none !important;
}

.uk-navbar-toggle {
	height:auto;
}

.uk-navbar-toggle:after {
	color:#fff;
}

.uk-navbar-toggle.active:after {
	color:#959f03;
}

.toggletext {
	float:right;
}

.toggletext:after {
	font-family: "FlexoDemi", Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#fff;
	content: "\0000a0Menu";
	line-height:1.3;
	
}

.uk-navbar-toggle.active .toggletext:after {
	color:#959f03;
}


.mobilemenu {
	padding:15px 15px;
	background: #231f20 !important;
	
}

.rapid_contact h1 {
	font-family: "FlexoDemi", Arial, Helvetica, sans-serif;
	color: #ac1a2f !important;
	margin: 0;
	padding:0;
  font-weight: 400;
	font-size: 30px;
  line-height: 1;
	-webkit-font-smoothing:antialiased;
	text-transform:uppercase;
}

.rapid_contact h2 {
	font-family: "FlexoLight", Arial, Helvetica, sans-serif;
	color:#fff;
	font-size: 30px;
  line-height: 1;
	margin: 0;
	padding:0;
	font-weight: 400;
	-webkit-font-smoothing:antialiased;
	text-transform:uppercase;
	
}

.tm-toolbar {
  padding: 30px;
  background: #231f20;
}

p {
  padding: 0;
	margin: 0;
}

#tm-main-bottom {
	height:1px !important;
	z-index:-100;
	position:absolute;
	top:0;
	left:-99999px;
}

div[id^='popup'] {
		width:848px !important;
		height:499px !important;
		overflow:hidden;
}

#popup-location {
	width:1200px !important;
		height:800px !important;
}

#popup-location .caption {
	text-align:center;
}

#popup-location .caption a {
	text-decoration:none;
	color:#fff;
}

#popup-location .caption a:hover {
	text-decoration:none;
}

#lightbox-wrap {
	top:99px !important;
	margin-top:43px !important;
	margin-left:-11px !important;
}

#popup-enquire {
	background: rgba(255,255,255,0.75);
}

#lightbox-outer {
	background: transparent;
}

#lightbox-content {
	border-width:12px !important;
	border-color:rgba(255, 255, 255, 0.8);
}

#lightbox-close {
	top:-19px;
	right:-23px;
	background:none;
  padding: 1px 1px 1px 8px;
  background-color: #ac1a2f;
	width:23px;
	height:30px;
}

#lightbox-close:after {
	content: "x";
	color:#fff;
	text-align:center;
}
a:hover#lightbox-close {
 background-color: #fff;
} 

a:hover#lightbox-close:after {
 color:#ac1a2f;

}

#lightbox-overlay {
	margin-top:90px;
	height:1160px !important;
}

#tm-middle.tm-block {
	background-color: #231f20;
}

.wk-slideshow-default > div { position: relative; }

.wk-slideshow-default .navbuttons {
	width:100%;
	top:50%;
	z-index:9999;
	position: absolute;
}

.wk-slideshow-default .navbuttons .next,
.wk-slideshow-default .navbuttons .prev {
	width: 50px;
	height: 50px;
	margin-top: -25px;
	background: url(/media/widgetkit/widgets/slideshow/styles/default/images/buttons.png) 0 50px no-repeat;
}

.wk-slideshow-default .navbuttons .next {
	right: 0px;
	background-position: 0 0;
}

.wk-slideshow-default .navbuttons .prev {
	left: 0px;
	background-position: 0 -50px;
}

.wk-slideshow-default .navbuttons .next:hover,
.wk-slideshow-default .navbuttons .prev:hover {
	width: 50px;
	height: 50px;
	margin-top: -25px;
	background: url(/media/widgetkit/widgets/slideshow/styles/default/images/buttons2.png) 0 50px no-repeat;
}

.wk-slideshow-default .navbuttons .next:hover {
	right: 0px;
	background-position: 0 0;
}

.wk-slideshow-default .navbuttons .prev:hover {
	left: 0px;
	background-position: 0 -50px;
}

.wk-slideshow-default .overlay {
	position:absolute;
	top:0px;
	left:0;
	right:0;
	z-index:99;
	height:100%;
	max-width:100%;
	max-height:100%;
}

.tm-block-large .tm-headerbar + .tm-block, .tm-block-large .tm-fullscreen + .tm-block {
	padding-top:0;
	padding-bottom:0;
}

.wk-slideshow-default .nav {
		display:none !important;
}

.wk-slideshow-default .wk-content a {
	cursor: default !important;
}

.tm-block-dark {
	background: #231f20;
}

.tm-block .tm-block-dark, 
.tm-block-large .tm-block-dark {
	padding-bottom:0 !important;
	padding-top:0 !important;
}

#tm-bottom-c {
	  background: #231f20;
		padding-top:40px;
}

#tm-bottom-b {
	  background: #231f20;
		margin:0;
		padding:35px 0;
		text-align:center;
		border-bottom:1px solid #fff;
		margin-bottom:25px;
}

#tm-bottom-b .uk-panel-box {
	min-height:0 !important;
}

.close {
    font-size: 20px;
    font-weight: normal;
    text-shadow: none;
}

.tm-block-footer {
	  background: #231f20;
}

.tm-footer {
	padding-top:25px;
	text-align:left !important;
}

.tm-footer .uk-width-1-4 {
	float: left;
}

.tm-footer p {
	font-size: 22px;
	color:#fff !important;
	line-height:1;
}

.tm-footer .footergreen p {
	font-family: "FlexoLight", Arial, Helvetica, sans-serif;
	color:#959f03 !important;
	margin:0 !important;
	padding:0;
}

.tm-footer img {
	width:180px;
}

.uk-panel-box {
    padding: 0;
    background: none;
    color: #FFF;
    border:none;
}

.btn.yellow {
	background-color: #959f03;
	border:none;
	color:#fff;
	font-weight:bold;
	padding: 8px 7px;
	width:220px;
}

input[type="text"],
textarea {
	font-size:12px;
	width:220px;
	margin-bottom:3px;
	font-weight:normal;
}

textarea {
	height:auto;
}
	
.uk-vertical-align {
	position:absolute;
	top:0;
	z-index:5;
	overflow:hidden;
	max-width:100%;
}

.capwrap {
	position: absolute;
	z-index:9;
	bottom:0 !important;
	padding-bottom:30px;
	left: 0;
	right: 0;
}


.maincaption {
	text-align:left;
	text-transform:uppercase;
	line-height:0;
	color:#fff;
}

.maincaption p {
	margin:1px 0 !important;
	padding:0 !important;
}

.maincaption span {
	margin:0;
	padding:0;
}

.maincaption .span1 {
	font-family: "FlexoDemi", Arial, Helvetica, sans-serif;
	float:none;
	margin-left:0;
	font-weight:normal;
	line-height:1;
}

.maincaption .span2 {
	font-family: "FlexoLight", Arial, Helvetica, sans-serif;
	font-size: 85%;
	float:none;
	margin-left:0;
	line-height:1;
}

.maincaption .span3 {
	font-family: "FlexoLight", Arial, Helvetica, sans-serif;
	font-size: 65%;
	float:none;
	margin-left:0;
	line-height:1;
}

.uk-grid > [class*="uk-width-"] {
	margin-left:0px !important;
	padding-left:0px;
}

.uk-grid:not(.uk-grid-preserve) > [class*="uk-width-"] {
	margin-left:0px !important;
	padding-left:0px;
}

.uk-grid:not(.uk-grid-preserve) {
	margin-left:0px !important;
	padding-left:0px;
}

.uk-grid {
	margin-left:0px !important;
	padding-left:0px;
}

.fancypantsaccordionholder ul li > a span {
	opacity:0.5;
}

.padding-left {
	padding-left:60px !important;
}


/* Only desktop */
@media (min-width: 960px) {
	
	.tm-content .wk-slideshow-default {
		overflow:hidden;
		left:50% !important;
		margin-left:-960px !important;
	}

	.tm-content .wk-slideshow img, 
	.tm-content .wk-slideshow ul,
	.tm-content .wk-slideshow li {
		width:1920px !important;
		height:620px !important;
		max-width:none;
	}
	
	.uk-vertical-align {
		margin-top:0px;
		padding-top:0px;
		overflow:hidden;
		left:50% !important;
		margin-left:-960px !important;
		max-width:none;
	}
	
	.uk-vertical-align img {
		width:1920px !important;
		height:620px !important;
		max-width:none;
	}
	
	body {
		padding-top:89px !important;
	}
	
}

/* Only Phones & Tablets (Portait) */
@media (max-width: 959px) {
/* @media (max-width: 767px) {  */
  .maincaption {
 		font-size:10px;
		font-size:0.3em !important;
		padding:0 30px;
  }
	
	.uk-container {
		padding: 0 !important;
	}
			
	.tm-bottom-c,
	.tm-footer {
		text-align:center !important;
		padding-left:30px !important;
		padding-right:30px !important;
	}

	.capwrap {
		padding-bottom:5px !important;
	}
	
	.tm-footer .img1,
  .tm-footer .img2 {
		float:none;
	}

  .tm-footer .img2 {
		margin-top:25px;
	}
	
}

.fancypantsaccordionholder {
	padding: 15px 0 25px 0px;
	background: #231f20 !important;
	color:#fff;
}

.fancypantsaccordionholder ul {
	margin:0;
	padding:0;
	padding: 0px 15px 0px 15px !important;
}

.fancypantsaccordionholder ul li {
	height:30px;	
}

.fancypantsaccordionholder ul li.acc-open {
	height:auto;
	padding:5px 0 35px 0;
	overflow:hidden;
}

.fancypantsaccordionholder ul li > a:hover {
  color:#ddec03 !important;		
}

.fancypantsaccordionholder ul li.acc-open > a {
 color:#959f03;
}

.fancypantsaccordionholder .acc-content {
		overflow:hidden;
}
.fancypantsaccordionholder .wk-slideshow-default {
		height:498px;
		width:auto !important;
		max-width: 100%;
		max-height: 100%;
		padding:0;
		margin:0;
}

.fancypantsaccordionholder .wk-slideshow-default ul {
	width:auto !important;
	max-width:100%;
	height:498px !important;
	max-height:100%;
}

.fancypantsaccordionholder .wk-slideshow-default li {
	width:auto !important;
	max-width:100% !important;
	height:100% !important;
}

.fancypantsaccordionholder .wk-slideshow-default img {
	max-width:100% !important;
	max-height:100% !important
}

.fancypantsaccordionholder .wk-slideshow-default .overlay {
	display:none;
}

.fancypantsaccordionholder .wk-slideshow-default .navbuttons {

}

.fancypantsaccordionholder ul li.acc-open > a span {
	right:0 !important;
}

p.rapid_contact.post_text {
	width:275px; 
	margin:0 auto;
	font-size:11px; 
	line-height:1.2;
}

div.rapid_contact.enquire {
	background:url(/images/yootheme/enquire.jpg);
	width:848px;
	height:498px;
}

div.rapid_contact.enquire form {
	padding-top:130px;
}

.rapid_contact.enquire.post_text {
	width:100%;
	max-width:100%; 
	margin:0 auto;
	font-size:11px; 
	line-height:1.2;
}

div.rapid_contact.enquire h1 {
	font-size: 22px;
  line-height: 1;
	-webkit-font-smoothing:antialiased;
	text-transform:uppercase;
}

.bepiv_ctrls1_0.bepiv_ctrls,
.bepiv_ctrls2_0.bepiv_ctrls {
	position:absolute;
	z-index:9999;
	padding:0;
	top:50%;
	height:50px;
	overflow:hidden;
	margin-top:-25px;
	display:none;
}

.bepiv_ctrls1_0.bepiv_ctrls .stop,
.bepiv_ctrls2_0.bepiv_ctrls .stop {
	position: absolute;
	display:none;
}

.bepiv_ctrls1_0.bepiv_ctrls .fwd span,
.bepiv_ctrls2_0.bepiv_ctrls .fwd span {
	position: absolute;
	z-index:9;
	width:50px;
	height:50px;
	right: 0px;
	background-position:0 0px !important;
	background-repeat:no-repeat !important;
}

.bepiv_ctrls1_0.bepiv_ctrls .back span,
.bepiv_ctrls2_0.bepiv_ctrls .back span {
	position: absolute;
	z-index:9;
	left: 0px;
	width:50px;
	height:50px;
	background-position: 0 -50px !important;
	background-repeat:no-repeat  !important;
}

.bepiv_ctrls1_0.bepiv_ctrls .fwd:hover span,
.bepiv_ctrls2_0.bepiv_ctrls .fwd:hover span {
	background-position: 0 -100px  !important;
}

.bepiv_ctrls1_0.bepiv_ctrls .back:hover span,
.bepiv_ctrls2_0.bepiv_ctrls .back:hover span {
	background-position: 0 -150px  !important;
}

.plans #tm-middle.tm-block {
	background-color:#a7a9ac;
	border-top:5px solid #fff;
	border-bottom:3px solid #fff;
	padding:0;
}

h1.uk-article-title {
	font-family: "FlexoDemi", Arial, Helvetica, sans-serif;
	font-size:26px;
	float:left;
	margin-top:8px;
	padding-left:15%;
	text-transform: uppercase;
}

.uk-nav > li > a {
	font-family: "FlexoDemi", Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1;
}

.plans #tm-middle .uk-container {
	background-color:#fff;
	padding-top:35px;
	padding-bottom:25px;
}

.uk-nav-side {
	margin-top:20px;
	float:right;
	padding-right:15%;
}

.uk-nav-side li {
	display:inline-block;
	padding-left:20px;
}

.uk-nav-side li a {
	font-weight:normal;
	text-transform:uppercase;
}

.uk-nav-side li a:hover, 
.uk-nav-side li.uk-active a {
	color: #aa4430;
}

#popup-siteplans .wk-slideshow-default .navbuttons {
	width:100%;
	top:90%;
	z-index:9999;
	position: absolute;
}

#lightbox-left,
#lightbox-right {
	width:100%;
	top:90%;
	z-index:9999;
	position: absolute;
}

#lightbox-left-ico,
#lightbox-right-ico {
	width: 50px;
	height: 50px;
	margin-top: -25px;
	background: url(/media/widgetkit/widgets/slideshow/styles/default/images/buttons.png) 0 50px no-repeat;
}

#lightbox-right-ico {
	right: 0px;
	left:auto;
	background-position: 0 0;
}

#lightbox-left-ico {
	left: 5px;
	right:auto;
	background-position: 0 -50px;
}

#lightbox-left-ico:hover,
#lightbox-right-ico:hover {
	width: 50px;
	height: 50px;
	margin-top: -25px;
	background: url(/media/widgetkit/widgets/slideshow/styles/default/images/buttons2.png) 0 50px no-repeat;
}

#lightbox-right-ico:hover {
	right: 0px;
	background-position: 0 0;
}

#lightbox-left-ico:hover {
	left: 5px;
	background-position: 0 -50px;
}

#lightbox-left:hover span { left: 5px; }
#lightbox-right:hover span {
	left: auto;
	right: 0;
}

#videocontainer {
	background:url(/images/yootheme/dorrienvideo.jpg);
	max-width:640px;
	height:350px;
	margin:0 auto;
	display: -webkit-box;      
  	display: -moz-box;
  	display: -ms-flexbox;
	display: -webkit-flex;
  	display: flex;
	-webkit-box-pack: center; /* justify-content */
    	-webkit-box-align: center; /* align-items */   
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}

#videocontainer img {
	cursor: pointer;
}

.span1.big {
	font-size: 37px;
}

/* Only phones */
@media (max-width: 767px) {

	.uk-grid > [class*='uk-width-'] {
  	width: 100%;
		margin-top: 25px;
		text-align:center !important;
	}
	
	.padding-left {
		padding-left:0 !important;
	}
}