:root {
  --green: #46A748;
  --oldgreen: #4CBA7A;
  --purple: #847683;
  --brown: #AB764E;
  --yellow: #ffc732;
  --black: #1a1a1a;
  --white: #ffffff;
  --grey: #f6f6f6;
}
html{color:#222;font-size:1em;line-height:1.4}::-moz-selection{background:var(--green, #4CBA7A);color:#fff;text-shadow:none}::selection{background:var(--green, #4CBA7A);color:#fff;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}

body::-webkit-scrollbar {
    width: 0.5rem;
}

body::-webkit-scrollbar-thumb {
    background-color: var(--green);
    border-radius: 0.7rem;
}

body::-webkit-scrollbar-track {
    background-color: var(--grey);
    border-radius: 0.7rem;
}

/* Browsers without `::-webkit-scrollbar-*` support */
@supports not selector(::-webkit-scrollbar) {
    html {
        scrollbar-width: thin;
        scrollbar-color: var(--grey) var(--green);
    }
}
.cta{position:relative;margin:auto;padding:12px 18px;transition:all 0.2s ease;border:none;background:none;cursor:pointer}.cta:before{content:"";position:absolute;top:0;left:0;display:block;border-radius:50px;background:#b1dae7;width:45px;height:45px;transition:all 0.3s ease}.cta span{position:relative;font-family:"Ubuntu",sans-serif;font-size:18px;font-weight:700;letter-spacing:.05em;color:#234567}.cta svg{position:relative;top:0;margin-left:10px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke:#234567;stroke-width:2;transform:translateX(-5px);transition:all 0.3s ease}.cta:hover:before{width:100%;background:#b1dae7}.cta:hover svg{transform:translateX(0)}.cta:active{transform:scale(.95)}

.button{min-width: 140px; position:relative;transition:all 0.3s ease-in-out;box-shadow:0 10px 20px rgb(0 0 0 / .2);padding-block:.5rem;padding-inline:1.25rem;background-color:var(--green);border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;gap:10px;font-weight:700;border:3px solid #ffffff4d;outline:none;overflow:hidden;font-size:15px}.icon{width:24px;height:24px;transition:all 0.3s ease-in-out}.button:hover{transform:scale(1.05);border-color:#fff9}.button:hover .icon{transform:translate(4px)}.button:hover::before{animation:shine 1.5s ease-out infinite}.button::before{content:"";position:absolute;width:100px;height:100%;background-image:linear-gradient(120deg,#fff0 30%,rgb(255 255 255 / .8),#fff0 70%);top:0;left:-100px;opacity:.6}@keyframes shine{0%{left:-100px}60%{left:100%}to{left:100%}}

.sub{width: 100%; padding: 20px 40px; background: var(--yellow); display: flex; justify-content: flex-start; align-items: center;}
.subtext{margin-left: 20px; font-weight: 600;}
/* ==========================================================================
   Author's custom styles
   ========================================================================== */

html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; }
a{-webkit-transition:all 0.3s ease;
         -moz-transition:all 0.3s ease;
               -o-transition:all 0.3s ease;
                     transition:all 0.3s ease;
text-decoration: none;
color: var(--green, #4CBA7A); font-weight: 600;}
a img{-webkit-transition:all 0.3s ease;
         -moz-transition:all 0.3s ease;
               -o-transition:all 0.3s ease;
                     transition:all 0.3s ease;}
a:hover{color: var(--black, #1a1a1a);}
.smoothie{-webkit-transition:all 0.3s ease;
         -moz-transition:all 0.3s ease;
               -o-transition:all 0.3s ease;
                     transition:all 0.3s ease;}
h1,h2,h3,h4,h5,h6{margin: 0 0 10px 0; color: var(--green, #4CBA7A); font-family: 'Poppins', sans-serif; text-transform: uppercase; font-weight: 400; letter-spacing: 2px; text-transform: capitalize; letter-spacing: 0; font-weight: 600;}
h1{font-size: 1.5rem; line-height: 2rem}
h2{font-size: 1.3rem; line-height: 2rem}
.whiteheader{color: #fff;}
p{margin: 0 0 10px 0;}
strong{font-weight: 800;}
img, iframe{max-width: 100%;}

.container{width: calc(100% - 40px); max-width: 1920px; margin: 20px auto; font-family: 'Poppins', sans-serif; font-weight: 400; color: #222; box-shadow: 0 30px 90px rgba(0,0,0,0.25), 0 7px 20px rgba(0,0,0,0.05); border-radius: 10px; color: #1a1a1a;}
body{ background: #f6f6f6;background: #D3F0DC;}
.header{width: 100%; max-width: 1920px; padding: 20px 40px; display: flex; justify-content: flex-end; flex-wrap: wrap; position: relative; top: 0; z-index: 50000; transition: all 0.3s ease; background: linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,0) 100%); background: #fff; border-bottom: 5px solid var(--green, #4CBA7A);}
.thelogo{transition: all 0.3s ease; }
.logoholder{order: 1; width: 160px; position: absolute; left: 40px; top: -10px;}
.logo{width: 100%;}


.logonew{width: 200px; height: 159px; position: relative; overflow: hidden; display: block;}
.logotext{position: absolute; bottom: 0; left: 0; width: 100%; height: 70px; padding-top: 15px; color: #fff; font-weight: 700; text-align: center; font-size: 32px; display: flex; align-items: center; justify-content: center; z-index: 5;transition: all 0.3s ease;}
.logocircle{width: 100%; height: 200px; background: var(--green, #4CBA7A); position: absolute; top: 85px; left: 0; opacity: 1; border-radius: 50%; z-index: 4; transition: all 0.3s ease;}
.logonew:hover .logocircle{transform: translateY(-5px);}
.logonew:hover .logotext{transform: translateY(-5px);}

/*
.container{width: 100%; margin: 0 auto;}
.logo{top: 10px; width: 170px;}
 /* ==========================================================================
   NAV
   ========================================================================== */   

.rightheader{display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: column; padding: 20px 0;}
.rightheaderupper{text-align: right; order:2; }
.lbccc{font-size: 24px; font-weight: 900; padding-bottom: 20px; border-bottom: 1px solid var(--purple, #847683); display: inline-block; color: var(--green, #4CBA7A);}
.navigation{margin: 0; padding-top: 20px; list-style-type: none; display: flex; justify-content: flex-end; align-content: center; flex-wrap: wrap; order:3; width: 100%;}

.navlink{color: var(--purple, #847683); color: var(--black, #1a1a1a); letter-spacing: 2px; font-size: 14px; position: relative; text-transform: uppercase; font-weight: 400; display: flex; justify-content: center; align-items: center; padding: 0; margin-left: 30px;}
/**/
.navlink{letter-spacing: 0px; text-transform: capitalize; font-weight: 500; font-size: 15px;}

.navlink:hover{opacity: 1; color: var(--green, #4CBA7A);}
    
.current{font-weight: 900; color: var(--green, #4CBA7A);}



.hero{width: 100%; padding: 0; height: 65vh; overflow: hidden; position: relative; z-index: 5; }  


.swiperholders{position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.swiper-slide{outline: 0px solid red;}
.swiper-wrapper{max-height: 100%;}
.swiper-buttons{position: absolute; top: 70px; /*left: calc((100% - 1200px) / 2);*/ right:0; z-index: 10; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.swiper-button{padding: 5px 10px; color: var(--purple, #847683); background: #fff; cursor: pointer; outline: none;}

.herocover{position: absolute; top: 0; left: 0; width: 100%; height: 65vh; display: flex; justify-content: flex-start; align-items: flex-end; padding: 40px; background: linear-gradient(to right, rgba(0,0,0,.4),rgba(0,0,0,.2) 60%,rgba(0,0,0,0) 100%); z-index: 5; pointer-events: none;}
.slidecaption{color: #fff; color: rgba(255,255,255,0.9); font-size: 20px; font-style: italic; font-weight: 600;}


.swiper-pagination{z-index: 100;}

.herotext{max-width: 80%; z-index: 4; }
.heroheader{font-size: 45px; line-height: 80px; color: #fff; margin:0; opacity: 1; font-family:'Poppins', sans-serif; text-transform: uppercase; letter-spacing: 1px;}
.heroheaderlink:hover{opacity: 0.7;}
.heroheader a{color: #fff;}
.herofade{margin-right: 10px;}



.herosub{font-size: 20px; line-height: 22px; font-weight: 500; color: #fff;}
.homeherosub{margin-bottom: 40px;}

.herolink{padding: 10px 20px; background:var(--purple, #847683); border-radius: 5px; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 0px;}
.herolink:hover{opacity: 1; background: var(--purple, #847683);}
.heroslideshow{width: 100%; height: 100%; position: relative; z-index: 1; position: relative; }

.heroslide{width: 100%; height: 65vh; z-index: 4; position: relative; }
.heroslide img{width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 4;}

.topslide{object-position: top center;}
.centerslide{object-position: center center;}
.bottomslide{object-position: bottom center;}


.shallowhero{width: 100%; padding: 0; height: 40vh; overflow: hidden; position: relative; z-index: 5; border-bottom: 0px solid #f6f6f6;}  
.shallowherocover{position: absolute; top: 0; left: 0; width: 100%; height: 40vh; display: flex; justify-content: flex-start; align-items: center; padding: 40px 5%; background: linear-gradient(rgba(0,0,0,.9),rgba(0,0,0,.7) 60%,rgba(0,0,0,0) 100%); background: rgba(0,0,0,0.2); z-index: 5;}
.shallowheroslide{width: 100%; height: 40vh; z-index: 4; position: relative; }
.shallowheroslide img{width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 4;}


.homecontent{width:100%; margin:0; padding: 40px; background: #fff;}
.hometext{width: 67%;}



.footer{width: 100%; background: #f6f6f6; padding: 20px 40px; font-size: 12px;  display: flex; justify-content: center; flex-wrap: wrap; align-items: center; border-top: 0px solid #f6f6f6;}



.lowerfooter{width: 100%; display: flex; justify-content: center; flex-wrap: wrap; margin-top: 20px; padding: 20px; border-top: 1px solid #ccc;}

.footersocial{display: flex; justify-content: center; flex-wrap: wrap; flex-grow: 1;outline: 0px solid red; width: 30%;}
.footersocial a{color: #1B2032; margin: 0 10px; font-size: 22px;}
.footersocial a:hover{ }
.footersocial a.gplink:hover{color: #ff0000;opacity: 1;}
.footersocial a.twlink:hover{color: #55acee;opacity: 1;}
.footersocial a.lilink:hover{color: #0077B5;opacity: 1;}
.footersocial a.fblink:hover{color: #3b5998;opacity: 1;}
.footersocial a.instalink:hover{color: #DD2A7B;opacity: 1;}
.copy{outline: 0px solid red; }
.copy span{margin: 0 5px;}
.copy a{color: var(--green, #4CBA7A); font-weight: 700;}

.copyright{color: #1B2032; width: 35%; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.credits{color: #1B2032; width: 35%; display: flex; justify-content: flex-end;}
.vat{color: #ccc; margin-bottom: 0;}

.bodyh{margin: 30px 0 20px 0; font-weight: 500; letter-spacing: 0px;}


.whitelink{padding: 10px 20px; background:#fff; border-radius: 5px; text-transform: uppercase; color: var(--purple, #847683); font-size: 14px; font-weight: 600; letter-spacing: 0px;}
.whitelink:hover{opacity: 1; background: var(--purple, #847683);}

.yellowlink{padding: 10px 20px; background:var(--purple, #847683); border-radius: 5px; text-transform: uppercase; color: #fff; font-size: 14px; font-weight: 600; letter-spacing: 0px;}
.yellowlink:hover{opacity: 1; background: var(--purple, #847683);}

.homesections{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; background: #fff; position: relative;}
.homeabout{width: 63%; background: #fff; padding: 0;  border-top: 5px solid var(--green, #4CBA7A); border-bottom: 5px solid var(--green, #4CBA7A); color: var(--purple, #847683); color: var(--black, #1a1a1a); position: relative; z-index: 5;}

.admintable{width: 100%; padding: 40px 5%; background: #fff; padding: 0;  border-top: 5px solid var(--green, #4CBA7A); border-bottom: 5px solid var(--green, #4CBA7A); color: var(--purple, #847683); color: var(--black, #1a1a1a); position: relative; z-index: 5;}

.homeaboutcontent{position: relative; z-index: 6;padding: 40px; }


.hometable{width: 100%; background: #fff;  padding: 100px 5%; position: relative; z-index: 5;}

.homeinset{position: absolute; width: 100%; height: 100%; z-index: 5; pointer-events: none; bottom: 0; left: 0;}

.homeopening{width: 37%; background: #4CBA7A; background: var(--green, #4CBA7A) /*url(../img/checkered-pattern.png)*/; padding: 40px; border-top:5px solid var(--green, #4CBA7A)}
.homeopening{color: #fff; position: relative;}
.businessfooter{position: absolute; bottom: 0; left: 0; height: 200px; width: 100%; background: linear-gradient(to top,#847683 0, transparent); pointer-events: none;}
.sectorul{padding: 0; margin: 0; list-style-type: none;}
.buffer{width: 100%; margin: 20px 0 20px; height: 3px; position: relative;}
.greenbuffer{width: 150px; background: var(--purple, #847683); position: absolute; top: 0; left: 0; height: 3px;}
.greybuffer{width: 150px; background: var(--purple, #847683); position: absolute; top: 0; left: 0; height: 3px;}
.whitebuffer{width: 150px; background: #fff; position: absolute; top: 0; left: 0; height: 3px;}
.smallgreenbuffer{width: 100%; background: var(--purple, #847683); position: absolute; top: 0; left: 0; height: 1px;}
.smallgreybuffer{width: 50px; background: var(--purple, #847683); position: absolute; top: 0; left: 0; height: 3px;}
.smallwhitebuffer{width: 50px; background: #fff; position: absolute; top: 0; left: 0; height: 3px;}

.fullbuffer{width: 100%; background: #fff; position: absolute; top: 0; left: 0; height: 1px;}
.fulldarkbuffer{width: 100%; background: var(--purple, #847683); position: absolute; top: 0; left: 0; height: 1px;}
.fullblackbuffer{width: 100%; background: var(--black, #1a1a1a); position: absolute; top: 0; left: 0; height: 1px;}
.fullgreenbuffer{width: 100%; background: var(--green, #4CBA7A); position: absolute; top: 0; left: 0; height: 1px;}

.whiteh{color: #fff;}
.darkh{color: var(--purple, #847683);}
.darkh{color: var(--black, #1a1a1a);}
.blackh{color: var(--black, #1a1a1a);}

.lightlink{color: #fff;}

.embed-container {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0;
	height: 0;
}
.embed-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border: none;
}
.newsimagecontent{width:100%; margin: 60px auto; outline: 0px solid red;box-shadow: 0 30px 90px rgba(0,0,0,0.25), 0 7px 20px rgba(0,0,0,0.05);}


.newscontainer {width: 100%;display: flex; background: #fff; padding: 0 0 40px; }
.eachhomeservice{padding: 40px; box-sizing: border-box; text-align: left; position: relative; overflow: hidden; border-bottom: 5px solid var(--green, #4CBA7A);}
.searchservice{padding: 20px 40px; box-sizing: border-box; text-align: left; position: relative; overflow: hidden; border-bottom: 5px solid var(--green, #4CBA7A);}
.eachblog{border-bottom: 5px solid var(--yellow, #ffc732);}

.eachhomeservicetitle{position: relative; z-index: 5;transition: all 0.3s ease; transform:translateY(50px); transition: all 0.5s ease;}
.eachhomeservicetitlename{font-size: 24px; line-height: 28px; font-weight: 600; color:#fff; margin-bottom: 10px; transition: all 0.5s ease;}
.eachhomeservicetitledate{font-size: 14px; font-weight: 300; color:#fff;}

.blogtitlename{color: var(--yellow, #ffc732);}


.eachhomeserviceicon{width: 60px; margin: 30px auto; opacity: 0.4;transition: all 0.3s ease; display: none;}
.eachhomeservicetext{margin-bottom: 30px; font-size: 14px; font-weight: 400; line-height: 20px; transform:translateY(100px); transition: all 0.5s ease; position: relative; z-index: 5;transition: all 0.5s ease; opacity: 0; color: #fff;}
.eachhomeservicelink{font-size: 14px; text-transform: uppercase; padding: 5px 10px; background: #F31B2A; color: #fff; position: relative; z-index: 5;}
.eachhomeservicelink:hover{color: #F31B2A; background: #fff;}
.eachhomeserviceimageholder{position: absolute; width: 110%; height: 100%; top: 0; left: -10%; z-index: 1; filter: grayscale(0); opacity: 1; transition: all 0.3s ease; }
.eachhomeserviceimage{object-fit: cover; width: 100%; height: 100%; top: 0; left: 0;}
.eachhomeservicecover{position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg,rgba(22,22,22,.78),transparent); transition: all 0.3s ease;}
.homeservicewhite{background: rgba(255,255,255,0.4); transition: all 0.3s ease;}
.homeservicegrey{background: rgba(255,255,255,0.1); transition: all 0.3s ease;}

.eachhomeservice:hover .eachhomeservicecover{height: 500%;}

.homeservicegrey:hover{background: rgba(255,255,255,0.4);}
.homeservicewhite:hover{background: rgba(255,255,255,0.1);}
.eachhomeservice:hover .eachhomeservicetext{transform:translateY(0px); opacity: 1;}
.eachhomeservice:hover .eachhomeservicetitle{transform:translateY(0px);}
.eachhomeservice:hover .eachhomeservicetitlename{ color: var(--yellow, #ffc732);}

.eachhomeservice:hover .eachhomeserviceimageholder{opacity: 1;}
.eachhomeservice:hover .eachhomeserviceimageholder{transform: scale(1.1,1.1); transform: translateX(8%);}
.eachnewsarrow{position: absolute; bottom: 0; right: 0; color: #fff; background: var(--green, #4CBA7A); padding: 10px 15px; z-index: 4; opacity: 0; transition: all 0.3s ease; transform: translateY(100%);}

.blogarrow{background: var(--yellow, #ffc732);}
.eachhomeservice:hover .eachnewsarrow{opacity: 1; transform: translateY(0);}
.eachnewsarrow:hover i{-webkit-animation:bounceRight 1s alternate ease infinite;animation:bounceRight 1s alternate ease infinite}


.projectstitle{width: 100%; color: var(--green, #4CBA7A); font-size: 18px;font-weight: 600; letter-spacing: 0px;}



.mapholder{width: 100%; height: auto; position: relative;}
.homesections{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; background: #fff; position: relative;}
.homeabout{width: 63%; background: #fff; padding: 0;  border-top: 5px solid var(--green, #4CBA7A); border-bottom: 5px solid var(--green, #4CBA7A); color: var(--purple, #847683); color: var(--black, #1a1a1a); position: relative; z-index: 5;}
.commentcontent{width: 100%;}
.commentsidebar{width: 37%; position: relative; display: none;}
.commentmap{width: 100%; height: 600px;box-shadow: 0 30px 90px rgba(0,0,0,0.25), 0 7px 20px rgba(0,0,0,0.05);}
.commentmapoverlay{position: absolute; height: 100%; width: 30%; top: 0; right: 0; background: rgba(255,255,255,0.8); padding: 20px; z-index: 30;}

/*.comment{width: 100%; padding: 20px; background: #fff; min-height: 300px; color: var(--black); position: sticky; top: 0;}*/
.comment{width: 100%; padding: 20px; color: var(--black);}
.commenttitle{font-weight: 800; max-width: calc(100% - 40px);}
.commenttitle span{font-weight: 400;}
.commentdate{font-size: 12px;}

.commentform label{font-size: 12px; color: var(--black);}

.commentform{width:100%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0; /*box-shadow: 0 15px 45px rgba(0,0,0,0.25), 0 7px 10px rgba(0,0,0,0.05); */padding: 20px; margin: 0; background: #f6f6f6; color: var(--black);}

.response{font-size: 14px; color: var(--green);}
.responsehead{font-weight: 700;}

.commentholder{position: absolute; z-index: 1000; background:rgba(255,255,255,0.9); top:0; right: 60px; width: 40%; height: 0; overflow: auto; transition: all 0.1s ease;}

.commenthide{height: 0;}
.commentshow{height: 100%;}
.commentclose{position: absolute; top:20px; right: 20px; color: var(--black); font-size: 24px;}
.commentclose:hover{color: var(--green);}

.allcomments{border:2px solid var(--green); border-radius: 2px; background: var(--green); color: var(--white); display: inline-block; padding: 15px; transition: 0.4s; cursor: pointer; text-transform: uppercase; letter-spacing: 0px; max-width: 500px; text-align: center;}
.allcomments:hover{background: var(--yellow, #ffc732); border: 2px solid var(--yellow, #ffc732);}
.allcomments:hover i{-webkit-animation:bounceRight 1s alternate ease infinite;animation:bounceRight 1s alternate ease infinite}
.allcomments:hover i{-webkit-animation:bounceRight 1s alternate ease infinite;animation:bounceRight 1s alternate ease infinite}
.commentlinks{padding: 10px 0;}

/*
.faqs{padding: 40px;}

details{
  
  
}

summary {
  padding: .5em 1.3rem;
  list-style: none;
  display: flex;
  justify-content: space-between;  
  transition: height 1s ease;
    background-color: var(--green);
    color: #fff;
  font-size: 18px; padding: 10px;
    cursor: pointer;
}

summary::-webkit-details-marker {
  display: none;
}

summary:after{
  content: "\002B";
}

details[open] summary {
    border-bottom: 1px solid #aaa;
    margin-bottom: 0;
}

details[open] summary:after{
  content: "\00D7";
}

details[open] div{
  padding: 20px 10px;
    background: #efefef; 
}
*/

.thedetails{font-size: 14px; padding: 10px 0;}
details {
  border-bottom: 1px solid rgba(225,225,225,0.4);
  margin-bottom: 1rem;
  cursor: pointer;
}

.detailsbooking{background: #f6f6f6;}
summary{font-weight: 500;}
summary span{width:calc(100% - 30px);}
summary i{transition: all 0.3s; width: 20px; margin-left: 10px;}
details[open] summary i {
 transform: rotate(-90deg);
}
summary{display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 10px 0; outline: none;}
.summarybooking{background: #ff518a; color: #fff; padding: 10px 15px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
summary::-webkit-details-marker {
  display: none;
}

.awesomebuttons{display: flex; justify-content: flex-start; flex-wrap: wrap; margin-top: 20px; }
.awesomebutton{  padding:8px 15px;
  border-radius: 6px;
  border:none;
  display: inline-block;
  color:#fff;
  text-decoration: none;
  background-color: var(--green); font-size: 14px; cursor: pointer; margin: 0 10px 10px 0;}
.filterbutton{margin: 0 10px 0 0;}
.awesomebutton i{margin-right: 10px;}
.awesomebutton.nomargin i{margin-right: 0px;}
.awesomebutton:hover{background: var(--black); color: var(--white);}

.k_inline{  padding:8px 15px;
  border-radius: 6px;
  border:none;
  display: inline-block;
  color:#fff;
  text-decoration: none;
  background-color: var(--green); font-size: 14px; cursor: pointer; margin: 0 10px 10px 0;}


.k_inline:hover{background: var(--black); color: var(--white);}
/* ==========================================================================
   FORM
   ========================================================================== */

.contactcontent{display: flex; justify-content: space-between; flex-wrap: wrap;}
.contactinfo{width: 100%;}
.contactmap{width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

.eachcontact{display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; margin-bottom: 10px;}
.contacticon{margin-right: 20px; min-width: 40px; text-align: center;}
.gm-style-mtc div{font-size: 12px !important;}

.contactsocial{display: flex; justify-content: flex-start; flex-wrap: wrap; padding: 0 15px;}
.contactsocial a{color: #1a1a1a; margin-right: 20px; font-size: 16px;}
.contactsocial a:hover{ }
.contactsocial a.gplink:hover{color: #ff0000;opacity: 1;}
.contactsocial a.twlink:hover{color: #55acee;opacity: 1;}
.contactsocial a.lilink:hover{color: #0077B5;opacity: 1;}
.contactsocial a.fblink:hover{color: #3b5998;opacity: 1;}

.theform{width:100%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0; /*box-shadow: 0 15px 45px rgba(0,0,0,0.25), 0 7px 10px rgba(0,0,0,0.05); */padding: 40px; margin: 40px 0 0; background: #f6f6f6;}

.productform{width:100%; margin: 0 auto; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0; /*box-shadow: 0 15px 45px rgba(0,0,0,0.25), 0 7px 10px rgba(0,0,0,0.05); */padding: 40px; margin: 40px 0 0; background: rgba(255,255,255,0.1);}
.halfinput{width:  49%; position: relative;}
.fullinput{width: 100%; position: relative;}
.theform label{font-size: 12px;}
.productform label{font-size: 12px;}
.textinput{width: 100%; border:1px solid #f9f9f9; padding: 10px; font-size: 0.8rem; background: rgba(0,0,0,0.05); background: #fff; outline: 1px solid #aaa; color: #0C0C0B; margin-bottom: 20px;}
.textinput:focus{outline: 1px solid #0f0f0f; background: #f6f6f6;}

select{width: 100%; border:1px solid #f9f9f9; padding: 10px; font-size: 0.8rem; background: rgba(0,0,0,0.05); background: #fff; outline: 1px solid #aaa; color: #0C0C0B; margin-bottom: 20px;}

.submitbutton{width: 100%; border:1px solid var(--green, #4CBA7A); border-radius: 2px; color: #fff; padding: 15px; transition: 0.4s; cursor: pointer; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; background: var(--green, #4CBA7A);}
.submitbutton:hover{background: #fff; color: var(--green, #4CBA7A);}
textarea{height: 200px; text-align: left;}
.smallprint{font-size: 12px;}

.searchinput{width: 100%; border:1px solid #f9f9f9; padding: 10px; font-size: 0.8rem; background: rgba(0,0,0,0.05); background: #fff; outline: 1px solid #aaa; color: #0C0C0B; }
.searchinput:focus{outline: 1px solid #0f0f0f; background: #f6f6f6;}

/* ==========================================================================
   Table

   ========================================================================== */
.tablestyle {
  width: 100%;
  border-collapse: collapse;
  overflow: hidden;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.0);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.0);
    font-size: 12px;
}
.tablestyle th,
td {
  padding: 5px;
  background-color: rgba(255, 255, 255, 0.2);

}
.tablestyle th {
  text-align: left;
  
}
    
.tablestyle tbody tr:nth-child(even) {background: rgba(246,246,246, 0.2)}
.tablestyle tbody tr:nth-child(odd) {background: rgba(246,246,246, 0.8)}    
    

.tablestyle tbody td {
  position: relative;
}


.tablepanel{padding: 20px }

.datatablestyle{color:#000 !important;}

.dataTables_length{margin: 5px 0 0 7px;}
.dataTables_length select{padding: 5px;}
           
            .dataTables_filter{padding: 10px 0;}
            .dataTables_filter input{padding: 0;}
  
            .dataTables_wrapper .dataTables_paginate .paginate_button{color: #fff;}
            .dataTables_wrapper .dataTables_paginate .paginate_button.disabled{color: #000;}
            .dataTables_wrapper .dataTables_paginate .paginate_button{background: rgba(255,255,255,0.5); border: none;}
            .dataTables_wrapper .dataTables_paginate .paginate_button:hover{background: rgba(255,255,255,1); border: none; color: #333 !important;}
tfoot{font-size: 10px;}
.font0{font-size:0px !important;}

.dataTables_wrapper .dataTables_length{}
.dataTables_wrapper .dataTables_length select{width: auto !important;}



.eachevent{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; color: #fff; margin-bottom: 20px;}
.eacheventdate{width: 120px; 
    height: 120px;
    color: #1e1e1e;
    display: flex;
    min-width: 80px;
    margin-right: 15px;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    margin-bottom: 15px;
    border-radius: 100%;
    border: 2px dotted #fff; transition: all 0.3s ease;
}

.eacheventdate span{display: block;
    font-size: 16px;
    text-align: center;
    line-height: 1.090909091em;
    color: #fff;transition: all 0.3s ease;
}
.eventday{margin-bottom: 5px;}

.eacheventdetails{width: calc(100% - 140px);}
.eacheventtitle{font-weight: 600; margin-bottom: 10px; color: #1a1a1a; transition: all 0.3s ease;}
.eacheventlocation{ transition: all 0.3s ease;}
.eacheventtime{ transition: all 0.3s ease;}
.eachevent:hover .eacheventtitle{color: var(--yellow, #ffc732);}
.eachevent:hover .eacheventdate{border: 2px dotted var(--yellow, #ffc732);}
.eachevent:hover .eacheventdate span{color: var(--yellow, #ffc732);}
.eachevent:hover .eacheventlocation{color: var(--black, #1a1a1a);}
.eachevent:hover .eacheventtime{color: var(--black, #1a1a1a);}

.allevents{width: 100%; border:2px solid var(--black, #1a1a1a); border-radius: 2px; color: var(--black, #1a1a1a); padding: 15px; transition: 0.4s; cursor: pointer; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 1px; display: block; max-width: 500px; text-align: center;}
.allevents:hover{background: var(--yellow, #ffc732); border: 2px solid var(--yellow, #ffc732);}
.allevents:hover i{-webkit-animation:bounceRight 1s alternate ease infinite;animation:bounceRight 1s alternate ease infinite}
.allnews:hover i{-webkit-animation:bounceRight 1s alternate ease infinite;animation:bounceRight 1s alternate ease infinite}

.homeevents{display: flex; justify-content: space-between; flex-wrap: wrap;}

@-webkit-keyframes bounceRight{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(5px);transform:translate(5px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes bounceRight{0%{-webkit-transform:translate(0);transform:translate(0)}50%{-webkit-transform:translate(5px);transform:translate(5px)}to{-webkit-transform:translate(0);transform:translate(0)}}

.eachnewsarchive{margin-bottom: 30px;}

.eachmember{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; color: #fff; margin-bottom: 20px; background: rgba(26,26,26,0.1); padding: 20px;}
.eachmemberleft{background: var(--green, #4CBA7A);}
.eachmemberimage{width: 80px; 
    height: 80px;
    color: #1e1e1e;
    min-width: 80px;
    margin-right: 15px;
    margin-bottom: 15px;
    border-radius: 100%;
    border: 2px solid var(--yellow, #ffc732);transition: all 0.3s ease; 
    overflow: hidden;
}
.eachmemberimage img{width: 100%; height: 100%; object-fit: cover;}


.eachmemberdetails{width: calc(100% - 100px);}
.eachmembertitle{font-weight: 600; margin-bottom: 10px; color: #1a1a1a; transition: all 0.3s ease; display: block;}
.eachmemberposition{color: #1a1a1a; display: block; font-weight: 600;margin-bottom: 10px;}
.eachmemberemail a{font-size: 12px; color: var(--yellow, #ffc732);}
.eachmemberemail a:hover{color: #1a1a1a;}
.eachmemberemail{margin-bottom: 10px;}
.eachmembertext{padding-top: 10px; border-top: 1px solid rgba(26,26,26,0.1);font-size: 12px;}

.aboutmap{width: 100%; height: 500px;box-shadow: 0 30px 90px rgba(0,0,0,0.25), 0 7px 20px rgba(0,0,0,0.05);}
.maplinks{padding: 20px 0; display: flex; justify-content: flex-start; flex-wrap: wrap;}

.mapbutton{padding: 5px 10px; margin: 0 10px 10px 0; background: var(--green, #4CBA7A); font-size: 12px; color: #fff;}
.darkmapbutton{background: var(--black, #1a1a1a);}
.darkmapbutton:hover{color: var(--yellow, #ffc732);}

.eachlocation{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: center;margin-bottom: 20px; position: relative; overflow: hidden;box-shadow: 0 30px 90px rgba(0,0,0,0.25), 0 7px 20px rgba(0,0,0,0.05);}
.eachlocationimage{width: 200px; overflow: hidden; transition: all 0.3s ease;}
.eachlocationimage img{width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease;}
.eachlocationdetails{width: calc(100% - 200px); padding: 40px 20px;}

.eachlocationarrow{position: absolute; bottom: 0; right: 0; color: #fff; background: var(--green, #4CBA7A); padding: 10px 15px; z-index: 4; opacity: 0; transition: all 0.3s ease; transform: translateY(100%);}
.eachlocation:hover .eachlocationarrow{opacity: 1; transform: translateY(0);}
.eachlocationarrow:hover i{-webkit-animation:bounceRight 1s alternate ease infinite;animation:bounceRight 1s alternate ease infinite}
.eachlocation:hover .eachlocationimage img{transform: scale(1.1,1.1);}

.infoimage{width: 100%; height: 100px; margin: 0 auto; width: 100%; max-width: 200px;}
.infoimage img{width: 100%; height: 100%; object-fit: cover;}

.infotitle{padding: 10px; font-weight: 600; color: #fff; background: var(--green, #4CBA7A); width: 100%; transition: all 0.3s ease;}
.infolink{}
.infolink a{color: #fff;}
a:hover .infotitle{color: var(--yellow, #ffc732);}
.newsgrid{display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px;}
.docgrid{display: grid; grid-template-columns: 1fr; grid-gap: 30px;}


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

div.pagination {
    padding: 3px;
    margin: 3px;
}

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

    * zoom: 100%;
    font-size:0.8rem;
    
    background-color: var(--green, #4CBA7A);
    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%}
                /*
                .listimage2{display: none;}
                .listinfo{padding-left: 20px;}
                */
.searchfooter{width: 100%;grid-column: 1 / 3;}
.thepaginator{width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center;}
/* ==========================================================================
   GDPR
   ========================================================================== */

.privacylinks{width: 100%; padding: 40px 40px 20px; background: var(--green, #4CBA7A); display: flex; justify-content: space-between; flex-wrap: wrap; }
.privacylink{width: calc(50% - 10px); margin-bottom: 20px; padding: 10px; background: #fff; color: #00134E; transition: all 0.3s cubic-bezier(.25,.8,.25,1); text-transform: uppercase; font-weight: 600; font-size: 14px;}
.privacylink:hover{background: rgba(255,255,255,0.5); }
.privacycontent{padding: 40px 0;}



.ptable{margin: 20px 0;}
.ptable tr td{padding: 20px; border: 1px solid #ccc;}
.ptable thead th{padding: 20px; background: var(--green, #4CBA7A); }
.ptable thead th p strong{font-weight: 700; color: #fff;}

.sitemapul{}
.sitemapul ul{padding: 10px 0 0 20px; margin-bottom: 20px;}
.sitemapul li{margin-bottom: 5px;}


.eachuseful{width:100%; background:#f7f7f7; padding:20px 20px 40px 20px; margin-bottom:20px; position:relative;}

.usefullink{position:absolute; bottom:0; right:0; padding:10px; color: #fff; background: var(--green, #4CBA7A);}
.usefullink:hover{background: #fff; color: #F31B2A;}


.has-tooltip:hover + .tooltip,
.has-tooltip:focus + .tooltip,
.has-tooltip.hover + .tooltip {
  opacity: 1;
  transform: translate(-50%, -100%) scale(1) rotate(0deg);
  pointer-events: inherit;
}
.has-tooltip:hover + .textinput { background-color: yellow;}
.has-tooltip{color: var(--green, #4CBA7A);}
.tooltip {
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%) scale(0.75) rotate(5deg);
  transform-origin: bottom center;
  padding: 10px 30px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.75);
  text-align: center;
  color: #fff;
  transition: 0.15s ease-in-out;
  opacity: 0;
  width: 100%;
  max-width: 100%;
  pointer-events: none;
  z-index: 5;
}
.tooltip.blue {
  background: rgba(76,186,122, 0.75);
}
.tooltip.blue:after {
  border-top: 5px solid rgba(76,186,122, 0.75);
}

.tooltip:hover {
  opacity: 1;
  transform: translate(-50%, -100%) scale(1) rotate(0deg);
  pointer-events: inherit;
}
.tooltip img {
  max-width: 100%;
}
.tooltip:after {
  content: "";
  display: block;
  margin: 0 auto;
  widtH: 0;
  height: 0;
  border: 5px solid transparent;
  border-top: 5px solid rgba(0, 0, 0, 0.75);
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 100%);
}


/* ==========================================================================
   SEARCH
   ========================================================================== */

.eachsearcharticle{width: 100%; background: #f6f6f6; padding: 20px; margin-bottom: 20px; position: relative; overflow: hidden;display: block; font-weight: 400;border-bottom: 5px solid var(--green, #4CBA7A);}

.onsearchbox{width: 100%;}


.onsearchform{width: 100%;}

.searchform{width: auto; max-width: 0px; transition:all 0.5s linear; visibility: hidden; opacity: 0;}
.searchform.show{max-width: 1000px;visibility: visible; opacity: 1;}


.searchresultlink{color: #1a1a1a; font-family: 'Poppins', sans-serif; font-size: 14px; text-transform: uppercase; font-weight: 600; padding: 0;}
.searchresultlink:hover{opacity: 0.7;}
.eachsearcharticlecategory{position: absolute; bottom:5px; right:0; color: #fff; padding: 5px 10px;}
.eachsearchlink{font-weight: 300; font-size: 16px;}
.eachsearcharticle:hover .eachnewsarrow{opacity: 1; transform: translateY(0);}

.searchlink{width: 30px; font-size: 20px;}

.searchform{width: 100%; display: flex; justify-content: flex-end; flex-wrap: wrap;}
.searchbar{width: 100%; background: var(--green, #4CBA7A); padding: 20px 40px; display: none;}
.querysearchbar{width: 100%; background: #fff; padding: 0; display: none; margin-bottom: 20px;}
.innersearch{}
.searchbox{display: flex; flex-wrap: nowrap; align-self: center; justify-content: flex-end;}
.searchbox input{padding: 10px 10px; border: 0px solid #efefef; border: 2px solid var(--black, #1a1a1a); width:calc(100% - 40px); max-width: 685px; background: transparent;}
.searchbox input:focus{outline: 0px solid #1a1a1a; background: #efefef;}
.si1{width:calc(100% - 40px); max-width: 685px;}
.searchbtn{border: 2px solid var(--black, #1a1a1a); border-left: none; background: var(--green, #4CBA7A); color: var(--black, #1a1a11a); text-transform: uppercase; width: 40px; transition:all 0.3s linear; outline: none; cursor: pointer;}


.searchbtn:hover{background:#fff;}
.searchbtn span{display: none;}
.hamtext{display: none;}
.searchbox input.fuller{max-width: 1000px;}

.filterer{border: 2px solid var(--green, #4CBA7A); opacity: 0.7; cursor: pointer; transition: all 0.3s ease;font-weight: 600;}
.filterer:hover{opacity: 1;}
.filtereractive{color: var(--black, #1a1a1a); background: var(--yellow, #ffc732); border: 2px solid var(--yellow, #ffc732); opacity: 1; }

.eachhomedoctitlename{font-size: 24px; line-height: 28px; font-weight: 600; color:var(--green, #4CBA7A); margin-bottom: 10px; transition: all 0.5s ease;}
.eachhomedoctitledate{font-size: 14px; font-weight: 300; color:var(--green, #4CBA7A);}
.eachhomedoctitledesc{font-size: 14px;}

.documentlink{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; border: 1px solid var(--green, #4CBA7A); border-bottom: 5px solid var(--green, #4CBA7A); background: #fff; border-radius: 5px; margin: 20px auto;}
.documenticon{width: 60px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border: 0px solid var(--green, #4CBA7A); background: var(--green, #4CBA7A); color: #fff; transition: all 0.3s ease; font-size: 24px;}
.documenttext{width: calc(100% - 60px); padding: 20px;}
.documenttext span{color: var(--black, #1a1a1a); font-weight: 400;}
/*.documentlink:hover .documenticon{color: var(--yellow, #ffc732);}*/

.embedsection{width: 100%;}
.embedsection embed{min-height: 1000px;}

.searchfilter{padding: 10px 10px; border: 0px solid #efefef; border: 2px solid var(--black, #1a1a1a); width:100%; max-width: 1000px; background: transparent;}
.searchfilter:focus{outline: 2px solid var(--green, #4CBA7A);}
.greensearch{border: 2px solid var(--green, #4CBA7A);}
.greensearch:focus{background: #f6f6f6;}

.sidebarlink{color: var(--black, #1a1a1a);}
.sidebarlink:hover{color: var(--yellow, #ffc732);}
.linkdate{font-size: 12px;}

.spaginate{position: relative; width: 100%; display: flex; justify-content: center; flex-wrap: wrap; padding: 10px;}
.spaginate .swiper-pagination-bullet{background: #e6e6e6; margin: 0 5px;}

.checkinput label{margin: 0 5px 5px 0;white-space: nowrap;}
.checkinput input{margin-right: 5px;}
.checkinput{margin-bottom: 20px;}
/* ==========================================================================
   MODAL
   ========================================================================== */
.pdftrigger{color: var(--green); cursor: pointer; font-weight: 600;}
.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, 0.5);
  transition: background-color 0.25s;
}
.modal.open > .content-wrapper {
  transform: scale(1);
    max-height: 90vh; overflow: auto;
}
.modal .content-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 80%;
    max-width: 800px;
  margin: 0;
  padding: 2.5rem;
  background:#f7f7f7;
  border-radius: 0.3125rem;
  box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.5);
  transform: scale(0);
  transition: transform 0.25s;
  transition-delay: 0.15s;
}
.modal .content-wrapper .close {
  position: absolute;
  top: 0.5rem;
  right: 0.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: 0.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: bold;
}
.modal .content-wrapper .modal-content {
  position: relative;
  display: flex; flex-wrap: wrap;
}
.modal .content-wrapper .modal-content p {
  font-size: 0.875rem;
  line-height: 1.75;
    width: 100%;
}
.modal .content-wrapper .modal-footer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin: 0;
  padding: 1.875rem 0 0;
}
.modal .content-wrapper .modal-footer .action {
  position: relative;
  margin-left: 0.625rem;
  padding: 0.625rem 1.25rem;
  border: none;
  background-color: slategray;
  border-radius: 0.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, 0.2);
  transition: width 0.25s;
  z-index: 0;
}
.modal .content-wrapper .modal-footer .action:first-child {
  background-color: #2ecc71;
}
.modal .content-wrapper .modal-footer .action:last-child {
  background-color: var(--green);
}
.modal .content-wrapper .modal-footer .action:hover:before {
  width: 100%;
}

.modal .content-wrapper iframe{width: 100% !important;}


.commentimagecontent{display: grid; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px;}
.commentlinker{width: 100%; height: 100px; transition: all 0.3s ease;}
.commentlinker:hover{opacity: 0.6;}
.commentlinker img{width: 100%; height: 100px; object-fit: cover;}
/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */
@media only screen and (min-width: 1920px) {.header{padding:30px 40px; width: 1920px;}}

@media only screen and (min-width: 1450px) {.navigation{display: flex!important;}.ham{display: none; order: 4;}}
@media only screen and (max-width: 1450px) {
    
    .header{align-items: center; z-index: 501; padding: 0 40px; justify-content: space-between;}
    .logoholder{order: 1; width: 140px;}
    
    .logonew{width: 140px; height: 111px;}
.logotext{height: 48px; padding-top: 10px; font-size: 20px; display: flex;}
.logocircle{width: 100%; height: 140px; top: 60px;}
    
    .ham{display: block; order: 3;}
    .rightheaderupper{order: 2; outline: 0px solid red; text-align: left; max-width: 500px;}
    .lbccc{width: 100%; font-size: 18px; border: none; padding: 20px 0 20px 160px;}
    .navigation{display: none; width: 100%; height: auto; text-align: right; padding-top: 40px; order: 4;}
    .navlink{display: block; width: 100%; margin: 0; font-size: 18px; margin-bottom: 20px; padding: 0; text-align: right; color: var(--green, #4CBA7A);}
    .navlinker{display: none;}
    .fillbg{background: linear-gradient(rgba(0,0,0,.8),rgba(0,0,0,0) 100%); background: rgba(255,255,255,1);}
      ul.primary li:hover ul { display: none;}
    ul.primary li:hover a.drop {
  background: none;
  color: #fff;

}
    .herotext{max-width: 100%; z-index: 4;}
    .heroheader{font-size: 40px; line-height: 35px; }
    
    .contactinfo{width: 100%; margin-bottom: 20px;}
    .mapopening{height: 400px;}
    
    .homeabout{width: 100%;}
    .homeopening{width: 100%; padding: 40px;}
    .nocontent{display: none;}
    .businessopening{border-bottom: 5px solid #fff;}
        .homeservices{width: 100%; background: #f6f6f6; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; padding: 0; outline: 0px solid red;}


.thehomeservice{width: 100%; background: #f6f6f6; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; outline: 0px solid red; z-index: 4;}
.homeservicesimg{width: 100%; height: auto; position: relative; z-index: 4; outline: 0px solid red; }
.homeservicesimgheader{position:relative; width: 100%; height: auto; padding: 40px; font-size: 40px; line-height: 50px;}
.homeservicesimg img{position: absolute; top:0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.homeservicescontent{width: 100%; padding: 40px; position: relative; z-index: 4; outline: 0px solid red;}
.homeservicesbg{position: absolute; top: 0; right: 0; width: auto; height: auto; background: none; z-index: 46; outline: 0px solid red;}
.swiper-buttons{position: relative; display: flex; justify-content: flex-end; flex-wrap: wrap; top: 0;}
.swiper-button{padding: 5px 10px; color: var(--purple, #847683); background: #fff; cursor: pointer; outline: none;}
    
     .footersocial{justify-content: center; flex-grow: 0; width: 100%; margin-bottom: 20px;}
.copyright{color: #1B2032; width: 100%; display: block; text-align: center; margin-bottom: 20px;}
.credits{color: #1B2032; width: 100%; justify-content: center;}
    
    .eachevent{width: 48%;}
    .eachmember{width: 48%;}
    .searchlink{display: none;}
    .querysearchbar{display: block;}
}





@media only screen and (max-width: 800px) {
    .container{width: 100%; margin: 0 auto;}
    .logoholder{width: 110px; top: 10px;}
    
    .logonew{width: 110px; height: 87px;}
.logotext{height: 38px; padding-top: 10px; font-size: 16px; display: flex;}
.logocircle{width: 100%; height: 110px; top: 47px;}
    
    .rightheaderupper{max-width: 400px; outline: 0px solid red;}
    .lbccc{width: 100%; font-size: 16px; border: none; padding: 20px 0 20px 130px;}
    .header{align-items: center; z-index: 501; padding: 0 40px; justify-content: space-between;}
  
    .herocover{padding: 20px 40px;}
    .herotext{max-width: 90%;}
 



    .privacylink{width: 100%; }

    .heroheader{font-size: 30px; line-height: 40px; }
   
    
.ptable tr td{padding: 5px;}
.ptable thead th{padding: 5px; }
.homeabout{width: 100%;}
.homeopening{width: 100%; padding: 40px;}
.homeservicescontent{width: 100%; padding: 40px;}
.homeservicesimg{width: 100%; padding: 0;}
    

    .biggrid{grid-template-columns: 1fr;}
     .eachevent{width: 100%;}
    
    .newsgrid{grid-template-columns: 1fr;}
    .searchfooter{width: 100%;grid-column: 1 / 2;}
    .paginatedtop{grid-column: 1 / 2;}
    
    .eachmember{width: 100%;}
    
    .commentholder{width: calc(100% - 200px);}
}
@media only screen and (max-width: 520px) {
    .rightheaderupper{display: none;}
    .header{justify-content: flex-end; padding: 30px 20px;}
    .homeaboutcontent{width: 100%; padding: 40px 20px;}
    .homeopening{width: 100%; padding: 40px 20px;}
    .footer{padding: 40px 20px;}
    .sub{padding: 40px 20px;}
    .logoholder{left: 20px;}
    

.eachlocationimage{width: 100%; height: 150px;}
.eachlocationdetails{width: 100%; padding: 40px 20px;}
}


.hidden,[hidden]{display:none!important}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.sr-only.focusable:active,.sr-only.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;white-space:inherit;width:auto}.invisible{visibility:hidden}.clearfix::after,.clearfix::before{content:" ";display:table}.clearfix::after{clear:both}@media print{*,::after,::before{background:#fff!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]::after{content:" (" attr(href) ")"}abbr[title]::after{content:" (" attr(title) ")"}a[href^="#"]::after,a[href^="javascript:"]::after{content:""}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}