/*====================*/
/*=== Thanks for taking the time to read ===*/
/*====================*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700);

.canvas { overflow:hidden; position:relative; display:block;}

#oldie { background:#2b333c; color:#fff; padding:10px 15px; position:fixed; bottom:0; left:0; right:0; z-index:900; font-size:12px;}

html { overflow-x: hidden; }
body { font-size: 13px; position: relative; overflow-x: hidden; overflow-y: scroll!important; margin-bottom:0!important; color: #000; max-width: 100%; }
body,h1,h2,h3,h4,h5,h6,.tp-caption{ font-family: 'Open Sans', sans-serif; text-rendering: optimizelegibility; font-weight:400; letter-spacing: 0.15em;  }

h1,h2,h3,h4 { font-weight:normal; letter-spacing:0.15em; text-transform: uppercase; color: #333;}

h1 { font-size:28px;}
h2 { font-size:24px;}
h3 { font-size:18px;}

.pagination { display: block; clear: both; width: 100%; text-align: center;}
.pagination a { margin: 0 10px; text-decoration: none;}

.container { width: 100%!important; max-width: 1700px!important; margin-left: auto; margin-right: auto; }

a,a:focus,a:hover {color:#111; text-decoration:none;}

strong,b { font-weight:bold;}

.anim-in.off { opacity:0; padding-top:100px;}

.clear_break { display:block; height:30px; width:100%; clear:both; float:none;}
.horizontal_break { display:block; height:20px; margin:30px 0; clear:both; background:#eee; position:relative;
-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.42); -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.42); box-shadow:inset 0 5px 5px rgba(0,0,0,0.08);}

.horizontal_break_pull { display:block; height:20px; margin:0 0 30px 0; clear:both; background:#eee; position:relative;
-moz-box-shadow:inset 0 0 10px rgba(0,0,0,0.42); -webkit-box-shadow:inset 0 0 10px rgba(0,0,0,0.42); box-shadow:inset 0 5px 5px rgba(0,0,0,0.08);}

hr { display:block; height:2px; margin:0; background:#f8f8f8; clear:both; margin: 30px 0;}

.button { padding:10px 22px; border:solid 1px #333; color:#333; font-weight:600; display:inline-block;}
.button:hover {border:solid 1px #ee9712; background:#ee9712; color:#fff;}

.btn {-webkit-border-radius:0px;-moz-border-radius:0px; border-radius:0px;}

.btn-primary { border:none; }
.btn-primary { position:relative; overflow:hidden; display:inline-block;  padding:18px 40px; font-weight:600; font-size:14px; border:solid 2px #3781dd; color:#fff; background:#3781dd; text-decoration:none!important;}
.btn-primary:hover,.btn-primary:active,.btn-primary:focus { background:#ccb152; color:#fff!important; border:solid 2px #ccb152; }
.btn-wide { display:block; width:100%;}

.DOPBSPCalendar-wrapper { margin-top: 50px!important; display: none;}

#DOPBSPCalendar-order4 { display: none;}

.gallery img { border: none!important;}
.gallery .gallery-item { margin: 0!important; padding: 5px;}
.gallery .gallery-item .gallery-caption { display: none; }

#conditions { border: solid 1px #ddd; }
#conditions h2 { margin: 0; font-size: 16px; text-align: center; cursor: pointer; padding: 15px;}
#conditions h2:hover { background: #555; color: #fff; }
#conditions div { display: none; padding: 15px; opacity: 0; height:0;}
#conditions div.active { display: block; height: auto; opacity: 1;}

/* Some basic animations */
@keyframes fadeup { 0% { opacity:0; } 100% {opacity:1;} }
.scorch { opacity:0;}
.scorch.in { animation-duration:1s; animation-name:fadeup; opacity:1;}

.menu-navigation-container li a,.ghost img,.ghost div ,.ghost h2:after,#links a:after,#cta-box span,#cta h2:after,#scroll-header,.ghost-service img,.ghost-service h2:after,.ghost div span,#conditions div,#conditions h2  {-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }

.searchform input[type=text],.service-dropdown,.menu-navigation-container .dropdown-menu,#header:before,#info,#banner .title,.ghost div,.menu-navigation-container .dropdown-menu li a:after,.ghost-dropdown div,#service-mini-dropdown,.ghost-simple div  {-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}

#accordion-menu li,#accordion-menu li *,#page-controls form > div,#page-controls form > span{-webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}

#cta:before,#people-cta:before{-webkit-transition: all 2s; -moz-transition: all 2s; -ms-transition: all 2s; -o-transition: all 2s; transition: all 2s;}

body,.main ul li:before,#people-dropdown  {-webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out;}

#head {  z-index:50; background:#7d8571;  position: relative; margin-top: 0; padding-top: 0;}
#head-inner { max-width: 1650px; margin: 0 auto; }

#header { position:relative; display:flex; flex-direction:column; padding: 0; }

#header:before { opacity: 0; height:45px; bottom:-45px; left:0; right:0; position: absolute; width:100%; content:""; background: rgba(0, 0, 0, 0.7);}
#header.on:before,#header.constant:before {height:65px; opacity: 1; bottom: -65px; }

#header.on.off:before,#header.constant.off:before {height:45px; opacity: 0; bottom: -45px; }

.logo {  width:320px; outline:none; position:relative; display:block; filter: brightness(0) invert(1); flex-shrink: 0; margin:15px auto; }
.logo img { width:100%; overflow:hidden;}

/* Main Accordion Slider */
#accordion-menu { list-style:none; width:100%; height:420px; overflow:hidden; background:#eee; padding:0; margin:0;}
#accordion-menu li { /*width:14.25%; width:16.6%; */ width:20%; float:left; display:inline-block; overflow:hidden; position:relative; height:420px;}
#accordion-menu h2 { bottom:-90px; left:0; text-align:right; position:absolute; right:0; width:430px; padding:5px 20px 40px 5px; margin:0; color:#fff; font-size:16px; text-transform:uppercase; letter-spacing:0.2em; display:block; height:90px; line-height:24px;
    -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg);
    -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -o-transform-origin: 0% 0%; transform-origin: 0% 0%; background:url(../images/shadow-v.png); background-size: 100% 100%;
    }
#accordion-menu li .overlay { background:#000; position:absolute; top:0; left:0; right:0; bottom:0; opacity:0;}
#accordion-menu li span { position:absolute; top:0; left:40px; font-size:16px; line-height:22px; right:0; bottom:0; opacity:0; text-align:center; padding:30px; color:#fff; width:600px;}
#accordion-menu li.active { width:60%;}
#accordion-menu li.off { /*width:6.6%; width:8%; */ width:10%;}
#accordion-menu .image { display:none; width:100%; display:block; position:absolute; top:0; left:0; right:0; height:100%; background-size:cover; background-position:center;}
#accordion-menu li.active .overlay { opacity:0.5;}
#accordion-menu li.active span { opacity:1;}

/* Main menu */
#header-top { display:flex; align-items:center; justify-content:space-between; padding: 10px 30px; }
#menu-wrapper { display: block; border-top: solid 1px rgba(255,255,255,0.2);  padding: 0 30px; width: 100%; }
#menu-wrapper .col-xs-12 { position: relative; }
.menu-navigation-container { }
.menu-navigation-container > ul { margin: 0; padding: 0; display: flex; justify-content:space-between; }
.menu-navigation-container > ul > li { display:inline-block; list-style: none; position: inherit;}
.menu-navigation-container li a { border-bottom:0; text-transform:uppercase; outline: none; display: block; color:#fff; position: relative; padding: 15px 0; font-size: 14px; }
.menu-navigation-container > ul > li.current-menu-item a { color: #fff; }
.menu-navigation-container > ul > li.current-menu-item a:hover,.menu-navigation-container > ul > li a:hover { color: rgba(255,255,255,0.75);  }
.menu-navigation-container li.active a { }
.menu-navigation-container .caret { display: none;}
.menu-navigation-container > ul > li.booking a { padding-left: 30px; padding-right: 30px; background:rgba(0,0,0,0.1); }

a.book-now-btn { flex-shrink: 0; background: #fff; color: #77806b; text-transform: uppercase; font-size: 13px; letter-spacing: 0.1em; padding: 10px 20px; text-decoration: none; font-weight: 700; white-space: nowrap; }
a.book-now-btn:hover { background: rgba(255,255,255,0.85); color: #77806b; text-decoration: none; }

a.menu-logo { position: absolute; top: 10px; left:15px;  background: url('../images/ident.svg') no-repeat; height: 35px; width: 35px; display: block;}
a.menu-tel { position: absolute; top: 20px; right:55px; background: url('../images/phone.svg') no-repeat; height: 15px; width: 15px; display: block; }
a.menu-email { position: absolute; top: 20px; right:15px;  background: url('../images/email.svg') no-repeat; height: 15px; width: 15px; display: block; }


.menu-navigation-container .dropdown-menu { z-index: 30; opacity: 0;  background: none; overflow: hidden; height: 65px; position:absolute; bottom:0; left:0; right:0; float: none; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;-webkit-justify-content:space-between; justify-content:space-around; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border:none; margin:0; padding:0; visibility: hidden;}
.menu-navigation-container .dropdown-menu li { position: relative; display: inline-block;}
.menu-navigation-container .dropdown-menu li a { position: relative;  background: none; padding: 25px 15px 20px; font-size: 13px; color: #fff; display:block; border:none!important;}

.menu-navigation-container .dropdown-menu li a:after { opacity:0; content:""; background: #fff; height:1px; width:0%; display: block; position: absolute; bottom: 15px; left:0; right:0; margin: 0 auto; }

.menu-navigation-container .dropdown-menu li.current-menu-item a:after,.menu-navigation-container .dropdown-menu li:hover a:after  { opacity: 1; width:100%; }

.menu-navigation-container .dropdown-menu li.current-menu-item:hover a { background: none;}

.menu-navigation-container .dropdown-menu.constant { visibility: visible; opacity: 1;}
.menu-navigation-container .dropdown-menu.constant.off { visibility: hidden; opacity: 0;}
.menu-navigation-container .dropdown-menu.on { visibility: visible; opacity: 1;}
.menu-navigation-container .dropdown-menu.on.constant.off { visibility: visible; opacity: 1;}


/* Welcome video */
#slider { float:left;  height:calc(100vh - 165px); width: 100%; position: relative;  background:#000; margin:0 0 10px;}
.rslides { position:relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; height:100%; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display:none; width: 100%;  height:100%; background-position:center top; background-size:cover; background-repeat:no-repeat; z-index:20;}
.rslides li h2 { color: #fff; text-transform: none; text-align: center; line-height: 22px; font-size: 18px; max-width: 750px; margin: 0 auto; font-weight: normal;  }
.rslides .info { position: absolute; bottom:0; left:0; right:0; padding: 80px 0 20px;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
    background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
    }

#slider .rslides_nav { color:#fff; line-height:50px;  opacity:0; z-index:150; position:absolute; top:50%;  display:block; width:30px; height:50px; outline:none!important; background:rgba(0,0,0,0.3); padding: 0 8px; }
#slider .rslides_nav:hover { background:rgba(0,0,0,0.5);}
#slider .rslides_nav.prev { left:0;}
#slider .rslides_nav.next { right:0;}
#slider:hover .rslides_nav { opacity:1;}



/* Clients */
#clients { margin-bottom: 20px; display:-ms-flexbox; display:-webkit-flex; display:flex; text-align: center; justify-content:space-around; flex-wrap: wrap; flex-direction: row;}
.clients_title { text-align: center; font-size: 18px; margin:50px 0 30px;}
#clients .hold { display: inline-block; margin: 15px;}
#clients .hold > img { max-width: 210px; box-sizing: border-box;}

/* Stevies ghost buttons!*/
.ghost { width:100%; position:relative; background:#000; overflow:hidden; display:block; margin-bottom:30px; }
.ghost img { width:100%;}
.ghost div { position:absolute; top:0; bottom:0; left:0; right:0; display:block; text-align:center; height:100%;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,.5));
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,.5));
    background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,.5));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0),rgba(0,0,0,.5));
    }
.ghost div span { padding: 0 20px; text-align: left; position:absolute; left:0; right:0; bottom:20px; color:#fff; font-size:16px; letter-spacing:.05em;  text-transform: uppercase; }
.ghost div span:after { display: block; top: 5px; content: ""; position: relative; width: 40px; height: 2px; background: rgba(255,255,255,.3);}
.ghost:hover div span { bottom:25px;}
.ghost:hover img { opacity:.7;}

/* Stevies ghost buttons!*/
.ghost-simple { width:100%; position:relative; background:#000; overflow:hidden; display:block; margin-bottom:30px;}
.ghost-simple img { width:100%;}
.ghost-simple div { line-height: 16px; position:absolute; min-height: 180px; bottom:-67px; left:0; right:0; display:block; text-align:center; padding: 50px 10px 10px;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));
    background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.7));
     color: #fff;
    }
.ghost-simple div h3 { color: #fff; height: 30px;}
.ghost-simple:hover div { bottom: 0;}

.TA_selfserveprop { width: 100%; position: relative; overflow: hidden;}
.widSSP { width: 100%!important;}

    /* Opener */
#opener { text-align: center; font-size: 16px; line-height: 26px; margin: 20px 0 50px;}

#contact-box { background: #9fa646; padding: 20px 0; height: 165px; display: block;}
#contact-box h5 { margin: 0; color: #fff; font-size: 16px; display: inline-block; }
#contact-box h5:after { content: ""; position: relative; width: 40px; height: 2px; background: rgba(255,255,255,.4); display: block; top: 5px;}
#contact-box .fb-page { height: 120px; float: right!important; display: inline-block;}
#contact-box .address { width: 220px; margin: 0 auto; display: block; text-align: center; color: #fff;}
#contact-box a.btn { text-transform: uppercase; display: block; padding: 20px 30px; background: #626724; color: #fff; margin-top: 30px;}
#contact-box a.btn:hover {  background: #41561c;}

.fb-page { width: 100%; max-width: inherit!important;}

/* CTA section */
#cta { padding: 110px 0 90px; background: #333; margin: 30px 0 0; display: block; position: relative; text-align: center; font-size: 13px; background-size: cover; background-position: center;}
#cta h2  { text-align: center; color: #fff; }
#cta a { padding: 16px 36px; background: #7d8571; letter-spacing:0.1em; color: #fff; display: inline-block; margin: 10px auto 0; text-transform: uppercase; border: solid 1px #7d8571; border-radius: 3px; box-shadow: 0 6px 16px rgba(0,0,0,.25); position: relative; }
#cta a:hover { background: #6b7360; border-color: #6b7360; color: #fff; }
#cta span { display: block; max-width:1000px; color: #fff; margin: 0 auto 20px; font-size: 19px; line-height: 30px; padding: 0 15px;}

#cta .overlay { position: absolute; top:0; bottom:0; left:0; right:0; background: rgba(0,0,0,.45); display: block;}
/* Overlay style for huge menu */
.overlay-hugeinc {  visibility: hidden; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index:100; background: rgba(80,80,80,0.9); }
.overlay-hugeinc nav { text-align: center; position: relative; top:50%; height:70%; font-size:15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.overlay-hugeinc .menu-navigation-container > ul { list-style: none; padding: 0; margin: 0 auto; height:75vh; position: relative; display: table; }
.overlay-hugeinc ul li {  display: table-row;}
.overlay-hugeinc ul li a { position:relative; text-decoration:none; outline:none; background:none!important; font-weight:700; margin-right:-0.1em; letter-spacing:0.1em; display:inline-block; color: #fff; -webkit-transition: color 0.2s; transition: color 0.2s; text-transform:uppercase; vertical-align: central; font-size:32px; border: none!important; }
.overlay-hugeinc ul li a:hover, .overlay ul li a:focus { color: rgba(255,255,255,0.9); }
.overlay-hugeinc ul li .dropdown-menu { display: block; visibility: visible; position: relative; }

/* Effects */
.overlay-hugeinc { opacity: 0; visibility: hidden; -webkit-transition: opacity 0.5s, visibility 0s 0.5s; transition: opacity 0.5s, visibility 0s 0.5s; }
.overlay-hugeinc.open {  opacity: 1; visibility: visible; -webkit-transition: opacity 0.5s; transition: opacity 0.5s; }
.overlay-hugeinc nav { -webkit-perspective: 1200px; perspective: 1200px; }
.overlay-hugeinc nav ul { opacity: 0.4; -webkit-transform: translateY(-25%) rotateX(35deg); transform: translateY(-25%) rotateX(35deg); -webkit-transition: -webkit-transform 0.5s, opacity 0.5s; transition: transform 0.5s, opacity 0.5s; }
.overlay-hugeinc.open nav ul { opacity: 1; -webkit-transform: rotateX(0deg); transform: rotateX(0deg); }
.overlay-hugeinc.close nav ul { -webkit-transform: translateY(25%) rotateX(-35deg); transform: translateY(25%) rotateX(-35deg); }

/* Highlight hover effect */
.overlay-hugeinc ul li a:before {content:""; display:block; position:absolute; margin:0 auto; bottom:0%; left:0; right:0; width:0%; background:rgba(0,0,0,0.00); height:2px;}
.overlay-hugeinc ul li a:hover:before { width:100%; background:#ccb152; }


/*Animating hamburger menu - amimate to x*/
.mobile-search { display:none; float:none; position:relative; margin-top:50px; width:100%; padding:10px; margin-bottom:-50px;}
.mobile-search .twitter-typeahead { width:85%!important;}
.mobile-search div input[type="text"] { opacity:1; width: 100%;}

#trigger-overlay { background:none; z-index:500; border:none; top:2px; display:block; right:0; left:0; text-indent:-9999px; position:absolute; visibility:visible!important; }
#trigger-overlay:active { padding:0; margin:0;}
.c-hamburger { display: block; position: relative; margin: 0; padding: 0; overflow:visible; width: 32px; height: 32px;  appearance: none; box-shadow: none; border:none; cursor: pointer; }
.c-hamburger:focus { outline: none; }
.c-hamburger span { display: block; position: absolute; top: 14px; left:0; right:0; height: 3px; background:#fff; }
.c-hamburger span::before, .c-hamburger span::after { position: absolute; display: block; left: 0; width: 100%; height: 3px; background-color:#fff; content: ""; }
.c-hamburger span::before { top: -8px; }
.c-hamburger span::after { bottom: -8px; }
.c-hamburger--htx span { transition: background 0s 0.3s; }
.c-hamburger--htx span::before, .c-hamburger--htx span::after { transition-duration: 0.3s, 0.3s; transition-delay: 0.3s, 0s; }
.c-hamburger--htx span::before { transition-property: top, transform; }
.c-hamburger--htx span::after { transition-property: bottom, transform; }
/* active state, i.e. menu open */
.c-hamburger--htx.is-active span { background: none; }
.c-hamburger--htx.is-active span::before { top: 0; transform: rotate(45deg); }
.c-hamburger--htx.is-active span::after { bottom: 0; transform: rotate(-45deg); }
.c-hamburger--htx.is-active span::before, .c-hamburger--htx.is-active span::after { transition-delay: 0s, 0.3s; background-color:#fff; }

/* Single Pages */
.service_image { max-width:50%; margin: 0 0 20px 20px; float:right; -webkit-border-radius:4px;-moz-border-radius:4px; border-radius:4px; overflow:hidden; width:100%; }
.service_image img { width:100%; height:auto!important;}

/* Single pages */
#banner { position:relative; height:350px; box-sizing:border-box;  text-align:center;  background-position:top center; background-repeat:no-repeat; background-size:cover; }

#banner .title,#video .title { opacity: 1; position: absolute; padding:60px 0 20px; text-align: center; color: #fff; bottom:0; left:0; right:0; margin: 0 auto; opacity: 1;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
    background: -o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
    background: -moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
    background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.5));
    }
#banner .title h1 {  font-size:24px; margin:0; line-height: 36px; color: #fff; }
#banner .title h2 { font-size: 18px; color: #fff; margin: 0;}
#banner h4 { color: #fff; }
#banner .overlay { display: none;}

#welcome .title { position: absolute!important;}

#banner .btn { text-transform:uppercase; border:solid 1px #fff; background: rgba(0,0,0,0.4); color:#fff;  padding:15px 25px; clear:none; font-size:16px; margin-top:15px; display:inline-block; font-weight:600;}
#banner .btn:hover { background:#000;}

.ms-lightbox-template { background:rgba(0,0,0,1)!important; max-width: 855px; width: 100%; margin: 0 auto!important; float: none; position: relative; padding: 5px;}
#masterslider { }


div.wp-caption { padding: 10px; border: solid 1px #eee;}
img.alignright,div.alignright { float:right; margin-left:15px; margin-bottom:15px;}
img.alignleft,div.alignleft { float:left; margin-right:15px; margin-bottom:15px;}

p img.aligncenter { text-align: center; margin: 0 auto; display: block;}

/* Footer Section*/
#footer-wrapper {  padding:50px 0 40px; border-bottom: solid 1px #eee; color: #333; text-align: center; position: relative;  }
#footer-wrapper h2 { margin-top: 0;}
#footer-wrapper h5 { text-transform: uppercase; letter-spacing: 0.1em; font-size: 14px; margin: 0 0 15px; color: #333;}
#footer-wrapper .address { display: inline-block; color: #555; line-height: 24px; font-size: 14px;}
#footer-wrapper .col-sm-4 { margin-bottom: 20px;}
#footer-wrapper .col-sm-4 a.btn { text-transform: uppercase; letter-spacing: 0.1em; display: inline-block; padding: 12px 28px; background: #7d8571; color: #fff; border-radius: 3px; margin-top: 5px; font-size: 12px;}
#footer-wrapper .col-sm-4 a.btn:hover { background: #6b7360; color: #fff;}
#footer-wrapper ul { padding: 0; margin: 0;}
#footer-wrapper li { list-style: none; display: inline-block; margin: 0 15px;}
#footer-wrapper li a { color: #444; text-transform:uppercase; letter-spacing: 0.1em; font-size: 11px;}

#footer-wrapper img { margin-bottom: 28px;}

#menu-terms-privacy a { text-transform: none!important;}
#newsletter { font-size: 12px;}

.social-links { display: block; }
.social-links a { display: inline-block; background: #7d8571;  margin: 0 4px; font-size: 16px; text-align: center; width: 35px; height: 35px; padding-top: 8px;  border-radius: 50%;  color: #fff;  position: relative;}
.social-links a:hover { background: #6b7360;}
.social-links a.instagram { background-position:-4px 0;}
.social-links a.google { background-position:-44px 0;}
.social-links a.twitter { background-position:-80px 0;}
.social-links a.youtube { background-position:-120px 0;}
.social-links a.linkedin { background-position:-167px 0;}
.social-links a.facebook { background-position:-203px 0;}

#footer-wrapper .social-links { margin-top: 20px;}

#newsletter { margin-top:64px; color: #ddd;}
#newsletter input { background:#333; border:none; display: block; width: 100%; margin: 20px 0 0; padding: 10px; box-sizing: border-box;}

#copyright,#scorch  { font-size:11px; color:#666; padding:15px 0; display:inline-block; position:relative; float:left; }
#scorch { float:right;  }
#scorch a { color: #666; }

.disclaimer {position: relative;}
#disclaimer-menu { display:block; position: absolute; left:0; right: 0; margin: 0 auto; padding:12px 0; font-size: 13px; text-align: center;}
#disclaimer-menu ul { margin: 0; padding:0;}
#disclaimer-menu li { list-style: none; display: inline-block; }
#disclaimer-menu li a { list-style: none; display: inline-block; margin: 0 7px; color: #333;}

/* Social bar */
#social { background:#6b6b6b; color:#fff;}
#social h2 { text-transform:uppercase; letter-spacing:0.2em; text-align:center; font-weight:700; font-size:18px; margin:0; padding:5px 0;  }
#social span {  display:inline-block; vertical-align:top; padding:20px 0 0;}
#social #crestashareiconincontent { display:inline-block; position:relative; margin-left:20px;}

.search-result { color:#333; outline:none; margin:20px 0; padding:15px 0; border-bottom:solid 1px #eee; display:block; position: relative; overflow:hidden; }
.search-result h2 {}
.search-result .more { font-weight:bold;}
.search-result:hover { color:#333;}
.search-result:hover .more { color:#ccb152;}

/* Contact Page */
#map { display:block; width:100%; height:300px; font-size:15px; }
.contact { text-align:center!important;}
.contact h2 { text-align:center!important;}
.contact { display:block; text-align:center; margin-bottom:10px; color:#777;}
.contact a { font-weight:bold; color:#333!important; text-decoration:none!important; font-size:26px;}
.contact .btn { background:#ccb152; text-decoration:none!important; color:#fff; -webkit-border-radius:6px;-moz-border-radius:6px; padding:15px 20px; margin:20px 0; border-radius:6px;}

.contactpage { text-align:center; margin-top: 40px;}
.contactpage h2 { font-size: 18px; margin: 0;}
.contactpage a { text-decoration:none!important;}

/* Accordion*/
.acc { margin-bottom:10px; position: relative;}
.acc > h2 { display:block; background:#fff; border:solid 1px #e4e4e4; color:#333; padding:20px 20px; margin:0!important; font-size:16px; cursor:pointer;   }
.main .acc > h2:after { width: inherit; height:inherit; content: '\e259'; font-family: "Glyphicons Halflings"; background: none; position: absolute; text-align: right; right:20px; top:22px; font-size: 12px; }
.acc.active > h2,.acc > h2:hover  { background:#f4f4f4; }
.acc.active > h2:after  { content: "\e260"; }
.acc-body { padding:15px 0; display:none;}

/* General page */
.main { margin-top: 70px; margin-bottom: 40px; line-height: 22px; display: block; position: relative; }
.main h1 { text-align: center; margin: 30px 0 20px ; font-size: 24px; }
.main h2 { margin-top: 0;}
.main h3 { margin-top: 20px; text-transform: uppercase; font-weight: bold; font-size: 15px;}
.main h4 { margin: 0; text-align: center; margin-bottom: 20px; text-transform: none;}
.main h2:after { margin: 0; width: 60px;}
.main img { max-width:100%; height:auto; }
.main a { text-decoration:underline; }
.main a:hover { text-decoration:none; }
.page-section { width:100%; position: relative; padding:25px 0; background:#f4f4f4; border-bottom:solid 1px #ddd; border-top:solid 1px #ddd; }


.main.two_column .col-xs-12 {-moz-column-count:2; -webkit-column-count:2; column-count:2;-moz-column-gap:30px; -webkit-column-gap:30px; column-gap:20px;}

/* Hide the icons maybe? */
#bar-menu a span { font-size:20px; font-weight:700; text-align:center; line-height:24px;  padding:0 20px; background:none!important;}

#registerform { width:100%; height:4300px;}

.modal-dialog {  height:auto; width:90vw; max-height:90vh; margin:4vh auto!important; box-sizing:border-box!important;}
.modal-body iframe { display:block; overflow:visible; width:100%; min-height:80vh; border:none;}

.modal-open {
    padding-right: 0 !important;
}


/* Share */
#share { text-align: center; position: relative; display: block; margin-top:50px;}
#share h2 { display: block; color: #bbb; font-size: 16px;}
#share #crestashareiconincontent .sbutton { display: inline-block; float: none;}

#share .cresta-share-icon i { background: #ccc;}
#share .cresta-share-icon i:hover { background: #fff;}


/* Mailchimp form */
.mc_form_inside { position: relative; display: block;}
.mc_form_inside label { display: none;}
.mc_form_inside #mc_signup_submit { position: absolute; top:11px; right:15px; width: auto;  background: none; padding: 0; margin: 0; color: #999;}
.mc_form_inside #mc_signup_submit:hover { color: #fff;}
.mc_form_inside .mc_message { color: #fff; background: #000; position: absolute; top:0; bottom: 0; left:0; right:0;}

.player-wrap { display: none; width: 100%; background: #f6f5f1; padding: 55px 0 0;}
.player { margin:0 auto; position: relative; display: none; max-width: 720px; border-radius: 6px; overflow: hidden; box-shadow: 0 10px 30px rgba(0,0,0,.15);}
.player img { width: 100%; height: auto; opacity: 0;}
.player iframe { width: 100%; height:100%; position: absolute; top:0; bottom: 0; left:0; right:0;}
.player-text { margin: 25px auto 0; display: none; max-width: 720px; padding: 0 15px 55px; background: #f6f5f1;}
.player-text h1 { font-size:22px; text-align: center; line-height: 28px; color: #333;}

body.mobile .player,body.mobile .player-wrap,body.mobile .player-text { display: block;}


body.mobile #video,body.mobile .big-background { display: none;}

.booking #MyUKTravel {
	background: #fff;
	padding: 25px;
	border-radius: 8px;
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	margin-top: -60px;
	position: relative;
	z-index: 10;
	border: 1px solid #e9ecef;
}

#MyUKTravel #StdHeader {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 25px;
	color: #28a745;
	text-align: left;
	border-bottom: 2px solid #28a745;
	padding-bottom: 10px;
}

#MyUKTravel .booking-row {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	align-items: flex-end;
	background: #efefef;
	padding: 15px;
	border-radius: 5px;
}

#MyUKTravel .input-group {
	display: flex;
	flex-direction: column;
	margin-bottom: 0;
	flex: 1;
	min-width: 80px;
}

#MyUKTravel .input-group label {
	font-size: 13px;
	color: #555 !important;
	margin-bottom: 5px;
	font-weight: 600;
	text-align: left;
	display: block !important;
	text-transform: none !important;
}

#MyUKTravel .form-control {
	height: 38px;
	padding: 6px 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background-color: #fff;
	color: #333;
	font-size: 14px;
	width: 100%;
}

#MyUKTravel .input-group.search-button-group {
	flex: 0 0 auto;
	min-width: 140px;
}

#MyUKTravel .btn-search {
	background-color: #ffb400;
	color: #fff;
	border: none;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 20px;
	border-radius: 4px;
	height: 38px;
	width: 100%;
	transition: background 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;
}

#MyUKTravel .btn-search:hover {
	background-color: #e6a100;
	color: #fff;
}

#MyUKTravel .btn-search .arrow {
	margin-left: 10px;
	font-size: 18px;
}

@media (max-width: 991px) {
	#MyUKTravel .booking-row {
		gap: 10px;
	}
	#MyUKTravel .input-group {
		flex: 1 1 calc(33% - 10px);
	}
	#MyUKTravel .input-group.search-button-group {
		flex: 1 1 100%;
	}
}

@media (max-width: 480px) {
	#MyUKTravel .input-group {
		flex: 1 1 100%;
	}
}


.news { border: none; text-decoration: none; text-align: center; min-height: 460px; display: block; position: relative;}

@media (max-width: 1380px) {

#slider > div h1 { font-size:52px;}
#slider > div h2 { font-size:22px;}

#banner .col-xs-12 h1 { font-size:38px;}
#banner .col-xs-12 h2 { font-size:18px;}

}

@media (max-width: 1199px) {
#banner .col-xs-12 { margin-top:190px;}
#banner .overlay { background-position:center 90px;}


}

@media (max-width: 991px) {

#bar-menu a { font-size:14px;}
#feature iframe { max-width:50%;}
    .menu-navigation-container li a { padding: 10px; letter-spacing: 0;}
#banner { background-size: cover; }


}


@media (max-width: 900px) {
}


@media (max-width: 767px) {

	#cottage-list .cottage-text::after { display: none!important;}

    .main .gallery .gallery-item { width: 50%!important;}

    #MyUKTravel form #StdBody { display: block; text-align: center;}
    #MyUKTravel .input-group { float: none; display:block; width: 100%; text-align: center; margin: 0 auto;}
    #MyUKTravel .datepick table { margin: 0 auto; display: block; width: 280px;}
    td.calendarDateInput { width: 22px; height: 22px;}
    #txtFirstNight_ID  { left: 0; right:0; margin: 0 auto; top: 20px;}




    .player-text h1 { font-size: 16px; text-align: center; line-height: 22px; }

    #slider { height: 320px; }

	#slider .hero-content .container {}
	#slider .hero-content { left: 30px!important; right: 30px!important;}



    .rslides li h2 { font-size: 14px; font-weight: bold;}


.ghosts { margin-top: 10px;}
    .ghost { flex: 0 0 100%;}
#tags { display: none;}

.news > div { display: block; padding: 15px;}
.news img { float: none;  display: block; margin: 0 auto; }
.news h2 { font-size: 14px; line-height: 18px; margin: 15px 0;}

    .partner div { display: block;float: none;width:auto; margin: 0 auto; }
    .partner > a { display: none;}
    .partner img { margin: 0 auto 10px;}
    .partner p { display: block; float: none;width: 100%; }

    #banner .title { bottom: -10px!important; }
    #banner .title h1, #video .title h1 { font-size: 14px!important; line-height: 18px!important; margin: 0; }
    #banner .title h4, #video .title h4 { margin: 0!important; font-size: 12px!important;}

.brochures { height: auto;}
.brochure {position: relative; margin: 30px auto; top: 0!important; height: auto!important; }
#brochure0 {  width: 170px!important;}

    #header { margin-bottom: 0;}
#header.constant::before { display: none;}
.main.two_column .col-xs-12 {-moz-column-count:1; -webkit-column-count:1; column-count:1; -moz-column-gap:0; -webkit-column-gap:0; column-gap:0;}

.main { margin-top: 0;}

    #welcome,#banner { height: 300px;}

#head .logo {  float: none; margin:75px auto 10px; max-width:70%; display: block;}

#scroll-header,.service-dropdown,#header .menu-navigation-container { display: none;}
    
.main .two-column { -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; -moz-column-gap: 0; -webkit-column-gap: 0; column-gap: 0; }

.modal-dialog {  height:auto; width:95vw; max-height:70vh; margin:1vh auto!important; box-sizing:border-box!important;}



#opener { font-size: 14px; line-height: 18px; margin: 30px 0;}

#cta { margin: 0;}
#cta-box, #news, #events { width:100%; border: none; margin:15px 0;}

#links { border: none; display: block; margin: 0;}
#links a {  display: block; border:none;}

#banner .title { bottom: -30px; padding:10px;}
    #banner .title h1 { font-size: 18px; margin:0 0 10px;}
    #banner .title h2 { font-size: 14px; margin: 0; padding: 0;}

    body { font-size:13px;}

#head { display: block; position:relative;}

h2 { font-size:18px;}

.dropdown-menu,.caret { display:none!important;}

#banner .overlay { background-position:center 20px;}
#banner { min-height:200px;}
#banner .col-xs-12 { margin-top:60px;}

#banner.buttoned .col-xs-12 { margin-top:40px;}
#banner .col-xs-12 h1 { font-size:24px;}
#banner .col-xs-12 h2 { font-size:16px;}
#banner .col-xs-12 h1:after { width:50%; bottom:-3px}
#banner .btn { font-size:14px; margin:0;}

#banner { height:170px; margin:0;}

#people #banner { display:none; }
#people .ms-staff-carousel { margin-top:0!important;}

.ms-staff-carousel .ms-staff-info h3, .ms-staff-carousel .ms-staff-info h4 { color:#333!important;}
.ms-staff-carousel .ms-staff-info h3 { font-size:18px!important;}
.ms-staff-carousel .ms-staff-info h4 { font-size:16px!important;}


#filters { margin-bottom:15px;}
#filters button { font-size:14px; padding:10px ;}
.news-archive .news h3 { font-size:16px;}

.main { padding-bottom:20px; padding-top:20px;}

#feature { padding:20px 0;}


.acc > h2 { font-size:16px;}

#feature iframe,#my-video  { max-width:100%; display:block; float:none; margin:0; height:150px; margin-bottom:20px;}

.vjs-big-play-button { position:absolute; top:40%!important; left:40%!important; right:0!important;}

.latest-news h2 { font-size:18px;}

.latest-news .news h3 { font-size:14px;}

.contactpage { text-align:center; margin-bottom:20px;}

#menu { display:none;}

.scorch { opacity:1!important;}

.overlay-hugeinc ul { height:75vh;}
.overlay-hugeinc ul li a { font-size:16px; }

#footer { margin:10px 0 0 0;}
#copyright,#scorch  { font-size:11px; text-align:center;  padding:10px 0 0; display:block;  float:none; }

#call-to-action h2 { font-size:18px;}
#call-to-action .btn { padding:15px 20px;}

.contact a { font-size:18px;}


    /* Mobile menu system */
    #mobile-nav { position:absolute; z-index:100; background:#7d8571; left:0; right:0; width:100%; top:0; }
    #mobile-nav ul { padding:5px 0 0; margin:0; display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;-webkit-justify-content:space-between; justify-content:space-around;}
    #mobile-nav li { display:inline-block; position:relative; padding:0; height:55px; padding-top:4px; text-align:center; }
    #mobile-nav li a,#toggle-main { padding:0; margin:0; text-decoration:none; background:none; display:block; position:relative; width:26px; height:28px; font-size:20px; color:#eee; border:none; float:none; margin:0 auto;}
    #mobile-nav li a,#toggle-main { padding:0; margin:0; text-decoration:none; background:none; display:block; position:relative; width:26px; height:28px; font-size:22px; color:#eee; border:none; float:none; margin:0 auto;}
    #mobile-nav li:hover a,#mobile-nav li:hover #toggle-main { color:#fff;}
    #mobile-nav li .menulabel { font-size:11px; text-align:center; display:block; color:#fff;}

    #main-toggle-wrapper { display:block; width:inherit; height:inherit; padding:1px 20px 0 ; margin:0; list-style:none; background:#333; border-radius:0; -webkit-border-radius:0;-moz-border-radius:0; height:48px;min-height:35px }


    .menu-navigation-container .dropdown-menu { z-index: 30; opacity:1;  background: none; overflow: hidden; height:auto; position:relative;  visibility: visible; display: block!important;}
    .menu-navigation-container .dropdown-menu li { position: relative; display: inline-block;}
    .menu-navigation-container .dropdown-menu li a { position: relative;  background: none; padding: 25px 15px 20px; font-size: 13px; color: #fff; display:block; border:none!important;}


    .menu-navigation-container .service-menu { display: none!important;}

    #mobile-menu { background:#fff; list-style:none; text-align:center;}
    #mobile-menu li a { color:#666; padding:5px 0; display:block; font-size:14px; border-bottom:solid 1px #eee;}
    #mobile-menu .sub-menu { margin:0; padding:0; list-style:none; background:#f4f4f4;}
    #mobile-menu .sub-menu li a {font-size:13px;}
    #mobile-menu .sub-menu li a:hover { background:#eee;}

    .overlay .menu-navigation-container { display:block; width: 100%; float:none; margin:0; text-align: center;}
    .overlay .menu-navigation-container > ul { margin: 0; padding: 0; width:100%; display: flex; flex-direction: column; justify-content:space-around;}
    .overlay .menu-navigation-container ul li { display:block; list-style: none; width:100%; padding:0; border:none; }

    .overlay .menu-navigation-container ul li a {  font-weight: normal; display: block; font-size: 14px; color:#fff; padding:0;}
    .overlay .menu-navigation-container li a:after,.overlay .menu-navigation-container li a:before { display: block;}

    .overlay .menu-navigation-container li.current-menu-item a,.menu-navigation-container a:hover { color: #fff; border:none;}

    .overlay .menu-navigation-container li.dropdown .dropdown-menu { text-align:center; float: none; display:block;  border: none; position: relative;  padding: 0; margin: 0; top:0; left:0; right:0; background: none!important; color: #fff; }

    .overlay .menu-navigation-container li.dropdown .dropdown-menu li a { background: none!important; color: #bbb; padding: 5px 0;}

    .menu-navigation-container li a::after { display: none;}

    .menu-navigation-container .dropdown-menu li a::after { display: none;}


    .overlay.open ul { z-index: 100;}

#footer { text-align:center;}
#footer .col-xs-12 { margin-top: 15px; margin-bottom: 15px;}
#footer #address { margin-top:10px;}
#footer li a { padding:0!important;}
#footer span.glyphicon { display:none;}
}

/* Old browser nonsence for the rubbish */
.oldbrowser {}

.oldbrowser #bar-menu .menu { text-align:justify; clear:both; display:block; margin:0; padding:0; height:45px;}
.oldbrowser #bar-menu .menu:after {content: ''; display: inline-block;width: 100%;}
.oldbrowser #bar-menu .menu li { display: inline-block; padding-top:2px;  text-align:center; color:#fff; background-position:top left!important; background-size:100% 100%!important; }
.oldbrowser #bar-menu .menu li .dropdown-menu { display:none;}
.oldbrowser .info h2 { font-weight:600!important;}