:root {
  --main: #004275;
  --accent: #001C31;
  --white: #ffffff;
  --offwhite: #fafafa;
  --black: #1a1a1a;
  --grey: #EFEFEF;
}

html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}audio,canvas,iframe,img,svg,video{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.browserupgrade{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}a{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;text-decoration:none;color:#00AEEF}a img{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}.smoothie{-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
h1,h2,h3,h4,h5,h6{margin:0 0 10px 0;color:var(--accent);color:#222;font-weight:700;text-transform:uppercase;letter-spacing:1px}
p{margin:0 0 10px 0}strong{color:var(--accent)}img,iframe{max-width:100%}


body::-webkit-scrollbar {
  width: 11px;
}
body {
  scrollbar-width: thin;
  scrollbar-color: var(--main) var(--accent);
}
body::-webkit-scrollbar-track {
  background: var(--accent);
}
body::-webkit-scrollbar-thumb {
  background-color: var(--main);
  border-radius: 6px;
  border: 3px solid var(--main);
}


.container{width:100%;margin:0 auto;max-width:1920px;background:#fff;position:relative}
body{background:#efefef;font-family:'Karla',sans-serif;color:#343333}
.header{width:100%;display:flex;justify-content:space-between;align-content: center; flex-wrap:wrap;padding:0;transition:background 0.4s ease;position:absolute;top:0;left:0;background:rgba(0,0,0,0);z-index:100}
.logo{width:340px;padding:20px 40px;background:rgba(0,66,117,0)}



.navigation{display:flex;flex-wrap:wrap}
.navlink{text-transform:uppercase;letter-spacing:1px;font-weight:400;color:rgba(255,255,255,.6);outline:0 solid red;padding:0 20px;display:flex;align-items:center}
.navlink.current{color:#fff}
.navlink:hover{color:#fff}
.bookonline{background:rgba(255,255,255,.5);color:var(--main);background:rgba(0,66,117,.95);color:#fff;font-weight:700}
.bookonline:hover{background:#fff;color:var(--main)}


.headcontact{outline: 0px solid red; flex-grow: 1; display: flex; justify-content: center; align-content: flex-start; flex-direction: column;}
.headcontact a{font-size: 14px; font-style: italic;}
.headfirstlink{margin-bottom: 5px; display: inline-block;}
.headsecondlink{margin-bottom: 0px; display: inline-block;}


.navigation{display: flex; justify-content: flex-start; flex-wrap: wrap; outline: 0px solid red; align-content: flex-start; margin: 0; padding: 0;}
.navlink{position: relative;display: flex; justify-content: center; align-items: center; padding: 30px 30px;}
.navdrop{background-image: linear-gradient(to bottom, transparent 50%, var(--main) 50%); background-size: 100% 200%;}


.navdrop:hover{opacity: 1; background: var(--main); color: #fff;}



 /* ==========================================================================
   NAV
   ========================================================================== */   

.navigation li{margin: 0; padding: 0;}
.hoverclass{background: var(--main); color: #fff;}

ul.primary,ul.sub{list-style: none; list-style-type: none; position: relative; text-align: left; padding: 0; margin: 0;}
/* prime */
ul.primary li a {display: block;}

ul.primary {z-index: 10; }
ul.sub {z-index: 9; }
/* subs */
ul.sub {position: absolute;  width: auto; margin: 0; padding: 0;transition:all 0.3s; height: 0; pointer-events: none;}

ul.sub li {float: none; margin: 0; background: var(--main); transform: translateY(-100%); transition: all 0.3s ease; opacity: 0;}

ul.sub li a {border-bottom: 0px solid var(--accent); padding: 20px 30px; text-transform: capitalize; font-size: 14px; font-weight: 400; max-width: 300px;}


ul.sub li:last-child a {}
ul.sub li:first-child {box-shadow: inset 0 20px 20px -20px rgba(0,0,0,0.3); border-top: 2px solid var(--accent);}
ul.sub li:last-child {border-bottom-left-radius: 0px;border-bottom-right-radius: 0px; overflow: hidden;  }
/* sub display*/
ul.primary li:hover ul {display: block; opacity: 1; height: 500px; --count:8; height:calc(var(--count)*45px);z-index: 200; pointer-events: all;}
ul.primary li a.drop{transition: 0.3s all ease; border-top-left-radius: 10px; border-top-right-radius: 10px;/*border-top-left-radius: 10px; border-top-right-radius: 10px;*/}
/* keeps the tab background white */
ul.primary li:hover a.drop {background: #fff;background: rgba(246,246,246,0.9); color: #1a1a1a; }

ul.sub li a:hover { background: var(--accent); }
ul.sub li a{color: #fff; text-transform: uppercase;}
ul.primary li:hover a.drop {background: var(--accent); color: var(--grey); }

ul.sub li{--index:1;transition-delay: calc(0.1s * var(--index));}
ul.primary li:hover ul.sub li {transform: translateY(0); opacity: 1;}

.subarrow{position: absolute; bottom: -6px; left: 0; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; color: var(--main);display: none; }









.breadcrumbs{font-size: 12px; width: 100%; margin:0 auto; padding: 20px 0;  background: #efefef;}
.innerbreadcrumbs{width:1000px;max-width:calc(100% - 80px);margin:0 auto;}
.breadcrumbs a{color: #676767;}
.breadcrumbs a:hover{color: var(--main);}
.breadcrumbs span{margin: 0 5px;}















.sticky{padding:0;position:fixed;top:0;left:0;width:100%;max-width:1920px;background:linear-gradient(to bottom,rgba(0,66,117,.9) 0,rgba(30,28,49,0) 100%);background:rgba(0,66,117,.85)}
.sticky .logo{width:340px}

.slideholder {width: 100%;height: 100vh;position: relative;}
.slidedown {position: absolute;bottom: 0;left: 0;width: 100%;z-index: 50;text-align: center;font-size: 24px;
}
.slidedown a {color: #fff;}
#bookslide {outline: none;}
.slidecover {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 49;background: linear-gradient(to bottom, rgba(0, 66, 117, 0.7) 0, rgba(0, 66, 117, 0.2) 20%, rgba(0, 28, 49, 0.4) 60%, rgba(30, 28, 49, 0.7) 90%, rgba(30, 28, 49, 1) 100%);pointer-events: none;}
.slider {width: 100%;height: 100vh;position: relative;}
.slideimg {width: 100%;height: 100%;position: relative;}
.theslide {width: 100%;height: 100%;}
.theslide img {width: 100%;height: 100%;object-fit: cover;object-position: top center;}
.slidercaption {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 500;}
.newcaption {position: absolute;bottom: 30px;left: 30px;z-index: 500;color: rgba(255, 255, 255, 0.6);font-style: italic;font-size: 18px;}
.innerslidecaption {width: calc(100% - 80px);height: 100%;max-width: 1220px;margin: 0 auto;display: flex;justify-content: center;align-items: flex-start;flex-direction: column;text-align: left;}
.captionheader {font-size: 70px;color: #fff;font-weight: 800;letter-spacing: 0;text-transform: uppercase;max-width: 70%;line-height: 70px;text-shadow: 1px 2px 1px rgba(0, 0, 0, 0);font-family: "Raleway", sans-serif;}
.caption {font-size: 20px;color: #fff;font-weight: 400;text-transform: uppercase;letter-spacing: 2px;margin: 20px 0 0 5px;}



.darkcontent{width:100%;background:rgba(0,28,49,1)}
.lightcontent{width:100%;background:#fbfbfa}
.inner{width:100%;max-width:1220px;margin:0 auto}
.inneriframe{max-width: 1240px;}
.innerdark{padding:80px 0}
.darkheader{width:96%;margin:0 auto;font-size:34px;text-align:center;color:#fff;color:rgba(255,255,255,.6);text-transform:uppercase;font-weight:700;position:relative;letter-spacing:1px}
.darkbuttons{width:100%;display:flex;justify-content:center;flex-wrap:wrap;padding:20px 0 0}
.darkbooking{padding:0 30px;margin:20px 10px;text-transform:uppercase;font-weight:700;color:rgba(0,28,49,1);font-size:18px;position:relative}
.darkpublic{border:2px solid #0ae;color:#0ae}
.darkclient{border:2px solid #fff;color:#fff}
.innertextcontent{width:1000px;max-width:calc(100% - 80px);margin:0 auto;padding:40px 0}

.boxes{width:100%}
.homeboxes{width:calc(100% - 80px);max-width:1420px;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;padding-bottom:40px}
.homebox{width:32%;height:auto;box-shadow:0 30px 90px rgba(0,0,0,.25),0 7px 20px rgba(0,0,0,.05);background:var(--main);position:relative;padding-bottom:40px;padding-top:225px;overflow:hidden}
.homeboxlink{position:absolute;bottom:0;left:0;background:#fff;text-align:center;width:100%;height:auto;padding:10px 0;font-weight:700;font-size:18px;z-index:15;color:var(--main);background-size:100% 200%;background-image:linear-gradient(to bottom,#fff 50%,var(--main) 50%);transition:all 500ms cubic-bezier(.77,0,.175,1)}
.homeboxtext{width:100%;padding:20px 20px 20px;font-size:14px;position:relative;z-index:11;background:var(--main);color:#fff}
.homeboxheader{font-size:20px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.homeboximage{width:100%;height:225px;position:absolute;top:0;left:0;z-index:10}
.homeboximage img{object-fit:cover;width:100%;height:100%;position:relative;transition:all 500ms cubic-bezier(.77,0,.175,1)}
.homeboximage:before{content:'';width:calc(50% - -2px);height:0;position:absolute;bottom:-1px;left:0;border-bottom:25px solid var(--main);border-bottom-width:25px;border-bottom-style:solid;border-bottom-color:rgb(0,66,117);z-index:9;-webkit-transform:translateZ(0);transform:translateZ(0);border-right:25px solid transparent;border-right-width:25px;border-right-style:solid;border-right-color:transparent}
.homeboximage:after{content:'';width:calc(50% - -2px);height:0;position:absolute;bottom:-1px;right:0;border-bottom:25px solid var(--main);border-bottom-width:25px;border-bottom-style:solid;border-bottom-color:#fff;z-index:9;-webkit-transform:translateZ(0);transform:translateZ(0);border-left:25px solid transparent;border-left-width:25px;border-left-style:solid;border-left-color:transparent}
.hblight{background:#fff}
.hblighttext{background:#fff;color:var(--main)}
.hblightimage:before{border-bottom-color:rgb(255,255,255)}
hblightimage:after{border-bottom-color:rgb(255,255,255)}
.hblightlink{background:var(--main);color:#fff;background-size:100% 200%;background-image:linear-gradient(to bottom,var(--main) 50%,#efefef 50%);transition:all 500ms cubic-bezier(.77,0,.175,1);text-transform:uppercase;letter-spacing:1px}
.homebox:hover .homeboximage img{transform:scale(1.2,1.2)}
.homebox:hover .homeboxlink{background-position:0 -100%;color:#fff;letter-spacing:2px}
.homebox:hover .hblightlink{background-position:0 -100%;color:var(--main)}
.darkband{width:100%;background:var(--main);background:#efefef}
.innerdarkband{width:100%;margin:0 auto;padding:20px 40px;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:center}
.keycard{width:200px;order:1}
.keyfooter{padding:0 40px;order:2;width:calc(100% - 500px)}
.keyfooterpolicies{margin:5px 0}
.footlink{margin-right:15px;color:rgba(0,66,117,.7);font-size:14px;text-transform:uppercase;font-weight:400;font-family:'Karla','Philosopher',sans-serif}
.footlinkcurrent{font-weight:600}.footlink:hover{color:rgba(0,66,117,1);text-decoration:underline}
.footsocial{display:flex;justify-content:flex-end;flex:1;order:3;width:100px}
.footsocial a{font-size:28px;line-height:26px;display:block;color:var(--main);text-align:center;margin-right:15px;opacity:.8}
.footsocial a:hover{opacity:1}
.footer{background:rgba(0,28,49,1);background:var(--main)}
.innerfooter{padding:20px 40px;font-size:11px;width:100%;margin:0 auto;color:#fff;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}
.copy{order:1}
.footcontact{order:2}
.footcontactlink{margin-right:15px}
.footcontactlink{color:#fff;font-weight:700;font-size:12px}
.footcontactlink:hover{color:#0ae;text-decoration:none}
.vat{color:#ccc;margin:10px 0 0 0}
.footsocial a.fblink:hover{color:#3B5998}
.footsocial a.twlink:hover{color:#55acee}
.footsocial a.lilink:hover{color:#0077b5}
.footsocial a.instalink:hover{color: #C13584;}

.footiso{order:4;}


        .qmsuk-badge {
            margin: 0 0 10px 0 !important;
            text-align: center;
        }

            .qmsuk-badge > div {
                 text-align: center;
            }

            .qmsuk-badge span {
                font-family: 'Karla',sans-serif !important;
                font-size: 12px !important;
            }

            .qmsuk-badge img {
                margin-bottom: 5px;
                max-width: 200px !important;
                max-height: 172px !important;
            }
    

.btn-1{background:#2980b9;-webkit-transition:background 225ms ease!important;-moz-transition:background 225ms ease!important;transition:background 225ms ease!important}
.btn-1:before,.btn-1:focus,.btn-1:hover{background:#3498db}
.btn-base{font-size:18px;text-transform:uppercase;position:relative;transition:all 225ms ease;border:none;border-radius:5px;overflow:hidden;color:#fff;text-align:center;line-height:102px}
.btn-cta span{z-index:8;position:relative}
.btn-cta:before{content:"";display:block;width:86%;height:65%;border-radius:4px;position:absolute;left:50%;top:50%;-webkit-transition:all 400ms cubic-bezier(.32,1.25,.1,1.47);-moz-transition:all 400ms cubic-bezier(.32,1.25,.1,1.47);transition:all 400ms cubic-bezier(.32,1.25,.1,1.47);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.btn-cta:focus:before,.btn-cta:hover:before{height:105%;width:105%}

.shallowslider{width:100%;height:50vh;position:relative}
.shallowslideholder{width:100%;height:50vh;position:relative}
.shallowslidecover{width:100%;height:100%;position:absolute;top:0;left:0;z-index:49;background:linear-gradient(to bottom,rgba(0,66,117,.7) 0,rgba(0,66,117,.2) 20%,rgba(0,28,49,.4) 60%,rgba(30,28,49,.7) 90%,rgba(30,28,49,1) 100%);pointer-events:none}
.shallowcaptionheader{font-size:40px;color:#fff;font-weight:800;letter-spacing:0;text-transform:uppercase;max-width:70%;line-height:70px;text-shadow:1px 2px 1px rgba(0,0,0,0);font-family:'Raleway',sans-serif;display:none}
.theshallowslide{width:100%;height:100%}
.theshallowslide img{width:100%;height:100%;object-fit:cover}
.shallowslideimgtop{object-position:top center}
.shallowslideimgcenter{object-position:center center}
.shallowslideimgbottom{object-position:bottom center}
.infographic{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.eachinfo{width:32%;display:flex;flex-direction:column;background:#efefef;background:#fff}
.infonumber{font-size:120px;font-family:'Roboto','Raleway',sans-serif;font-weight:900;color:var(--accent);text-align:center;display:block;letter-spacing:-2px}
.infotext{font-size:18px;font-weight:400;color:#fff;background:var(--accent);text-align:center;text-transform:uppercase;letter-spacing:2px;padding:20px}
.ug-strip-panel{background:#efefef!important}
.eachteam{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;background:#efefef;background:#fff;min-height:260px;margin-bottom:40px;box-shadow:0 30px 90px rgba(0,0,0,.25),0 7px 20px rgba(0,0,0,.05);position:relative}
.eachteamreverse{flex-flow:row-reverse}
.teamimage{width:300px;position:relative;overflow:hidden}
.teamimage img{width:100%;height:100%;object-fit:cover;position:relative;z-index:10;transition:all 400ms cubic-bezier(.32,1.25,.1,1.47);transform:scale(1.02,1.02)}
.teamimageoverlayforward{width:15%;height:100%;position:absolute;top:0;right:0;z-index:11;background:linear-gradient(to top right,rgba(255,255,255,0) 0,rgba(255,255,255,0) 49.9%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%)}
.teamimageoverlayreverse{width:15%;height:100%;position:absolute;top:0;left:0;z-index:11;background:linear-gradient(to bottom left,rgba(255,255,255,0) 0,rgba(255,255,255,0) 49.9%,rgba(255,255,255,1) 50%,rgba(255,255,255,1) 100%)}
.teamtext{width:calc(100% - 300px);padding:20px;position:relative}
.teamtextfull{width:calc(100% - 300px);padding:20px 40px;position:relative}
.teamimagefull{border:10px solid #fff}
.teamname{text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:24px}
.teamlink{position:absolute;bottom:0;background:#FBFBFA;padding:10px 20px 10px 20px;text-transform:uppercase;letter-spacing:1px;display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;color:var(--accent);font-weight:700}
.teamlinkforward{right:0}
.teamlinkreverse{left:0}
.teamlink:hover{background:var(--accent);color:#fff}
/*.eachteam:hover .teamimage img{transform:scale(1.12,1.12)}
*/

.contactholder{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap}
.contactleft{width:40%}
.contactright{width:55%; background: #efefef; padding: 40px;}
.contactfull{width: 100%; padding-top: 20px;}
.contactsocial{display:flex}
.contactsocial a{font-size:28px;line-height:26px;display:block;color:var(--main);text-align:center;margin-right:15px;opacity:.8}
.contactsocial a:hover{opacity:1}
.smallprint{font-size:12px!important}
.smallprint p{font-size:12px!important;line-height:20px}
.redtree{width:100%}
.redtree img{width:100%}
.mapbox{width:100%;height:500px;border-bottom:20px solid #fff}
.markertext{font-size:14px;font-weight:400;color:var(--accent);text-align:center;text-transform:uppercase;letter-spacing:1px;padding:20px 10px}
.theform{width:100%;margin:0 auto;display:flex;justify-content:space-between;flex-wrap:wrap;padding:0}
.halfinput{width:49%}
.fullinput{width:100%}
.theform label{font-size:12px}
.textinput{width:100%;border:1px solid #f9f9f9;padding:10px;font-size:.8rem;background:rgba(0,0,0,.05);background:#fff;outline:1px solid #aaa;color:#0C0C0B;margin-bottom:20px}
.textinput:focus{outline:1px solid #0f0f0f}
.submitbutton{width:100%;border:1px solid var(--main);border-radius:2px;color:#fff;padding:15px;transition:0.4s;cursor:pointer;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;background:var(--main)}
.submitbutton:hover{background:#fff;color:var(--main)}
textarea{height:170px;text-align:left}
.smallprint{font-size:12px}

.newstextcontent{width:1000px;max-width:calc(100% - 80px);margin:0 auto}
.newsimagecontent{width:1200px;max-width:calc(100% - 80px);margin:60px auto;outline:0 solid red;box-shadow:0 30px 90px rgba(0,0,0,.25),0 7px 20px rgba(0,0,0,.05)}
.newsheader{padding:40px 0 0}
.newsboxes{width:calc(100% - 80px);max-width:1420px;margin:0 auto;padding-bottom:40px;display:grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap:20px;/*grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-auto-rows: fit-content(minmax(min-content, max-content));grid-gap:20px;justify-items: center;*/}
.newsbox{box-shadow:0 30px 90px rgba(0,0,0,.25),0 7px 20px rgba(0,0,0,.05);background:#fff;position:relative;padding-bottom:40px;padding-top:225px;overflow:hidden}
.newsbox:hover .homeboximage img{transform:scale(1.2,1.2)}
.newsbox:hover .homeboxlink{background-position:0 -100%;color:#fff;letter-spacing:2px}
.newsbox:hover .hblightlink{background-position:0 -100%;color:var(--main)}
.embed-container{position:relative;padding-bottom:56.25%;padding-top:0;height:0}
.embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.darktextcontent{text-align:center;color:#efefef}


.eachtestimonial{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;background:#efefef;background:#fff url(../img/quote.png) top left no-repeat;min-height:260px;margin-bottom:40px;box-shadow:0 30px 90px rgba(0,0,0,.25),0 7px 20px rgba(0,0,0,.05);position:relative}
.footertestimonial{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;background:#efefef;background:var(--offwhite) url(../img/quote.png) top left no-repeat;position:relative; padding: 40px; border-top:1px solid #ccc;}
.testimoniallink{position: absolute; bottom: 40px; left: 40px;}

.testimoniallink a{color: var(--main); text-transform: uppercase;}
.testimoniallink a:hover{color: var(--accent); text-transform: uppercase;}
/*
.testimoniallink a{width:auto;border:1px solid var(--main);border-radius:2px;color:#fff;padding:15px;transition:0.4s;cursor:pointer;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;background:var(--main)}
.testimoniallink a:hover{background:#fff;color:var(--main)}
*/

.testimonialtext{padding:40px 40px 80px 160px}
.testimonialname{font-style:italic;font-weight:700}
.testimoniallogo{position:absolute;bottom:40px;right:40px}
.testimoniallogo img{height:40px}
.booktext{color: rgba(255,255,255,.6); text-align: center;}
.iframe-container{overflow:hidden;padding-top:56.25%;position:relative;background:var(--accent) url(../img/citybg.jpg) bottom center no-repeat; background-size:cover;}
.iframe-container iframe{border:0;height:100%;left:0;position:absolute;top:0;width:100%}
.policieslist{width:100%;min-height:500px}
.sitemapul ul{padding:10px 0 0 20px;margin-bottom:20px}
.sitemapul li{margin-bottom:5px}


.gridlinks span{color: var(--accent); margin: 0 5px;}
.gridlinks a:hover{color: var(--accent);}
.gridfolderlink{color: var(--accent);}
.gridfolderlink:hover{color: var(--main) !important;}

/*MODAL*/
.modal{position:fixed;top:0;left:0;display:flex;align-items:center;justify-content:center;height:0vh;background-color:transparent;overflow:hidden;transition:background-color 0.25s ease;z-index:1200001}.modal.open{position:fixed;width:100%;height:100vh;background-color:rgba(0,0,0,.5);transition:background-color 0.25s}.modal.open>.content-wrapper{transform:scale(1)}.modal .content-wrapper{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:80%;max-width:1000px;margin:0;padding:2.5rem;background:#f7f7f7;border-radius:.3125rem;box-shadow:0 0 2.5rem rgba(0,0,0,.5);transform:scale(0);transition:transform 0.25s;transition-delay:0.15s;max-height:90vh;overflow:auto}.modal .content-wrapper .close{position:absolute;top:.5rem;right:.5rem;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background-color:transparent;font-size:1.5rem;transition:0.25s linear;cursor:pointer}.modal .content-wrapper .close:before,.modal .content-wrapper .close:after{position:absolute;content:'';width:1.25rem;height:.125rem;background-color:black}.modal .content-wrapper .close:before{transform:rotate(-45deg)}.modal .content-wrapper .close:after{transform:rotate(45deg)}.modal .content-wrapper .close:hover{transform:rotate(360deg)}.modal .content-wrapper .close:hover:before,.modal .content-wrapper .close:hover:after{background-color:tomato}.modal .content-wrapper .modal-header{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%;margin:0;padding:0 0 1.25rem}.modal .content-wrapper .modal-header h2{font-size:1.5rem;font-weight:700;color:var(--accent)}.modal .content-wrapper .modal-content{position:relative;display:flex;flex-wrap:wrap;width:100%;padding:0}.modal .content-wrapper .modal-content p{font-size:.875rem;line-height:1.75;width:100%}.modal .content-wrapper .modal-footer{position:relative;display:flex;align-items:center;justify-content:flex-start;width:100%;margin:0;padding:1.875rem 0 0}.modal .content-wrapper .modal-footer .action{position:relative;margin-right:.625rem;padding:.625rem 1.25rem;border:none;background-color:slategray;border-radius:.25rem;color:white;font-size:1rem;font-weight:600;text-transform:uppercase;overflow:hidden;z-index:1}.modal .content-wrapper .modal-footer .action:before{position:absolute;content:'';top:0;left:0;width:0%;height:100%;background-color:rgba(255,255,255,.2);transition:width 0.25s;z-index:0}.modal .content-wrapper .modal-footer .action:first-child{background-color:var(--accent)}.modal .content-wrapper .modal-footer .action:last-child{background-color:#33495a}.modal .content-wrapper .modal-footer .action:hover:before{width:100%}


.eachfigure{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: center; border-bottom: 2px solid #fff;}
.eachsegment{background: #e6e6e6; padding: 20px; border-right: 1px solid #fff; }
.itemsegment{width: 15%; font-weight: 900;}
.suppliersegment{width: 15%;}
.valuesegment{width: 15%;}
.filesegment{width: 15%;}
.notessegment{width: 40%; border-right: 1px solid #e6e6e6;}

.figureheader{}
.headersegment{background: #f6f6f6; font-weight: 800;}
.payinsegment{width: 20%;}
.officesection{position: relative; width: 100%; }
/*.sectiontitle{position: absolute; top: 0; left: -36px; height: calc(100% - 2px); width: auto;  background:var(--main); color: #fff; padding: 10px 5px; writing-mode: vertical-rl; transform: rotate(0deg); overflow: hidden;}*/
.sectiontitle{position: relative; width: 100%; background:var(--main); color: #fff; padding: 5px 20px; font-size: 10px;}
.notesinner{display: none;}

.menu{background-color:transparent;border:none;cursor:pointer;display:flex;padding:0}.line{fill:none;stroke:#fff;stroke-width:6;transition:stroke-dasharray 600ms cubic-bezier(.4,0,.2,1),stroke-dashoffset 600ms cubic-bezier(.4,0,.2,1)}.line1{stroke-dasharray:60 207;stroke-width:6}.line2{stroke-dasharray:60 60;stroke-width:6}.line3{stroke-dasharray:60 207;stroke-width:6}.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30;stroke-width:6}.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134;stroke-width:6}



.paginatedtop{width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; padding:5px 0; font-weight:400; font-size:0.8rem; color:var(--main); grid-column: 1 / -1;}
.noresults{font-size:1.1rem; font-weight: 400; color: var(--main);}
/*
    Paginator -
    Source: http://www.strangerstudios.com/sandbox/pagination/diggstyle.php (strangerstudios.com)
*/

.pagination {
  display: flex;
  justify-content: flex-start;
  width: auto;
    flex-wrap: wrap;
    flex-grow: 0;
  padding: 0 20px;
  border-radius: 35px;
  background-color: #f5f5f5;
}


div.pagination a, div.pagination span {
  display: flex; justify-content: center; align-items: center; flex-wrap: wrap;
  padding: 5px 10px;
  
  transition: 400ms ease;
  color: #595959;
  font-size: 16px;
  letter-spacing: 0.1em;
  font-weight: 300;
  
}
div.pagination a:hover, div.pagination a:active {
    background-color: var(--main);
    color: #fff;
}
div.pagination span.page_current {
    background-color: var(--main);
    color: #fff;
}
div.pagination a.next, div.pagination a.prev{padding: 5px 10px;}
div.pagination a.next:hover{
    background-color: #f5f5f5;
    color: var(--main);
}
div.pagination a.prev:hover{
    background-color: #f5f5f5;
    color: var(--main);
}

div.pagination span.page_disabled {
    
   
    
    font-size:0.8rem;
    * zoom: 100%;

    color: #aaa;
}
/*
 div.pagination {
    padding: 3px;
    margin: 3px;
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid var(--main);
    * zoom: 100%;
    text-decoration: none; 
    font-size:0.8rem; font-weight: 400; color: var(--main);
}
div.pagination a:hover, div.pagination a:active {
    border: 1px solid var(--main);
background-color: var(--main);
    color: #fff;
}
div.pagination span.page_current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid var(--main);

    * zoom: 100%;
    font-size:0.8rem;
    
    background-color: var(--main);
    color: #FFF;
}
div.pagination span.page_disabled {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #EEE;
    font-size:0.8rem;
    * zoom: 100%;

    color: #aaa;
}
*/
* span.elipsis {zoom:100%}
.searchfooter{width: 100%;grid-column: 1 / -1;}
.thepaginator{width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center;}


.ctaholder{width: 100%; display: block;padding: 20px 0;}
.ctabutton{width:auto;border:1px solid var(--main);border-radius:2px;color:#fff;padding:15px;transition:0.4s;cursor:pointer;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px;background:var(--main)}
.ctabutton:hover{background:#fff;color:var(--main)}



@media only screen and (min-width:1650px){.navigation{display:flex!important}.ham{display:none}.fillbg{background:rgba(52,51,51,0)}}

@media only screen and (max-width:1650px){
    .inner{width:100;margin:0 auto;max-width:1220px}
    .innercontent{padding:50px 20px}.carouselitem{width:calc(50% - 5px);margin-bottom:10px;min-height:300px}
    .footnav a{margin-bottom:10px}
    .header{align-items:center;z-index:501}
    .ham{display:block;padding-right:40px}
    .navigation{display:none;width:100%;height:calc(100vh - 80px);text-align:center;padding-top:40px}
    .navigation a{display:block;width:100%;margin:0;font-size:24px;margin-bottom:10px}
    .bookonline{background:rgba(0,66,117,0);color:rgba(255,255,255,.6);font-weight:400}
    .bookonline:hover{background:rgba(0,66,117,0);color:rgba(255,255,255,1)}
    
    
    .navigation{display: none; width: 100%; height: auto; text-align: center; padding: 40px; order: 4;}
    .navlink{display: block; width: 100%; margin: 0; font-size: 18px; margin-bottom: 10px; padding: 0 0 20px 0;}
    ul.primary {text-align: center;}
    ul.primary li:hover ul { display: none;}
    .navlink i{display: none;}
    .navlink:hover{background: none;}
    
    
    
    .navfoot{display:none}.fillbg{background:rgba(0,28,49,1)}.homeboxes{width:calc(100% - 40px)}.keycard{order:1}.keyfooterpolicies{margin:10px 0;padding:10px 0;border-top:1px solid rgba(0,66,117,.2);border-bottom:1px solid rgba(0,66,117,.2)}
       
}
@media only screen and (max-width:1220px){.keyfooter{order:3;width:100%;padding:40px 0 0}.footsocial{order:2} .footiso{padding-top: 20px;}.newsboxes{grid-template-columns: 1fr 1fr;}}

@media only screen and (max-width:1000px){.captionheader{font-size:50px;max-width:90%;line-height:50px}.caption{font-size:20px;color:#fff;font-weight:400;text-transform:uppercase;letter-spacing:2px;margin:20px 0}.copy{order:2;width:100%;display:block}.footcontact{order:1;width:100%;margin-bottom:10px;display:block}.eachinfo{width:100%;display:flex;flex-direction:column;background:#efefef;margin-bottom:20px}

}



@media only screen and (max-width:800px){
.homebox{width:100%;margin-bottom:20px}.teamimage{width:200px}.teamimage img{width:200px;height:300px}.teamtext{width:calc(100% - 200px);padding:20px;position:relative}.teamtextfull{width:calc(100% - 200px);padding:20px 40px;position:relative}.contactleft{width:100%;margin-bottom:40px}.contactright{width:100%}.eachtestimonial{background:#fff url(../img/quotefade.png) bottom left no-repeat;}.testimonialtext{padding:40px 40px 120px 40px}.teamlink{z-index:15}.mainheader{font-size:22px}

.itemsegment{width: 25%;}
.suppliersegment{width: 25%;}
.valuesegment{width: 25%;}
.filesegment{width: 25%;border-right: 1px solid #e6e6e6;}
.notessegment{width: 100%; border-right: 1px solid #e6e6e6;border-top: 1px solid #fff;border-bottom: 2px solid #fff;}
.notesheader{display: none;}
    .notesinner{display: block; font-size: 12px; font-weight: 900; margin-bottom: 10px;}
.payinsegment{width: 25%;}
    
    .newsboxes{grid-template-columns: 1fr;}
}

@media only screen and (max-width:650px){
.teamimage{width:100%;height:300px}.teamimage img{width:100%;height:100%}.eachteamreverse{flex-flow:row;flex-wrap:wrap}.teamtext{width:100%;padding:20px 20px 50px;position:relative}.teamtextfull{width:100%;padding:20px 20px 20px 20px;position:relative}.teamimageoverlay{z-index:5}.teamlink{width:100%}
    .headcontact{width: 100%; padding-left: 20px;}
.logo{width:280px;padding:20px}.sticky .logo{width:280px}.ham{position:absolute;top:0;right:0;padding:10px;background:rgba(0,28,49,.7)}
}

@media only screen and (max-width:500px){.captionheader{font-size:30px;max-width:90%;line-height:30px}.caption{font-size:18px;letter-spacing:1px}.footsocial{flex-direction:column;align-items:flex-end}.footsocial a{margin:5px 0}.eachteam{padding-bottom:50px}


}
.hidden{display:none!important}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;white-space:inherit}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}