* { box-sizing:border-box; -moz-box-sizing:border-box; }

/*
font-family: 'Lato', sans-serif;
font-family: 'Patua One', cursive;
font-family: 'Lobster', cursive;

 */
html,body,h1,h2,h3 {margin:0;padding:0;}
html {}
html.home {overflow-x:visible;}
body {background: #000000;color:#000000;font-family: 'Lato', sans-serif;font-size:1em;background: #e3e5e4 url(../images/container.jpg) repeat top center;}
img {border:none;}
a {border:none; text-decoration:none; outline:none; font-weight:normal;}
h1 {display:block;color: #498612;font-size: 2.2em;line-height: 39px;font-family: 'Patua One', cursive;font-weight: normal;letter-spacing: 1px;margin: 0px 0 43px 0;text-align: center;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.37);}
h2 {font-size: 2.2em;margin:25px 0 13px 0;color: #498612;font-weight: normal;letter-spacing: 0.03em;font-family: 'Patua One', cursive;text-shadow: 1px 2px 3px rgba(0, 0, 0, 0.20);}
h3 {font-size: 1.3em;17px 0 0 0line-height: 25px;font-family: 'Patua One', cursive;font-weight: normal;font-weight: normal;font-weight: normal;font-weight: normal;font-weight: normal;font-weight: normal;font-weight: normal;font-weight: normal;font-weight: normal;font-weight: normal;font-weight: normal;font-weight: normal;font-weight:;color: #498612;}
p {line-height:25px;margin: 12px 0 24px 0;font-size: 1.24em;line-height: 1.3em;color: #312516;}
@media (max-width:730px) {
	p {font-size: 18px;line-height: 25px;}
}

.book-button{
    background: #2b62c5;
    display: inline-block;
    margin: 0 auto;
    border-radius: 0.3em;
    color: #fff;
    text-align: center;
    padding: 0.7em 1.9em;
    font-size: 1.3rem;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    margin: 0.5em 0;
	font-family: 'Lato', sans-serif;
	position: relative;
	transition:0.3s;
}

	.book-button:after {content: "\f105"; line-height: 1.3em; font-family: FontAwesome;position:absolute; opacity:0; right:18px;transition:0.3s;}
	.book-button:hover {padding-right:3em;}
	.book-button:hover:after {opacity:1;right:18px;}

table { font-size: 15px;}
hr { border:none;  margin: 30px 0; border-bottom: 2px solid #E9C043;}
input {outline:none;}

.clearfix:before { content: " "; display: table; }
.clearfix:after { content: " "; display: table; clear: both; }
.clickable, .clickable2 { cursor:pointer;}

::selection {background: #54921b; color:#e4e3e1 ;}
::-moz-selection {background: #54921b; color:#e4e3e1 ;}
::-webkit-selection {background: #54921b; color:#e4e3e1 ;}

.clear {clear:both;}
.right {float:right; }
.left {float:left}
.tel, .tel:hover {text-decoration:none !important; cursor:default; color:white;}

.accessible {width:0px; height:0px;position:absolute; z-index:100000; right:10px; top:5px; background:red; color:white;padding: 0px; border-radius:2px; text-decoration:none; cursor:pointer; overflow:hidden; transition:0.3s;}
.accessible:active, .accessible:focus {width:auto;height:auto;padding: 2px 7px;}


/*HEADER======================================*/

header {position:relative; z-index: 1000;top: 0px;left: 0px;width: 100%; font-family: 'Cinzel', serif; transition:background 0.3s;}
	.header {z-index: 10;top:0px;left:0px;margin:0 auto;width: 100%;}
	.header .inner {position:relative;width:100%;max-width: 1150px;margin: 0 auto;padding: 0px 0px;text-align: center;}

	/*.logo {display:block; position:absolute; z-index: 10; top:-6px; left:4px;  width:289px; height:87px; background:url(../images/commanders-palace-logo.png) no-repeat 9px 15px;  transition:0.3s;}*/
	.logo {width: 370px;display: inline-block;color: white;margin: 10px 0px 11px;padding: 0 0;text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.63);transition: 0.3s;}
	.logo img {width: 100%;height:auto;transition: 0.3s;}
	.logo span {font-style:italic;font-family: 'Patua One',cursive;color: #39690e;font-size: 1.1em;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.31);}
	.header .phone {position: absolute;left: 30px;top: 50%;padding: 0px 0px 0px 0.7em;margin-top: -14px;font-size: 1.3em;color: #68635c;font-family: 'Patua One', cursive;}
	.header .phone a {color: #68635c;}
	.header .phone i {color:#498612;position: absolute;top: 50%;left: 0px;margin-top: -6px;}


	/*Social*/
	.header .social {position:absolute;z-index: 10;right: 26px;top: 50%;text-align: center;/* width: 150px; */margin: -20px auto 0px auto;}
	.social  .icon {display: inline-block;width: 37px;height: 39px;line-height: 38px;color: #498612;text-indent: -300px;overflow: hidden;margin: 0 0px 0px 0px;font-size: 1.8em;text-align: center;opacity: 1;transition:0.3s;}
	.social .fa {text-indent: 300px;}
	.social .fa-phone {overflow:visible;font-size: 33px;padding-top: 2px;padding-right: 28px;line-height: 33px;}
	.social .fa span {font-size: 16px;padding: 0 4px;}
	.social .icon img {position:absolute;right:0px;top: 1px;width: 23px;height: auto; transition:0.3s;}
	.social .icon:hover img {opacity:0.5;}
	.social a:hover {color: rgba(5, 5, 5, 0.6);}


		@media (max-width:900px) {
			.logo {margin: 6px 0px 8px;}
			.logo img {max-width: 300px; width:100%;}
		}








































		@media (max-width:730px) {
			.logo {display:block;margin: 6px auto 11px;max-width: 80%;}
			.header .phone {display: inline-block;position:relative;left:inherit;top:inherit;margin: 0px 0px 9px;}
			.header .social {display:none;}
		}

	/*TOPNAV=======================================*/
	 .top-wrapper {position:absolute;top: -32px;left:0px; width:100%;}
	 .topNav {width:100%;max-width: 1242px;margin:0 auto;text-align: left;padding: 0 20px;}
	 .topNav a {position: relative;display: inline-block;/* text-align:center; */font-size: 14px;font-weight: bold;color:#6e6460;font-family: 'Lato', sans-serif;line-height: 31px;padding: 1px 20px 0px 20px;background: #cfcccc;transition:0.3s;}

	 .topNav a.hotel {border-radius:5px 0 0 0; box-shadow:inset -3px -2px 6px 2px rgba(0, 0, 0, 0.14);}
	 .topNav a.tower {border-radius:0 5px 0 0; box-shadow:inset 3px -2px 6px 2px rgba(0, 0, 0, 0.14);}
	 .topNav a img {display:inline-block;}
	 .topNav a.active {background: #e1dedb;color: #1d0e0d;box-shadow:none !important;}


	/* Nav========================================= */
	nav {position:relative;z-index:10;width: 100%;background: #498612;box-shadow: 1px 5px 11px -2px rgba(0, 0, 0, 0.37), inset 1px 7px 15px -7px rgba(0, 0, 0, 0.57);font-family: 'Patua One', cursive;}
	nav.sticky {position:fixed; top:0px;}
	nav .mobileMenu {display:none;position:absolute;bottom: 0px;left:0px;width: 100%;height:100%;}
	nav .quote {display:none;position:absolute;bottom: 0px;right:0px;width: 50%;height:100%;line-height: 56px;font-weight: bold;background: #d2cec9;color: #1d0e0d;}
	nav > .mobileMenu span {position:absolute;width: 10px;left: 50%;top: 10px;margin-left: -10px;display:block;cursor:pointer;line-height: 1.8em;font-size: 1.3em;color: white;letter-spacing: 1px;transition: 0.3s line-height;text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.46);}
	nav > .mobileMenu:after {position:absolute;content: "\f0c9";left: 50%;top: 0.5em;width: 57px;font-family:fontAwesome;margin-left: -55px;display:block;cursor:pointer;font-weight:bold;line-height: 38px;font-size: 21px;color: white;font-weight: normal;text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.46);transition: 0.3s line-height;}
	nav > ul {list-style:none;margin: 0 auto;padding:0;text-align: center;}
	nav > ul > li {position:relative;display: inline-block;font-weight: bold;/* border-left: 1px solid #cfcfcf; */}
	nav > ul > li.green {background:#34b7b2;     text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.62);}

	nav > ul > li > a {display:block;text-align:center;padding: 0 18px;padding: 0px 0.8em;font-size: 1.35em;line-height: 48px;color: #ffffff;/* border-right: 1px solid #ffffff; */letter-spacing: 0.1em;text-shadow: 1px 1px 7px rgba(0, 0, 0, 0.46);text-transform: uppercase;transition:0.3s;}
	nav > ul > li:hover a {background: rgba(39, 39, 39, 0.08);color: rgba(255, 255, 255, 0.7);}
	nav > ul > li.darker a {color: rgba(29, 14, 13, 0.5) !important;}
	nav > ul > li.darker:hover a {color: #1d0e0d !important;}

	nav > ul > li ul {height:0;position:absolute;list-style:none;margin:0;padding: 5px 0 1px 0;width: 190px;left: 0;top: 39px;overflow:hidden;transition: 0.2s;}
	nav > ul > li ul.ourRestaurants {left:inherit; right:0px; }
	nav > ul > li ul  li  {position:relative; margin: 0; float: left; margin:1px 1% 1px 0px; width:100%;}

	nav > ul > li ul  li  a {position:relative;display:block;line-height:19px;padding: 0;text-align: left;padding-left: 13px !important;letter-spacing: -3px;font-weight:normal !important;font-size: 17px;color:rgba(255,255,255,0);transition: 0.3s;}
	nav > ul > li:hover ul  li  a  {background: #292929;letter-spacing: 0;color: #dbdbdb!important;transition: 0.3s;}
	nav > ul > li ul  li:first-child:before {border:none !important}
	nav > ul > li ul  li:hover:before { background:white; background:rgba(255, 255, 255, 1); transition: 0.2s;}
	nav > ul > li:hover ul  li:before {}
	nav > ul > li ul  li:hover a {background: #565656;color:#ffffff !important;}
	nav > ul > li ul  li:hover  a.pdf:before {background:url(../images/pdf2.png) center -23px no-repeat;}
	nav > ul > li:hover ul {height: 125px;transition: 0.4s;}


	nav > ul > li:first-child:hover ul {height: 230px !important;}

	nav > ul > li:hover ul li a { padding: 7px;}

	@media (max-width:1140px) {
		nav > ul > li > a { font-size: 1.25em;padding: 0px 0.6em;}
	}
	@media (max-width:990px) {

		nav {float:none;padding-right: 0px; }
		nav .mobileMenu {display:block;z-index: 10;}
		nav .quote {display:block;}
		nav > ul {/* padding: 56px 0px 0 0; */margin-top: 56px;}
		nav > ul.selected {position: relative; z-index: 10;width: 100%;border-bottom: solid 0px #FFF;background: #e3e5e4 url(../images/container.jpg) repeat center;}
		nav > ul.selected > li {float: left;width: 100%;}
		nav > ul.selected > li a {font-size: 19px;line-height: 40px;text-align: left;background:009ea0;}
		nav > ul > li.highlight2:before {background:rgba(255, 255, 255, 1) !important;}
		nav > ul.selected > li { display:block; margin-top: 1px; }
		nav > ul > li:before {display:none;}
		nav > ul > li {display:none;margin-top:0px !important;border-top: 1px solid #b4b4b3 !important;}
		nav > ul > li.green {display:none;}
		nav > ul > li > a {position:relative;padding: 0 0 0 22px;color: #494747 !important;/* background: #e1dedb !important; */color: #1d0e0d !important;}
		nav > ul > li > a:before {display:none;position:absolute;z-index: 10;content:"\f0d8";font-family:fontAwesome;left: 22px;bottom: -16px;font-size: 27px;color: #cccccc;}
		nav > ul > li ul {width: 100%;display: none;height:inherit !important;position: relative;top: 0px !important;padding: 0px;background: #ccc;display: block;}
		nav > ul > li:first-child:hover ul {height:inherit !important;}
		nav > ul > li.parent a:before, nav > ul > li.opened a:before {display:block;}
		nav > ul > li ul  li  {width: 100%; margin:0;}

		nav > ul > li ul  li  a,
		nav > ul > li ul  li:hover a {padding: 0px 22px 0px 35px !important;letter-spacing: 0px;background: none !important;color: #292929 !important;font-size: 17px !important;border-top: 1px solid #a7a5a5;border-right: 1px solid #a7a5a5;}
		nav > ul > li:hover ul  li  a {    color: #292929 !important;}
	}

/*Header Banner============================== */
.dynamic-headers {position: relative; }
	.dh1 { width:100%;}
	.dh2 {position:relative; float:left; width:50%;}


	.rslides {margin:0 auto !important;  }
	.rslides li {padding-top:0%; transition:0.3s;}
	.int-slides li {height:400px; }
	.home_slides li {height: 700px;}

	.overlay {position:absolute;z-index: 100;text-align: center;font-family: 'Playfair Display', serif;padding: 22px 4% 10px 4%;bottom: 26%;width: 100%;height: auto;}
	.overlay h1 {font-family: 'Patua One', cursive;font-size: 3.5em;letter-spacing: 0.07em;color: white;font-weight: normal;text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.86);}
	.overlay  > span {display: block;margin: 9px 0px 1.6em;color: white;font-family: 'Lobster', cursive;letter-spacing: 0.1em;font-size: 2.3em;text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.86);}


/* OLD HOMEPAGE BUTTON
	.overlay a {display: inline-block; position: relative;background: rgba(221, 198, 84, 0.93);border-radius:3px;color: #312516;font-size: 2.4em;padding: 13px 25px 19px 147px;font-family: 'Patua One', cursive;text-transform: capitalize;box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.63);transition:0.3s;}
	.overlay a span {position: absolute; left: 21px; top: 12px; width: 118px; text-align: left; font-size: 0.6em; line-height: 1.2em;}
	.overlay a:after {position:absolute; opacity:0; right:18px; top:50%; margin-top:-28px;content:''; width:20px; height:56px; background:url(../images/arrow3.png) no-repeat; background-size:100% auto;transition:0.3s;}
	.overlay a:hover {padding-right:65px; background: rgba(221, 198, 84, 1);}
	.overlay a:hover:after {opacity:1;right:18px;}
*/

	#map {height:330px;}


	@media screen and (max-width: 1600px) {
		.home_slides li {height: 0px; padding-top:44.7%;}
		.int-slides li {height: 0px; padding-top:21%;}
	}
	@media screen and (max-width: 1100px) {
		.overlay {bottom: 20%; }
		.overlay h1 {font-size:3em;}
		.overlay  > span {font-size:2em;line-height: 1em;margin: 9px 0px 0.9em;}
	}
	@media screen and (max-width: 880px) {
		.home_slides li {height: 393px;padding-top:0%;}
		.dh1 .overlay {width:90%; right:5%; bottom: 21%;}
		.dh2 .overlay {width:90%; left:5%; bottom: 21%;}
		.overlay {padding: 11px 5% 0px 5%; text-align:center;}
		.overlay  p {display:none;}

		.overlay  p.link {display:block; margin-top: 17px;}

		.int-slides li {height: 180px; padding-top:0%;}
	}
	@media screen and (max-width: 720px) {
		.overlay {bottom: 10%; }
		.overlay h1 {font-size:2.4em;}
		.overlay  > span {font-size:1.7em;}
	}
	@media screen and (max-width: 500px) {
		.overlay {bottom: 6%; }
		.overlay h1{ display:none; }
	}
	@media screen and (max-width: 400px) {
		.overlay>span{ margin-bottom: 0.5em; }
	}

	@media screen and (max-height: 800px) {
		header{ max-height:none !important; }
	}




/*CTA Choose Adventure===========*/
.cta1 {background: url(../images/cta1.jpg) center; background-size:cover;}
.cta1 > div {margin-bottom: 160px;padding: 5.5% 0px;background: rgba(222, 195, 59, 0.83);box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.66); transition:1.8s;}
.cta1 > div:hover {background: rgba(222, 195, 59, 0.9);transition:0.5s;}
.cta1 .center {position:relative;max-width: 1150px;padding: 0px 30px;margin: 0px auto 0px auto;}
.cta1 .center .arrow {position:absolute;top:50%;right: 11px;margin-top: -40px;width:29px;height:80px;background: url(../images/arrow1.png) no-repeat center;transition:0.3s;}
.cta1 > div:hover .arrow {right: 5px;}
.cta1 h2 {position: absolute;top: 50%;margin: -40px 0px 0px 0px;font-family: 'Patua One', cursive;text-transform: uppercase;}
.cta1 h2 a {color:#312516;text-decoration:none;font-size: 0.75em;letter-spacing: 0.1em;text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.37);}
.cta1 h2 a span {display:block;font-size: 1.2em;letter-spacing: 0.08em;line-height: 1.1em;text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.37);}
.cta1 p {font-family: 'Lato', sans-serif;color:#312516;padding-left: 3%;margin: 0px 7% 0px 220px;font-size: 1.15em;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.43);}

	@media (min-width:1300px) {
		.cta1 > div {padding: 72px 0px;}
	}
	@media (max-width:650px) {
		.cta1 {background: url(../images/cta1.jpg) -67% center;background-size: 1960px auto;}
		.cta1 h2 {position:relative;left:inherit;top:inherit;margin: 0px 7% 1em 15px;text-align: left !important;}
		.cta1 p {margin: 0px 7% 0px 15px;padding-left: 0%;}
	}



/*BLOG EXCERPT ===========*/

 .blogCTA {display: flex;align-items: center;position:relative;max-width: 1150px;min-height: 200px;padding:20px 30px;background: rgba(0, 0, 0, 0.08);margin: 3em auto 0px auto;}
 .blogCTA .arrow {position:absolute;content:'';top:50%;right:15px;margin-top: -40px;width:29px;height:80px;background: url(../images/arrow1.png) no-repeat center;transition:0.3s;}

.blogCTA h2 {position: absolute;top: 50%;margin: -44px 0px 0px 0px;font-family: 'Patua One', cursive;text-transform: uppercase;}
.blogCTA h2 a {color: #498612;text-decoration:none;font-size: 1.65em;letter-spacing: 0.06em;}
.blogCTA h2 a span {display:block;font-size: 0.61em;letter-spacing: 0.08em;line-height: 0.9em;}
.blogCTA p {font-family: 'Lato', sans-serif;color: #312516;padding-left: 3%;margin: 0px 7% 0px 327px;font-size: 1.15em;}
.blogCTA p a {text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.23);}
.blogCTA a.img {position: absolute;left: 200px;}
.blogCTA a.img img {height:auto;width:160px; border-radius:3px;}
	
	@media (max-width:750px) {
		.blogCTA {display:block;text-align:center;padding: 30px 30px;}
		.blogCTA h2 {position:relative;top: inherit;margin: 0px 0px 20px 0px;}
		.blogCTA a.img {display: block;position:relative;left: inherit;margin-bottom: 20px;}
		.blogCTA a.img img  {width:250px;}
		.blogCTA p {margin: 10px 3%;}
	}
	
	
	
/*CTA Reserve ===========*/
.reserveCTA {background: rgba(0, 0, 0, 0.08);text-align: center;padding: 1px 15px;border-radius: 4px;margin-top: 4em;}
.reserveCTA h2 {color:#498612;margin: 11px 0px 0px;    font-size: 2em;}
.reserveCTA p {font-weight:normal;line-height: 1.1em;margin-top: 9px;}
.reserveCTA p strong {font-eight:bold;}
.reserveCTA p a {text-decoration:underline;color: black;font-weight: bold;}
.reserveCTA span {font-size: 0.8em;font-style: italic;}


/*CTA gallery============*/
.galleryCTA {background-size:cover;}
.galleryCTA > div {margin: 161px 0px 37px 0px;padding: 5.5% 0px;background: rgba(77, 140, 19, 0.8);box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.26);transition:1.8s;}
.galleryCTA > div:hover {background: rgba(77, 140, 19, 0.9);transition:0.5s;}
.galleryCTA .center {position:relative;max-width: 1150px;padding: 0px 30px;margin: 0px auto 0px auto;}
.galleryCTA .center .arrow {position:absolute;content:'';top:50%;right: 11px;margin-top: -40px;width:29px;height:80px;background: url(../images/arrow2.png) no-repeat center;transition:0.3s;}
.galleryCTA > div:hover .arrow {right: 5px;}
.galleryCTA h2 {position: absolute;top: 50%;margin: -55px 0px 0px 0px;font-family: 'Patua One', cursive;text-transform: uppercase;}
.galleryCTA h2 a {color: #dbd9d9;text-decoration:none;font-size: 1.4em;letter-spacing: 0.06em;text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.37);}
.galleryCTA h2 a span {display:block;font-size: 0.73em;letter-spacing: 0.08em;line-height: 1.2em;text-shadow: 1px 1px 9px rgba(0, 0, 0, 0.37);}
.galleryCTA p {font-family: 'Lato', sans-serif;color: #ffffff;padding-left: 3%;margin: 0px 7% 0px 220px;font-size: 1.15em;text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.43);}

	@media (min-width:1300px) {
		.galleryCTA > div {padding: 62px 0px;}
	}
	@media (max-width:650px) {
		.galleryCTA {background: url(../images/cta1.jpg) -67% center;background-size: 1960px auto;}
		.galleryCTA h2 {position:relative;left:inherit;top:inherit;margin: 0px 7% 1em 15px;text-align: left !important;}
		.galleryCTA p {margin: 0px 7% 0px 15px;padding-left: 0%;}
	}


/*CTA MAP Location=======*/
.map {position: relative;background: #fcfcfc url(../images/map.png) center no-repeat;display:block;height: 395px;border-top: 7px solid #498612;transition:0.3s;}
.map  div {position: relative;height: 100%;z-index: 10;max-width: 1150px;padding: 72px 0px 83px;margin: 0px auto 0px auto;}
.map h2 {position: absolute;top: 50%;right: 30px;display: inline-block;color: #4c7d18;font-size: 1.9em;background:rgba(255, 255, 255, 0.83);line-height: 39px;font-family: 'Montserrat', sans-serif;font-weight: bold;text-transform: uppercase;letter-spacing: 1px;padding: 14px 4%;margin: -50px 0px 39px 0;border-radius: 3px;text-shadow: 1px 2px 4px rgba(0, 0, 0, 0.27);box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.23);transition:0.3s;}
.map h2 a {font-family: 'Patua One', cursive;color: #498612;letter-spacing: 0.03em; transition:0.3s;}
.map h2 a span {display: block;font-size: 1.39em;letter-spacing: 0.22em;padding-left: 0.2em; transition:0.3s;}
	@media (max-width:1140px) {
		.map {background: #fcfcfc url(../images/map.png) 30% center no-repeat;height: 300px;}
		.map  h2 {font-size: 1.5em;    line-height: 1.4em !important;}
	}
	@media (max-width:670px) {
		.map {background: #fcfcfc url(../images/map.png) 24% center no-repeat;}
		.map  h2 {display:none;}
	}


/*DATE PICKER=================*/
div.ui-datepicker{ font-size:16px !important;box-shadow: 0px 0px 25px rgba(255, 255, 255, 0.74);border: 1px solid rgba(255, 255, 255, 0.49)!important;}

.ui-widget-content {background: #367483 !important;border-radius: 3px !important;border:none !important;}
.ui-datepicker table {background: transparent !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {border:none !important;color: #FBFBFB      !important;background: transparent !important;}
.ui-datepicker select.ui-datepicker-month,  .ui-datepicker select.ui-datepicker-year {width: 47%;display: inline-block;background:#aa9679;border: 0px;margin: 0 2px;}
.ui-datepicker .ui-datepicker-header {    background: transparent !important;box-shadow: 0 7px 7px -9px rgba(20, 49, 58, 0.58);border: none;}
.ui-datepicker th {color: rgba(255, 255, 255, 0.54);}
.ui-datepicker .ui-datepicker-title {color: #FCFCFC  !important;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {color: #FBFBFB      !important;  border: none!important;  text-shadow:none !important;background: rgba(250, 250, 250, 0.83) !important;}
.ui-state-active:hover, .ui-widget-content .ui-state-active:hover, .ui-widget-header .ui-state-active:hover {border: none!important;/* background: #fff !important; */}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {color: #FFFFFF  !important;background: rgba(0, 0, 0, 0.25)  !important;}
.ui-datepicker td a {padding: 4px 0;}
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {opacity: .30;}
.my-class .ui-state-default:hover {border:none !important;}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {background: rgba(0, 0, 0, 0) !important;}




/* create a new arrow, because we are going to mess up the native one
see "List of symbols" below if you want another, you could also try to add a font-awesome icon.. */
input[type="date"]{display:flex !important;	justify-content: space-between;}
input[type="date"]:after {
    content: "\f133"; 
 	font-family: FontAwesome;
	color: #000;
    padding: 0 5px;
    transition: all .3s ease;
	align-self: center;
}
/* change color of symbol on hover */
input[type="date"]:hover:after {
    color: #006caf;
    cursor: pointer;
}
/* make the native arrow invisible and stretch it over the whole field so you can click anywhere in the input field to trigger the native datepicker*/
input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    height: auto;
    color: transparent;
    background: transparent;
}
/* adjust increase/decrease button */
input[type="date"]::-webkit-inner-spin-button {
    z-index: 1;
}
 /* adjust clear button */
 input[type="date"]::-webkit-clear-button {
     z-index: 1;
 }



/*MAIN CONTENT===========================*/
.home h1 {margin: 0px 0 7px 0;}
.home h2 {text-align: center;}
.main {position:relative; z-index:1000;box-shadow: 0px -8px 10px -7px rgba(0, 0, 0, 0.43);}


article {max-width: 1150px;padding: 0 30px;margin: 80px auto 83px auto;}
.home article {margin: 80px auto 60px auto;}
article a {color: green;text-decoration:underline;}
article > ul {list-style:none;padding: 0px;margin: 5px 0px 30px;}
article  > ul li {position:relative;padding: 5px 10px 4px 30px;margin: 2px 0px;background: #fefefe;border-radius: 3px;    color: #585858;font-size: 18px;}
article  > ul li:before {position:absolute;content:'';top: 10px;left: 10px;background: #e0dfdd;width: 9px;height: 9px;border-radius:10px;}
article  > ul li ul {margin: 8px 0px 7px 0px;}
article  > ul li ul li {line-height: 12px;font-size: 15px;padding: 5px 10px 4px 25px;}
article  > ul li ul li:before {top: 7px;background: #dd5f1f;width: 7px;height: 7px;}
article img {box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.37); max-width:100%; height:auto;}

.button {position: relative;display: inline-block;/* width: 100%; */border: none;padding: 10px 20px  8px 20px;font-size: 15px;font-size: 16px;cursor: pointer;border-radius: 2px;text-transform: uppercase;font-style: normal;margin-top: 0;margin-bottom: 10px;outline: 0;background: #e0ba0b !important;color: #232222;cursor: pointer;vertical-align: top;font-weight:bold;text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.43);text-shadow: none;box-shadow: 0px 15px 8px -14px rgba(0, 0, 0, 0.31);box-shadow: none;    text-decoration: none; transition: 0.4s, margin-top 0.0s;}
	.button:hover {background: #e4735b;}


/*MAP  homepage=================*/
a.map {background:url(../images/map.jpg) center no-repeat;display:block;height:478px;border-top:#678bd7 solid 6px;box-shadow: inset 0px -9px 8px -10px #0000009e, inset 0px 9px 14px -10px #0000009e;text-indent:-3000px;}

	@media screen and (min-width: 1850px) {
		a.map {background-size:cover;height:0px; padding-top:26%;}
	}
	@media screen and (max-width: 750px) {
		article {padding: 0 15px;}
	}
	@media screen and (max-width: 650px) {
		a.map {background-size:cover; height:0px; padding-top:74%;}

	}




/*BLOG==========================================*/


	/*listings*/
	.blogitem {padding: 15px 20px 2px 20px;background: rgba(255, 255, 255, 0.51);background: rgba(0, 0, 0, 0.08);border-radius: 4px;margin-bottom: 20px;min-height: 180px;box-shadow: 0px 10px 20px -8px rgba(0, 0, 0, 0.16);box-shadow:none;}
	.blogitem a.blog_thumb {display:block; color:black;}
	.blogitem a.blog_thumb img {float:left; width:150px; height:auto; margin-right: 12px; border-radius:3px;}
	.blogitem a.blog_thumb h2 {margin: 0px 0px 10px 0px;}
	.blogitem p {margin-top: 19px;}
	.blogitem .category {background: #cab341;color: #070600;position: relative;border: 0px;font-size: 13px !important;font-weight: bold;text-transform: uppercase;text-decoration: none;padding: 3px 12px 2px 12px;margin-left: 2px;border-radius: 3px;box-shadow: 0px 9px 6px -9px rgba(0, 0, 0, 0.73);box-shadow:none;font-size: 15px;font-size:16px;transition: 0.3s;}

	@media only screen and (max-width:630px) {
		.blogitem a.blog_thumb img { width:100px; }
		.blogitem p {clear: both;padding-top: 10px;}
	}


	/*Post page*/
	.post .content p:nth-child(3) img:nth-child(1) {display:none;}
	.datecatText {color: #a5a5a5;}
	.datecatText a,
	.back  {background: #cab341;color: #0e0000;position: relative;border: 0px;font-size: 13px !important;font-weight: bold;text-transform: uppercase;text-decoration: none;padding: 1px 12px 2px 12px;border-radius: 3px;box-shadow: 0px 9px 6px -9px rgba(0, 0, 0, 0.73);box-shadow:none;font-size: 15px;transition: 0.3s;}
	.back {font-size: 15px !important;     padding: 6px 12px 6px 12px !important;}
	
/*Tour Pages===========================*/
.tour article {}
.tour article .hours {width:100%;max-width: 700px;border: none;margin-top: 3em;margin: 3em auto 0em;}
.tour article .hours thead {}


.tour article .hours thead tr th {position: relative;font-family: 'Patua One', cursive;font-size: 1.2em;font-weight: normal;text-align: left;padding: 5px 1%;border: 3px solid #d7d7d7;background: rgba(0, 0, 0, 0.12);}
.tour article .hours thead tr th:nth-child(1) {font-size: 1.8em; background: rgba(212, 183, 39, 0.93);}
.tour article .hours thead tr th span {display:inline-block;}
.tour article .hours thead tr th strong {position: absolute;top: 50%;right: 0.5em;margin-top: -1.2em;font-size: 0.8em;line-height: 2.4em;width: 2.4em;height: 2.4em;text-align: center;color: #e4e3e3;border-radius: 100%;font-family: 'Lato', sans-serif;font-weight: bold;transform: rotate(20deg);background: #498612;/* background: rgba(0, 0, 0, 0.32); */box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.17);}
.tour article .hours tbody {/* background:red; */}
.tour article .hours tbody tr {/* background:green; */}
.tour article .hours tbody tr td {/* background:blue; */padding: 5px 1%;font-size: 1em;border: 1px solid #d7d7d7;border-left: 3px solid #d6d6d4;border-right: 3px solid #d6d6d4;}
.tour article .hours tbody tr:nth-child(2n+2) td {background: hsla(72, 0%, 2%, 0.05);}
.tour article .hours tbody tr td:nth-child(1) {font-weight: bold;font-size: 1.3em;background: rgba(212, 183, 39, 0.52);}
.tour article .hours tbody tr:nth-child(2n+2) td:nth-child(1) {background: rgba(189, 165, 43, 0.52);}

.tour article .hours tbody tr td span {font-style:italic;    color: rgba(0, 0, 0, 0.57);}

	@media screen and (max-width: 590px) {
		.tour article .hours thead tr th {padding: 5px 2%;}
		.tour article .hours thead tr th:nth-child(3) {width: 83px;}
		.tour article .hours thead tr th span {display:block;}
	}

	@media screen and (max-width: 350px) {
		.tour article .hours thead tr th strong {display:none;}
	}


.boats {width:100%;display: flex;justify-content: space-between;margin: 3em auto 0em;}
.boat {background: rgba(255, 255, 255, 0.64);width: 48%;margin: 2em 0em;padding: 0px 2%;border-radius: 48px 1em 48px 3px;box-shadow: 1px 1px 16px rgba(0, 0, 0, 0.14), 1px 12px 10px -10px rgba(0, 0, 0, 0.34);}
.boat h2 {position:relative;padding-left: 0.6em;margin: 0.5em 0 13px 0;line-height: 0.7em;}
.boat h2 .boatsize {font-size: 0.6em;letter-spacing: 0.01em;}
.boat h2 .price {transform: rotate(20deg);top: -1.1em;right: -1.2em;background: #498612;border-radius: 77em;width: 3.4em;height: 3.4em;position: absolute;font-size:1em;text-align: center;padding: 0.6em 0.2em;color: white;box-shadow: inset 6px 3px 8px -3px rgba(255, 255, 255, 0.47), inset -6px -3px 8px -3px rgba(0, 0, 0, 0.37), 1px 1px 10px rgba(0, 0, 0, 0.48);}
.boat h2 .price strong {font-size: 1.2em;line-height: 1em;font-family: 'Lato', sans-serif;}
.boat h2 .price div {font-size: 0.5em;line-height: 0.9em;padding: 0em 1em;}
.boat img {width:100%;height:auto;border-radius: 2.1em 3px 0em 0em;}
.boat p {color:#312516;}
.boat > span {display: block;background: #498612;padding: 0.3em 0.8em;color: white;border-radius: 0em 0em 6.7em 0.5em;}
.boat > span strong {float:right;text-align:right;padding-right: 1.1em;}

	@media screen and (max-width: 1050px) {

		.boat h2 .price {font-size:0.8em;}
	}
	@media screen and (max-width: 750px) {
		.boats {max-width:600px;flex-wrap:wrap;}
		.boat {width:100%;}
		.boat h2 .price {font-size:1em;    right: -0.6em;}
	}
	@media screen and (max-width: 450px) {
		.boat h2 .price {font-size:0.8em;}
	}


.extraInfo {width:100%;display: flex;justify-content: space-between;margin: 3em auto 0em;}
.extraInfo > div {width: 48%;margin: 2em 0em;padding: 0px 2%;}

.extraInfo h2 {position:relative;text-align:left;padding-right: 2.1em;margin-bottom: 0.5em;}
.extraInfo h2 span:nth-child(1) {display:inline-block;}
.extraInfo h2 .price {transform: rotate(20deg);top: 50%;right: -0.1em;background: #498612;border-radius: 77em;width: 3.4em;height: 3.4em;position: absolute;font-size: 0.8em;text-align: center;padding: 0.6em 0.2em;margin-top: -1.8em;color: white;box-shadow: inset 6px 3px 8px -3px rgba(255, 255, 255, 0.47), inset -6px -3px 8px -3px rgba(0, 0, 0, 0.37), 1px 1px 10px rgba(0, 0, 0, 0.48);}
.extraInfo h2 .price strong {font-size: 1.2em;line-height: 1em;font-family: 'Lato', sans-serif;}
.extraInfo h2 .price div {font-size: 0.5em;line-height: 0.9em;padding: 0em 1em;}

.extraInfo > div > strong:nth-child(2) {font-size:1.3em;}
.extraInfo ul {list-style:none;padding:0px;}
.extraInfo ul li {position:relative;padding: 2px 10px 2px 19px;margin: 2px 0px;color: #585858;font-size: 18px;line-height: 1.1em;}
.extraInfo ul li:before {position:absolute;content:'';top: 0.35em;left: 3px;background: #498612;width: 9px;height: 9px;border-radius:10px;}
.extraInfo .note {display: block;background: rgba(212, 183, 39, 0.93);padding: 0.2em 1em 0.3em 1em;margin-bottom: 0.5em;border-radius: 3px;font-size: 1.2em;}

	@media screen and (max-width: 750px) {
		.extraInfo {flex-wrap:wrap;}
		.extraInfo > div {width: 100%;}
	}



/*Combo Tour Page=======================*/
.combo-tours {}
.combo {position:relative;background: rgba(255, 255, 255, 0.64);margin: 2em 0em;padding: 1em 2% 1em 43%;border-radius: 48px 1em 48px 3px;box-shadow: 1px 1px 16px rgba(0, 0, 0, 0.14), 1px 12px 10px -10px rgba(0, 0, 0, 0.34);overflow: hidden;}
.combo .image {position:absolute;left:0px;top:0px;width: 40%;height: 100%;}
.combo:hover image {}
.combo .number {position:absolute;top:0px;left:0px;/* transform: rotate(20deg); */background: #498612;border-radius: 0px 0px 100px 0px;padding: 0em 1.2em 0em 1.1em;line-height: 1.7em;font-size: 2.1em;box-shadow: 1px 1px 14px rgba(0, 0, 0, 0.57);color:white;}

.combo h2 {position: relative;}
.combo p {color: #312516;}
.combo .cost {position: relative;width: 391px;background: rgba(0, 0, 0, 0.12);margin: 0.4em 0em 2.1em 0em;padding: 0.3em 0.5em 0.4em;border-radius: 0.1em;}
.combo .cost a {color: #252525;font-size: 1.2em;}
.combo .cost  span {font-size:0.7em;}
.combo .times {width:100%;}
.combo h3 {font-size: 1.3em;font-weight: normal;}
.combo > span {display: block;font-size: 1.2em;}
/*.combo strong {position:absolute;right: -4px;top:50%;margin-top: -23px;width: 3em;height: 3em;color: #f1f1f1;text-align: center;line-height: 3em;transform: rotate(20deg);background: #498612;border-radius:100px;box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.17);}*/
	.combo .price {transform: rotate(20deg);top: -0.8em;right: -1.2em;background: #498612;border-radius: 77em;width: 3.6em;height: 3.6em;position: absolute;font-size:1em;text-align: center;padding: 0.6em 0.2em;color: white;box-shadow: inset 6px 3px 8px -3px rgba(255, 255, 255, 0.47), inset -6px -3px 8px -3px rgba(0, 0, 0, 0.37), 1px 1px 10px rgba(0, 0, 0, 0.48);}
	.combo .price strong {font-size: 1.2em;line-height: 1em;font-family: 'Lato', sans-serif;}
	.combo .price div {font-size: 0.65em;line-height: 0.9em;padding: 0em 1em;}
	
.combo-tours .combo .hours {width: 240px !important;max-width: 640px;border: none;margin-top: 3em;margin: 2em 0 0em;}
.combo-tours .hours thead tr th {position: relative;font-family: 'Patua One', cursive;font-size: 1.1em;font-weight: normal;text-align: left;padding: 5px 2%;border: 3px solid #f1f1f0;border-left: 0px solid #f1f1f0;background: rgba(212, 183, 39, 0.93);}
.combo-tours .hours thead tr th a {display:block; color:#000; text-align: center;}
.combo-tours .hours thead tr th span {display:inline-block;}
.combo-tours .hours thead tr th strong {position: absolute;top: 50%;right: 0.5em;margin-top: -1.2em;font-size: 0.8em;line-height: 2.4em;width: 2.4em;height: 2.4em;text-align: center;color: #e4e3e3;border-radius: 100%;font-family: 'Lato', sans-serif;font-weight: bold;transform: rotate(20deg);background: #498612;/* background: rgba(0, 0, 0, 0.32); */box-shadow: 1px 1px 7px rgba(0, 0, 0, 0.17);}
.combo-tours .hours tbody tr td {/* background:blue; */padding: 5px 2%;font-size: 1.2em;border: 1px solid #eeeeed;border-left: 3px solid #f0f0ef;border-right: 3px solid #f1f2f0;}
.combo-tours .hours tbody tr:nth-child(2n+2) td {background: hsla(72, 0%, 2%, 0.05);}
.combo-tours .hours tbody tr td span {font-style:italic;    color: rgba(0, 0, 0, 0.57);}
	@media screen and (max-width: 815px) {
		.combo .cost {width: 95%;}
	}
	@media screen and (max-width: 700px) {
		.combo {padding: 40% 4% 1em;}
		.combo .image {/* position:relative; */left:0px;top:0px;width: 100%;height: 0%;padding-top:40%;background-position: center bottom !important;}

	}





/* Gallery============================ */
#gallery-categories { list-style: none !important; padding: 0; margin: 0 0 70px 0;}
#gallery-categories li {position:relative;width: 25%;width: 48%;float:left;margin: 10px 1%;border: solid 8px #f6f4f1 !important;padding: 0px 0px 0px 0px;border-radius: 4px;box-sizing:border-box;}
#gallery-categories li:before {display:none;}
#gallery-categories li a { position: relative; display:block; }
#gallery-categories li a span {position: absolute;top: 50%;left: 50%;display: inline-block;width: 280px;margin: -22px 0 0 -140px;background: hsla(92, 76%, 30%, 0.88);text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.32);text-align:center;font-size:24px;letter-spacing: 1px;font-size: 30px;border-radius: 3px;padding: 3px 20px 5px 20px;color: white;box-sizing:border-box;border-radius: 4px;transition:0.3s;}
#gallery-categories li:hover a span {background: #498612;}
#gallery-categories li a img { display:block; width:100%; height:auto; }

#gallery-pager { position:relative; }
#gallery-pager ul { list-style: none; padding: 0 0 40px 0; margin: 0 0 -40px 0; overflow-x:scroll; overflow-y:hidden; white-space:nowrap; }
#gallery-pager ul li { display:inline-block; margin:0.2em; padding:0 0 3px 0 !important; border-bottom:1px solid transparent;  border-bottom:white 3px solid;  border-bottom:rgba(255, 255, 255, 0) 3px solid; }
#gallery-pager ul li:before {display:none !important;}
#gallery-pager ul li.rslides_here {border-bottom: #34b7b2  3px solid;}
#gallery-pager ul li a { display: block; }
#gallery-pager ul li a img { display: block;  border-radius: 3px;}
#gallery-pager .prev , #gallery-pager .next {position: absolute;width: 25px;height: 40px;line-height: 40px;top: 21px;margin-bottom: 0;font-size: 31px; text-align:center; z-index: 2;  text-decoration:none; font-family: FontAwesome; background:white; border-radius:2px; transition:0.2s;}
#gallery-pager .prev {left: -2%;box-shadow: 4px 0 6px -3px rgba(0, 0, 0, 0.45); -moz-box-shadow: 4px 0 6px -3px rgba(0, 0, 0, 0.45); -webkit-box-shadow: 4px 0 6px -3px rgba(0, 0, 0, 0.45);}
#gallery-pager .next {right: -2%;box-shadow: -4px 0 6px -3px rgba(0, 0, 0, 0.45); -moz-box-shadow: -4px 0 6px -3px rgba(0, 0, 0, 0.45); -webkit-box-shadow: -4px 0 6px -3px rgba(0, 0, 0, 0.45);}
#gallery-pager .prev:hover , #gallery-pager .next:hover  {width: 35px;}
#gallery-pager ul.js::-webkit-scrollbar { display: none; }

/* Aligned Gallery*/
.aligned-gallery { list-style:none;     padding: 0px 0px 0px 15px;}
.aligned-gallery li { display:block; float:left; margin:5px;width: inherit; padding: 0px; box-shadow: 0px 0px 11px -8px rgba(0, 0, 0, 0.0); transition:0.3s;}
.aligned-gallery li:hover {box-shadow: 0px 10px 11px -8px rgba(0, 0, 0, 0.41);}
.aligned-gallery li:before {display:none;}
.aligned-gallery li a { display:block; cursor:zoom-in}
.aligned-gallery li a img { display:block; margin:0px !important; border-radius: 3px;}

	@media screen and (max-width: 780px) {
		#gallery-categories li {display:block;margin: 0px auto 10px auto;width: 50%;max-width: 400px;}
	}
	@media screen and (max-width: 550px) {
		#gallery-categories li {float:none;display:block;margin: 0px auto 0px auto;width: 100%;max-width:300px;}
	}

	@media screen and (max-width: 700px) {
		#gallery-categories li {float:none; display:block; margin:0px auto 40px auto ; width: 100%; max-width:410px;}
	}







	/* FORM HIGHLIGHT */
	.highlight{ }
		.highlight label{ text-shadow:1px 1px 10px black;}
		.highlight-selected{ background-color:#FF0;}

@media screen and (max-width: 700px) {
	form ul li {width:100% !important; margin:0 !important;}
}




/*FOOTER=======================*/
footer {    color: white; padding-bottom: 11px;border-top: 7px solid #cab341;background: #6c5b09 url(../images/footer.jpg) repeat center;background-size:cover; overflow:hidden;}
footer .center {position:relative;max-width: 1200px;margin: 0 auto;min-height: 175px;padding: 56px 3% 200px 3%;font-size: 15px;font-size: 18px;text-align: center;text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.44);text-shadow:none;line-height: 20px;}
footer .center a {text-decoration: none;color:#fcfcfc !important;}
footer .center .left {position: absolute;left: 4%;top: 50%;margin-top: -21px;}
footer  .name {display: inline-block;color:white;margin-bottom: 0px;font-size: 1.6em;letter-spacing: 0.05em;font-family: 'Patua One', cursive;}
footer .center .right a {text-decoration:none !important;}
footer .center .logo2 {}

footer .center .logo2 img {max-width: 200px;}
footer .center .hours {display:block; margin-top:25px;}
footer .center .address {text-align:center;margin: 20px 0px;}
footer .center .address span {  }
footer .center .address a {text-decoration:none !important;}
footer .subscribe-button-inner {display:none !important;}

footer .social {margin-top:15px;}
footer .social .icon {width: 34px;height: 35px;font-size: 30px;color: #ffffff !important;transition:0.3s;}
footer .social .icon:hover {color:rgba(255, 255, 255, 0.6) !important;}


/*To TOP  button================*/
.toTop {z-index:100; cursor:pointer;position:fixed;bottom:30px;right:3%;width: 40px;height: 40px;text-align: center;display:inline-block;border-radius: 60px;border: 1px solid #498612;background: rgba(249, 248, 245, 0.41);transition:0.3s;}
.toTop i {display: block;margin: 0 auto;padding-right: 0px;color: #498612;font-size: 2.1em;}
.toTop:hover {background: rgba(249, 248, 245, 0.81);}


/* ResponsiveSlides */
ul.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0;}
ul.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
ul.rslides li:first-child { position: relative; display: block; float: left; }
ul.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }




/*Contact Form===========*/

form td { padding-left:1em; }
		form td:first-child { padding-left:0em; }
		article form input,
		article form textarea,
		article form select { border-radius:3px; }

		.tourType {
    text-align: center;
    border-bottom: 3px solid #498612;
    padding: 7px 2% 8px;
    font-weight: bold;
    font-size: 19px;
    background: rgba(4, 4, 4, 0.1);
    color: #464646;
    border-radius: 6px 6px 0px 0px;
    }


		.pickup2 {font-style:italic; font-size:19px;}
		/*select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background-repeat: no-repeat; background-size: 0.5em auto; background-position: right 0.25em center; padding-right: 1em; background-image: url("data:image/svg+xml;charset=utf-8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 40' fill='white'><polygon points='0,0 60,0 30,40'/></svg>"); }*/

		[role=tablist] { position: relative; display: flex; flex-wrap: wrap;  justify-content:space-between; }
		[role=tablist] > input[type=radio] { display: none; }
		[role=tablist] > label,
		[role=tablist] > a {
			flex-grow: 1;
			cursor: pointer;
			order: 1;
			padding: 0.3em 0.0em;
			margin: 0.0em 0.1em;
			text-align:center;
			color: #4d940c;
			/* border: 2px solid #d5d5d3; */
			border-top: none;
			background: rgba(239, 239, 239, 0.52);
			font-size: 19px;
			line-height: 20px;
			user-select:none;
			-moz-user-select:none;
			}
		[role=tablist] > [role=tabpanel] { display: none; order: 2; width: 100%; }
		[role=tablist] > input[type=radio]:checked + label {position:relative;background-color: #498612;color: #f1f1f1;box-shadow: 1px 3px 6px 0px rgba(0, 0, 0, 0.27);}
		[role=tablist] > input[type=radio]:checked + label + [role=tabpanel] { display: block; }


		[role=tablist] > input[type=radio]:checked + label:after {
			position:absolute;
			content:'';
			bottom: -9px;
			left:50%;
			margin-left: -11px;
			width: 0px;
			height: 0px;
			border-left: 11px solid transparent;
			border-right: 11px solid transparent;
			border-top: 9px solid #498612;
			transition:0.3s;
			}




/*YOUTUBE HEADER CSS*/
#ytvid {position: absolute;top: 0px;left: 0px;display: block;width:100% !important;height: 100%!important;}
header{ position:relative; top:0; width:100%; z-index: 1; max-height: 100vh; overflow: hidden; }
.overlay h1, .overlay > span { pointer-events: none; }
.vid-wrapper{ height:0; width:100%; display:block; padding-top:56.25%; position: relative; }
.vid-wrapper:after{
	content: '';display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;background-color: rgba(0, 0, 0, 0.6);z-index: 0;opacity: 0.2;pointer-events: none;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAYAAACzzX7wAAAAIUlEQVQYV2NkYGD4z4AKGJG5IA5BBWgGoGpAMQ6qEsVEABuCBAOFVXbSAAAAAElFTkSuQmCC);
}
@media screen and (max-width: 768px) {
	.overlay{ display: none; }
}

form { margin-top:1.2em; }



/* FLAT SITE EDITS */
nav ul li:nth-child(5) {
    display: none;
}