body { background:#000; color:#fff; font-family: 'Titillium Web', sans-serif; font-size:16px; font-weight:400; line-height:auto; overflow-x:hidden; margin:0; padding:0; position:relative;}
img { border:none; display:block; height:auto; max-width:100%;}
h1, h2, h3, h4, h5 { font-family: 'Titillium Web', sans-serif; }
h1 { font-size:2.2em; font-weight:900; margin:0 0 15px 0; padding:0; }
h2 { font-size:3.2em; font-weight:900; line-height:36px; margin:0 0 15px 0; padding:0; text-align:center; text-transform:uppercase;}
h3 { font-size:1.8em; font-weight:700; margin:15px 0 0 0; padding:0; text-transform:uppercase;}
h3 small {display:block; font-size:0.6em; margin:-9px 0 20px 0; text-transform:none;}
h4 { font-size:1.25em; font-weight:700; line-height:26px; margin:0; padding:10px 0;}
h5 { margin:40px 0 -10px 0; padding:0;}
h6 {}
p { font-size:1em; line-height:22px; margin:0 0 18px 0;}
a:link, a:visited { color:#dba429; font-weight:600; text-decoration:none;}
a:hover, a:active { color:#e77200; transition:0.3s;}
hr { border-bottom:0; border-left:0; border-right:0; border-top:1px solid #3b3b3b; height:1px; margin:50px 0; }
.contentwidth { margin:auto; position:relative; max-width:1256px;}
img.fwimg { height:auto; width:100%;}
.clearfix { clear:both;}
.aligncenter { text-align:center;}
.uppercase { text-transform:uppercase;} #site-header { position:relative;  }
#logo { position:absolute; top:5px; left:20px; width:240px; z-index:9;}
#logo a span { color:#2296a3; display:block; text-align:center; text-shadow:0 0 3px #000; width:100%; }
#logo:active a span, #logo:hover a span {color:#dba429;}
#headphone { position:absolute; top:0; right:100px; text-shadow: 0 0 8px #000; z-index:5;}
#headphone a:link, #headphone a:visited { color:#fff; display:block; font-size:2.1em; font-weight:500; padding:8px; }
#header-video { position:relative; z-index:1;}
#header-video .easyhtml5video { margin:auto;}
#headerfade { background:url(//www.glowworm.co.nz/wp-content/themes/spellbound-theme2020/images/black-grad.png); height:280px; position:absolute; bottom:0; left:0; width:100%; z-index:2; }
.title { font-size:1.0em; line-height:2.4em; position:absolute; bottom:-30px; text-shadow: 0 0 8px #000; text-transform:uppercase; z-index:8; }
.title b { display:block; font-size:1.5em; font-weight:900;}
#cp-01 { position:relative; margin-top:-99px; z-index:2; }
#site-content { position:relative; z-index:3;}
.newsalert { background:#0094a6; padding:9px 20px;}
.block-blue { background:#2296a3; padding:60px 0 10px 0; position:relative;}
.block-blue h2 { border-bottom:3px solid #0c373d; color:#0c373d; position:absolute; top:-60px; width:100%; }
.block-dark { background:#0c373d; padding:120px 0 30px 0; position:relative;}
.block-dark h2 { border-bottom:3px solid #2296a3; color:#2296a3; position:absolute; top:-60px; width:100%;}
.block-black {background:#000; padding:130px 0 30px 0; position:relative;}
.block-black h2  { border-bottom:3px solid #fff; color:#fff; position:absolute; top:50px; width:100%;} #nav ul li a { font-size:15px;}
#nav { margin:0; padding:0; position:absolute; top:0; right:0; text-align:left; z-index:999; }
#nav input[type="checkbox"] { display:none;}
#nav input[type="checkbox"] + label { background:url(//www.glowworm.co.nz/wp-content/themes/spellbound-theme2020/images/icon-sprite.png) 9px 0 no-repeat; display:block; height:65px; margin:0; padding:0; position:absolute; top:0; right:0; transition:0.3s; width:100px; }
#nav input[type="checkbox"]:hover + label  { background:url(//www.glowworm.co.nz/wp-content/themes/spellbound-theme2020/images/icon-sprite.png) 0 0 no-repeat; cursor:pointer; }
#nav input[type="checkbox"]:checked + label { background:url(//www.glowworm.co.nz/wp-content/themes/spellbound-theme2020/images/icon-sprite.png) 0 -65px no-repeat; }
#nav input[type="checkbox"] ~ .menu-main-menu-container ul  { border-bottom:1px solid #0c373d; margin:0; padding:0; position:absolute; transition:0.3s; width:260px; top:-600px; right:0; transition:0.3s; z-index:99; }
#nav input[type="checkbox"]:checked ~ .menu-main-menu-container ul { top:64px;}
#nav input[type="checkbox"] ~ .menu-main-menu-container ul li { background:#dba429; border-bottom:1px solid #0c373d; border-left:3px solid #0c373d; display:block; margin:0; padding:0; }
#nav input[type="checkbox"] ~ .menu-main-menu-container ul li:first-of-type { border-top:3px solid #0c373d;}
#nav li.current_page_item a:link, #nav li.current_page_item a:visited, #nav li.current-menu-item a:link, #nav li.current-menu-item a:visited { background:#f0b633; color:#0c373d;}
#nav li a:link, #nav li a:visited { border-radius:0; color:#0c373d; display:block; padding:8px 15px; }
#nav li a:active, #nav li a:hover { background:#f5ca1f; color:#000;} 
#nav input[type="checkbox"] ~ .menu-main-menu-container ul li:last-of-type:after { content:""; position:absolute; bottom:-12px; left:2px; width:0; height:0; border-style:solid; border-width:0 260px 12px 0; border-color:transparent #dba429 transparent transparent; z-index:6; }
#nav input[type="checkbox"] ~ .menu-main-menu-container ul:after { content:""; position:absolute; bottom:-19px; left:0; width:0; height:0; border-style:solid; border-width:0 260px 18px 0; border-color:transparent #0c373d transparent transparent; z-index:5;} input[type="text"], input[type="email"], input[type="tel"], input[type="number"], input[type="password"], textarea { background:#8fcad0; border:2px solid #2e939d; border-radius:2px; color:#535551; font-family: 'Titillium Web', sans-serif; font-size:1em; margin:2px 0 8px 0; padding:8px 10px; width:calc(100% - 20px);}
select { background:#8fcad0; border:2px solid #2e939d; border-radius:2px; color:#535551; display:inline; font-family: 'Titillium Web', sans-serif; font-size:1em; padding:8px 10px; margin:2px 0 8px 0; -webkit-appearance:none; -moz-appearance:none; appearance:none; width:calc(100% - 20px); }
select::-ms-expand { display:none;}
.selectstyle { position:relative;}
.selectstyle:after { background: url(//www.glowworm.co.nz/wp-content/themes/spellbound-theme2020/images/icon-sprite.png) 0 0 no-repeat; content:""; position:absolute; right:3%; top:14px; pointer-events:none; width:18px; height:13px; z-index:9;}
::placeholder, option:first-of-type { color:#b6b6b5; opacity:1;}
input[type="submit"], a.btn { background:#de9a0f; border:0; color:#fff; cursor:pointer; font-family: 'Roboto Slab', serif; display:inline-block; font-size:1.2em; line-height:44px; margin-bottom:5px; padding:0 25px; text-decoration:none; text-transform:uppercase; }
input[type="submit"]:hover, a.btn:hover { background:#c87a00; color:#fff; transition:0.3s;}
label { display:inline-block; margin:0 50px 0 0;}
input[type="radio"], input[type="checkbox"] { height:14px; margin:0 6px 12px 0; width:14px;} .caveintro { background-size:cover; height:470px; position:relative; text-align:center; }
.caveintro:active, .caveintro:hover { background-position: center top; transition:0.5s; }
.caveintro:after { background-color:rgba(12, 54, 59); content:""; height:3px; position:absolute; bottom:-6px; left:0; width:100%;}
.caveintro a:link, .caveintro a:visited { color:#fff; display:block; height:100%; }
.caveintro a:link h4, .caveintro a:visited h4, .caveintro a:link p, .caveintro a:visited p { color:#fff;}
.caveintro h4  { font-size:24px; line-height:24px; margin:0; padding:0;}
.caveintro h4 small { display:block; font-size:16px;}
.caveintrotext { background-color:rgba(12, 54, 59, 0.88); padding:20px; position:absolute; bottom:0; width:calc(100% - 40px); }
.caveintro p { font-size:0.95em; height:0; margin:0; overflow:hidden; padding:0; }
.caveintro:active p, .caveintro:hover p  {  height:100px; margin:0; padding:12px 0; transition:0.5s; }
.page404 { margin:auto; max-width:532px;}
.tourwrap { background:#2296a3; height:240px; margin:0 0 70px 0; padding:0 333px 0 0; position:relative; }
.tourwrap:after { background:#2296a3; content:""; height:3px; position:absolute; bottom:-7px; left:0; width:100%;}
.tour-img { background-size:cover!important; height:100%; width:50%;}
.tour-desc { padding:30px 35px; width:calc(50% - 70px);}
.tour-desc h3 { margin:0; padding:0; line-height:1.0em;}
.tour-desc h6 { margin:0; padding:0 0 10px 0; font-size:0.9em;}
.tour-desc p { color:#fff; font-size:0.9em; line-height:1.25em;}
.tour-details { position:absolute; right:40px; top:36px; width:260px;}
.tour-details ul { border-top:1px solid #0c373d; list-style:none; margin:0; padding:0; }
.tour-details ul li { border-bottom:1px solid #0c373d;  margin:0; padding:9px 3px;}
.tour-details h4 { font-size:24px; font-weight:700; line-height:26px; margin:0; padding:0; }
.tour-details h4 small { font-size:14px; font-weight:400; }
.tour-details p { color:#fff; font-size:15px; line-height:18px; margin:0; padding:0; }
.tour-book-btn { background:url(//www.glowworm.co.nz/wp-content/themes/spellbound-theme2020/images/btn-book.png); height:73px; position:absolute; right:16px; bottom:-38px; width:307px; z-index:5;}
.tour-book-btn:active, .tour-book-btn:hover { background:url(//www.glowworm.co.nz/wp-content/themes/spellbound-theme2020/images/btn-book-o.png); transition:0.5s;}
.tour-book-btn a:link { display:block; height:100%;}
.tour-contact-btn { background:url(//www.glowworm.co.nz/wp-content/themes/spellbound-theme2020/images/btn-contact.png); height:73px; position:absolute; right:16px; bottom:-38px; width:307px; z-index:5;}
.tour-contact-btn:active, .tour-contact-btn:hover { background:url(//www.glowworm.co.nz/wp-content/themes/spellbound-theme2020/images/btn-contact-o.png); transition:0.5s;}
.tour-contact-btn a:link { display:block; height:100%;}
.xcave { background-position:center center; background-repeat:no-repeat; background-size:initial; }
.spellboundcave { background:url(//www.glowworm.co.nz/wp-content/themes/spellbound-theme2020/images/cave-spellbound.jpg) center center no-repeat; }
.spiritcave { background:url(//www.glowworm.co.nz/wp-content/themes/spellbound-theme2020/images/cave-spirit.jpg) center center no-repeat; }
.phototour { background:url(//www.glowworm.co.nz/wp-content/themes/spellbound-theme2020/images/cave-phototour.jpg) center center no-repeat;}
.exclusivetour { background:url(//www.glowworm.co.nz/wp-content/themes/spellbound-theme2020/images/cave-exclusivetour.jpg) center center no-repeat; }
a.pdflink:before { background:url(//www.glowworm.co.nz/wp-content/themes/spellbound-theme2020/images/icon-sprite.png) -172px 0 no-repeat; content:""; display:block; float:left; height:44px; margin:-12px 10px 0 0; width:34px; }
a.pdflink { display:block; font-weight:600; padding:9px 0; }
.video-wrap { background:#d1dde1; padding:16px;}
.video-wrap-inner { border:2px solid #fff; padding-bottom:56.25%; padding-top:30px; height:0; position:relative;}
.video-wrap iframe { border:0; position:absolute; top:0; left:0; width:100%; height:100%;}
#booknow-btn { background:url(//www.glowworm.co.nz/wp-content/themes/spellbound-theme2020/images/btn-book2.png); height:80px; margin:auto; margin-top:-40px; position:relative; width:299px; z-index:5;}
#booknow-btn:active, #booknow-btn:hover {background:url(//www.glowworm.co.nz/wp-content/themes/spellbound-theme2020/images/btn-book2-o.png); transition:0.5s;}
#booknow-btn a:link {  display:block; height:100%; }
.foot01 { border-top:1px solid #0a2f34; margin-top:30px; padding:30px 0; }
.logo { margin:0 50px 0 0; width:180px;}
.footphone { color:#2296a3; font-size:1.1em; font-weight:400; line-height:30px; margin:20px 0 0 0; width:320px;}
.footphone a:link,.footphone a:visited { color:#fff; display:block; font-size:2.2em;  font-weight:400; }
.footphone a:active,.footphone a:hover { color:#dba429;}
.endorsements { float:right;}
.endorsements ul { list-style:none; margin:15px 0; padding:0; }
.endorsements ul li { float:left; margin:0 0 0 20px; padding:0; }
.endorsements ul li:first-of-type { padding:10px 0 0 0;}
.foot02 { background:#0a2f34; color:#2296a3; font-size:0.8em; padding:12px; text-align:center; }
.foot02 a:link, .foot02 a:visited { color:#2296a3; }
.foot02 a:active, .foot02 a:hover { color:#dba429; }
.foot02 a:link:after, .foot02 a:visited:after { content:"|"; padding:0 10px;}
.foot02 a:last-of-type:link:after, .foot02 a:last-of-type:visited:after { display:none; }
#site-header.deep { margin-bottom:-50px;}
#site-header.deep .title { display:none;}
#site-header.deep #headerfade{ height:50px; }
.featureingwrap { background:rgba(255, 255, 255, 0.18); padding:5px; }
.featureingwrap img { display:block;}
.form-wrap { background:#44a6b1; padding:40px;}
.form-wrap .wpcf7-form  label { font-weight:700; margin:0 15%; text-align:center; width:70%;}
.wpcf7-form-control-wrap { margin:auto; margin-top:-10px; width:300px;}
.submit-btn-wrap { margin:auto; margin-top:20px; position:relative; width:270px;}
.submit-btn-wrap input[type="submit"] { background:#0c373d; border:none; color:#fff; font-size:1.6em; font-weight:900; margin:auto; padding:15px 0; text-align:center; width:100%; }
.submit-btn-wrap:before, .submit-btn-wrap:after { content:""; position:absolute;}
.submit-btn-wrap:before { left:-22px; top:0; width:0; height:0; border-style:solid; border-width:37px 22px 37px 0; border-color:transparent #0c373d transparent transparent;}
.submit-btn-wrap:after {right:-22px; top:0; width:0; height:0; border-style:solid; border-width:37px 0 37px 22px; border-color:transparent transparent transparent #0c373d;} 
.submit-btn-wrap:active input[type="submit"], .submit-btn-wrap:hover input[type="submit"] { background:#dba429; transition:0.3s; }
.submit-btn-wrap:active:before, .submit-btn-wrap:hover:before { border-color:transparent #dba429 transparent transparent; transition:0.3s; }
.submit-btn-wrap:active:after, .submit-btn-wrap:hover:after { border-color:transparent transparent transparent #dba429; transition:0.3s; }
.contactnumberswrap { margin:auto; margin-top:-90px; width:720px;}
.contact-phone { background:#31646f; float:left; margin:0 30px; position:relative; }
.contact-phone:active { background:#dba429; transition:0.3s;}
.contact-phone:active:before { border-color:transparent #dba429 transparent transparent; transition:0.3s;}
.contact-phone:active:after { border-color:transparent transparent transparent #dba429; transition:0.3s;}
.contact-phone:active a { color:#19363d; transition:0.3s; }
.contact-phone img { border-right:1px solid #19363d; padding:15px 8px 15px 0; position:absolute; top:0; left:0;}
.contact-phone:before { content:""; position:absolute; top:0; left:-25px; width:0; height:0; border-style:solid; border-width:42.5px 25px 42.5px 0; border-color:transparent #31646f transparent transparent ;}
.contact-phone:after { content:""; position:absolute; top:0; right:-25px; width:0; height:0; border-style:solid; border-width:42.5px 0 42.5px 25px; border-color:transparent transparent transparent #31646f ;}
.contact-phone a { color:#fff; display:block; font-size:1.8em; font-weight:400; line-height:0.8em; height:70px; padding:15px 0 0 80px; width:220px;}
.contact-phone a small{ display:block; font-size:0.5em;}
.write-address { padding:50px 0 0 0; text-align:center;}
.imgwrap {background:rgba(255, 255, 255, 0.18); margin:0; padding:3px; }
.imgwrap img {display:block;}
.ngg-galleryoverview.default-view { margin-bottom:20px; margin-top:20px; text-align:left!important;}
.ngg-gallery-thumbnail-box  { background:rgba(255, 255, 255, 0.18); margin:0 8px 8px 0; padding:3px; width:calc(33.3% - 25px)!important;}
.block-black .ngg-gallery-thumbnail-box {width:calc(20% - 15px)!important;}
.sl-overlay { background:#333!important;}
.sl-wrapper .sl-navigation button, .sl-wrapper .sl-close { color:#fff!important; }
.page-id-171 .block-blue{ padding-bottom:30px;}
.tsncs-wrap { margin:auto; max-width:600px; text-align:center;} span.wpcf7-not-valid-tip { background:#4d919d; color:#fff!important; margin:-8px 0 0 0; padding:4px 0; width:calc(100% + 4px);}
div.wpcf7-response-output { text-align:center; } .row { clear:both; margin:0; position:relative; }
.col-1o3, .scol-1o3, .col-2o3, .col-1o4, .col-2o4, .col-1o2, .fifty-p, .col-60-40, .col-70-30 , .tour-img, .tour-desc, .logo, .footphone { float:left;}
.col-60-40:nth-of-type(1) { border-right:1px solid #d9d9d9; padding:0 3% 0 0; width:calc(42% - 1px);}
.col-60-40:nth-of-type(2) { padding:0 0 0 3%; width:52%;}
.col-70-30:nth-of-type(1)  { padding:0 3% 0 0; width:64%;}
.col-70-30:nth-of-type(2) { padding:0 0 0 3%; width:30%;}
.col-1o3 { width:31.1%;}
.col-1o3:nth-child(2) { margin:0 3.3%;}
.col-2o3 { margin-right:3.5%; width:65.5%;}
.col-2o3 ~ .col-1o3, .col-1o3 ~ .col-2o3 { margin-right:0; text-align:left;}
.col-1o4 { margin-right:5%; width:20%;}
.col-1o4:nth-child(4n) { margin-right:0;}
.col-2o4 { margin-right:5%; width:45%;}
.col-1o4 ~ .col-2o4 { margin-right:0;}
.col-1o2 { margin-right:2%; width:49%;}
.col-1o2:nth-of-type(even) { margin-right:0;}
.col-auto3 { -webkit-column-count:3; -moz-column-count:3; column-count:3;}
.col-center { margin:auto; max-width:840px;}
.col-center p { font-size:1.1em; font-weight:600;}
.fifty-p { width:50%;} .block-black .grw-slider .rplg-slider-prev span, .block-black .grw-slider .rplg-slider-next span { top:40%!important; left:32%!important;} @media only screen and (max-width: 1300px) {
.contentwidth { width:92%;}
.tourwrap { height:320px;}
.block-blue { padding:60px 0 20px 0;}
.block-dark { padding:120px 0 10px 0;}
.block-black { padding:150px 0 20px 0;}
.block-black h2 { top:70px;}
#booknow-btn { margin-top:-10px;}
.endorsements { clear:both; float:none; padding:40px 0 0 0; text-align:center; }
.endorsements ul { display:inline-block; margin:auto;}
.logo { margin:0; width:30%;}
.logo img { max-width:180px;}
.footphone { width:35%; }
.block-black .grw-slider  { margin:0 5%; width:90%;}
#site-header.deep { margin-bottom:-70px;}
.title { bottom:-40px; right:0; text-align:right;}
.caveintro:active p, .caveintro:hover p  {  height:140px; }
}
@media only screen and (max-width: 1150px) {
#site-header.deep { margin-bottom:-40px;}
}
@media only screen and (max-width: 1000px) {
.tourwrap { height:450px; padding:0;}
.tour-details { position:relative; top:0; right:0; }
.col-60-40:nth-of-type(1), .col-60-40:nth-of-type(2) { border-right:0; padding:0; width:100%;}
.col-70-30:nth-of-type(1), .col-70-30:nth-of-type(2)  { padding:0; width:100%;}
.col-1o3, .col-1o3:nth-child(2)  { margin:0 0 20px 0; width:100%;}
.caveintro:active p, .caveintro:hover p  {  height:100px; }
#site-header.deep { margin-bottom:-10px;}
}
@media only screen and (max-width: 900px) {
.tourwrap { height:530px; }
.col-1o2 { margin-right:0; width:100%;}
.caveintro { height:400px; margin:0 0 20px 0;}
#booknow-btn { margin-top:10px;}
.logo { margin:0; width:100%;}
.logo img { margin:auto;}
.footphone { text-align:center; width:50%; }
.title { bottom:-150px; text-align:center; width:100%;}
#site-header { margin-bottom:150px;}
#headerfade { background-size:contain; height:120px;}
.block-blue { padding:80px 0 0 0;}
#site-header.deep { margin-bottom:20px;}
.caveintro p, .caveintro:active p, .caveintro:hover p  {  height:auto; }
.ngg-gallery-thumbnail-box  { margin: 0 12px 12px 0; width:calc(33.3% - 20px)!important;}
}
@media only screen and (max-width: 800px) {
.contactnumberswrap { width:100%;}
.contactnumberswrap .contact-phone { float:none; margin:auto; margin-bottom:8px; width:350px;}
}
@media only screen and (max-width: 750px) {
#site-header { margin-bottom:180px;}
.title { bottom:-180px;}
#logo { width:200px;}
#headerfade { height:80px;}
#headphone { top:60px; right:10px;}
.tourwrap { height:auto; padding-bottom:20px; }
.tour-img {height:250px; width:100%;} 
.tour-desc { width:calc(100% - 70px);}
.tour-book-btn { right:initial; left:15px;}
.footphone { width:100%; }
#site-header.deep { margin-bottom:50px;}
.page-id-171 .block-blue{ padding-top:110px;}
.page-id-171 .block-blue h2 { top:-90px;}
}
@media only screen and (max-width: 500px) {
#logo a span {display:none;}
#site-header { margin-bottom:150px; }
.title { bottom:-150px;}
#logo { width:160px;}
#headphone a:link, #headphone a:visited { font-size:1.8em;}
.title h1 { font-size:2.0em; line-height:1.1em;}
.tour-desc { text-align:center;}
.tour-details { width:100%;}
.tour-book-btn { background-size:cover; bottom:-34px; left:50%; margin-left:-135px; height:64px; width:270px;}
.block-black .grw-slider  { margin:0 10%; width:80%;}
#site-header.deep { margin-bottom:80px;}
.block-black .ngg-gallery-thumbnail-box {width:calc(50% - 15px)!important;}
.ngg-gallery-thumbnail-box  { width:calc(50% - 20px)!important;}
.page-id-31 .block-blue h2 { font-size:2.6em; line-height: 0.7em; top:-50px;}
.page-id-31 .block-blue { padding:70px 0 0 0;}
.form-wrap .wpcf7-form label { margin:0; width:100%;}
}
@media only screen and (max-width: 425px) {
#headphone { bottom:-45px; }
.title h1 { font-size:1.7em; line-height:1.1em;}
#headerfade { height:40px;}
.page-id-31 .block-blue h2 { font-size:2.4em;}
.contactnumberswrap .contact-phone { width: calc(100% - 50px);}
.wpcf7-recaptcha iframe {transform:scale(0.8);-webkit-transform:scale(0.8);transform-origin:0 0;-webkit-transform-origin:0 0;}
}
@media only screen and (max-width: 380px) {
#site-header { margin-bottom:200px; }
#headphone { margin-right:-90px; bottom:-100px; top:initial; right:50%;}
.deep #headphone {bottom:-80px; }
.title { bottom:-200px;}
.title h1 { font-size:1.5em; line-height:1.1em;}
.footphone a:link, .footphone a:visited { font-size:1.8em;}
.endorsements ul li { width:calc(33% - 20px); }
.page-id-31 .block-blue h2 { font-size:2.0em;}
.form-wrap { padding:20px;}
.submit-btn-wrap input[type="submit"] { font-size:1.4em;}
.submit-btn-wrap {  width:100%;}
}