/*
Theme Name: Camp Pondo 2019
Theme URI: https://plainjoestudios.com/
Author: PlainJoe Studios
Author URI: https://plainjoestudios.com/
Description: Camp Pondo 2019 is a WordPress theme designed, developed and maintained by PlainJoe Studios.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.plainjoestudios.com/
Text Domain: Hangar
Tags: PlainJoe Studios, PlainJoe, Studios, PJS, Hangar
*/

/* -------------------- Settings -------------------- */

@font-face {
  font-family: 'perm-marker';
  src: url(/wp-content/themes/pondo2019/css/PermanentMarker.ttf);
}

html,body {width:100%; min-height:100vh; margin:0 auto; padding:0; color:#000; font:300 15px/30px 'Gotham', 'Montserrat', arial, sans-serif; letter-spacing:.03em; background:#fff; display:block;}
nav,header,section,div,footer {width:auto; height:auto; margin:0 auto; padding:0; display:block; position:relative;}
input,textarea,select {padding:10px; font:16px 'Gotham', 'Montserrat', arial, sans-serif; letter-spacing:.03em; border:0; border-radius:0;}
input::placeholder,input:-ms-input-placeholder,input::-ms-input-placeholder,textarea::placeholder,textarea:-ms-input-placeholder,textarea::-ms-input-placeholder {color:#aaa;}
ul,ol {margin:0; padding:20px 30px;}
a {color:#c1c61c; text-decoration:none; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
a:hover {color:#1b5630; text-decoration:none; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
h1 {margin:0; padding:0; color:#000; font:600 24px/36px 'Montserrat';}
h2 {margin:0; padding:0; color:#000; font:600 20px/30px 'Montserrat';}
h3 {margin:0; padding:0; color:#000; font:600 18px/30px 'Montserrat';}
h4 {margin:0; padding:0; color:#000; font:300 16px 'Montserrat';}

div#website {max-width: 100vw; overflow-x: hidden;}

/* h5 {margin:0; padding:0; color:#ffffff; font:600 16px/34px 'Aleo';} */
.title-1 {font-family: 'perm-marker';color: #fff;font-size: 47px;color: #1b5630;line-height: 55px;text-transform: uppercase;}
.title-2 {font-family: 'Montserrat';font-size: 21px;color: #1b5630;line-height: 30px;font-weight: bold;text-transform: uppercase;}
.heading {margin: 0 auto; text-align: center;}

.border-top {background: url(/wp-content/themes/pondo2019/images/texture-edge-bg.png);display: block;clear: both;background-size: cover;height: 45px;background-repeat: no-repeat;background-position-x: center;background-position-y: top;}
   .border-top.v2 {background: url(/wp-content/themes/pondo2019/images/long-border.svg); margin-top: -44px; background-repeat-x: repeat; background-size: cover; background-position-y: unset; height: 45px;}
   .border-top.v3 {z-index: 11; background: url(/wp-content/themes/pondo2019/images/camp-texture.png); background-position-x: left; display: block; clear: both; height: 45px; background-repeat: no-repeat; background-position-y: top; background-size: cover; -webkit-mask-image: url(/wp-content/themes/pondo2019/images/texture-edge-bg.png); -webkit-mask-size: cover; -webkit-mask-position-y: top;}
.border-bottom {background: url(/wp-content/themes/pondo2019/images/header-border.svg);display: block;clear: both;background-size: cover;height: 45px;background-repeat: no-repeat;background-position-y: bottom;}
   .border-bottom.v2 {background: url(/wp-content/themes/pondo2019/images/v2border.svg);display: block;clear: both;background-size: cover;height: 45px;background-repeat: no-repeat;background-position-y: bottom;}
   .border-bottom.v3 {-webkit-mask-image: url(/wp-content/themes/pondo2019/images/v2border.svg); background: url(/wp-content/themes/pondo2019/images/camp-texture.png); display: block; clear: both; background-size: cover; height: 45px; margin-bottom: -44px; z-index: 99; -webkit-mask-size: cover; -webkit-mask-position-y: bottom;}
   
   /* .camps.panel .swiper-wrapper {justify-content: center;} */
   .camps.panel .swiper-slide {margin: 0;}
   .swiper-pagination-camp-mob.desktop {visibility: visible;}
   .swiper-pagination-camp-mob.mobile {visibility: hidden;}
   
   @media (max-width:1150px) {
      .camps.panel .swiper-wrapper {justify-content: space-between;}
      .camps.panel .swiper-slide {margin: 0 auto;}
      .swiper-pagination-camp-mob.desktop {visibility: hidden;}
      .swiper-pagination-camp-mob.mobile {visibility: visible;}
	}	
   .swiper-button-next, .swiper-button-prev {outline: none; background-image: none !important;background: #c1c61c;width: 33px !important;height: 33px !important;padding: 18px;  -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; font-family: monospace;font-size: 32px;border-radius: 50px;font-weight: 900;color: #fff;}
   .swiper-button-next:hover, .swiper-button-prev:hover {background: #1b5630;}
   .mobile-900 {display: none;}
   
  	@media (max-width:900px) {
      .desktop-900 {display: none;}
      .mobile-900 {display: block;}
      .home.section2 .inner .upcomingCamps {padding: 60px 0px !important;}
      .mobile.panel.camps {padding: 60px 0px !important;}
	}	
   
@media (max-width:1200px) {
   div {background-attachment: unset !important;}
   section {background-attachment: unset !important;}
}	
   
.green {color: #1b5630 !important;;}
.white {color: #fff !important;}

.social-side .social svg {height: 43px;}

p {margin:0; padding:10px 0;}
img {max-width:100%; height:auto; display:block;}

::-moz-selection{background:#00a0e3; color:#fff; text-shadow:none;}
::selection {background:#00a0e3; color:#fff; text-shadow:none;}

#app {width:100%; min-height:100vh;}

.button.center {text-align:center;}
.button.right {text-align:right;}
.button a {padding: 9px 33px;text-transform: uppercase;background: #c1c61c;display: inline-block; transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease;color: #fff;font-weight: 600;font-size: 24px;font: 500 15px/28px 'Gotham', 'Montserrat', arial, sans-serif;}
   .button a:hover {text-align: center;-webkit-mask-image: url(/wp-content/themes/pondo2019/images/button3.svg);-webkit-mask-size: contain;-webkit-mask-repeat: no-repeat;padding: 9px !important;width: 245px;-webkit-mask-position-y: center;-webkit-mask-position-x: center;}

.pjs-video-wrapper {width:100%; padding-top:56.25%; position:relative;}
	.pjs-video-wrapper iframe {width:100%; height:100%; border:0; position:absolute; top:0; left:0;}

@media(max-width:760px) {
	.button a:hover {width:auto; padding:9px 60px!important; -webkit-mask-image:none; -webkit-mask-size:contain; -webkit-mask-repeat:no-repeat; -webkit-mask-position-y:center; -webkit-mask-position-x:center;}
}

.notificationBar {width:100%; background:#1b5630; position:fixed; top:0; left:0; z-index:900;}
.notificationBar.scrolled {display:none;}
	.notificationBar .inner {display:block; padding:10px; color:#fff; font-weight:500; font-size:14px; text-align:center;}
		.notificationBar .inner.dark a {color:#fff;}
		.notificationBar .inner a {color:#000000;}
		.notificationBar .inner a:hover {color:#c1c61c;}

@media(max-width:760px) {
	.notificationBar .inner {line-height:22px;}
}

.topBar {height: 50px; width:100%;background:#2c2c2c;text-align:center;position:fixed;left:0;top:0;right:0;z-index:900;transition:all .25s ease;}
   .topBar .address {padding-top: 10px; display: inline-block; margin-left: 101px;}
      .topBar .address a {color: #fff !important; font-size: 14px; font-weight: 500; padding-top: 12px;}
      .topBar .rightIcons {display: inline-block;float: right;max-width: 123px;padding-top: 10px;padding-right: 20px;}
         .topBar .rightIcons .search {width: 25px;display: inline-block; color: #fff; font-size: 20px;}
         .topBar .rightIcons .account {width: 25px;display: inline-block;padding-left: 10px; color: #fff; font-size: 23px; vertical-align: middle;}
            .topBar i {transition: all .25s ease;}
				.topBar i:hover {color: #1b5630;}
.header {width:100%;height:75px;background:#ffffff;text-align:center;position:fixed;left:0;top:50px;right:0;z-index:9000;transition:all .25s ease;}
	/*
   body.logged-in .header {top:82px;}
	body.logged-in .topBar {top:32px;}
   */
	.header::after {content:'';display:block;clear:both;background: url('/wp-content/themes/pondo2019/images/header-border.svg');max-width: 75vw;background-size: cover;height: 35px;background-repeat: no-repeat;background-position-x: left;background-position-y: bottom;}
   
		.header .logo {width: 121px;max-height: 61px;float:left;overflow:hidden;padding: 13px 0 0px 90px;transition:all .25s ease;}
			.header .logo a {display:block;}
			.header .logo img {width:100%; display:block;}
		.header .main-nav {padding:25px 0 0 0px; display: inline-block; margin-left: -14px; transition:all .25s ease;}
			.header .main-nav > ul {list-style:none; margin:0 auto; display:inline-block; vertical-align:middle; padding: 0;}
			body.mobile .header .main-nav > ul {display:none;}
				.header .main-nav > ul > li {display:inline-block; vertical-align:top; font-size:15px; line-height:1; font-weight:900; text-transform:uppercase; margin:0 15px; position:relative;}
					.header .main-nav > ul > li > a { transition:all .25s ease; display:block; color:#222; padding:8px 0 22px; border-bottom:5px solid transparent;}
					.header.scrolled .main-nav > ul > li > a {padding:8px 0 23px;}
					.header .main-nav > ul > li > a:hover {color:#1b5630;}
					.header .main-nav > ul > li .arrow {transition:all .25s ease; transform: rotate(-90deg); width: 0;height: 0;border-left: 6px solid transparent;border-right: 6px solid transparent;border-top: 8px solid #c1c61c;display: inline-block;margin-left: 4px;}
					.header .main-nav > ul > li:hover .arrow {transform:rotate(0deg);}
						.header .main-nav .sub-nav {min-width:200px; background:#fff; border:1px solid ##f9f6f6; box-shadow:0 2px 10px 5px rgba(0,0,0,0.2); position:absolute; left:0; top:100%; z-index:1; display:none;}
							.header .main-nav .sub-nav > ul {list-style:none; margin:0; padding:10px 0;}
								.header .main-nav .sub-nav > ul li {margin:0;}
									.header .main-nav .sub-nav > ul li a {color:#222; display:block; padding:8px 10px;}
									.header .main-nav .sub-nav > ul li a:hover {color:#fff; background:#1b5630;}
         
   .arrowHover {transform:rotate(0deg) !important;}

		.header .mobile-btn {float:right; padding:29px 20px 0 14px; display:none;}
		.header .mobile-loc {float:right; padding:19px 4px 0; display:none;}
			.header .mobile-loc a {display:block; padding:10px;}
				.header .mobile-loc i {width:17px; height:24px; display:block; background:url() -222px -55px no-repeat;}
		.header .mobile-menu-link {float:right; padding:19px 4px 0; display:none;}
			.header .mobile-menu-link a {display:block; padding:10px;}
				.header .mobile-menu-link i {width:16px; height:24px; display:block; background:url(images/site-icons2.png) -240px -55px no-repeat;}
	
      .header .more.ta-right {-moz-transition:all .3s ease; -ms-transition:all .3s ease; display: inline-block; float: right; width: 225px; background: #1b5630; height: inherit; color: #fff;}
         .header .more.ta-right a {display: inline-block; padding-top: 0px; color: #fff; font-size: 18px; font-weight: 400; text-transform: uppercase;}
         .header .more.ta-right a.donate-scrolled {display: block; padding-top: 22px; padding-bottom: 23px; color: #fff; font-size: 18px; font-weight: 400; text-transform: uppercase;}
         .header .more.ta-right a.donate-scrolled:hover {background:#c1c61c;}
        
   .header .panel.camps {position: fixed; width: 100%; left: 0; top: 125px; transition:all .25s ease; padding: 10px; box-shadow: none; display: none; padding-bottom: 30px; box-shadow: 0px 17px 20px -26px black;}
      .header .panel.camps .camp {display: inline-block; width: 240px;}
         .header .panel.camps .camp .image {height: 200px !important; width: 200px !important; }
         .header .panel.camps .camp .text {display: none;}
            .header .panel.camps .camp .readMore {margin-top: 25px;}
               .header .panel.camps .camp .readMore .button a {padding: 9px 20px;}
               .header .panel.camps .camp .readMore .button a:hover {width: 180px;}
         .header .panel.camps .border-bottom {display: none;}
 
   .header.scrolled .panel.camps {position: fixed; width: 100%; left: 0; top: 75px;}
   
   /*
   body.logged-in .header.scrolled .panel.camps {top:107px;}
   body.logged-in .header .panel.camps {top: 157px;}
     */
    .search {cursor: pointer;}
    .search article {padding-bottom: 25px;}
      .fa-search {text-align: left; margin-top: -3px; padding: 5px; width: 20px; border-radius: 50px; -webkit-transition:width .35s ease; -moz-transition:width .35s ease; transition:width .35s ease;}
      .fa-search form {color: #fff; display:none;margin-bottom: 0; background-color: rgba(0,0,0,0) !important; width: 130px; border: 0px; height: 0px; -webkit-transition:width .35s ease; -moz-transition:width .35s ease; transition:width .35s ease;}
      .fa-search input {outline: none !important; caret-color: #fff; color: #fff; display:none;margin-bottom: 0; background-color: rgba(0,0,0,0) !important; width: 130px; border: 0px; height: 0px; -webkit-transition:width .35s ease; -moz-transition:width .35s ease; transition:width .35s ease;}
      .fa-search input.activeI {display:inline-block;}
      .fa-search form.activeI {display:inline-block;}
      .fa-search.active {width: 200px; border-radius: 50px; float: right; background-color: #1b5630 !important; -webkit-transition:width .35s ease; -moz-transition:width .35s ease; transition:width .35s ease;}
         .active.fa-search:before {margin-left: 10px;}
      
      .header .more.ta-right .rightIcons {display: none;float: right;max-width: 123px;padding-top: 12px;padding-right: 20px;}
         .header .more.ta-right .rightIcons .search {width: 25px;display: inline-block;border-right: 1px solid #fff;padding-right: 15px;}
         .header .more.ta-right .rightIcons .account {width: 25px;display: inline-block;padding-left: 10px;}
      .header .button {display: none; -moz-transition:all .3s ease; -ms-transition:all .3s ease;}
      
      .header.scrolled .logo {padding-top: 6px;}
      .header.scrolled .main-nav {padding: 23px 0 0 0px;}
      /*
      .logged-in .header.scrolled {top:32px;}
      */
      .header.scrolled::after {display: none;}
      .header.scrolled {top: 0; box-shadow: 0 0 20px -8px black;}
         .header.scrolled .button {display: inline-block; margin-top: -8px; margin-left: 25px;}
            .header.scrolled .button a {background: #1b5630;}
         .header.scrolled .more.ta-right {background: #ffffff;}
            .header.scrolled .more.ta-right .donate-scrolled {display: none;}
            .header.scrolled .more.ta-right .rightIcons {display: inline-block; padding-top: 22px;}
               .header.scrolled .more.ta-right .rightIcons .search {color: #222; font-size: 20px; }
               .header.scrolled .more.ta-right .rightIcons .account {color: #222; font-size: 23px; }
      
      .topBar.scrolled {display: none;}
      
      header ~ .mobile-menu {top: 122px; z-index: 999999; transition:all .2s ease; -moz-transition:all .2s ease; -ms-transition:all .2s ease;}
      header.scrolled ~ .mobile-menu {top: 70px;}
     
     .icons-header {width: 225px; float: right;}
     header .search.mobile {cursor: pointer;position: absolute;font-size: 25px;color: #1b562f;padding-right: 14px;border-right: 2px solid #1b562f;margin-top: 26px;width: 27px;height: 30px;}
      .mobile-menu ul li.donateMob > a {display: block; color: #fff; background: #1a562f; padding: 22px 10px 22px 20px; position: relative;}
      /*
      
      body.logged-in header ~ .mobile-menu {top: 162px;}
      body.logged-in header.scrolled ~ .mobile-menu {top: 112px;}
      
      */
      
      
      .checkout-bar {height: 275px; background: #f8f8f8; width: 100%; display: flex; margin: 35px 0; justify-content: center;  align-items: center;}
         .checkout-bar .summary:first-child {border-right: 2px solid #c5c5c5; padding-right: 105px;}
         .checkout-bar .summary:last-child {padding-left: 105px;}
			.checkout-bar .summary:last-child .sub-inner {padding-left: 0;}
         .checkout-bar .summary {margin: 0; display: table; height: 75%;}
            .checkout-bar .summary .sub-inner {display: flex; flex-direction: column; vertical-align: middle; padding-left: 60px;}
               .checkout-bar .summary .sub-inner  .title {margin: 10px 0; text-transform: uppercase; color: #1b5630; font-weight: bold; font-size: 20px; margin-top: 20px;}
               .checkout-bar .summary .sub-inner .subtotal {font-weight: 600; text-transform: uppercase; display: inline-block; padding: 7px 0;}
               .checkout-bar .summary .sub-inner .subtotal .price {color: #c1c61c;}
               .checkout-bar .summary .sub-inner span.text {color: #c1c61c;}
               .checkout-bar .summary .sub-inner span.text span {color: #000;}
         /* .checkout-bar .total {border-right: 2px solid #c5c5c5; width: 35%; margin: 35px; display: table; height: 75%;} */
            .checkout-bar .total .sub-inner {display: table-cell; vertical-align: middle;}
         .checkout-bar .total .subtotal {font-weight: 600; text-transform: uppercase; display: inline-block; padding: 7px 0;}
               .checkout-bar .total .subtotal .price {vertical-align: sub; padding-left: 10px;font-weight: 600; color: #c1c61c; font-size: 30px;text-transform: uppercase; display: inline-block;}
               .checkout-bar .total .subtotal .price.v2 {font-size: 20px !important;}
         .checkout-bar .checkout {width: 30%; margin: 35px; display: table; height: 75%; text-align: center; vertical-align: middle;}
            .checkout-bar .checkout .button {display: table-cell; vertical-align: middle;}
      
   .modal-search {width:100%;height: calc(100vh);position:fixed;z-index: 9999;top: 65px;left:0;background: hsla(140, 52%, 22%, 0.78);display:none;}
   .modal-search.scroll {height:calc(100vh - 70px); top:70px;}
      .modal-search .container {padding:20px;}
         .modal-search .container .bottom { border-top:1px solid #222;}
            .modal-search .search-input {max-width:920px; margin:10% auto 0; padding:0; text-align:center; position:relative;}
               .modal-search .search-input input {outline: none;  width:calc(100% - 20px); margin:0 auto; padding:10px 0; border:0; border-bottom:1px solid #f0efeb; background:transparent; font:700 34px 'Montserrat'; line-height:1; color:#fff; text-transform:uppercase;}
               .modal-search .search-input input::-ms-clear {display:none; width:0; height:0;}
               .modal-search .search-input input::-webkit-search-decoration,
               .modal-search .search-input input::-webkit-search-cancel-button,
               .modal-search .search-input input::-webkit-search-results-button,
               .modal-search .search-input input::-webkit-search-results-decoration {display:none;}
               .modal-search .search-input input::placeholder {color:#fff;}
               
  	@media (max-width:1340px) {
      .header .gift-cards {padding: 27px 35px 0 0;}
	}	

   @media (max-width:1300px) {
		.header .gift-cards {padding-right:40px;}
		.header .locs {margin-right:20px;}
      .header .locs a {padding: 0px 16px 0px 8px;}
      .header .logo {padding: 13px 0 0px 50px;}
	}
	@media (max-width:1270px) {
       .header .locs .txt .btm .find.mobile {display: block; text-align: left; padding-top: 2px;}
       .header .locs .txt .btm .find.desktop {display: none;}
       .header .locs {margin: 32px 26px 0px 0px;}
      
      .header .locs a {padding-left: 10px;padding-right: 15px;}
      .header .locs .icon {width: 35px;}
		.header .main-nav {padding-left:20px;}
			.header .main-nav > ul > li {margin:0 12px;}
		.header .locs {margin-right:12px;}
			.header .locs a {padding-left:12px; padding-right:12px;}
			.header .locs .icon {margin-right:5px;}
	}
   .search.mobile {display: none;} 
	@media (max-width:1200px) {
      .search.mobile {display: inline-block;} 
      .header::after {max-width: none;}
		.container {margin-top:81px;} 
			.header {height:81px;}
				.header .logo {width: 116px; max-height: 64px; margin-top: 4px; padding: 0 0 0 30px;}
				.header.scrolled .logo {margin-top: 4px;}
				.header .logo {margin-top: 13px;}
				.header .main-nav, .header .locs, .header .gift-cards {display:none;}
				.header .mobile-loc, .header .mobile-menu-link, .header .mobile-btn {display:block;}
            .header .more.ta-right {display: none;}
      /* .topBar {display: none;} */
      /* .topBarMobile {display: block;} */
	  .header .panel.camps {overflow: scroll;}
      
      .topBar .address {float: left; margin-left: 30px; max-width: 58%; line-height: 15px; text-align: left; font-size: 14px; display: table; padding: 0; height: 100%;}
         .topBar .address a {font-size: 11px; padding: 0; display: table-cell; vertical-align: middle;     max-width: 230px;}
      .topBar .rightIcons .search {display: none;}
      .topBar .rightIcons .account {padding-right: 5px; font-size: 28px;}
	}
	@media (max-width:760px) {
		.container {margin-top:51px;}
	}
	@media (max-width:374px) {
		/* .header .logo {width:128px; max-height:34px; margin-top:24px;} */
      .icons-header {width: 175px; float: right; margin-right: 25px;}
      header .search.mobile {right: 70px;}
	}
   
   @media (max-width:700px) {
		.border-top {height: 42px; background-position-x: right;}
	}
   
   	/*!
	 * Hamburgers
	 * @description Tasty CSS-animated hamburgers
	 * @author Jonathan Suh @jonsuh
	 * @site https://jonsuh.com/hamburgers
	 * @link https://github.com/jonsuh/hamburgers
	 */
	 .hamburger {cursor:pointer;}
		 .hamburger-box {width:33px;height:22px;display:block;position:relative}
		 .hamburger-inner {display:block;top:0;left:0}
		 .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {width:33px;height:6px;top:9px;background-color:#1b5630;position:absolute; transition:all .25s ease}
		 .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {background-color:#1b5630;}
		 .hamburger-inner::before, .hamburger-inner::after {content:'';display:block}
		 .hamburger-inner::before {top:-9px}
		 .hamburger-inner::after {bottom:-9px}
		 .hamburger--3dx .hamburger-box {-webkit-perspective:80px;perspective:80px}
		 .hamburger--3dx .hamburger-inner {transition:background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0.2s cubic-bezier(0.645, 0.045, 0.355, 1)}
		 .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {transition:background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);transition:transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1),-webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1)}
		 .hamburger--3dx.is-active .hamburger-inner {background-color:transparent;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}
		 .hamburger--3dx.is-active .hamburger-inner::before {-webkit-transform:translate3d(0, 9px, 0) rotate(45deg);transform:translate3d(0, 9px, 0) rotate(45deg); background-color: #c1c61c}
		 .hamburger--3dx.is-active .hamburger-inner::after {-webkit-transform:translate3d(0, -9px, 0) rotate(-45deg);transform:translate3d(0, -9px, 0) rotate(-45deg); background-color: #c1c61c}

/*modals*/
	.modal-bg {width:100%; height:100%; background:rgba(0,0,0,0.4); position:fixed; left:0; top:0; right:0; bottom:0; z-index:1100; display:none;}
	.modal {width:100%; position:fixed; top:0; bottom:0; z-index:1101; display:none;}
	.modal .close-btn {padding:18px 10px 15px; cursor:pointer; position:absolute;}
		.modal .close-btn i {width:19px; height:19px; display:block; background:url(images/site-icons2.png) -17px 0 no-repeat;}
	.mobile-menu {width:100%; right:0; top: 162px; background:#fff; height: 100%; position: fixed; z-index:500; overflow:hidden;}
		.mobile-menu .inner {border-top:1px solid #fff;}
			.mobile-menu .scroll {overflow:hidden; overflow-y:hidden;}
				.mobile-menu ul {list-style:none; margin:0; padding:0 0 20px;}
					.mobile-menu ul li {font-size:19px; font-weight:900; text-transform:uppercase;}
					.mobile-menu ul li.mobile {display:none;}
						.mobile-menu ul li span {font-weight:300; text-transform:none;}
						.mobile-menu ul li > a {display:block;color: #1b5630;padding:22px 10px 22px 20px;position:relative;}
						.mobile-menu ul li > a:hover {color:#333;}
						.mobile-menu ul li > a i {width:9px; height:35px; display:block; background:url(images/site-icons2.png) -266px -55px no-repeat; position:absolute; right:28px; top:50%;-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%);}
						.mobile-menu ul li.white {background: #1b5630;}
						.mobile-menu ul li.white > a {color: #fff;}
                     .mobile-menu ul li > a i svg {vertical-align: middle; transform: rotate(-90deg); height: 12px;}
				.mobile-menu .sub-menu {width:100%; list-style:none; margin:0; background:#fff; overflow:hidden; overflow-y:auto; position:absolute; right:0; top:0; z-index:1; display:none;}
					.mobile-menu .sub-menu li {font-size:19px; font-weight:400; text-transform:uppercase;}
					.mobile-menu .sub-menu li:last-child {margin-bottom:25px;}
						.mobile-menu .sub-menu li > a {padding-left:42px;}
					.mobile-menu .sub-menu li.back > a {font-size: 17px;color: #1b5630;text-transform: capitalize;font-weight: 400;background:#e0e0e0;padding:15px 10px 14px 46px;}
						.mobile-menu .sub-menu li.back > a i {right:auto; left:25px; width:8px; height:32px; display:block;}
                     .mobile-menu .sub-menu li.back > a i svg {vertical-align: middle; transform: rotate(90deg); height: 9px;}
					.mobile-menu .sub-menu li.section-title {font-size:19px; font-weight:900; text-transform:uppercase;}
						.mobile-menu .sub-menu li.section-title > a {padding-left:25px;}
				.mobile-menu .menu-info {margin:20px 20px 0; padding-top:30px; border-top:1px solid rgba(0,0,0,0.4);}
					.mobile-menu .menu-info a {color:rgba(0,0,0,0.4); font-size:80%;}
               
   .mobile-menu .panel.camps {display:block; height:calc(100vh - 91px); width:100%; margin:0; padding:10px 0 0 0!important; background:#fff; overflow:hidden; overflow-y:auto; position:absolute; right:-100%; top:0; z-index:1; transition:all .3s ease;}
   .mobile-menu .panel.camps.show {right:0;}
		.mobile-menu .panel.camps .back {font-size:17px;color: #1b5630; text-align:left; text-transform: capitalize;font-weight: 400;background:#e0e0e0;padding:15px 10px 14px 46px; margin-bottom:20px;}
			.mobile-menu .panel.camps .back i {width:8px; height:32px; display:block; background:url(images/site-icons2.png) -266px -55px no-repeat; position: absolute; left:25px; top: 50%; transform: translateY(-50%);}
				.mobile-menu .panel.camps .back i svg {height:9px; vertical-align:middle; transform:rotate(90deg);}
		.mobile-menu .panel.camps .camp {text-align: center; display: inline-block; max-width: 130px;}
			 .mobile-menu .panel.camps .camp .text {display: none;}
			 .mobile-menu .panel.camps .camp .image {width: 130px !important; height: 150px !important;}
			 .mobile-menu .panel.camps .camp .title {margin-bottom: 20px; letter-spacing: 0; line-height: 22px;}
			 .mobile-menu .panel.camps .camp .button a:hover {width: unset; padding: 7px 15px !important; -webkit-mask-image: unset !important; font: 500 13px/28px 'Gotham', 'Montserrat', arial, sans-serif !important;}
			 .mobile-menu .panel.camps .camp .button a {width: unset; padding: 7px 15px !important; -webkit-mask-image: unset !important; font: 500 13px/28px 'Gotham', 'Montserrat', arial, sans-serif !important;}
			 .mobile-menu .panel.camps .swiper-pagination-camp-mob-menu {padding-top:20px;}
			 .mobile-menu .panel.camps .swiper-pagination-camp-mob-menu .swiper-pagination-bullet {margin:0 5px;}
      
   
	@media (max-width:767px) { 
		.mobile-menu ul li > a {padding-top:20px; padding-bottom:20px;}
	}
	@media (max-width:630px) {
		.mobile-menu {width:100%;}
	}
	@media (max-width:374px) {
		.mobile-menu ul li > a, .mobile-menu .sub-menu li.section-title > a {padding-left:20px;}
		.mobile-menu .sub-menu li > a, .mobile-menu .sub-menu li.back > a {padding-left:40px;}
		.mobile-menu .sub-menu li.back > a i {left:20px;}
	}
    
   
	.home.section1 {height: auto;}
      .home.section1 .inner {height: auto;}
         .home.section1 .inner .swiper-slide {height: 100vh;display: table; position:relative;}
            .home.section1 .inner .swiper-slide h1 {padding-top: 100px;font-family: 'perm-marker';color: #fff;font-size: 56px;text-shadow: 0 0 20px #1d1d1d;font-weight: 400;}
            .home.section1 .inner .swiper-slide .video {width:100%; height:100%; position:absolute; top:0; left:0; overflow:hidden;}
							.home.section1 .inner .swiper-slide .video video {min-width:100%; min-height:100%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
						.home.section1 .inner .swiper-slide .bannerContent {display: table-cell; vertical-align: middle; text-align: center; position:relative; z-index:2;}
            .home.section1 .inner .swiper-slide .bannerContent .button {margin-top: 25px;}
            .home.section1 .inner .swiper-slide .bannerContent p {color: #fff;font-size: 17px;max-width: 700px;margin-top: 30px;text-align: center;font-weight: 500;margin: 30px auto 0;text-shadow: 0 0 18px black;}
            .home.section1 .inner .swiper-slide .bannerContent h1 {line-height: 50px;}
            .home.section1 .inner .bannerSideText {position: absolute;transform: translateX(-15px) translateY(50vh) rotateZ(-90deg);width: auto;font-size: 16px;text-transform: initial;color: #f7a933;z-index: 100;font-family: DDC;letter-spacing: .5px;text-align:  center;}
            .home.section1 .inner .social-side {display: flex; flex-flow: column; position: absolute; transform: translateX(70px) translateY(-50%) translateY(50vh); width: auto; z-index: 2;}
            .home.section1 .inner .social-side .social {display: inline-block; padding: 0 4px; margin-top: 30px;}
            .home.section1 .inner .social-side .social:hover path {fill: #c1c61c !important;}
               .home.section1 .inner .social-side .social i {-moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; color: #141a18;height: 40px;width: 40px;border-radius: 50px;background: #fff;font-size: 23px;text-align: center;line-height: 40px;}
               .home.section1 .inner .social-side .social:hover i {background: #c1c61c;}
               
			.home.section1 .inner .swiper-slide .bannerText {font-family: 'Open Sans', sans-serif; color: #fff;   font-size: 20px; text-align: center; text-shadow: 0 0 20px black;}
			.home.section1 .inner .swiper-container .bannerSideText {width: auto;font-size: 16px;text-transform: initial;color: #f7a933;z-index: 100;font-family: DDC;letter-spacing: .5px;text-align:  center;}
				.home.section1 .inner .swiper-container .bannerSideText p {margin: 0; padding:0; display: inline-block;font-family: 'Montserrat';letter-spacing: 8px;font-size: 16px;font-weight: 700;color: #c1c61c;}
			.home.section1 .inner .pagination-container {position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10; height: auto; top: 50%; right: 30px;}
			.home.section1 .inner .swiper-pagination {-o-transition: .3s opacity; position: relative;top: 50%; transform: translateY(-50%);}
				.home.section1 .inner .swiperPagination {height: 11px;width: 11px;border: 2px solid #c1c61c;border-radius: 34px;display: table;outline: none;background: unset;opacity: unset;}
					.home.section1 .inner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {left: unset; width: unset;right: 30px;height: 100%;transform: translateY(50%);}
						.home.section1 .inner .swiperPagination h3 {display: table-caption; font-size: 17px; margin: 10px 0px 13px 7px; color: rgba(255, 255, 255, 0); border-left: solid 1px #ffffff80;}
							.home.section1 .inner .swiperPagination:first-child h3 {display: none;}
								.home.section1 .inner .swiper-pagination-bullet-active {background: #c1c61c;}
								.swiper-pagination-bullet {background: none; opacity: 1;}
                        
   @media (max-width:1150px) {
      .home.section1 .inner .swiper-slide .bannerContent {padding: 0 20%;}
      .home.section1 .inner .social-side {transform: translateX(35px) translateY(-50%) translateY(50vh);}
      .home.section1 .inner .bannerSideText {transform: translateX(-25px) translateY(50vh) rotateZ(-90deg);}
   }	
   
   @media (max-width:700px) {
      .home.section1 .inner .social-side {display: none;}
      .home.section1 .inner .swiper-container .bannerSideText {display: none;}
      .home.section1 .inner .swiper-slide .bannerContent {padding: 30px 30px;}
   }	
                           
  /* .button.flip a {position: relative; display: inline-block; margin: 15px 25px; outline: none; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; text-shadow: 0 0 1px rgba(255,255,255,0.3); font-size: 1.35em;} */
   /* .button.flip a{line-height:2em;-webkit-perspective:800px;-moz-perspective:800px;perspective:800px;} */
   /* .button.flip a span{position:relative;display:inline-block;padding:3px 15px 0;background:#587285;box-shadow:inset 0 3px #2f4351;-webkit-transition:background 0.6s;-moz-transition:background 0.6s;transition:background 0.6s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 50%;-moz-transform-origin:0% 50%;transform-origin:0% 50%;} */
   /* .button.flip a span::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;color:#2f4351;content:attr(data-hover);-webkit-transform:rotateX(270deg);-moz-transform:rotateX(270deg);transform:rotateX(270deg);-webkit-transition:-webkit-transform 0.6s;-moz-transition:-moz-transform 0.6s;transition:transform 0.6s;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;pointer-events:none;} */
   /* .button.flip a:hover span,.button.flip a:focus span{background:#2f4351;} */
   /* .button.flip a:hover span::before,.button.flip a:focus span::before{-webkit-transform:rotateX(10deg);-moz-transform:rotateX(10deg);transform:rotateX(10deg);} */
   .home.section2 {height: auto;background: transparent;margin-top:-45px;z-index: 1000;margin-bottom: -45px;}
      .home.section2 .inner {height: auto;}
         .home.section2 .inner .upcomingCamps {padding: 60px 20px;}
         .home.section2 .inner .upcomingCamps .heading {padding-bottom: 40px;}
         .home.section2 .inner .upcomingCamps .title-2 {text-align: center;margin-top: 17px;}
   
   .home.section3 {height: auto;} 
      .home.section3 .inner {height: auto;}
         .home.section3 .inner .who-we-are {padding: 135px 20px 135px;}
               .home.section3 .inner .who-we-are .title-2 {margin-top: 20px;}
            .home.section3 .inner .who-we-are .content {height: auto; display: flex; flex-direction: row; flex-wrap: wrap; padding-top: 50px; align-items: center;}
               .home.section3 .inner .who-we-are .content .left {flex: 50%; text-align: right;}
                  .home.section3 .inner .who-we-are .content .left .ratio-box {padding-top: 56.25%; position:relative;}
                     .home.section3 .inner .who-we-are .content .left .ratio-box iframe {position: absolute;top: calc(50% - 180px);left: calc(50% - 250px);width: 100%;height: 100%;max-width: 640px;max-height: 360px;}
               .home.section3 .inner .who-we-are .content .right {flex: 50%; text-align: left;}
               .home.section3 .inner .who-we-are .content .right:after {text-align: center;}
                  .home.section3 .inner .who-we-are .content .right .inner {max-width: 550px; text-align: left; margin: 0 0 0 100px;}
                     .home.section3 .inner .who-we-are .content .right .title {font-family: 'Montserrat';font-size: 17px;color: #fff;line-height: 30px;font-weight: bold;text-transform: uppercase;}
                     .home.section3 .inner .who-we-are .content .right .text {color: #fff;padding: 10px 0 30px;line-height: 26px;}
   
   @media (max-width:1050px) {
      .home.section3 .inner .who-we-are .content .right .inner {margin: 30px auto; text-align: center}
      .home.section3 .inner .who-we-are .content .left {text-align: center; flex: 100%;}
      .home.section3 .inner .who-we-are .content .right {text-align: center; flex: 100%;}
   }	
       
   .home.section4 {height: auto;background: transparent;margin-top: -35px;z-index: 1000;margin-bottom: -45px;}
      .home.section4 .inner {height: auto;}
         .home.section4 .inner .news {padding: 90px 20px;}
         .home.section4 .inner .news .heading {padding-bottom: 80px;}
         .home.section4 .inner .news .title-2 {text-align: center;margin-top: 17px;}
         .home.section4 .inner .items {display: flex; flex-wrap: wrap; max-width: 90%;}
            .home.section4 .inner .items .item {width: 30%;display: flex;flex-direction: column;flex-wrap: wrap; flex-basis: 400px; padding: 30px;}
                  .home.section4 .inner .items .item .image {height: 275px;}
                  .home.section4 .inner .items .item .title {margin-top: 25px; font-family: 'Montserrat';font-size: 17px; color: #1b5630; line-height: 30px;font-weight: bold;text-transform: uppercase;}
                  .home.section4 .inner .items .item .button {margin: 0 auto;}
                  .home.section4 .inner .items .item p {flex-grow: 1;color: #202020;font-size: 13px;line-height: 27px;font-weight: 400;padding-bottom: 19px;}
                  .home.section4 .inner .items .item p b {text-transform: uppercase;}
         .home.section4 .inner .bottom .button a {padding: 9px 50px}
         .home.section4 .inner .bottom {padding: 30px 0 30px; margin: 0 auto; text-align: center;}
         
   @media (max-width:1150px) {
      .home.section4 .inner .items .item .image {height: 165px;}   
      .home.section4 .inner .items .item {flex-basis: 275px; padding: 8px; padding-bottom: 50px;}
   }	
      
   .panel.camps {overflow: hidden; background: #fff;text-align: center;padding: 40px;display: flex;justify-content: center; flex-wrap: wrap;}
      .panel.camps .camp {max-width: 275px;margin: 20px 2.5%;text-align: center;display: flex;flex-direction: column;}
         .panel.camps .camp .image {max-width: 275px;}
         /*.panel.camps .camp:hover .image {background-size: 200%;} */
      .panel.camps .camp .text {margin: 20px 0;color: #202020;font-weight: 400;font-size: 14px;line-height: 27px;flex-grow: 1;}
      .panel.camps .camp .title {text-transform: uppercase; color: #1b5630; font-weight: bold; font-size: 17px; margin-top: 20px;}
      .panel.camps .camp .button {margin-left: 0 !important; display: block !important;}
      .panel.camps .camp .button a {background: #c1c61c !important;}
      
      .mobile-900 .panel.camps {overflow: hidden;}
      .panel.camps .swiper-pagination-bullet {margin: 0 5px -50px; outline: none;width: 17px !important; height: 17px !important; background: #282828 !important; opacity: 1 !important;}
          .panel.camps .swiper-pagination-bullet-active {background: #c1c61c !important;}
          .panel.camps .swiper-container-horizontal>.swiper-pagination-bullets, .camp.section3 .columns .swiper-pagination-custom, .swiper-pagination-fraction {text-align: center !important;}
          .panel.camps .swiper-container-camps-mob {width: 100% !important; overflow: hidden;}        
          .panel.camps .swiper-container-camps-mob-menu {width: 100% !important; overflow: hidden;}        
       
   @media (max-width:850px) {
      .panel.camps .camp .image {width: 245px !important; height: 245px !important;}
	  .swiper-button-next, .swiper-button-prev {width: 15px !important; height: 15px !important; line-height: 13px;}
	  .swiper-button-next, .swiper-container-rtl .swiper-button-prev {right: 0px;}
	  .swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px;}
   }    
      
   .sub.banner {min-height: 489px;display: flex;flex-direction: column;justify-content: center; margin-top: 86px;}
      .sub.banner .inner {text-align: center;}
      .sub.banner .inner .title-1 {text-shadow: 0 0 20px #1d1d1d;}
      .sub.banner .inner .title-2 {font-size: 19px; font-weight: 500; margin-top: 15px; padding:0 10px; text-transform: unset;}
      .sub.banner .inner .title-2.news {max-width:900px; padding:0 20px;}
         .sub.banner .bannerSideText {position: absolute;transform: translateX(-15px) rotateZ(-90deg);width: auto;font-size: 16px;text-transform: initial;z-index: 100;font-family: DDC;letter-spacing: .5px;text-align:  center;}
            .sub.banner .bannerSideText p {margin: 0;display: inline-block;font-family: 'Montserrat';letter-spacing: 8px;font-size: 14px;font-weight: 500;color: #c1c61c;}
            .sub.banner .social-side {display: flex;flex-flow: column;position: absolute;transform: translateX(70px);width: auto;z-index: 2;}
            .sub.banner .social-side .social {display: inline-block; padding: 0 4px; margin-top: 23px;}
            .sub.banner .social-side .social svg {height: 43px;}
               .sub.banner .social-side .social svg path {-moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
               .sub.banner .social-side .social svg:hover path {fill: #c1c61c;}
                           
               .social-side .social svg {height: 43px;}
               .social-side .social svg path {-moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
               .social-side .social svg:hover path {fill: #c1c61c;}
       
       
      .sub.banner .bannerSoc.mobile {display: none; font-size: 16px; z-index: 100; letter-spacing: .5px; text-align: center;}
            .sub.banner .bannerSoc.mobile p {display: inline-block; font-family: 'Montserrat'; letter-spacing: 8px; font-size: 14px; font-weight: 500; color: #c1c61c;}
            .sub.banner .socialSoc.mobile {width: auto; z-index: 2;}
            .sub.banner .socialSoc.mobile .social {display: inline-block; padding: 0 4px;}
            .sub.banner .socialSoc.mobile .social svg {height: 43px;}
               .sub.banner .socialSoc.mobile .social svg path {-moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
            .sub.banner .socialSoc.mobile .social svg:hover path {fill: #c1c61c;}
            
      .bannerSoc.mobile {display: none; font-size: 16px; z-index: 100; letter-spacing: .5px; text-align: center;}
         .bannerSoc.mobile p {display: inline-block; font-family: 'Montserrat'; letter-spacing: 8px; font-size: 14px; font-weight: 500; color: #c1c61c !important;;}
            .socialSoc.mobile {width: auto; z-index: 2;}
           .socialSoc.mobile .social {display: inline-block; padding: 0 4px;}
             .socialSoc.mobile .social svg {height: 43px;}
              .socialSoc.mobile .social svg path {-moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
             .socialSoc.mobile .social svg:hover path {fill: #c1c61c;}
   
   @media (max-width:1024px) {      
      .banner .bannerSoc.mobile {display: inline-block !important;}
      .banner .bannerSideText {display: none !important;}
      .banner .social-side {display: none !important;}
   }	
   
   @media (max-width:700px) {
       .bannerSoc.mobile {display: inline-block;}
             .home.section3 .inner .who-we-are .content .left .ratio-box iframe {top: 0;left: 0;}

   }	
               
   .sub .title-1 {padding: 45px 5px 15px;}
   .sub.gray {padding: 40px 40px 75px; text-align: center; margin-top: -41px; background-size: cover!important; background-repeat-x: inherit !important;min-height: 600px; display: flex;flex-direction: column;justify-content: center;}
      .sub.gray .title-2 {font-size: 22px; font-weight: 600; text-transform: uppercase; margin-top: 25px;}
      .sub.gray p {max-width: 1000px; text-align: left; color: #fff; margin-top: 60px;}
   .sub.content {padding: 40px;}
      .sub.content .max {max-width: 900px;}
      .sub.content .center.title {text-align: center; padding-bottom: 45px;}
      .sub.content .content {font-weight: 400; font-size: 14px; line-height: 28px; padding: 40px 0;}
				.sub.content .content ul {list-style:none;}
				.sub.content .content li {position:relative;}
				.sub.content .content li::before {content:''; width:6px; height:6px; border-radius:6px; background:#1b5630; position:absolute; top:10px; left:-15px;}
      .sub.content .image.max {padding-bottom: 465px; width: 100%;}
      .sub.content .image.max .image {padding-bottom: 465px; width: 100%;}
      .sub.content .cImages {background: #fff;text-align: center;padding: 40px;display: flex;justify-content: center; flex-wrap: wrap; max-width: 1500px;}
         .sub.content .cImages .image-box {max-width: 500px;margin: 20px 2.5%;text-align: center;display: flex;flex-direction: column;}
            .sub.content .cImages .image-box .image {max-width: 375px;}
            .sub.content .cImages .image-box .image img {height: auto;}
         .sub.content .cImages .image-box .text {margin: 0 0 20px;color: #202020;font-weight: 400;font-size: 14px;line-height: 27px;flex-grow: 1;}
        .sub.content .cImages .image-box .title {text-transform: uppercase; color: #1b5630; font-weight: bold; font-size: 17px; margin-top: 20px;}
			
			.sub.content .gallery-wrapper {max-width:1500px; padding:40px;}
				.sub.content .gallery-wrapper h1 {padding-bottom:20px;}
				.sub.content .gallery-wrapper .gallery {display:flex; flex-flow:row wrap;}
					.sub.content .gallery-wrapper .gallery .item {flex:0 0 calc(25% - 20px); margin:0; padding:10px;}
						.sub.content .gallery-wrapper .gallery .item .img {width:100%; padding-top:100%; cursor:pointer;}
   
   @media (max-width:1050px) {
      .sub.gray {margin-top: -65px;}
	  .shop .contact .form-group {float: unset !important;width: 100% !important;}
	  .shop .contact select {width: 100% !important; margin-top: 20px;}
   }	
   .camp.section1 {height: auto;}
   .camp.section1 .inner {height: auto;}
      .camp.section1 .inner .swiper-slide {height: 100vh;display: table;}
         .camp.section1 .inner .swiper-slide h1 {font-family: 'perm-marker';color: #fff;font-size: 56px;text-shadow: 0 0 20px #1d1d1d;font-weight: 400;}
         .camp.section1 .inner .swiper-slide .bannerContent {padding-top: 65px; display: table-cell; vertical-align: middle; text-align: center;}
         .camp.section1 .inner .swiper-slide .bannerContent .button {margin-top: 25px;}
            .camp.section1 .inner .swiper-slide .bannerContent .button a {padding: 9px 60px;}
         .camp.section1 .inner .swiper-slide .bannerContent p {width: fit-content; color: #fff; font-size: 16px; max-width: 700px;margin-top: 30px;text-align: left;font-weight: 400;margin: 30px auto 0 auto;text-shadow: 0 0 18px black;}
         .camp.section1 .inner .swiper-slide .bannerContent h1 {line-height: 50px;}
         .camp.section1 .inner .bannerSideText {position: absolute;transform: translateX(-15px) translateY(50vh) rotateZ(-90deg);width: auto;font-size: 16px;text-transform: initial;color: #f7a933;z-index: 100;font-family: DDC;letter-spacing: .5px;text-align:  center;}
         .camp.section1 .inner .social-side {display: flex; flex-flow: column; position: absolute; transform: translateX(70px) translateY(-50%) translateY(50vh); width: auto; z-index: 2;}
         .camp.section1 .inner .social-side .social {display: inline-block; padding: 0 4px; margin-top: 30px;}
            .camp.section1 .inner .social-side .social i {-moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; color: #141a18;height: 40px;width: 40px;border-radius: 50px;background: #fff;font-size: 23px;text-align: center;line-height: 40px;}
            .camp.section1 .inner .social-side .social:hover i {background: #c1c61c;}
            
      .camp.section1 .inner .swiper-slide .bannerText {font-family: 'Open Sans', sans-serif; color: #fff;   font-size: 20px; text-align: center; text-shadow: 0 0 20px black;}
      .camp.section1 .inner .swiper-container .bannerSideText {width: auto;font-size: 16px;text-transform: initial;color: #f7a933;z-index: 100;font-family: DDC;letter-spacing: .5px;text-align:  center;}
         .camp.section1 .inner .swiper-container .bannerSideText p {margin: 0; padding:0; display: inline-block;font-family: 'Montserrat';letter-spacing: 8px;font-size: 16px;font-weight: 700;color: #c1c61c;}
      .camp.section1 .inner .pagination-container {position: absolute; text-align: center; -webkit-transition: .3s opacity; -o-transition: .3s opacity; transition: .3s opacity; -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); z-index: 10; height: auto; top: 50%; right: 30px;}
      .camp.section1 .inner .swiper-pagination {-o-transition: .3s opacity; position: relative;top: 50%; transform: translateY(-50%);}
         .camp.section1 .inner .swiperPagination {height: 11px;width: 11px;border: 2px solid #c1c61c;border-radius: 34px;display: table;outline: none;background: unset;opacity: unset;}
            .camp.section1 .inner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {left: unset; width: unset;right: 30px;height: 100%;transform: translateY(50%);}
               .camp.section1 .inner .swiperPagination h3 {display: table-caption; font-size: 17px; margin: 10px 0px 13px 7px; color: rgba(255, 255, 255, 0); border-left: solid 1px #ffffff80;}
                  .camp.section1 .inner .swiperPagination:first-child h3 {display: none;}
                     .camp.section1 .inner .swiper-pagination-bullet-active {background: #c1c61c;}
                     .swiper-pagination-bullet {background: none; opacity: 1;}
      
      .donate .banner {padding-top:50px;}
      .donate ul {display: flex; list-style: none; padding: 20px 30px 60px; margin: 0 auto; text-align: center; justify-content: center;}
         .donate ul li {background: #1b5630; margin: 0px 15px; text-align: center; color: #fff;}
            .donate ul li a {display: block; padding: 15px 10px; color: #fff; width: 165px; font-weight: 500; text-transform: uppercase;}
            .donate ul li a:hover {background: #c1c61c;}
      .donate .text {max-width: 900px; padding: 40px;}
         .donate .title-2{max-width:900px; padding:80px 40px; text-align:center;}
        
      .single-donate .product form.cart .reset_variations {display: none !important;}
      
	  .single-donate form .form-row input.input-text {width: 225px !important;}  
      .single-donate input[type=number]::-webkit-inner-spin-button, .single-donate input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }      
      .single-donate .woocommerce-breadcrumb {display: none;}
      .single-donate div.product div.images.woocommerce-product-gallery {display: none;}
      .single-donate div.product .product_title {display: none;}
      .single-donate .product_meta {display: none;}
      .single-donate div.product div.summary {float: none !important; text-align: center;}
      .single-donate button.button.alt, .woocommerce input.button.alt {background-color: #1b5630 !important; color: #fff; border-radius: 0; -webkit-font-smoothing: antialiased; padding: 15px 23px; text-transform: uppercase; margin: 0 auto; display: block; text-align: center;}
      .single-donate div.product form.cart .button {vertical-align: middle; float: none !important;}
      .single-donate form .form-row input.input-text, .woocommerce form .form-row textarea {background: #eee;}
      .single-donate .product form.cart .variations select {border: 1px solid #e2e2e2 !important;}
      .single-donate .product-addon-totals ul li:first-child {display: none;}
      .single-donate .product .summary > .price {display: none;}
      .single-donate .product-addon-totals {margin: 0; padding: 0; border-top: 0px solid #eee; border-bottom: 0px solid #eee; overflow: hidden;}
	  .donate-billing .woocommerce-billing-fields {padding: 20px 70px; max-width: 800px;}
	  .donate-billing .woocommerce-billing-fields {max-width: 800px;}
	  .donate-billing #order_review {max-width: 940px;}
		.single-donate .product form.cart .single_variation_wrap .woocommerce-variation-price {display: none;}
		
	
	/* .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {position: fixed; z-index: 999; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; background: #0000008f;} */
	/* .woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout i.fas.fa-times {position: absolute; right: 15px; font-size: 20px;} */

	  @media (max-width:850px) {
		.donate-billing .woocommerce-billing-fields {padding: 20px 20px; max-width: 800px;}
		.single-cart div#payment {padding: 0 15px;}
		.shop.page > .inner {display: flex;}
			.shop.page .inner .option {width: 50%; padding: 20px;}
				.shop.page .inner .option .choice {margin: 0 !important; height: 100% !important; width: 100% !important;}
					.shop.page .inner .option .choice .inner {height: 100% !important; width: 100% !important; min-height: 25vh;}
					
		.checkout-bar .summary {padding: 0px !important; width: 100%; text-align: center; border: none; padding: 0px;}		
		.checkout-bar {align-items: end; flex-direction: column; height: auto;}
		.checkout-bar .summary .sub-inner {padding: 0px;}
		.checkout-bar .summary .sub-inner .prices {margin: 0;}
		.checkout-bar .summary:first-child {border-right: 0px solid #c5c5c5; padding-bottom: 10px !important; border-bottom: 2px solid #c5c5c5; max-width: 90%; margin: 0 auto;}
		
		.woocommerce-error, .woocommerce-info, .woocommerce-message {margin-bottom: -85px;}
		.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {padding-top: 90px;}
		
		.shop .contact .form-info {padding: 20px;}
		.shop .contact .form-contact {padding: 20px;}
		.shop .contact .form-leader {padding: 20px;}
			/* .shop .contact .form-leader .form-wrapper .form-group .form-label[for="leader_count"] {border-bottom: 1px solid #999;} */
			/* .shop .contact .form-leader .form-wrapper .form-group .form-label[for="number-c"] {border-bottom: 1px solid #999;} */
		.shop .shown.cabins {padding: 20px;}
		.shop .cabin {padding: 5px; flex: 100%;}
		.shop .cabins .cabin .upper .title .lightbox {display: block !important; padding: 0px !important;}	
		.shop .cabins .cabin .upper .title .lightbox .icon {display: none !important;}
		
		.single-donate .product form.cart .variations tbody > tr {display: flex; flex-direction: column;}
		.single-donate .product form.cart .variations tbody > tr select {margin: 0 auto; font-family: 'Montserrat' !important; -webkit-appearance: none; -webkit-appearance: menulist;}
			.single-donate .product form.cart .variations tbody > tr select option {font-family: 'Montserrat' !important;}
		.single-donate .product form.cart .variations td.label {padding-right: 0;}
		.single-donate .product .wc-pao-subtotal-line p.price {margin: 0 auto !important;}
	  }
	  @media (max-width:600px) {
			.shop.page .inner .option .choice .inner {min-height: 55px;}
			.checkout-bar {padding:40px 0;}
			.single-cart div#payment {padding:0 !important;}
	  }
     .single-cart div#payment {padding: 0 70px;background: #ffffff;}
      .payment.title {padding: 0 85px; text-align: left; font-family: 'perm-marker'; font-size: 25px; color: #1b5630; line-height: 55px; text-transform: uppercase;}
     .single-cart input.input-text {border: 1px solid #bbbbbb !important;}
     .single-cart button {background-color: #1b5630 !important; transition: .25s ease; color: #fff;padding: 20px !important;border-radius: 0 !important;border-radius: 0;-webkit-font-smoothing: antialiased;padding: 15px 23px;text-transform: uppercase;margin: 0 auto;display: block;text-align: center;}
      .single-cart button:hover {background: #c1c61c !important;}
     .single-cart table.shop_table.woocommerce-checkout-review-order-table {display: none;}
     .single-cart #add_payment_method #payment div.payment_box, .single-cart #payment div.payment_box, .single-cart #payment div.payment_box {background-color: #f8f8f8 !important;}
      #add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {border: 1em solid #f8f8f8 !important; border-right-color: transparent !important; border-left-color: transparent !important;border-top-color: transparent !important;}
         
   @media (max-width:1150px) {
      .camp.section1 .inner .swiper-slide .bannerContent {padding: 0 20%;}
      .camp.section1 .inner .social-side {transform: translateX(35px) translateY(-50%) translateY(50vh);}
      .camp.section1 .inner .bannerSideText {transform: translateX(-25px) translateY(50vh) rotateZ(-90deg);}
      .camp.section1 .inner .swiper-slide .bannerContent h1 {padding-top: 100px;}
   }	
   
   @media (max-width:700px) {
      .camp.section1 .inner .social-side {display: none;}
      .camp.section1 .inner .swiper-container .bannerSideText {display: none;}
      .camp.section1 .inner .swiper-slide .bannerContent {padding: 30px 30px;}
				.camp.section1 .inner .swiper-slide .bannerContent p {text-align:center;}
   }	  
   @media (max-width:950px) {
      .sub.content .image.max {padding-bottom: 56.25%; width: 100%;}
      .sub.content .image.max .image {padding-bottom: 56.25%; width: 100%;}
   }	
                           
  /* .button.flip a {position: relative; display: inline-block; margin: 15px 25px; outline: none; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; text-shadow: 0 0 1px rgba(255,255,255,0.3); font-size: 1.35em;} */
   /* .button.flip a{line-height:2em;-webkit-perspective:800px;-moz-perspective:800px;perspective:800px;} */
   /* .button.flip a span{position:relative;display:inline-block;padding:3px 15px 0;background:#587285;box-shadow:inset 0 3px #2f4351;-webkit-transition:background 0.6s;-moz-transition:background 0.6s;transition:background 0.6s;-webkit-transform-origin:50% 0;-moz-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 50%;-moz-transform-origin:0% 50%;transform-origin:0% 50%;} */
   /* .button.flip a span::before{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;color:#2f4351;content:attr(data-hover);-webkit-transform:rotateX(270deg);-moz-transform:rotateX(270deg);transform:rotateX(270deg);-webkit-transition:-webkit-transform 0.6s;-moz-transition:-moz-transform 0.6s;transition:transform 0.6s;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;pointer-events:none;} */
   /* .button.flip a:hover span,.button.flip a:focus span{background:#2f4351;} */
   /* .button.flip a:hover span::before,.button.flip a:focus span::before{-webkit-transform:rotateX(10deg);-moz-transform:rotateX(10deg);transform:rotateX(10deg);} */
   .camp.section2 {height: auto;background: transparent;margin-top:-45px;z-index: 1000;margin-bottom: -45px;}
      .camp.section2 .inner {height: auto;}
         .camp.section2 .inner .upcomingCamps {padding: 60px 20px;}
         .camp.section2 .inner .upcomingCamps .heading {padding-bottom: 40px;}
         .camp.section2 .inner .upcomingCamps .title-2 {text-align: center;margin-top: 17px;}
   
   .camp.section3 {height: auto; background: url('/wp-content/themes/pondo2019/images/camp-texture.png'); padding-bottom: 50px;}
      .camp.section3 .title-1 {padding: 150px 0; text-align: center;}
      .camp.section3 .columns {display: flex; color: #fff; flex-wrap: wrap;}
         .camp.section3 .columns .column {overflow: hidden;}
            .camp.section3 .columns .column.one {flex: 0 0 40%; } 
            .camp.section3 .columns .column.two {flex: 0 0 40%; } 
            .camp.section3 .columns .column.three {flex: 0 0 20%; } 
            .camp.section3 .columns .column.two .image {margin: 0;}
						
						@media(max-width:760px) {
							.camp.section3 .columns .column.one {flex:1 1 100%;}
							.camp.section3 .columns .column.two {flex:1 1 100%;}
							.camp.section3 .columns .column.trhee {flex:1 1 100%;}
						}

         
         .camp.section3 .columns .column .title {display: flow-root; border-bottom: 2px solid #c1c61c;}
         .camp.section3 .columns .column .title .text {text-transform: uppercase;font-size: 20px;padding-bottom: 20px;font-weight: 500; margin-left: 60px;}
         .camp.section3 .columns .column.three .title .text {margin-left: 0;}
         .camp.section3 .columns .column .innerBody {overflow: hidden; height: 100%; margin: 60px;}
               .camp.section3 .columns .column p {font-size: 13px; font-weight: 300; line-height: 25px;}
            .camp.section3 .columns .column .innerBody .top {display: flex; align-items: center;}
            .camp.section3 .columns .column .innerBody .top .right {margin: 0 30px;}
            .camp.section3 .columns .column .innerBody .top .image {width:40%; height:0; padding-top:40%; margin: 0 20px 15px 0;}
               .camp.section3 .columns .column .innerBody .name {font-size: 19px; text-transform: uppercase; font-weight: 500;}
               .camp.section3 .columns .column .innerBody .position {font-size: 14px; text-transform: uppercase; font-weight: 500;}
               .camp.section3 .columns .column .innerBody .web {color: #c1c61c; word-break: break-all;}
               .camp.section3 .columns .column .innerBody .button {margin-top: 30px;}
         .camp.section3 .columns .column .swiper-speaker {height: 100%;}
         .camp.section3 .columns .column .swiper-wrapper {height: auto; padding-bottom: 40px;}
         .camp.section3 .columns .column .swiper-pagination-bullets {position: absolute; bottom: 115px; width: 100%;}
         .camp.section3 .columns .column .swiper-pagination-bullet {margin: 4px; width: 10px !important; height: 10px !important; background: #fff !important; opacity: 1 !important;}
         .camp.section3 .columns .column .swiper-pagination-bullet-active {background: #c1c61c !important;}
         .camp.section3 .columns .swiper-pagination-bullets, .camp.section3 .columns .swiper-pagination-custom, .swiper-pagination-fraction {text-align: left !important;}
        
         .camp.section3 .columns a .icon {width: 30px; height: 30px; display: inline-block; vertical-align: middle; padding-right: 35px; -moz-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease;}
         .camp.section3 .columns a .link {padding: 20px 0; color: #fff; -moz-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease;}
            .camp.section3 .columns a .link:hover .icon {width: 40px; padding: 25px;}
            .camp.section3 .columns a .link:hover {background: rgba(193, 198, 28, 0.10);}
               .camp.section3 .columns a .link:hover svg path {fill: #fff !important;}
               .camp.section3 .columns a .link svg path {-moz-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease;}
               .camp.section3 .columns a .link:hover svg circle {fill: #fff !important;}
               .camp.section3 .columns a .link svg circle {-moz-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease;}
   
   @media (max-width:1325px) {
      .camp.section3 .columns .column .title .text {float: none !important;}
         .camp.section3 .columns .column .innerBody {margin: 15px;}
            .camp.section3 .columns .column .innerBody .top {display: block; align-items: left;}
            .camp.section3 .columns .column .title .text {margin-left:15px !important;}
            .camp.section3 .columns .column.three .title .text {margin-left: 0;}
            .camp.section3 .columns .column .innerBody .top .right {margin: 0;}
      /* .camp.section3 .columns .column.three {max-width: 20%;} */
      /* .camp.section3 .columns .column.one, .camp.section3 .columns .column.two {max-width: 40%;} */
      /* .camp.section3 .columns .column.one .title, .camp.section3 .columns .column.two .title {padding-left: 25px;} */
      .camp.section3 .columns .column .innerBody .top .image {margin:0; /*height: 110px !important; height: 115px;*/}
      .swiper-band .image {/*width: 100% !important;*/ width:360px !important; height: 185px !important;}
      .camp.section3 .columns a .icon {padding-right: 13px;}
	  .camp.section3 .columns .column .swiper-pagination-bullets {bottom: 0px;}
	  .camp.section2 .inner .upcomingCamps {padding: 25px 5px;}
   }	   
   
   @media (max-width:900px) {
      .camp.section3 .columns {display: block; color: #fff; flex-wrap: wrap; padding: 40px;}
      .camp.section3 .columns .column .title .text {margin-left: 40px;}
   }	
   
   @media (max-width:600px) {
      .camp.section3 .columns {padding: 0px;}
   .camp.section3 .columns .column.one .title, .camp.section3 .columns .column.two .title {padding-left: 25px;}
     .camp.section3 .columns .column.one .title, .camp.section3 .columns .column.two .title {padding-left: 0;}
     .camp.section3 .columns .column .innerBody .top .image {/*width: 125px; padding: 10px;*/ margin: 5px;}
     .camp.section3 .columns .column {flex: inherit; width: 90%; text-align:center;}
		 .camp.section3 .columns .column a .link {text-align:left;}
     .camp.section3 .columns .column .title {display: inline-block; padding-top: 50px;}
     .camp.section3 .columns .column.three {width: 80%; display: block; flex: inherit; max-width: 80% !important;}
     .camp.section3 .columns .column.one .innerBody {float: unset; width: inherit;}
     .camp.section3 .columns .column .innerBody .top {flex-direction: column;}
			.camp.section3 .columns .column .innerBody .top .image {margin:5px auto;}
     .camp.section3 .columns .column .swiper-wrapper {height: auto; padding-bottom: 40px;}
     .camp.section3 .title-1 {padding:100px 20px 20px;}
		 .camp.section3 .columns .column.two .image {margin:0 auto;}
   }	
   
   .camp.section4 {padding: 40px;}
      .camp.section4 .heading {padding: 100px 0;}
      .camp.section4 .inner {text-align: center;}
         .camp.section4 .heading .title-2 {padding: 25px 0;}
         .camp.section4 .videos {margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; text-align: center; width: 100%;}
            .camp.section4 .video {flex-basis: 500px; margin: 0 auto;}
               .camp.section4 .video iframe {height: 394px; width: 700px;}
         .camp.section4 .bottom {padding: 100px 0; text-align: center;}
  
  
   .image-box.speaker {max-width: 500px;margin: 20px 2.5%;text-align: center;display: flex;flex-direction: column; margin: 0 auto;}
      .image-box.speaker .image {max-width: 375px;}
      .image-box.speaker .image img {height: auto;}
            
   @media (max-width:1050px) {
      .camp.section4 .videos {max-width: 705px; display: block;}
      .camp.section4 .videos .video:first-child {padding-bottom: 20px;}
   }	   
   
   @media (max-width:840px) {
      .camp.section4 .videos iframe {height: 300px; width: 550px; max-width: 85vw;}
   }	 
   
   @media (max-width:375px) {
      .camp.section4 .video iframe {height: 175px; width: 100%; max-width: 300px;}
   }	
   
   @-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
   }  
   @keyframes fadeIn {
       from { opacity: 0; }
         to { opacity: 1; }
   }
   
   #primary.shop .content {max-width: 1000px;}
   .shop .hidden {display: none !important;}
   .shop .shown {-webkit-animation: fadeIn 2s; animation: fadeIn 2s; display: block !important;}
   .shop .shown.cabins {-webkit-animation: fadeIn 2s; animation: fadeIn 2s; display: flex !important;}
  
  .shop.page {margin: 80px 0;}
  .shop.page .inner {text-align: center;}
      .shop.page .inner .option {text-align: center; display: inline-block; cursor: pointer;}
         .shop.page .inner .option .choice {margin: 25px; background: #c1c61c; }
            .shop.page .inner .option .choice .inner {-moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
            .shop.page .inner .option .choice.single .inner {height: 340px; width: 412px;background: url(/wp-content/themes/pondo2019/images/single.jpg) center center no-repeat; background-size:cover;}
            .shop.page .inner .option .choice.group .inner {height: 340px; width: 412px;background: url(/wp-content/themes/pondo2019/images/group.jpg) center center no-repeat; background-size:cover;}   
               .shop.page .inner .option .title {text-transform: uppercase; color: #1b5630; font-weight: bold; font-size: 15px; margin-top: 20px; -moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease;}
               .shop.page .inner .option .choice:hover .inner {opacity: .4; box-shadow: inset 0 0 0px 12px #fff;}
               .shop.page .inner .option .choice:hover {border: 1px solid #bbb; box-shadow: inset 0 0 0px 12px #fff; margin: 24px;}
            .shop.page .inner .option:hover .title {color: #c1c61c;}
            
            .shop.page .inner .option.selected .choice .inner {opacity: .4; box-shadow: inset 0 0 0px 12px #fff;}
               .shop.page .inner .option.selected .choice {border: 1px solid #bbb; box-shadow: inset 0 0 0px 12px #fff; margin: 24px;}
               .shop.page .inner .option.selected .title {color: #c1c61c;}
               

   .shop .contact .form-wrapper {text-align: left;background-color: #ffffff; border-radius: 5px;}
      .shop .contact .form-group {position: relative; width: 45%; display: inline-block; margin: 5px; margin-top: 45px;}
         .shop .contact .form-group:nth-child(even) {float: right;}
         .shop .contact .form-group:nth-child(odd) {float: left;}
         .shop .contact .form-label {position: absolute; left: 0; top: 10px; color: #999; background-color: #fff; z-index: 4; transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out; transition: transform 150ms ease-out, font-size 150ms ease-out; transition: transform 150ms ease-out, font-size 150ms ease-out, -webkit-transform 150ms ease-out;}
         .shop .contact .focused .form-label {-webkit-transform: translateY(-125%); transform: translateY(-125%); font-size: 0.75em;}
         .shop .contact .form-input {-webkit-appearance: none;position: relative; z-index: 5; background: transparent; padding: 12px 0px 10px 0; width: 100%; outline: 0; border: 0; -webkit-box-shadow: 0 1px 0 0 #a4a4a4;box-shadow: 0 1px 0 0 #a4a4a4; transition: box-shadow 150ms ease-out;}
         .shop .contact .form-input:focus {box-shadow: 0 2px 0 0 #1b5630; -webkit-box-shadow: 0 2px 0 0 #1b5630;}
         .shop .contact .form-input.filled {box-shadow: 0 2px 0 0 #c1c61c; -webkit-box-shadow: 0 2px 0 0 #c1c61c;}
	
   @media (max-width:890px) {
      footer .wrapper .mid {flex: 1;}
      footer .wrapper .qLinks {flex: 1; padding: 0 0 0 30px;}
      footer .wrapper .contact {flex: 1; padding: 0 15px 0 0;}
	  .shop .contact .form-label {font-size:12px}
   }
	
   .shop .contact .form-contact {text-align: center; margin-bottom: 35px; display: inline-block;}
      .shop .contact .form-contact .form-wrapper {height: auto; padding-bottom: 20px;}
      .shop .contact .form-contact .title {margin: 40px 0; text-align: left; font-family: 'perm-marker'; font-size: 25px; color: #1b5630; line-height: 55px; text-transform: uppercase;}
   
   .shop .contact .form-info {text-align: left;}
         .shop .contact .form-info .form-wrapper {height:300px;}
      .shop .contact .form-info .title {border-bottom: 1px solid #c1c61c; padding-bottom: 10px;text-transform: uppercase; color: #1b5630; font-weight: bold; font-size: 17px; margin-top: 20px; -moz-transition: all .3s ease; -ms-transition: all .3s ease;transition: all .3s ease;}
         .shop .contact .form-info .form-group {float: unset;}
            .shop .contact select {box-shadow: 0 1px 0 0 #a4a4a4; color: #999; width: 20%; outline: none;}
            .shop .contact .form-info .form-group.street {width: 35% !important;}
            .shop .contact .form-info .form-group.city {width: 30% !important;}
            .shop .contact .form-info .form-group.zip {width: 10% !important;}
            
   .shop .contact .form-leader {text-align: left;}
      .shop .contact .form-leader .form-wrapper {height: 250px;}
      .shop .contact .form-leader .title {border-bottom: 2px solid #c1c61c; padding-bottom: 10px;text-transform: uppercase; color: #1b5630; font-weight: bold; font-size: 17px; margin-top: 20px; -moz-transition: all .3s ease; -ms-transition: all .3s ease;transition: all .3s ease;}
      .shop .contact .form-leader p {display: inline-block; font-size: 14px; font-weight: 500;}
         .shop .contact .form-leader .Rcontainer{margin-left: 70px;display:inline-block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
            .shop .contact .form-leader .Rcontainer .text {font: 500 13px/30px 'Gotham', 'Montserrat', arial, sans-serif; display: inherit; font-size: 13px; text-transform: initial; color: #000;}
            .shop .contact .form-leader .Rcontainer input{position:absolute;opacity:0;cursor:pointer;}
            .shop .contact .form-leader .radio{margin-top: 4px; padding: 4px; border-radius: 50px; position:absolute;left:0;height:10px;width:10px;background-color:#fff; border: 1px solid #afafaf;}
            .shop .contact .form-leader .Rcontainer input:checked ~ .radio{background-color:#c1c61c; background-size: 12px !important; background-clip: content-box;}
            .shop .contact .form-leader .radio:after{content:"";position:absolute;display:none;}
               .shop .contact .form-leader .Rcontainer input:checked ~ .radio:after{display:block;}
   
    .notification {transition: all .5s ease; left: -110%; position: fixed; z-index: 999; background: #c1c61c; color: #fff; text-transform: uppercase; padding: 20px; font-weight: 600; top: 125px;box-shadow: 0 0 10px -5px black;}
	.shop .cabins .button.update {margin-top: 30px; padding: 20px;}	
   
   .shop .cabins {display: flex; flex-direction: row; flex-wrap: wrap;}
      .shop .cabins .cabin {flex: 50%;}
         .shop .cabins .cabin .upper {}
            .shop .cabins .cabin .upper .title {margin-bottom: 25px; border-bottom: 2px solid #c1c61c; padding-bottom: 10px; text-transform: uppercase; color: #1b5630; font-weight: bold; font-size: 17px; margin-top: 20px; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;}
               .shop .cabins .cabin .upper .title .lightbox {display: inline-block; font-size: 13px; text-transform: capitalize; color: #333; padding-left: 40px;}
                  .shop .cabins .cabin .upper .title .lightbox .icon {height: 18px; width: 18px; display: inline-block; margin: 0 10px; vertical-align: sub;}
                     .shop .cabins .cabin .upper .title .lightbox .icon svg path {-moz-transition:all .2s ease; -ms-transition:all .2s ease; transition:all .2s ease;}
                        .shop .cabins .cabin .upper .title .lightbox:hover .icon svg path {path: #1b5630; fill: #1b5630; }
         .shop .cabins .cabin .lower {text-align: center; width: 90%; float: left;}
            .shop .cabins .cabin .lower .image {width: 100%; height: 250px;}
            .shop .cabins .cabin .lower .descPrice {display: inline-block; padding: 15px 0; font-size: 13px; font-weight: bold;}
            .shop .cabins .cabin .lower .descPrice div {display: inline-block;}
            .shop .cabins .cabin .lower .priceSlider input[type=range] {-webkit-appearance: none; width: 100%; background: transparent; padding: 10px 0; }
               .shop .cabins .cabin .lower .priceSlider input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;}
               .shop .cabins .cabin .lower .priceSlider input[type=range]:focus {outline: none;}
               .shop .cabins .cabin .lower .priceSlider input[type=range]::-webkit-slider-thumb {-webkit-appearance: none; border: 3px solid #c1c61c; background: #fff; height: 15px; width: 15px; border-radius: 50px; background: #ffffff; cursor: pointer; margin-top: -6px;}
               .shop .cabins .cabin .lower .priceSlider input[type=range]::-moz-range-thumb {}
               .shop .cabins .cabin .lower .priceSlider input[type=range]::-webkit-slider-runnable-track {width: 100%; height: 4px; cursor: pointer; background: #cccccc; border-radius: 50px; border: 0.2px solid #010101;}
               .shop .cabins .cabin .lower .priceSlider input[type=range]:focus::-webkit-slider-runnable-track {background: #cccccc;}
   
   .modal-cabin {max-width: 875px !important;}
      .modal-cabin .left {width: 50%;display: inline-block;padding-right: 40px;}
      .modal-cabin .right {width: 49%;vertical-align: top;display: inline-block;}
         .modal-cabin .desc {font-size: 12px; font-weight: 400;}
         .modal-cabin .image {height: 250px; width: 375px;}
         .modal-cabin .title {text-transform: uppercase; color: #1b5630; font-weight: bold; font-size: 15px; -moz-transition: all .3s ease; -ms-transition: all .3s ease; transition: all .3s ease;}
         .modal-cabin .price {font-size: 14px; font-weight: 500; padding: 10px 0;}
         
   .sub.news .inner .items {display: flex; flex-wrap: wrap; max-width: 90%;}
      .sub.news .inner .items .item {width: 30%;display: flex;flex-direction: column;flex-wrap: wrap; flex-basis: 400px; padding: 30px;}
            .sub.news .inner .items .item .image {height: 200px;}
            .sub.news .inner .items .item .title {margin-top: 25px; font-family: 'Montserrat';font-size: 17px; color: #1b5630; line-height: 30px;font-weight: bold;text-transform: uppercase;}
            .sub.news .inner .items .item .button {margin: 0;}
            .sub.news .inner .items .item p {flex-grow: 1;color: #202020;font-size: 13px;line-height: 27px;font-weight: 400;padding-bottom: 19px;}
            .sub.news .inner .items .item p b {text-transform: uppercase;}
   .sub.news .inner .bottom .button a {padding: 9px 50px}
   .sub.news .inner .bottom {padding: 80px 0 30px; margin: 0 auto; text-align: center;}
   

      footer {background: #2c2c2c; padding: 80px 0; color: #fff; text-transform: uppercase; margin-bottom: -45px;}
      footer .wrapper {display: flex; flex-wrap: wrap; max-width: 900px; font-size: 13px;}  
         footer .wrapper .title {font-weight: 600; color: #f6dec5; text-transform: uppercase;}
         footer .wrapper .qLinks {width: 300px;}
            footer .wrapper .qLinks ul {padding: 0;}
            footer .wrapper .qLinks li {list-style: none;}
         footer .wrapper .mid {width: 300px;}
            footer .wrapper .mid .social {display: inline-block; padding: 0 4px; margin-top: 30px;}
               footer .wrapper .mid .social i {-moz-transition:all .3s ease; -ms-transition:all .3s ease; transition:all .3s ease; color: #2c2c2c;height: 40px;width: 40px;border-radius: 50px;background: #fff;font-size: 23px;text-align: center;line-height: 40px;}
                   footer .wrapper .mid .social:hover i {background: #c1c61c;}
         footer .wrapper .contact {width: 300px;}
            footer .wrapper .contact .address  {padding: 10px 0px;}
   .sub-footer .pjs {float: left;padding: 13px 28px;font-weight: 600;}
      .sub-footer .pjs a {color: #4c4c4c8f !important;text-transform: uppercase;font-size: 13px;}
   .sub-footer .pondo {color: #c1c61c !important; float: right; font-weight: 600; padding: 15px; text-transform: uppercase; font-size: 13px; padding: 13px 28px;}
         
   @media (max-width:890px) {
      footer .wrapper .mid {flex: 1;}
      footer .wrapper .qLinks {flex: 1; padding: 0 0 0 30px;}
      footer .wrapper .contact {flex: 1; padding: 0 15px 0 0;}
	  
	  .shop .contact .form-contact .title {margin: 0px 0 10px;}
	  .shop .contact .form-leader .form-wrapper {height: 100px;}
	  .shop .contact .form-leader.info > .form-leader {padding: 0px;}
	  .shop .contact .form-info {display: inline-block;}
	  .shop .contact .form-leader .Rcontainer {margin-left: 0;}
	  .shop .contact .form-info .form-group.zip {width: unset !important;}
   }
         
         
   @media (max-width:590px) {
      footer {margin-bottom:-33px; padding: 50px 0 65px;}
         footer .wrapper .mid {order: 1; flex: unset; padding: 10px;}
         footer .wrapper .qLinks {order: 2; flex: unset; padding: 10px;}
         footer .wrapper .contact {order: 3; flex: unset; padding: 10px;}
      .sub-footer .container {margin: 0px; text-align: center;}
      .sub-footer .pjs {float: unset; margin: 0px 0px 22px 0px; padding: 0;}
      .sub-footer .pondo {float: unset; padding: 0px 25px 0px;}
   }	
         
   /* WOOCOMMERCE */
   .shop .woocommerce {top: -150px; max-width: 1000px; padding: 25px 0; min-height: 450px;}
   .shop .woocommerce .col-3 {width: 25%; display: inline-block; padding: 25px 0;}
   .shop .woocommerce .col-3 input {max-width: 60px;}
   .shop .woocommerce .col-3 label.form-label {font-weight: 600;}
   /* input#male_count, input#leader_count, input#female_count {border: 1px solid #e8e3e3; border-radius: 3px; width: 45px;} */
      .woocommerce h2 {font-family: 'perm-marker'; font-size: 35px; color: #1b5630; line-height: 55px; text-transform: uppercase; text-align: center;}
         .shop .woocommerce .login {max-width: 700px; margin: 20px auto !important;}
         .shop .woocommerce .login input {border-bottom: 1px solid #dadada;}
         .shop .woocommerce .woocommerce-account {background: #000;}
   li.woocommerce-MyAccount-navigation-link {list-style: none; text-align: center; }
   li.woocommerce-MyAccount-navigation-link a {display: block;color: #fff;text-transform: uppercase;font-weight: 500;padding: 10px;background: #1b562f;margin-bottom: 10px;}
   li.woocommerce-MyAccount-navigation-link a:hover {background: #c1c61c; color: #fff;}
     
   .cabin-details {padding: 40px; background: #e4e4e4; margin: 40px 0;}
      .cabin-details .cabin-title {padding: 8px 0 22px; text-transform: uppercase; font-weight: 700; font-size: 20px; text-align: center;}
      .cabin-details .cabin-ind-tiitle {border-bottom: 2px solid #1b562f; color: #000000; text-transform: uppercase; font-weight: 600;}
      .cabin-details .col-3:nth-child(2) {background: #d0cfcf; border-bottom: 43px solid #ccc; background-color: #ccc; margin-bottom: -40px;}
      .cabin-details .col-3 {width: 28% !important;text-align: center; text-transform: uppercase; font-size: 13px;}
      .cabin-details .cabin-ind-title {text-transform: uppercase; font-weight: 600; font-size: 12px; color: #737373; border-bottom: 2px solid #afafaf;}
      .cabin-details .btnUpdateCount {cursor: pointer; background: #1b562f; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 13px; transition:all .3s ease;}
      .cabin-details .btnUpdateCount:hover {background: #c1c61c;}
    
	ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {padding:0; margin:10px 0 0 0;}	
	.woocommerce-order {max-width: 1200px; padding: 0 30px; margin-top:115px;}
	#order_review {max-width: 1200px; padding: 0 30px; margin: 0 auto; margin:40px auto;}
	
	.woocommerce .woocommerce-breadcrumb {display:none;}
	
	.woocommerce-js .panel.camps .camp .button a {display: flex; align-items: center; justify-content: center;}
	.woocommerce-js .panel.camps .camp .button a img {padding-left: 10px;}	
	
	#btnUpdate {display: flex; align-items: center; justify-content: center;}
	#btnUpdate img {padding-left: 10px;}
	
	
	.section3.camp {margin-top:-45px;}
	
	@media(max-width:760px) {
		.woocommerce-order {margin-top:40px;}
		.section2.camp {margin-top:-32px;}
		.section3.camp {margin-top:-32px;}
	}