* { box-sizing:border-box; -moz-box-sizing:border-box; }

body, html { height:100%; margin:0; padding:0; font-family: 'Times New Roman', Georgia, serif; color:#333; font-size:15px; line-height:20px; background:#383e00 url(../images/background.jpg) repeat-x top center; }

h1 {font-family: 'Times New Roman',Georgia,serif;font-size: 40px;line-height: 35px;font-weight: normal;margin: 20px 0px 20px 0px;}
h2 {font-size: 22px; font-family: "Piedra", cursive; font-weight: normal;
	 font-weight: normal;font-family: 'Times New Roman',Georgia,serif;margin: 12px 0px 8px 0px; }

p {margin: 0px 0px 12px 0px;}
article a {text-decoration:underline; color: #333;}
hr {margin: 20px 0px 20px 0px;color: #666;background: #666;border: 0px;height: 1px;}

.clickable { cursor:pointer; display:block; }
.clearfix:before { content:" "; display:table; }
.clearfix:after { content:" "; display:table; clear:both; }
.wrapper {max-width:1110px;margin:0 auto;}
.clear {clear:both;}

/*HEADER*/
header.wrapper {position:relative; z-index: 10;}
header .inner {position:relative; max-width:1110px; height:0px;padding-top: 18.6%;background: url(../images/header3.png) repeat-x bottom center; background-size:cover;}
header #headerNav {position:absolute; right:10px; top:8%; margin:-10px 4% 0px 0px;}
header #headerNav li {display:inline-block;margin:0px 5px;}
header #headerNav li a {color:#dcd1c5; text-transform:uppercase; text-decoration:none;    font-family: helvetica,arial,sans-serif;font-size: 12px;font-weight: bold;text-shadow: 0px 2px 5px #000;}
.logo {position:absolute; z-index:10; width:70%; left:15%; height:50%; bottom:26%;}
header .slogan {position:absolute; bottom: 12%; left: 11%; width: 80%;font-family: 'Chivo', sans-serif; font-family: 'Khula', sans-serif; font-size: 20px; color:#e2ddd9; text-align:center;  text-transform:uppercase; transition:0.3s;
	transform: rotate(-0.3deg);
    -ms-transform: rotate(-0.3deg);
    -webkit-transform: rotate(-0.3deg);
}
@media screen and (max-width: 930px) { header .slogan {bottom: 10%; font-size: 17px;} }
@media screen and (max-width: 770px) { header .slogan {bottom: 9%; font-size: 15px;} }
@media screen and (max-width: 680px) {
	header .slogan {
	position: relative;
	margin-top: -5%;
	bottom: 0%;
	left: 0%;
	width:100%;
	line-height: 16px;
	background:#5b422e url(../images/wood.jpg);
	text-align:center;
	padding: 7px 10px 3px 10px;
	box-shadow: 0 2px 10px -2px black;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	}
}
@media screen and (max-width: 520px) {
	header .inner {padding-top: 26.6%;}
	header #headerNav {top: 13%;}
	header .slogan {margin-top: -6.5%;}
}


/*BANNER*/
.dynamic-headers .rslides {    box-shadow: 0px 1px 5px #000; }

/*SIDEBAR*/
aside {position: absolute;left: 2.5%;top: 0px;width: 206px;padding: 169px 1px 10px;}
.lamppost {position: absolute;right: -26px; top:20px;}

	/*NAV*/
	nav {position: relative; background:#96704e url(../images/cork.jpg);border-radius: 0 0 10px 10px;padding: 44px 10px 12px 10px; box-shadow: 0px 1px 8px #333;}
		.nav-header {position: absolute;top: -7px;left: -9px; width:220px; height:58px; background:url(../images/main_menu.png) no-repeat;}
		.mobileMenu {display:none;}
	nav ul {list-style:none; background:#96704e url(../images/paper.jpg);padding: 10px 10px 10px 10px; box-shadow: 0px 0px 5px #333; margin:0px;}
	nav ul li {padding:3px 0px;}
	nav ul li.news {display:none;}
	nav ul li a {color: #333; text-decoration:none;}
	nav ul li a:hover {text-decoration:underline;}


	/*EXCERPT*/
	.excerpt {position: relative; background:#96704e url(../images/cork.jpg);border-radius: 0 0 10px 10px; margin-top:45px; padding: 44px 10px 12px 10px; box-shadow: 0px 1px 8px #333;}
		.raccoon {position:absolute; top:-90px; right:5px;}
		.excerpt-header {position: absolute;top: -7px;left: -9px; width:220px; height:58px; background:url(../images/whatsnew.png) no-repeat;}
	.excerpt .inner {background:#96704e url(../images/paper.jpg);padding: 10px 10px 10px 10px; box-shadow: 0px 0px 5px #333; margin:0px;}
		.latestExcerpt {font-size: 14px; line-height: 18px; }
		.latestExcerpt a {color:#333; text-decoration:none;}
		.latestExcerpt a:hover {text-decoration:underline;}
			.datecatText {padding-bottom: 5px;}
			.excerptTitle {font-size: 18px; color:#333;}
			.viewAll {margin-top: 5px;text-transform: uppercase;font-size: 12px;}
			.viewAll a {color:#333; text-decoration:underline;}
			.viewAll a:hover {text-decoration:none;}

@media screen and (max-width: 850px) {
	aside {width: 166px;left: 1.1%;padding: 117px 1px 10px;}
	.lamppost {width: 165px; height:auto;right: -7px; top: 24px;}
	nav,
	.excerpt { padding: 44px 10px 12px 10px;}
	.nav-header,
	.excerpt-header {width: 180px;height: 48px;background-size: contain;}
	nav ul,
	.excerpt .inner {padding: 10px 10px 10px 10px;}
}
@media screen and (max-width: 650px) {
	aside {position:relative; width:100%;padding-top: 64px;left: 0%;}
	.lamppost {display:none;}
	.mobileMenu {display:block; position:absolute; top:0px; right:0px; width:100%; height:100%;}
	nav {border-radius:10px;}
	.excerpt { margin-top:20px; border-radius:10px;}
	.mobile_hide {display:none;}
	nav ul {height:0px; overflow:hidden; padding: 0px 10px 0px 10px; transition:0.3s;}
	nav.selected ul {height:287px !important;padding: 10px 10px 10px 10px; transition:0.3s;}
	nav ul li.news {display:block;}
	nav ul li a {font-size: 18px;}

	.nav__icon{display:inline-block;position: absolute;width: 25px;top: 20px;right: 11px;margin-left: 10px;height: 4px;background-color: #434610;-webkit-transition-property:background-color, -webkit-transform;transition-property:background-color, transform;-webkit-transition-duration:300ms;transition-duration:300ms}
	.nav__icon:before,.nav__icon:after{content:'';display:block;width: 25px;height: 4px;position:absolute;background: #434610;-webkit-transition-property:margin, -webkit-transform;transition-property:margin, transform;-webkit-transition-duration:300ms;transition-duration:300ms}
	.nav__icon:before {margin-top: -8px;}
	.nav__icon:after {margin-top: 8px;}

	nav.selected .nav__icon{background:rgba(0, 0, 0, 0)}
	nav.selected .nav__icon:before{margin-top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
	nav.selected .nav__icon:after{margin-top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
}

@media screen and (max-width: 380px) {
	aside {padding-top: 84px;}
}

/*MAIN*/
section.wrapper {max-width: 1103px;margin: -41px auto 0 auto;padding: 0 33px;}
.wrapper .center {position: relative;max-width:1040px; margin:0 auto; background:#5b5b59 url(../images/gray.jpg) repeat-x center top;padding: 11px  2.7% 20px; box-shadow:0 0 15px black;}
	.article-wrapper { padding-left:230px;}
		article { width:100%; background:#e8e1d7 url(../images/paper.jpg); box-shadow: 0px 1px 8px #333; min-height: 841px;    padding: 0px 4% 25px;}
		article ul {padding-left:17px;}
	/*HOME*/
	.cta-header {position: relative; z-index:10; background: url(../images/wood-cta.png) center 0px no-repeat;padding: 2.4% 5px 3% 5px; text-align:center;background-size: contain;}
	.cta-header img:nth-child(1) {display:inline-block; padding:0 3px;}
	.cta-header img:nth-child(2) {display:inline-block; padding:0 3px;}
	.cta {padding:0 15px;}
	.cta h2 {
    margin: 10px 0;
}
	.aligator {float: right;margin: -18px 19px 0px 15px; padding:5px; background:white; box-shadow: 0 0 6px #333; width: 52%;max-width: 348px; height: auto;}

	@media screen and (max-width: 980px) {
		.cta-header {background-size:cover;}
		.cta-header img {display:block !important; margin:0 auto; max-width:94%; height:auto;}
	}
	@media screen and (max-width: 650px) {
		.aligator {max-width:100%; margin:0px; width:100%; float:none;}
	}

@media screen and (max-width: 850px) {
	section.wrapper {padding: 0 13px;}
	.article-wrapper {padding-left: 170px;}
	.wrapper .center {padding: 11px 1.7% 20px;}
	article {min-height: 882px;}
}
@media screen and (max-width: 680px) {
	section.wrapper {padding: 0 10px;}
}
@media screen and (max-width: 650px) {
	.article-wrapper {padding:0px;}
	article {min-height:inherit;}
}


	/*TOURS PAGES*/
	article .listing { padding:10px; background:rgba(255, 255, 255, 0.46); margin:0px 0px 10px 0px; border-radius:10px; display:flex; }
	article .listing .img { width:200px; margin:0px 15px 0px 0px; float:left; display:inline; }
	article .listing .img img { width:200px; height:100px; }
	article .listing .text {display:inline;  padding:0px; margin:0px; }
	article .listing .text h2 { margin:0px 0px 5px 0px !important; padding:0px !important; font-weight:normal; }
	article .listing .text h2 a:link { color:#333; text-decoration:none; }
	article .listing .text h2 a:visited { color:#333; text-decoration:none; }
	article .listing .text h2 a:hover { color:#000; text-decoration:underline; }
	article .listing .text p {  }
	article .listing .text p.readMore { color:#333; font-size:12px !important; text-transform:uppercase; margin-top:1em; }
	article .listing .text p.readMore a:link { color:#333; text-decoration:none; }
	article .listing .text p.readMore a:visited { color:#333; text-decoration:none; }
	article .listing .text p.readMore a:hover { color:#000; text-decoration:underline; }

	@media screen and (max-width: 800px) {
		article .listing {flex-direction:column;}
	}


	@media screen and (max-width: 485px) {
		article .listing .img {float:none;}
	}


	article .btnBook { float:right; display:inline; width:230px; padding:10px; font-family:helvetica, arial; font-size:14px; color:#fff; font-weight:normal; text-align:center;  }
	article .btnBook a { display:block;border-radius:5px; background:url('../images/button-bg-1.jpg');margin:0px 0px 10px 20px;  }
	article .btnBook a:link { color:#fff; text-decoration:none; }
	article .btnBook a:visited { color:#fff; text-decoration:none; }
	article .btnBook a:hover { color:#fff; text-decoration:none; font-weight:bold; }

	article .tourTable { font-family:helvetica, arial; width:100%; margin:0 auto; margin-bottom:20px; text-align:center; font-size:14px; padding:0px; border-radius:5px; border-style:solid; background-color:#eeebe6; border-color:#eeebe6; border-width:0px 1px 2px 1px; box-shadow:0px 1px 3px #b1a89a; }
	article .tourTable tr { padding:0px; margin:0px; }
	article .tourTable td { padding:5px; border-style:solid; border-color:#eeebe6; border-width:2px 1px 0px 1px; border-radius:5px; }
	article .tourTable .table-title { background:#eeebe6; font-weight:normal; font-size:20px; font-family: 'Times New Roman', Georgia, serif; }
	article .tourTable .table-label { background:#d5cebf; font-weight:normal; font-size:16px; font-family: 'Times New Roman', Georgia, serif; }
	article .tourTable .table-valueLite { background:#bfb6a7; }
	article .tourTable .table-valueDark { background:#b1a89a; }

	#infoTable { width:100%; margin:0px 0px 10px 0px; }
	#infoTable a { font-size:16px; }
	#infoTable p { font-size:14px; line-height:20px; }
	#infoTable tr td { padding:10px; }
	#infoTable .light { }
	#infoTable .dark { background:url('../images/trans-white-50.png'); }



/*BLOG*/
.blogitem {border-bottom:1px solid #333; padding: 5px 0;}
.blogitem a  {text-decoration:none;}
.blogitem a:hover  {text-decoration:underline;}
.blogitem p a {font-weight:bold;}
.blogitem .date {display: inline-block; background: #5b422e url(../images/wood.jpg); color: white !important; padding: 2px 10px;border-radius: 3px;margin-bottom: 12px;     box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.55);}

.datecatText {display: inline-block;background: #5b422e url(../images/wood.jpg); color: white !important; padding: 2px 10px;border-radius: 3px;margin-bottom: 12px;     box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.55);}
.datecatText a {color:white !important;}


/*CONTACT */

.form {margin-top:25px; /*background:rgba(255, 255, 255, 0.75);*/ transition:3s; transition: 0.3s;}
	::-webkit-input-placeholder {color:#A8A8A8;}
	:-moz-placeholder {color:#A8A8A8;}
	::-moz-placeholder {color:#A8A8A8;}
	:-ms-input-placeholder {color:#A8A8A8;}

.form ul {padding:0 !important;}
.form ul li {padding-left:0 !important; }
.form ul li:before {display:none;}
.form input{padding: 5px 2%;}
.form .inputText{ width: 100%; }
.form img{ border: none !important;border-radius: 3px;margin: 0px !important;padding: 1px 0px 2px 0px; position: absolute;top: 0px; right: 0; width:100px !important; }
.form input, .form select, .form textarea {outline: 0; border: none; background-color: #ffffff; padding: 6px 2%;margin: 0;border-right: none; font-family: 'Carrois Gothic', sans-serif; font-size: 17px; margin-bottom: 20px; transition: 0.3s;
 box-shadow: 0 10px 19px -10px #BEBBBB, 0 0 7px #DFDFDF;}
.form textarea{ margin-top: 5px; padding:5px 1%; width:100%; height:70px; resize:vertical; }
/*.form input[type="radio"], .form input[type="checkbox"]  {border: none !important; background:none !important; box-shadow:none !important;}*/

.form button, .form  input[type="submit"] { position:relative; width:100%; border:none; line-height: 35px; font-size:15px; cursor:pointer;  border-radius:2px;  text-transform:uppercase; margin-top: -9px; outline: 0;color: white;background: url('../images/button-bg-1.jpg');cursor: pointer; vertical-align: top;}

.form button:hover, .form  input[type="submit"]:hover  {background: #1A7704;}
.form button:active , .form  input[type="submit"]:active {}
.form button:after {content: "\f054";font-family: FontAwesome;position: absolute;right: 10px;top: 2px;font-size: 17px;color: #FFFFFF;}

.form label {display: none ; margin-top: -20px; color:#53320C}
	.catcha {  height: 32px;  }
.form img { box-shadow: none; height: 35px;}
	.inputsFull {padding:0; list-style:none !important}
	.inputsFull label {margin-top:10px;}
	.inputsFull li {width:47.5%; float:left;}
		/*.inputsFull li:nth-child(odd) {margin-left:5%; }*/

	/* FORM VALIDATION */
	div.formErrors{ display:none !important;}

	.error{background: url(/templates/client/images/asterisc.png) no-repeat right -30px !important; background-color:#8C1413 !important; color:white; text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.29); transition:0.3s, background-color 0.3s !important;
	box-shadow: inset 1px 1px 6px rgba(0, 0, 0, 0.26); }
	.error::-webkit-input-placeholder {color:#fff;}
	.error:-moz-placeholder {color:#fff;}
	.error::-moz-placeholder {color:#fff;}
	.error:-ms-input-placeholder {color:#fff;}

	.required {background: url(/templates/client/images/asterisc.png) no-repeat right 1px; }
	.form label.error  {display: none !important;}
	.form select.required {background-position:right 29px top 1px; }
	.form select.error {  background-position:right 29px top -30px !important;}
	.form textarea.error{background: url(/templates/client/images/asterisc.png) no-repeat right -30px ;}

	/* FORM HIGHLIGHT */
	.highlight{ }
		.highlight label{ text-shadow:1px 1px 10px black;}
		.highlight-selected{ background-color:#FF0;}

@media screen and (max-width: 660px) {
	.inputsFull li {width:100% !important; margin:0 !important;}
	#map {height:275px;}
	.form button {margin-top:0px;}
}



/*GALLERY*/
#gallery-categories {list-style:none; padding:0px;}
#gallery-categories li {width:45%; float:left; margin:0 2.5% 20px;}
#gallery-categories li img {border-radius: 5px; width: 100%; height:auto; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.55);}
#gallery-categories li span {display:block; text-align:center;}

#gallery-photos {display:flex !important; flex-flow: wrap !important; flex-wrap: wrap !important; list-style:none; padding:0px;}
#gallery-photos li {width:23% !important; float:left; margin:0 1% 20px;}
#gallery-photos li img {border-radius: 5px; width: 100%; height:auto; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.55);}
#gallery-photos li span {display:block; text-align:center;}

@media screen and (max-width: 550px) {
	#gallery-photos li {width:31.3% !important;}
}
@media screen and (max-width: 380px) {
	#gallery-photos li {width:48% !important;}
}
@media screen and (max-width: 420px) {
	#gallery-categories li {width:100%; margin:0 0 20px; }
}


/* 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; }



/*FOOTER*/
footer {margin: 0 auto 020px auto;max-width: 1079px;}
.footer-top {position:relative; background: url(../images/footer-titles-bg.jpg) center center no-repeat; height:83px; margin: 0 2%;background-size: 100% 83px;}
.footer-top a {position:absolute; top: 20px; display:inline-block; text-align:center;}
	.footer-top .facebook {left: 17%;margin-left: -62px;}
	.footer-top .location {left: 49%;margin-left: -116px;}
	.footer-top .connect {right: 17%;margin-right: -68px;}

@media screen and (max-width: 700px) {
	.footer-top {display:none;}
}




footer .footerFeatures {/* height:230px; */margin: 0 2%;}
footer .footerFeatures .feature { float:left; display:inline;width: 32.6%; background:#292C05; border-radius:7px;}
footer .footerFeatures .feature .featureContent {width: 100%;height: 240px;border: 5px solid #292C05;}
footer .footerFeatures .feature#footerFeature1 {margin-right: 1%;overflow: hidden;}
footer .footerFeatures .feature#footerFeature1 .fb-container {  height:218px; overflow:hidden; border-radius:7px;  padding:5px;}
	.fb-page, .fb-page > span {border-radius:7px !important;  overflow:hidden !important; }
footer .footerFeatures .feature#footerFeature1 .fb-container > iframe { margin:-1px 0px 0px -1px; }
footer .footerFeatures .feature#footerFeature2 {margin-right: 1%; height:0px;padding-top: 23.1%; background: url(../images/footer-feature-map.jpg) no-repeat; text-decoration:none;background-size: cover;border: 5px solid #292C05;}
footer .footerFeatures .feature#footerFeature2 a { display:block; width:310px; height:220px; margin:0 auto; margin-top:5px; text-align:center; overflow:hidden; text-indent:-1000px; background:url('../images/footer-feature-map.jpg') no-repeat; }
footer .footerFeatures .feature#footerFeature3 {position:relative; background:#292C05 url(../images/footer-feature-connect2.jpg) no-repeat;background-size: contain;height: 218px;border: 5px solid #292C05;}
#footerFeature3  div {position:absolute; bottom:10%; left:50%; margin-left:-26px;}
#footerFeature3 .facebook { display:inline-block; width:40px; margin:0 3px;}
#footerFeature3 .facebook  img {width:100%; height:auto; border-radius:3px;}
#footerFeature3 .google { display:inline-block; width:40px;}
#footerFeature3 .google  img {width:100%; height:auto;  border-radius:3px;}

footer .footerCredits {clear: both;max-width: 980px;     padding: 0 2%; margin:30px auto 0; font-family:helvetica,arial,sans-serif; font-size:12px; line-height:22px; text-align:center; color:#ccc;}
footer .footerCredits a:link { color:#ccc; text-decoration:none; }
footer .footerCredits a:visited { color:#ccc; text-decoration:none; }
footer .footerCredits a:hover { color:#fff; text-decoration:underline; }
footer .footerCredits hr { color:#292c05; background:#292c05; margin:15px 0px 15px 0px; border:0px; height:2px; }
footer .footerCredits .ccLink { color:#71735a; margin:0px; }
footer .footerCredits .ccLink a:link { color:#71735a; text-decoration:none; }
footer .footerCredits .ccLink a:visited { color:#71735a; text-decoration:none; }
footer .footerCredits .ccLink a:hover { color:#ccc; text-decoration:none; }
footer .footerCredits #ccLinkSmall { font-size:12px; line-height:20px; color:#71735a; margin:0px; }
footer .footerCredits #ccLinkLarge { font-size:16px; line-height:22px; color:#71735a; margin:0px; }

@media screen and (max-width: 700px) {
	#footerFeature1 {display:none;}
	footer .footerFeatures {max-width: 600px; margin: 15px auto 0 auto;}
	footer .footerFeatures .feature {width:48%; margin:0 1%;}
	#footerFeature2 {padding-top: 33% !important;}
	#footerFeature3 {height:0px !important;padding-top: 33% !important;}
	footer .footerCredits {margin-top: 20px;}
}

@media screen and (max-width: 390px) {
	footer .footerFeatures .feature {width:96%; margin:0 2%;}
	#footerFeature2 {padding-top: 66% !important;}
	#footerFeature3 {padding-top:0px !important; height:74px !important; background:transparent !important; border:none !important;}
}
