/* PLUM TREE FAITH */

@-ms-viewport{width:device-width;}
.clearfix:before,
.clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
*, *::after, *::before{box-sizing:border-box}
body{background-color:#faedee;color:#343434;font-family: 'Open Sans', sans-serif;font-size:15px;font-weight:400;height:100%;line-height:1.6em;margin:0;overflow-x:hidden}
div{box-sizing:border-box}
h1{font-size:2em;font-weight:400;font-style:italic;color:#8f3d97;line-height:initial}
h2{font-size:1.4em;font-weight:400}
h3{font-size:1.5em;font-weight:400}
h4{font-size:1.2em;font-weight:400}
h5{font-size:1.2em;font-weight:400}
a{transition-delay:0s;transition-duration:0.35s;transition-property:all;transition-timing-function:ease-out;text-decoration:underline;color:#343434}
a:hover{color:#0154b0}
.clear{clear:both}
.clearfix{clear:both}
.clearfix:after{clear:both;content:"";display:table}
.col20{width:20%}
.col25{width:25%}
.col30{width:30%}
.col33{width:33.3%}
.col40{width:40%}
.col50{width:50%}
.col66{width:66.6%}
.col75{width:75%}
.third{width:33.3%}
.col86{max-width:86%;margin:0 auto}
.half{width:50%}
.container{width:100%;max-width:1000px;margin:0 auto}
.containerfull{max-width:100%;width:100%}
.block{display:block}
.flex{display:flex}
.flex100{flex:100%}
.flexrow{display:flex;flex-flow:row wrap}
.flexcolumn{display:flex;flex-direction:column}
.flexcell{-ms-flex:0 0 auto;flex:0 0 auto;flex-basis:auto;min-height:0;min-width:0;}
.flexvcenter{align-self:center}
.flexvtop{align-self:flex-start}
.flexvbottom{align-self:flex-end}
.flexright{justify-content:right}
.flexcenter{justify-content:center}
.flexcenterself{align-self:center}
.relative{position:relative}
.white{color:#fff}
.black{color:#000000}
.blue{color:#00539f}
.red{color:#cc0001}
.yellow{color:#fbcd08}
.dgrey{color:#343434}
.redbg{background:#cc0001}
.dpurplebg{background:#484864}
.yellowbg{background:#fbcd08}
.bluebg{background:#00539f}
.blackbg{background:#000}
.greybg{background:#e9e9e9}
.lgreybg{background:#cccccc}
.mgreybg{background:#999999}
.dgreybg{background:#343434}
.ddgreybg{background:#202020}
.purpleborder{border:1px solid #c7c7e0}
.txtcenter{text-align:center}
.txtleft{text-align:left}
.txtright{text-align:right}
.txtsmall{font-size:0.85em}
.txtmid{font-size:1.4em}
.txtbig{font-size:1.6em}
.italic{font-style:italic}
.bold{font-weight:bold}
.left{float:left}
.right{float:right}
.padding0{padding:0}
.padding05{padding:0.5em}
.padding15{padding:1.5em}
.padding115{padding:0.4em 1.5em}
.padding150{padding:1.5em 0}
.padding015{padding:0 1.5em}
.margin0{margin:0}
.marginb0{margin-bottom:0}
.marginb15{margin-bottom:1.5em}
.margint0{margin-top:0}
.margint05{margin-top:0.5em}
.margint3{margin-top:3px}
.fade{transition-delay:0s, 0s;transition-duration:0.35s, 0.35s;transition-property:all;transition-timing-function:ease-out, ease-out}
.p100{width:100%}
img.p100{height:auto}
.overflow{overflow:hidden}
.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.mobileshow{display:none !important}
.ul10 li{margin-bottom:10px}

.colul2{-webkit-column-count:2;-moz-column-count:2;column-count:2;}
.colul2 li{padding-right:1.5em}
.colul3{-webkit-column-count:3;-moz-column-count:3;column-count:3;}
.colul3 li{padding-right:1.5em}

/* HEADER */
#header{text-align:center}

#logo{position:absolute;top:10px;left:20px;z-index:100;width:450px}

#main{background-color:#ffffff;padding-bottom:4em;width:100%}

/* Contact Us */
#contact{gap:25px}
#contactAdd{flex:1;background-color:#e9e9e9;padding:1.5em}
#contactAdd a{text-decoration:none}
#contactForm{gap:25px;margin-top:1em}
#contactform{gap:25px}
#contactform p{flex:48%;margin:0}
#contactform .flex100{flex:100%}

/* HOME SECTIONS */
#homeSections{margin-top:3em}
#homeSections, .sectiongroup{display:flex;flex-direction:row;flex-wrap:wrap;gap:26px;}
.sectcontainer{flex-basis:calc(100% / 3 - 18px);display:flex;flex-direction:column}
.secttitle{width:100%;line-height:62px;display:flex;text-align:center;font-size:1.2em;border-radius:4px;flex-grow:1}
.secttitle a{background-color:#484763;width:100%;display:block;color:#fff;text-decoration:none;padding:15px;line-height:1.5em}
.secttitle a:hover{background-color:#000000}
.sectimgcontainer:hover + .secttitle a{background-color:#000000}

.sectiongroupTitle{font-size:1.2em;font-weight:400;display:flex;flex-direction:row;}
.sectiongroupTitle span{margin:0 15px}
.sectiongroupTitle:before, .sectiongroupTitle:after{content: "";flex:1 1;border-bottom:2px solid #ccc;margin:auto}
.sectiongroup{padding-bottom:30px;border-bottom:2px solid #ccc;margin-bottom:30px}

#homeSections .productgroup{margin-top:0;padding-top:0;border-top:0;}

.gallerycontainer{padding:1.5em;box-sizing:border-box;}
.gallerycontainer img{max-width:100%;box-shadow:-1px 8px 16px -4px #000000;display:block}

/* GALLERY */
.gallerygroup{-webkit-column-count:4;-webkit-column-gap:0px;-moz-column-count:4;-moz-column-gap:0px;column-count:4;column-gap:0;line-height:0;}
.gallerycontainer{padding:1.5em;}
.gallerycontainer img{width:100%;height:auto;box-shadow:-1px 8px 16px -4px #000000;display: block;}

/* FOOTER */
#footer{background-color:#8f3d97;border-radius:0 0 20px 20px;color:#fff;margin-bottom:40px;width:100%}
#footerdetails{overflow:hidden}
#footerdetails div{padding:1.5em}
#footerdetails a{color:#fff;text-decoration:none}
#footerdetails a:hover{color:#fff}
#footerdetails ul{line-height:45px;list-style:none;padding:0;width:100%;}
#footerdetails li{border-bottom:1px solid #ccc;transition-delay:0s, 0s, 0s;transition-duration:0.35s, 0.35s, 0.35s;transition-property:border;transition-timing-function:ease-out, ease-out;}
.fmid{margin:0 3.5%}
#fscripts a,#fpoems a,#fanimations a{display:block}
#fscripts a:hover,#fpoems a:hover,#fanimations a:hover{padding-left:10px}

/* YOUTUBE */
.youtube-container{position:relative;margin-bottom:40px;padding-bottom:56.25%;height:0;overflow:hidden;max-width: 100%;}
.youtube-container:last-of-type{margin-bottom:0}
.youtube-container iframe, .youtube-container object, .youtube-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}

/* LANTERN COUNTY LOGO */
.lantern{position:relative;padding-left:40px;}
.lantern::before{content:'';display:block;background-image:url(/images/lantern-county.png);width:35px;height:35px;background-size:contain;position:absolute;left:0;top:-5px;}

/* MENU */
nav {
  text-align: center;
  background-color: #484864;
}
.navigation {
  display: block;
  margin: 0;
}

.navigation ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: block;
}

.navigation li {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: inline-block;
  position: relative;
  color: #dddddd;
  transition-delay:0s;
  transition-duration:0.35s;
  transition-property:all;
  transition-timing-function:ease-out
}

.navigation li a {
  padding: 20px 25px;
  font-size: 15px;
  color: #ffffff;
  display: inline-block;
  outline: 0;
  font-weight: 400;
  text-decoration:none
}

.navigation li:hover ul.dropdown { display: block; }

.navigation li ul.dropdown {
  position: absolute;
  display: none;
  width: 200px;
  background: rgba(32, 34, 35, 1);
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
  padding-top: 0;
}

.navigation li ul.dropdown li {
  display: block;
  list-style-type: none;
}

.navigation li ul.dropdown li:hover {
	background: rgba(32, 34, 35, 1);
}

.navigation li ul.dropdown li a {
  padding: 10px;
  font-size: 15px;
  color: #fff;
  display: block;
  font-weight: 400;
}

.navigation li:hover {
  background: #c0beff;
  color: #fff !important;
}

.navigation li ul.dropdown li:hover a { background: rgba(32, 34, 35, 1);color:#3396FC }

.navigation li ul.dropdown li:first-child:hover a { border-radius: 0; }

.navigation li:hover .arrow-down { border-top: 5px solid #fff; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #def1f0;
  position: relative;
  top: 15px;
  right: -5px;
  content: '';
}


@media screen and (max-width:1440px){
.prodcontainer{flex-basis: calc(100% / 2 - 15px);}
}


@media screen and (max-width:959px){
body{font-size:0.8em}
.col86{max-width:100%}
.mobileshow{display:block !important}
.mobilehide{display:none !important}

#logo{width:280px}

#menumain{font-size:16px}
#msearch{background-color:#c0beff;}
#headersearch{border-bottom:1px solid #ccc;border-left:0;border-top:0;border-right:0;padding:1.5em}
#ProductSearch{border:0;width:calc(100% - 70px);line-height:1.8em;vertical-align:middle;padding:10px;}
#headersearch .submit{position:absolute;right:0;padding:2.2em 1.3em;background-color:#fff;top:0;}

/* HEADER */
#header{height:auto}
#logoCont{order:1;width:50%;flex:1}
#basketCont{order:2;width:50%;flex:1}
#basketBtn{padding:10px 64px}
#searchCont{order:3;width:100%;flex-basis:100%;margin-top:15px}

/* HOME BANNER
.image1{content:url("/userdata/files/banners/banner1-mobile.jpg");}
.image2{content:url("/userdata/files/banners/banner2-mobile.jpg");}
.image3{content:url("/userdata/files/banners/banner3-mobile.jpg");}
 */

/* Download Price list */
#pricedownload{flex-direction:column}

/* PDF DOWNLOAD BUTTON */
#downloadbtns a{width:100%;}

/* HOME PANEL MAIN */
#hmain::after{opacity:0.2}
#hmain .col66{width:100%}

/* CUSTOM PANELS */
#custPanel1 .col66{width:100%}
#custPanel1 .col33{width:100%}

/* PRODUCT */
#accomoDesc{width:100%}
#accomoImg{width:100%}
#bikeTransDesc{width:100%}
#bikeTransImg{width:100%}
#bikeTransImg .gallerycontainer{width:50%}

/* EVENT SECTION */
#trackGallery .gallerygroup{-webkit-column-count:3;-moz-column-count:3;column-count:3}

/* GOOGLE MAP */
#googlemap{padding-bottom:60%}

#mailing form{width:100%}

/* PICTORIAL SUBSECTION */
.sectiongroup{max-width:100%}

#secDescription{width:50%;}
#secImage{width:50%;}

/* GALLERY */
.gallerygroup{-webkit-column-count:3;-moz-column-count:3;column-count:3}

/* BASKET */
#discode_p {width:80% !important}
#discode{width:65% !important}
#discode_box button{width:35% !important}

/* MENU */
.navigation {
  background: #2F3133;
  width: 100%;
  height: 100%;
  display: block;
  position: fixed;
  left: -100%;
  top: 0px;
  transition: left 0.3s linear;
  margin: 0;
  border: 0;
  border-radius: 0;
  overflow-y: auto;
  overflow-x: hidden;
  height: 100%;
}

.navigation.visible {
  left: 0px;
  transition: left 0.3s linear;
}

.nav_bg {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
  height: 50px;
  margin: 0;
  position: absolute;
  top: 0px;
  left: 0px;
  background: #2f3133;
  padding: 12px 0 0 10px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
}

.nav_bar {
  display: inline-block;
  vertical-align: middle;
  height: 50px;
  cursor: pointer;
  margin: 0;
}

.nav_bar span {
  height: 2px;
  background: #fff;
  margin: 5px;
  display: block;
  width: 20px;
}

.nav_bar span:nth-child(2) { width: 20px; }

.nav_bar span:nth-child(3) { width: 20px; }

.navigation ul { padding-top: 50px; }

.navigation li { display: block; }

.navigation li a {
  display: block;
  color: #dddddd;
  font-weight: 500;
}

.navigation li:first-child:hover a { border-radius: 0; }

.navigation li ul.dropdown { position: relative;width:100% }

.navigation li ul.dropdown li a {
  background: #2F3133 !important;
  border-bottom: none;
  color: #dddddd !important;
}

.navigation li:hover a {
  background: #202223;
  color: #dddddd !important;
}

.navigation li ul.dropdown li:hover a {
  background: #3396FC !important;
  color: #dddddd !important;
}

.navigation li ul.dropdown li a { padding: 10px 10px 10px 30px; }

.navigation li:hover .arrow-down { border-top: 5px solid #fff; }

.arrow-down {
  border-top: 5px solid #ffffff;
  position: absolute;
  top: 20px;
  right: 10px;
}

.opacity {
  background: rgba(0,0,0,0.7);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}


/*404 */
#l404 ul{columns:1;-webkit-columns:1;-moz-columns:1;line-height:2em}

}

@media screen and (max-width:800px){
#homebanner{background-size:cover}
#bannerbox{width:100%;background-color:rgba(255,255,255,0.5);padding:0 1.5em}

/* SECTION PRODUCTS */
.deets ul{padding-left:20px;}
}

@media screen and (max-width:600px){
.col25{width:50%}
#panel4 .col50{width:100%}
#footer .flexcell:nth-of-type(2) {order: 2;}
#footer .flexcell:nth-of-type(3) {order: 3;}
#footer .flexcell:nth-of-type(4) {order: 4;}



}

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

#basketCurrency span{display:none}
}