@charset "utf-8";

* {padding: 0; margin: 0;}


h1 {font-family: 'Catamaran', sans-serif; color:#333333; font-size:42px;}
h2 {font-family: 'Catamaran', sans-serif; color:#530200; font-size:27px;}
.u770 h2 {font-size:24px;}
.u480 h2 {font-size: 18px;}
h3 {font-family: 'Catamaran', sans-serif; color:#FFFFFF; font-size:24px;}
.u770 h3 {font-size:21px;}
.u480 h3 {font-size: 17px;}
h4 {font-family: 'Catamaran', sans-serif; color:#FFFFFF; font-size:24px;}
.u770 h4 {font-size:21px;}
.u480 h4 {font-size: 17px;}
p, li {font-family: 'Catamaran', sans-serif; color: #797979; margin:15px 0; font-size:24px;}
.u1170 p, .u1170 li {font-size:19px;}
.u770 p, .u770 li {font-size:17px; line-height: 20px; margin:10px 0;}
.u480 p, .u480 li {font-size: 16px; line-height: 18px;}
p.smaller {font-size:15px; margin-top: -10px;}
.u770 p.smaller {font-size:13px;}
.u480 p.smaller {font-size:10px;}
p a {color: #9c8679; font-weight: 600;}
.content ul {margin-left: 35px;}
.u770 .content ul {margin-left: 45px;}
.u480 .content ul {margin-left: 45px;}
.u480 ul.ticks, .u480 .ticks-ul ul  {margin-top: -25px;}
ul.ticks li, .ticks-ul ul li {list-style-image: url(/images/tick.png); padding-left: 10px;}
ul.ticks li strong, .ticks-ul ul li strong {font-weight:600; color:#3a2313;}

.center-p-text p {
  text-align: center;
}

.button-block, .button-block .center-btns {
  padding-top: 0!important;
}

#header {
  display: flex;
}

#header nav {
  flex: 1;
  display: flex;
}

.u770 #header nav, .u480 #header nav {
  flex: inherit;
}

#header .left-logo, #header .right-logo {
  margin-top: 10px;
  width: 200px;
}

#header .left-logo img, #header .right-logo img {
  width: 100%;
}

.u1170 #header .left-logo, .u1170 #header .right-logo {
  width: 160px;
}

.u770 #header .left-logo {
  width: 120px;
  margin-right: 15px;
}
.u770 #header .right-logo {
  width: 140px;
}

.u480 #header .left-logo {
  width: 100px;
  margin-right: 12px;
}
.u480 #header .right-logo {
  width: 120px;
}

#logo {padding: 5px 0 15px 0; width: 200px; display: block; float: left;}
.u1170 #logo {width: 180px;}
.u770 #logo {width: 170px; margin: 5px 0 0 0;}
.u480 #logo {width: 120px; margin: 5px 0 0 10px;}

body {background:#ffffff; margin:0;	padding:0;}

header {width: 100%; height: 530px;}
.u1170 header {height: 485px;}
.u480 header {height: 435px;}
header #hero {position: fixed; z-index: -1; top:0; width:100%; height: 530px;}
.u1170 header #hero {height: 485px;}
.u480 header #hero {height: 435px; background-position: 69%!important; background-size: auto 100%!important;}
header #hero #fixed {width: 100%; height:100%; background:rgba(0,0,0,0.6);}
header #hero-text {clear: both; padding: 10px 0 0 0; text-align: center; width: 62%; margin: 0 auto;}
.u1170 header #hero-text {width: 75%; padding: 28px 0 0 0;}
.u770 header #hero-text {width: 75%; padding: 35px 0 0 0;}
.u480 header #hero-text {width: 85%; padding: 25px 0 0 0;}
header #hero-text h1 {font-size: 60px; color: #ffffff; font-weight: 500; text-shadow: 0 0 20px #333;}
.u1170 header #hero-text h1 {font-size: 45px;}
.u770 header #hero-text h1 {font-size: 45px; line-height: 50px;}
.u480 header #hero-text h1 {font-size: 34px; line-height: 38px;}
header #hero-text p {font-size: 24px; line-height: 30px; color: #ffffff; font-weight: 500; text-shadow: 0 0 20px #333;}
.u1170 header #hero-text p {font-size: 20px; line-height: 28px;}
.u770 header #hero-text p {font-size: 18px; line-height: 22px;}
.u480 header #hero-text p {font-size: 16px; line-height: 20px;}
header #hero-text p.phone {margin: 30px 0; font-size: 28px;}
.u1170 header #hero-text p.phone {font-size: 24px;}
.u770 header #hero-text p.phone {font-size: 22px;}
.u480 header #hero-text p.phone {font-size: 20px;}
header #hero-text p.phone a {color:#ffffff; text-decoration: none;}

.btn {display: inline-block; padding: 10px 30px; font-size: 23px; text-shadow: 0 0 20px #333; text-decoration: none; color: #ffffff; font-family: 'Catamaran', sans-serif; cursor: pointer; -webkit-transition: all 0.3s; transition: all 0.3s;}
.btn:hover {color: #cccccc; opacity:0.8;}
.u1170 .btn {font-size:19px; padding: 8px 20px;}
.u770 .btn {font-size:19px; padding: 8px 20px;}
.u480 .btn {font-size: 17px; padding: 7px 18px;}
.ltbrown.btn {background:#c3b59b;}
.dkbrown.btn {background:#3a2313;}
.mdbrown.btn {background:#9c8679;}
.center {text-align: center;}
.u480 .center-mob {text-align: center;}
.center-btns {text-align: center; clear: both; padding-top: 20px;}
.center-btns .btn {margin: 0 10px;}

.content-width {width:1170px; margin: 0 auto;}
.u1170 .content-width {width:98%;}
.u770 .content-width {width:98%;}
.u480 .content-width {width:98%;}



/*MOBILE ICON*/
#mob-nav {display:none; top: 20px; right: 20px; position: fixed; z-index: 9;}
.u770 #mob-nav, .u480 #mob-nav {display:block;}
.mob-icon{background:transparent; display: block; position: relative; overflow: hidden; margin: 0; padding: 0; width: 42px; height: 40px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none;  appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; -webkit-transition: background 0.3s; transition: background 0.3s;}
.mob-icon:focus {outline: none;}
.mob-icon span {display: block; position: absolute; top: 18px; left: 0; right: 0; height: 5px; background: #fbfbfb; border-radius: 5px;}
.mob-icon span::before, .mob-icon span::after {position: absolute; display: block; left: 0; width: 100%; height: 5px; background-color: #fbfbfb; content: ""; border-radius: 5px;}
.mob-icon span::before {top: -13px;}
.mob-icon span::after {bottom: -13px;}
.mob-icon span {-webkit-transition: background 0s 0.3s; transition: background 0s 0.3s;}
.mob-icon span::before, .mob-icon span::after {-webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s;}
.mob-icon span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform;}
.mob-icon span::after {-webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform;}
.mob-icon.is-active span {  background: none;}
.mob-icon.is-active span::before {  top: 0;  -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg);     transform: rotate(45deg);}
.mob-icon.is-active span::after { bottom: 0;  -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg);}
.mob-icon.is-active span::before, .mob-icon.is-active span::after {-webkit-transition-delay: 0s, 0.3s;          transition-delay: 0s, 0.3s;}

/*MOB NAV*/
#navigation {height: 100%; margin:0 auto; z-index:9999; position:relative; text-align: center; display: flex; align-items: center;}
.u1170 #navigation {display: inline-block; height: 44px; width: auto;  background: none; margin-top: 20px;}
.u770 #navigation, .u480 #navigation {display: none; padding-top: 80px; width: 100%; left:0; background: url(/images/bg.jpg) #9c8679; z-index:8; position:fixed;}

.u770 #mob-nav, .u480 #mob-nav {display:block;}
#mob-nav #mob-logo {width:125px; margin:0 auto; display:inline-block;}
#mob-nav #mob-toggle {float:right; clear:right; width:25px; margin: 3% 4%; cursor:pointer;}
.u480 .dd_menu, .u770 .dd_menu {list-style-type:none; display:none; clear:both; background: url(/images/top-nav-bg.png);}
.u480 .dd_menu li, .u770 .dd_menu li {position: relative; float:none; border-right:none; border-bottom: solid 1px #cccccc; margin: 0;}
.u480 .dd_menu li:first-of-type, .u770 .dd_menu li:first-of-type {border-top: solid 1px #cccccc;}
.u480 .dd_menu li a, .u770 .dd_menu li a, .u480 .dd_menu li .no-link, .u770 .dd_menu li .no-link {padding:18px 0; font-size:24px; color:#ffffff; font-weight:300; font-family: 'Catamaran', sans-serif; text-decoration:none; display:block; text-shadow: none;}
.u480 .dd_menu li a:hover, .u770 .dd_menu li a:hover {color:#cccccc;} 
.u480 .dd_menu li ul, .u770 .dd_menu li ul {margin:0; background:#EFEFEF; list-style-type:none;}
.u480 .dd_menu li ul li a, .u770 .dd_menu li ul li a {color:#666666;}
.u480 .dd_menu li ul li a img, .u770 .dd_menu li ul li a img {margin: 0 -35px 0 5px; width: 30px;}
.u480 .dd_menu .dd_menu_drop, .u770 .dd_menu .dd_menu_drop {left: 0; top: 0; padding: 0;}
.u480 .dd_menu  .dd_menu_drop span:not(.no-link), .u770 .dd_menu .dd_menu_drop span:not(.no-link) {position: absolute; right: 0; top: 0; color: #CCCCCC;}
.u480 .drop span:not(.no-link), .u770 .drop span:not(.no-link) {color: #ffffff; font-size: 22px; font-weight: 600; height: 100%; width: 50px; position: absolute; right: 0; z-index: 9; background: url(/images/down-chev.png) no-repeat center #3a2313; background-size: 16px!important; -webkit-transition: all 0.3s; transition: all 0.3s;}
.u480 .drop span.active:not(.no-link), .u770 .drop span.active:not(.no-link) {background: url(/images/up-chev.png) no-repeat center #9c8679;}
.u480 .drop ul, .u770 .drop ul {display:none; opacity: 1; visibility: visible; position: inherit;}
.u480 .dd_menu li ul, .u770 .dd_menu li ul {background: #ffffff;}
.u480 .dd_menu li:hover ul, .u770 .dd_menu li:hover ul {background: #ffffff;}
.u480 .dd_menu li:hover ul li a, .u770 .dd_menu li:hover ul li a {color:#414237;}
.u480 .dd_menu li ul li a, .u770 .dd_menu li ul li a {padding: 18px 0; text-align: center; display:block; font-size:18px; color:#333333; text-decoration:none; border:none; width: 100%;}
.u480 .dd_menu li:hover ul li a, .u770 .dd_menu li:hover ul li a {padding: 18px 0; text-align: center; display:block; font-size:18px; color:#333333; text-decoration:none; border:none; width: 100%;}
.u480 .dd_menu li:hover, .u770 .dd_menu li:hover {background: inherit;}
.u480 .dd_menu_drop, .u480 li.dd_menu_drop:hover, .u770 li.dd_menu_drop, .u770 li.dd_menu_drop:hover {background:none;}

/*DESKTOP DROP DOWN*/
.dd_menu {padding:0px; margin:0; list-style-type:none; height:100%; float: right; position: relative;}
.u1170 .dd_menu {display: inline-block;}
.dd_menu_noline {padding:0px; margin:0; list-style-type:none; height:100%; border-right:none !important;}
.dd_menu li {float:left; margin: 0; -webkit-transition: background 0.3s; transition: background 0.3s; position:relative;}
.dd_menu li:last-child {border-right: none;}
.dd_menu_drop li {float:left; background:none; text-align: left; margin: 0;}
.dd_menu li a, .dd_menu li .no-link {padding: 5px 30px; display: block; color: #ffffff; text-decoration: none; font-size: 16px; font-family: 'Catamaran', sans-serif; font-weight: 400; text-shadow: 0 0 20px #333;}
.u1170 .dd_menu li a, .u1170 .dd_menu .no-link { padding: 7px 20px; font-size: 15px;}
.dd_menu_drop {background: url(/images/drop.png) no-repeat; background-position: 90% 50%;}
.dd_menu li.dd_menu_drop:hover {background: url(/images/drop.png) no-repeat rgba(58, 35, 19, 0.2); background-position: 90% 50%;}
.dd_menu_drop li a {padding:9px 5px; display:block; color:#fff; text-decoration:none; font-size:15px; font-family: 'Catamaran', sans-serif;}
.dd_menu_drop ul {opacity: 0; visibility: hidden; width: 100%; position: absolute; transition: opacity 0.6s; list-style-type:none; z-index: 9;}
.dd_menu_drop:hover ul {opacity:1; visibility: visible;}
.dd_menu li:hover {background: rgba(58, 35, 19, 0.2);}
.u480 .dd_menu li:hover, .u770 .dd_menu li:hover {background:none;}
.dd_menu li ul {background: rgba(255, 255, 255, 0.99);}
.u1170 .dd_menu li ul {}
.dd_menu li ul li {border: none; margin: 0; text-align: center; float: none;}
.dd_menu li ul li a {padding: 20px 0; display: block; border-bottom: solid 1px #e9e6e4; font-size: 18px; line-height: 20px; color: #9c8679; text-decoration: none; width: 100%;    text-shadow: none; font-weight: 500; -webkit-transition: background 0.3s; transition: background 0.3s;}
.u1170 .dd_menu li ul li a {font-size:16px; padding: 15px 0;}
.dd_menu li ul li a:hover {background:#9c8679; color:#ffffff;}
.u480 .dd_menu li ul li a:hover, .u770 .dd_menu li:hover ul li a:hover {background:none;}
 

 
  /* tooltip styling */
.tooltip {display:none;	background:url(/images/facebook-tooltip-bg.png);  height:300px;  padding:40px 30px 10px 30px;   width:250px;   font-size:11px;   color:#fff;	z-index:99999999;}

/*CLEARFIX*/
.clearfix:after, .big-img-right:after, .big-img-left:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.clearfix, .big-img-right, .big-img-left {display: inline-block;}
* html .clearfix, * html .big-img-right, * html .big-img-left {height: 1%;}
.clearfix, .big-img-right, .big-img-left {display: block;}


/*CONTENT BLOCKS*/
.content {width:100%; padding: 2% 0; background:#ffffff;}
.u770 .content {padding: 4% 0;}
.u480 .content {padding: 5% 0;}
.content.ltbrown {background:#c3b59b;}
.content.dkbrown {background:#3a2313;}
.content.mdbrown {background:#9c8679;}
.content.mdpattern {background: url(/images/bg.jpg) #9c8679;}
.content.mdpattern p a {color: white;}
.content h2 {font-size:50px; text-align: center; color: #3a2313; font-weight: 500;}
.content.ltbrown h2 {color: #ffffff;}
.u1170 .content h2 {font-size:36px;}
.u770 .content h2 {font-size:30px;}
.u480 .content h2 {font-size:26px;}
.content.mdpattern h2, .content.dkbrown h2, .content.mdbrown h2 {color: #ffffff;}
.content h2::after {content:''; height:4px; display:block; margin:0 auto; background: #c3b59b; width:40%; margin-bottom: 30px;}
.content.ltbrown h2::after {content:''; height:4px; display:block; margin:0 auto; background: #9c8679; width:40%; margin-bottom: 30px;}
.content p {font-size:24px; line-height:36px; color: #797979; font-weight: 400;}
.u1170 .content p {font-size: 19px; line-height: 26px;}
.u770 .content p {font-size: 17px; line-height: 22px;}
.u480 .content p {font-size: 16px; line-height: 20px;}
.content .smaller {font-size:19px; line-height: 22px;}
.u1170 .content .smaller {font-size:16px; line-height: 20px;}
.u770 .content .smaller {font-size:15px; line-height: 19px;}
.u480 .content .smaller {font-size:13px; line-height: 17px;}
.content.mdpattern p, .content.mdpattern li, .content.mdbrown p, .content.mdbrown li, .content.dkbrown p, .content.dkbrown li, .content.ltbrown p, .content.ltbrown li {color: #ffffff;}
.content.mdpattern li, .content.mdbrown li, .content.dkbrown li {list-style-type: circle;}
.content .date {background: url(/images/calendar-dk.png) no-repeat left; background-size: 25px; padding: 5px 0 0 36px;}
.col2 {float:left; width: 46%; padding: 2%;}
.u770 .col2 {width: 96%;}
.u480 .col2 {width: 96%;}
.col2 .feature {width: 100%;}
.feature-quote {background:url(/images/quotes.png) no-repeat #faf9f7; width: 100%;}
.feature-quote img {float:right; padding: 1%; width:38%;}
.feature-quote p {float:left; font-style:italic; color:#3a2313; font-weight:400; font-size:20px; line-height:24px; margin: 20px 9%; width: 42%;}
.u1170 .feature-quote p {font-size: 16px; line-height: 21px; margin: 20px 4% 10px 9%; width: 47%;}
.u770 .feature-quote p {font-size: 16px; line-height: 21px; margin: 20px 4% 10px 9%; width: 47%;}
.u480 .feature-quote p {font-size: 16px; line-height: 21px; margin: 20px 4% 10px 9%; width: 47%;}
.feature-quote p.by {margin: 2% 0 2% 4%; width: 56%; font-size: 17px; line-height: 20px;}
.u1170 .feature-quote p.by {margin: 2% 4% 2% 4%; width: 92%; font-size: 16px; line-height: 20px;}
.dkbrown .feature-quote p, .mdpattern .feature-quote p {
  color: #797979;
}
.feature-quote.no-img {
  background-size: 100%;
}
.feature-quote.no-img p {
  margin: 20px 13%;
  width: 74%;
}


/*NEWS*/
.news-blocks {margin: 50px auto; width: 92%; display: flex; flex-wrap: wrap;}
.u480 .news-blocks {margin: 20px auto; width: 94%;}
.news-blocks .post {float: left; width: 46%; margin: 2%; background:#c3b59b;}
.u480 .news-blocks .post {width: 96%; margin: 0 2% 4% 2%;}
.news-blocks .post .title img {width:100%;}
.news-blocks .post .title {position:relative;}
.news-blocks .post .info {padding: 0 4% 4% 4%; width: 92%;}
.news-blocks .post .title h3 {background: #c3b59b; position:absolute; bottom:0; left:0; padding: 2% 4%; width: 60%; color:#ffffff; font-size:26px; line-height: 31px; font-weight: 600;}
.u1170 .news-blocks .post .title h3 {font-size:20px; line-height: 24px;}
.u770 .news-blocks .post .title h3 {font-size:17px; line-height: 19px;}
.u480 .news-blocks .post .title h3 {font-size:17px; line-height: 19px;}
.news-blocks .post .title h3 a {color:#ffffff; text-decoration: none;}
.news-blocks .post .info p {color: #ffffff; font-size:19px; font-weight: 400; line-height: 24px;}
.u1170 .news-blocks .post .info p {font-size:17px; line-height: 22px;}
.u770 .news-blocks .post .info p {font-size:15px; line-height: 18px;}
.u480 .news-blocks .post .info p {font-size:15px; line-height: 18px;}
.news-blocks .post .info .date {float:left; width: 44%; color:#ffffff; font-size:19px; font-weight: 400; line-height: 24px; background: url(/images/calendar.png) no-repeat left;     background-size: 13%; padding: 5px 0 0 36px;}
.u1170 .news-blocks .post .info .date {font-size:17px; line-height: 24px; padding: 0 0 0 30px; margin-top: 5px;}
.u770 .news-blocks .post .info .date {font-size:15px; line-height: 24px; padding: 0 0 0 20px; margin-top: 5px;}
.u480 .news-blocks .post .info .date {font-size:15px; line-height: 20px; padding: 0 0 0 30px; margin-top: 5px;}
.news-blocks .post .info .btn {float:right; color:#ffffff; font-size:19px; font-weight: 400; line-height: 24px; border:solid 3px #ffffff;}
.u770 .news-blocks .post .info .btn {font-size: 16px; padding: 4px 14px;}
.u480 .news-blocks .post .info .btn {font-size: 16px; padding: 4px 14px;}
.news-blocks .post .info .btn:hover {background:#9c8679;}

/*FOOTER*/
footer {background: #ffffff;}
footer .content-width {position: relative; padding:40px 0;}
footer .logo {width:100%; text-align: center;}
footer .logo img {width:230px; display:inline-block;}
.u1170 footer .logo img {width:200px;}
.u770 footer .logo img {width:185px;}
.u480 footer .logo img {width:165px;}
footer .phone-no {position: absolute; right: 10px; top:75px; color:#3a2313; font-size:16px; text-align:right;}
footer .phone-no a {font-size:30px;}
.u1170 footer .phone-no {font-size:13px;}
.u1170 footer .phone-no a {font-size:26px;}
.u770 footer .phone-no {font-size: 13px; right: inherit; top: inherit; position: inherit; text-align: center; margin: 20px 0 -30px 0;}
.u770 footer .phone-no a {font-size: 26px;}
.u480 footer .phone-no {font-size: 12px; right: inherit; top: inherit; position: inherit; text-align: center; margin: 20px 0 -30px 0;}
.u480 footer .phone-no a {font-size: 23px;}
footer .phone-no a {color:#3a2313; text-decoration: none;}
footer .footer-nav {float: right; margin: 90px 0 0 0; clear: both; font-size: 22px; color:#c3b59b;}
.u770 footer .footer-nav {width:100%; text-align: center;}
.u480 footer .footer-nav {width:100%; text-align: center;}
footer .footer-nav a {color:#3a2313; font-size: 22px; text-decoration: none; padding: 0 10px;}
.u1170 footer .footer-nav a {font-size: 18px;}
.u770 footer .footer-nav a {font-size: 18px;}
.u480 footer .footer-nav a {font-size: 15px;}
footer .legal {color: #c3b59b; font-size: 17px; padding: 60px 80px 0 80px; text-align: center; clear: both; font-weight: 400;}
.u1170 footer .legal {font-size: 14px;}
.u770 footer .legal {font-size: 14px;}
.u480 footer .legal {font-size: 12px; padding: 60px 10px 0 10px;}

.opening-times {text-align: center; margin:0 auto; border-collapse: collapse;}
.opening-times td {padding:0 20px;}
.opening-times .active {background:#9c8679;}

.images-links {
  display: flex;
  align-items: center;
  justify-content: center;
}

.images-links .image {
  width: 20%;
}

.images-links .image img {
  width: calc(100% - 40px);
  margin: 20px;
}

.social-logos {
  position: absolute;
  width: 125px;
  margin-top: -80px;
}

.social-logos .image {
  float: left;
  width: calc(50% - 20px);
  margin: 10px;
}

.social-logos .image img {
  width: 100%;
}

.u480 .social-logos {
    position: relative;
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.u480 .social-logos .image {
  width: 50px;
  margin: 20px 10px 0 10px;
}