@charset "UTF-8";
/* CSS Document */

* { -webkit-text-size-adjust: none; margin: 0; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; font-family:'fontawesome', "Montserrat", Helvetica, Arial, serif; position:relative;}

*:after, *:before { font-family:'fontawesome', "Montserrat", Helvetica, Arial, serif; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

h2 { user-select: none;pointer-events: none; overflow:hidden; }
h2 span { text-overflow: ellipsis; }
img { max-width:100%; vertical-align:bottom; }
a img { cursor:pointer; }
html, body { height:100%; }
html { font-size: 62.5%;}
body { overflow:auto; background:#fff; line-height:18px; }

input { border:0 none; background:transparent; padding:0; margin:0; }
button { border:0 none; font-family:inherit; font-weight:inherit; background:inherit; padding:5px 10px; text-align:center; text-transform:uppercase; cursor:pointer; transition:background 0.3s; }
ul, li { margin:0; padding:0; list-style:none; }
.playtexshelf { background-position:center; }
/* flexbox */
.fbx, .fbxai { display:-webkit-box; display:-ms-flexbox; display:flex; }
.fbxai { -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.fbxcoljcc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.fbxcol, .fbxcoljcc { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
.trAll300ms { -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.trAll600ms { -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; }
.fx1 { -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0; }
.clearfix:after, .twdc_panelInner:after{ content: ""; clear: both; display: table; }
/*-----------------------------------------------*/
.averagesOuter { padding:10px; justify-content: space-around;position:absolute; top:0; left:0; width:100%; opacity:0.9; z-index:200;}
.summarytitle { max-width:180px; }
.questionContainer { padding:0 20px; font-size:2rem; }
li.question:before { content:attr(data-qindex); border-radius:100%; color:#888; background:#fff; text-align:center; height:34px; width:34px; line-height:34px; font-size:1rem; display:block; position:absolute; top:0; left:0; box-shadow:0 1px 2px #bb8; }
.bookquestion { margin:0 0 10px 10px; display:block; padding-left:36px; }
.usercomments { clear:both; margin:0 0 20px 44px; display:block; overflow:hidden; }
.usercomments > li:before { content:attr(data-name); font-size:1.4rem; margin-right:20px; width:100px; color:#fff; }
.scoretable li { width:100%; }
.scoretable ul { margin-top:20px; }
.usercomment { font-size: 1.4rem; color: #bb8; }
.bookreviewscore, .coverreviewscore { width:100%; text-align: right;
font-size: 1.4rem; }
.coverreviewscore { text-align:left; }
.reviewname { text-align:center; width:120px; min-width:120px; max-width:120px; font-size:1.6rem; overflow:hidden; }
.scoreband { color:#fff; height:20px; margin:3px 0; border-radius: 3px; box-shadow: 0 1px 2px #dda;}
.bookreviewscore .scoreband { float:right; background:#CCCC00; }
.coverreviewscore .scoreband { float:left; background:#FFCC00; }
.bookreviewscore .scoreband:before, .coverreviewscore .scoreband:before { content: attr(data-score); font-size: 1.6rem; position: absolute; top: 0; line-height: 2rem; }
.bookreviewscore .scoreband:before { left:2px; }
.coverreviewscore .scoreband:before { right: 2px; }
.scoretable { margin: 0 0 20px 0; font-size: 2.2rem; line-height: 2.4rem; border-bottom: 1px dotted #cc9; padding-bottom: 20px; color:#885;}
.bta { font-size:2.4rem; line-height:3rem; margin:20px 0 30px 0; }
.TWDCdefer { left:-20px; transition:all 0.3s; }
.TWDConLoad { transition:all 1s !important; left:0 !important; top:0 !important; opacity:1; }
.TWDCfadeup { top:20px !important; opacity:0; }
.TWDCfaderight { left:-100px !important; opacity:0; }

.mapDLbox { float:left; padding:10px;  margin:0 5px 5px 0; border:1px dotted #ccc;}
.mapDLboxes { display:block; clear:both; overflow:hidden; }
.stuck-fixed, .stuck-tobase { position:fixed !important; top:0; z-index:7000;}
.callOutPanel { z-index:99; float: right; width: 35%; margin: 10px 0 10px 10px; text-align: left; min-width:150px; }
.bk-back { overflow:auto; }
/*------------- previous/next articles -----------------*/
.prevnextlinks { margin-top:0; clear:both; width:100%; }
.previousArticle, .nextArticle { width:50%; padding:10px; }
.previousArticle { float:left; padding-left:40px; }

.previousArticle:before, .nextArticle:after {
 content:'\f190'; display:block; position:absolute; width:32px; font-size:32px; line-height:32px; }
.previousArticle:before {  content:'\f190'; left:5px; }
.nextArticle:after { content:'\f18e'; right:5px; }
.nextArticle { float:right; padding-right:40px;  }

.prevnextlinks a:first-child { border:1px dotted #ccc; }
.prevnextlinks a:nth-child(2) { border-top:1px dotted #ccc; border-right:1px dotted #ccc; border-bottom:1px dotted #ccc; }
.prevnextlinks a { display:flex; align-items:center; transition:all 0.3s; height:60px; overflow:hidden; line-height:20px; }
.prevnextlinks a:hover { background:#eee; }

.pageLink { text-decoration:underline; font-weight:bold; color:#0099FF; }

.quoteText { color:#3399FF; padding:0 10px; font-size:16px; line-height:18px; display:block; clear:both; }
.quoteText::before { content:'\f10d'; font-family:'fontawesome'; font-size:22px; }
.quoteText::after { content:'\f10e'; font-family:'fontawesome'; font-size:22px; }

.ins { text-decoration:none; }
.blogSummaryImg { width:33%; padding:0 10px 0 0; z-index:10; float:left; }
.blogSummaryImg img { width:100%; transition:all 0.3s; margin-right:10px; }
.blogSummaryImg img:hover { opacity:0.6; }
/* checkout page */
#deliveryinfodiv { display:none; }
.ccinfo { margin-top:20px; }
#loginb { float:left; background:#4488ff; padding:3px; box-shadow:0 2px 0 #2266dd; color:#fff !important; border-radius:5px; margin-top:-4px;  }

.halfWidth { float:left; width:50%; overflow:hidden; }
.halfWidthFH { height:95%; float:left; width:50%; overflow:hidden; }

.shopParameters, .blogparameters { width:270px; float:left; }
.thirdWidth { float:left; width:33.3%; overflow:hidden; }
.twothirdsWidth { float:left; width:67%; overflow:hidden; }
.twothirdsWidthFH { height:100%; overflow:hidden; }
#prodbigpic { width:100%; }
.shopThumbnail { width:100%; }
.carouselLA { position:absolute; left:0; z-index:10; top:20px; }
.carouselRA { position:absolute; right:0; z-index:10; top:20px; }
.clearfix::after { content:''; clear:both; display:block;}

.TWDCdraft { position:fixed; top:0; left:0; width:100%; height:40px; padding-top:10px; opacity:0.9; background:#ffcc00; font-weight:bold; text-align:center; z-index:10000; }
.TWDCdraft::before { content:'THIS PAGE IS IN DRAFT MODE AND ONLY VISIBLE TO ADMIN USERS'; text-align:center; color:#fff; font-weight:bold; font-size:28px; }

#confirmActionContent {
	width:390px;
	height:192px;
	background:#fff;
	position:absolute;
	z-index:8001;
	top:50%;
	left:50%;
	margin:-96px -195px;
	border-radius:5px;
}
#confirmAction { transition:opacity 0.3s; z-index:8000; display:none; background-image:url(../CMSImages/hide.png); width:100%; height:100%; left:0; top:0; position:fixed; }
.cfmsg { width:260px; height:100px; position:absolute; top:48px; left:110px; color:#333; font-size:16px; line-height:20px;}

#cfbuttons {
	position:relative;
	top:142px;
	padding:0 19px;
	height:30px;
}

/*-------GMAP----------*/
.twdc_mapBox { opacity:0; transition:opacity 0.4s; }
.mapLoadingDiv { background:#eee; position:absolute; top:0; left:0; right:0; bottom:0;  }
.mapLoadingDiv::before { content:'\f1ce'; position:absolute; color:#fff; text-align:center; font-size:40px; width:
40px; height:40px; left:50%; top:50%; line-height:38px; margin:-20px 0 0 -20px; -webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;}
.mapLoadingDiv > span { display:block; text-align:center; font-weight:bold; height:20px; color:#fff; width:100%; top:50%; margin-top:30px; font-size:16px; }

#gohome {
	float:left;
	height:114px;
	width:200px;
	position:absolute;
	top:0;
	left:0;
}

/*------------------------end confirm message box-------------------------------*/

/* roller */
.attractanim {
	position:relative;
	width:100%;
	height:auto;
	background-color: #FFF;
	border: 0px;
	z-index:1;
	overflow:hidden; max-height:100vh;
}
.rollerIMG { width:100%; height:auto; overflow:hidden; }

.blogComment { background:#f5f5f5; border-radius:5px; box-shadow:1px 1px 2px #ddd; padding:5px; margin-bottom:10px; }

#attractwait { width:100%; height:auto; text-align:center; text-transform:uppercase;}

#imgoverlay {
	width:100%;
	height:100%;
	background:none;
	z-index:101;
	position:absolute;
	left:0;
	top:0;
}

#mrLeft, #mrRight { cursor:pointer; position:absolute; z-index:200; font-size:90px; height:90px; margin:-45px 5px; top:50%; color:#fff; text-shadow:0 0 1px #333; transition:all 0.3s; display:none; }
#mrLeft { left:5px; }
#mrRight { right:5px; }
#mrLeft:hover { left:3px; }
#mrRight:hover { right:3px; }

#imgStore { display:none; }

#TWDCRllrCaption { position:absolute; top:20px; font-size:60px; line-height:58px; width:auto; color:#fff; transition:left 1s,opacity 1s; left:0px; opacity:0; padding:10px; background:#48f; z-index:100; max-width:80%; }

.imgswrapper, .switchimgs {
	position:relative;
	left:0;
	top:0;
	height:auto;
	overflow:hidden;
	width:200%;
}
.switchimgs { left:0 !important; transition:none; }
.imgswrapper { 	transition:all 1.3s; height:0; }

#rimg1 { width:50%; float:left; position:relative;  }
#rimg2 { width:50%; float:left; position:relative; }

#imgswrapper IMG {
	position:relative;
	z-index:98;
	width:100%;
	height:auto;
	display:block;
}
/* ----------------------end roller --------------------------------*/
.autoWidthColumn { width:100%; }

.twdc_j_left { -webkit-box-pack:left; -ms-flex-pack:left; justify-content:left; }
.twdc_j_right { -webkit-box-pack:right; -ms-flex-pack:right; justify-content:right; }
.twdc_j_space-between { -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
.twdc_j_space-around { -ms-flex-pack:distribute; justify-content:space-around; }
.twdc_j_space-evenly { -webkit-box-pack:space-evenly; -ms-flex-pack:space-evenly; justify-content:space-evenly; }
.twdc_j_center { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; }
.twdc_a_top { -webkit-box-align:normal; -ms-flex-align:normal; align-items:normal; }
.twdc_a_bottom { -webkit-box-align:baseline; -ms-flex-align:baseline; align-items:baseline; }
.twdc_a_center { -webkit-box-align:center; -ms-flex-align:center; align-items:center; }

/* --- specific CSS for Cadence --- */
.twdc_trainingPlanPicker:hover .planChoiceLGBar { background-color:#f3cb05; }
.twdc_trainingPlanPicker:hover .planChoiceMGBar { background-color:#f1bd20; }
.twdc_trainingPlanPicker:hover .planChoiceDGBar { background-color:#133657; }

.twdc_trainingPlanPicker:hover .TPCoverImgBW { opacity:0; }

.twdc_headerBoxSmall { max-width:212px !important; min-width:212px !important; }

/*searchbox*/
.twdc_searchOuter { background:#fff; width:333px; padding:5px 40px; height:40px; }
.twdc_searchOuter:before { content:'\f002'; position:absolute; left:5px; top:5px; line-height:30px; font-size:30px; color:#bababa; }
.twdc_searchOuter input { width:100%; background:#fff; border:none; outline:none; font-size:16px; line-height:30px; }


/* add review box */
#addreview { display:none; position:fixed; top:0; left:0 ;width:100%; height:100%; z-index:20000; background:url(../CMSImages/hide.png); }
#addreviewInner {
	width:500px;
	height:333px;
	position:fixed;
	margin:-162px -250px;
	left:50%;
	top:50%;
	padding:10px;
	background-color:#ddd;
	border:10px solid #fff;
	z-index:20000;
}
.commentbox {
	width:100%;
	height:100px;
	border:1px solid #ccc;
	margin:0 0 15px 0;
	display:block;
	clear:left;
	position:relative;
}

#subrev {
	width:107px;
	position:absolute;
	right:10px;
	bottom:10px;
	float:left;
	color:#fff;
	padding:5px;
	text-align:center;
	background:#4488ff;
	cursor:pointer;
	border-radius:5px;
	box-shadow:0 2px 0 #2266ff;
}
#subrev:hover { background:#5599ff; }

.stdlabel {
    padding-top: 6px;
    margin-left: 5px;
    float: left;
}

#closebox {
	color: #fff;
    cursor: pointer;
    font-size: 20px;
    position: absolute;
    right: -10px;
    top: -30px;
	transition:all 0.3s;
}
#closebox:hover { color:#cc0000; }

.reviewtitle {
	font-size:14px;
	font-weight:bold;
	width:100%;
	display:block;
}

#cb {
	font-size:12px;
	border:0 none;
	width:460px;
	height:99px;
	position:absolute;
	resize:none;
	top:0 !important;
	left:0 !important;
	color:#333 !important;
	margin:0 !important;
}

.commentlabel {
	width:240px;
	clear:left;
	height:18px;
	float:left;
	margin-top:2px;
}
.revinput {
	width:170px;
	height:25px;
	float:left;
	margin-bottom:9px;
}

.rating {
	width:115px;
	height:22px;
	top:8px;
	left:0;
	background:url(../SiteImages/startScoreBG.png);
	cursor:pointer;
	float:left;
	cursor:pointer;
	position:relative;
}

#errormsg {
	width:200px;
	opacity:0.9;
	position:absolute;
	top:100px;
	left:0;
	display:none;
	padding:10px;
	background-color:#C90;
	color:#fff;
	border-left:3px solid #b70;
	z-index:100;
}

.rating2 { background-position:-398px -615px; width:0px; }

/*--------------------widgets-editor-state------------------*/
.TWDCWIDGETMenu { width:100%; height:50px; background:#0066FF; clear:both; }
.WIDGETTwitter { width:100%; height:50px; background:#0066FF; clear:both; }
/*---------------social share--------------------*/
#socialmedia {
    top: 250px;
    height: 130px;
    left: 3px;
    position: fixed;
    width: 40px;
    z-index: 1000;
	color:#fff;
}
#socialmedia img { display:none; }

.facebooklink, .twitterlink {
    cursor: pointer;
    display: block;
    height: 40px;
    width: 40px;
	margin-top: 5px;
}
.facebooklink { background: url("images/socialmediaicons.png") repeat scroll -45px -83px rgba(0, 0, 0, 0); }
.twitterlink { background: url("images/socialmediaicons.png") repeat scroll -45px -42px rgba(0, 0, 0, 0); }

.twitterlink:hover {
    background: url("images/socialmediaicons.png") repeat scroll -1px -42px rgba(0, 0, 0, 0);
}
.facebooklink:hover {
    background: url("images/socialmediaicons.png") repeat scroll -1px -83px rgba(0, 0, 0, 0);
}


/*-----------------------------cycler -----------------------------*/
.TWDCimageContainer, .TWDCcyclerMask { position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden; }
.TWDCimageContainer div { width:100%; opacity:0; background-size:cover; height:100%; }
.slideFR { width:200% !important; right:auto !important; }
.slideFR img { width:50% !important; position:absolute !important; top:0 !important; }

.imgpcloadedbar { background:#44ccff; height:10px; position:absolute; top:0; left:0; width:0; transition:all 0.2s; }
.imgpcloaded { margin-top:10px; background:#ccc; width:100px; height:10px; position:relative; }
.imgloadingicon::before { content:'';}

.loadMask { left: 0px; right: 0px; transition:all 0.3s; top: 0px;bottom: 0px;width: 100%;position: absolute;height: 100%;overflow: hidden;z-index: 200;background: #fff; opacity: 0.3;}
.imgloadwait { text-align:center; position:absolute; display:block; width:100px; height:50px; left:50%; top:50%; margin:-50px; color:#333; font-size:40px; }

.TWDCfade { transition:opacity 0.4s; }

.transitionease { transition:left 0.8s; }

.rollerCaption { position:absolute; text-align:center; color:#fff; font-size:46px; top:0; left:0; right:0; bottom:0; opacity:0; transition:all 1s; line-height:50px; text-shadow: 0 3px 3px #333; z-index:999;}

.TWDCcyclerMask { z-index:10; }
.TWDCimagecycler  { border:10px solid #fff; border-radius:100%; box-shadow:0 10px 0 #666; width:90%; margin:5%; overflow:hidden; }

.foh { opacity:1 !important; }

#imageGrid { clear: both;-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;-webkit-column-gap: 1em; gap: 1em;column-gap: 1em; }
.portImage { display: inline-block; margin: 0 0 1em; width: 100%; }
.portImage img { width:100%; }

/*--------------------------------widgets - cp ------------------------------*/
.TWDCcpHLcl { height:auto; width:100%; display:block; overflow:hidden; cursor:pointer;}
.TWDCcpHLop { height:0; width:100%; display:block; overflow:hidden; cursor:pointer;}
.TWDCslide div { transition:all 0.3s; }
.TWDCcpHLct { display:block; height:0px; width:100%; overflow:hidden; }

/*-----------------------------gallery page --------------------------------*/
.galleryList { width:30%; min-width:150px; float:left; }
.galleryName { color:#666; font-size:16px; margin:5px 0; cursor:pointer;}
#twdctp { float:left; margin-left:10px; width:60%; }
.galleryimagelist { display:none; }
.TWDCthumbnail { width:120px; cursor:pointer; height:120px; float:left; margin:5px; transition:opacity 0.4s;  }
.TWDCthumbnail IMG:hover { box-shadow:0 0 2px #ccc; }
.hidden { display:none; }
.trans, .reap { opacity:0; }
.trans IMG { opacity:0; }

.TWDCloading { background:url(../CMSImages/waitcursor.gif) no-repeat center center;}
#twdcFullImage { opacity:0; transition:opacity 0.3s; position:fixed; top:0; left:0; height:100%; width:100%; background-image:url(../CMSImages/hide.png); display:none; z-index:6000;}
#twdcCentredImage { position:absolute; top:0; left: 0; transition:all 0.3s; }
#twdcCentredImage IMG { width:100%; border:4px solid #fff; position:absolute; top:0; left:0;}
#twdcprevious { z-index:100; opacity:0; transition:opacity 0.3s; width:50%; height:100%; position:absolute; top:0; left:0; }
#twdcnext { z-index:100; opacity:0; transition:opacity 0.3s; width:50%; height:100%; position:absolute; top:0; left:50%; }
#twdcprevious:hover, #twdcnext:hover  { opacity:1;}
.prevArrow, .nextArrow { cursor:pointer; color:#888; padding:5px; background:#fff; border-radius:999px; text-align:center; font-size:25px; height:35px; width:35px; position:absolute;  top:50%; margin:-12.5px 0; }
.prevArrow { left:-15px; }
.nextArrow { right:-15px; }
.prevArrow:hover { background:#eee; }
.nextArrow:hover { background:#eee; }
#twdcCloseGallery { position:fixed; z-index:9000; transition:all 0.3s; top:5px; left:5px; width:30px; height:30px; font-size:25px; color:#fff; cursor:pointer; }
#twdcCloseGallery:hover { color:#eee; }
#twdcCommentsPanel { bottom:0; width:100%; color:#fff; text-shadow:1px 1px 2px #333; font-size:16px; text-align:center; position:absolute; padding:10px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;}

#twdcPopUp, .twdcPopUp { transition:opacity 0.3s; z-index:6000; display:none; background-image:url(../CMSImages/hide.png); width:100%; height:100%; left:0; top:0; position:fixed;}
.popupBoxContent {
	position:absolute; height:auto; padding:0; overflow:hidden; width:640px; background:#fff; border-radius:5px; box-shadow:0 0 2px #333; margin:-180px -320px; left:50%; top:50%; transition:all 0.3s; }

/*-- new page framework ---*/

.fbx, .fbxai { display:-webkit-box; display:-ms-flexbox; display:flex; }
.fbxai { -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.flexJCC, .fbxcoljcc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.fbxcol, .fbxcoljcc { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:vertical; -webkit-box-direction:normal; -ms-flex-direction:column; flex-direction:column; }
.trAll300ms { -webkit-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s; }
.trAll600ms { -webkit-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s; }
.fx1 { -webkit-box-flex:1; -ms-flex:1 1 0px; flex:1 1 0; }

.stuck-fixed { position:fixed !important; top:0; z-index:7000;}
.stuck-tobase { position:absolute !important; bottom:0px !important; top:inherit !important; }

.templateContainer { z-index:1; }

/* columns */
.WIDGETpanels { width:100%; display: flex; flex-wrap: nowrap; }
.twdc_rowBox { flex-wrap:nowrap !important; }

.column_4, .column_3, .column_2, .column_1 { flex: 1 1 0; }
.autoWidthColumn .column_1 { flex:initial; min-width:10px; }

.column_2x1_2 { flex: 2 1 0; }
.column_2x1_1 { flex: 1 1 0; }
.column_3x1_3 { flex: 3 1 0; }
.column_3x1_1 { flex: 1 1 0; }

.row1 { flex: 1 1 0; }
.twdc_fw1 { flex: 1 1 0; }
.twdc_fw2 { flex: 2 1 0; }
.twdc_fw3 { flex: 3 1 0; }
.twdc_fw4 { flex: 4 1 0; }
.twdc_fw5 { flex: 5 1 0; }
.twdc_fw6 { flex: 6 1 0; }
.twdc_fw7 { flex: 7 1 0; }
.twdc_fw8 { flex: 8 1 0; }
.twdc_fw9 { flex: 9 1 0; }
.twdc_fw10 { flex: 10 1 0; }

.twdc_columnBox { flex-direction:row; }
.twdc_rowBox { flex-direction:column; }
.twdc_columnBox .twdc_rowBox { height:100%; }
.twdc_breakColumn { flex-direction:column !important; }
/* --end columns--*/

.TWDCAWrapper { padding:0 24px 5px 3px; border-radius:3px; background:#4cf; margin:0 2px; }
.twdc_inpagelink { color:#333; }

.TWDCimgFN { float:none !important; display:inline-block;}
.TWDCimgFL { float:left !important; margin:0 10px 0 0 !important;}
.TWDCimgFR { float:right !important; margin:0 0 0 10px !important; }
.TWDCimgCTR { float:initial !important; display:block; }
.TWDCimgFW, .TWDCimgFW > img { width:100% !important; }
.TWDCimgCTR > img { margin:0 auto; display: block; }
.TWDCCOWrapper > .TWDCimgFL, .TWDCCOWrapper > .TWDCimgFR { margin:0 !important; }

.twdc_tfi { opacity:0 !important; }
.twdc_fi { opacity:1 !important; }

.child16x9 { padding-bottom: 56.25%; }
.childSquare { padding-bottom:100%; }

.twdc_p60 { padding:60px; }
.twdc_p59 { padding:59px; }
.twdc_p58 { padding:58px; }
.twdc_p57 { padding:57px; }
.twdc_p56 { padding:56px; }
.twdc_p55 { padding:55px; }
.twdc_p54 { padding:54px; }
.twdc_p53 { padding:53px; }
.twdc_p52 { padding:52px; }
.twdc_p51 { padding:51px; }
.twdc_p50 { padding:40px; }
.twdc_p49 { padding:49px; }
.twdc_p48 { padding:48px; }
.twdc_p47 { padding:47px; }
.twdc_p46 { padding:46px; }
.twdc_p45 { padding:45px; }
.twdc_p44 { padding:44px; }
.twdc_p43 { padding:43px; }
.twdc_p42 { padding:42px; }
.twdc_p41 { padding:41px; }
.twdc_p40 { padding:40px; }
.twdc_p39 { padding:39px; }
.twdc_p38 { padding:38px; }
.twdc_p37 { padding:37px; }
.twdc_p36 { padding:36px; }
.twdc_p35 { padding:35px; }
.twdc_p34 { padding:34px; }
.twdc_p33 { padding:33px; }
.twdc_p32 { padding:32px; }
.twdc_p31 { padding:31px; }
.twdc_p30 { padding:30px; }
.twdc_p29 { padding:29px; }
.twdc_p28 { padding:28px; }
.twdc_p27 { padding:27px; }
.twdc_p26 { padding:26px; }
.twdc_p25 { padding:25px; }
.twdc_p24 { padding:24px; }
.twdc_p23 { padding:23px; }
.twdc_p22 { padding:22px; }
.twdc_p21 { padding:21px; }
.twdc_p20 { padding:20px; }
.twdc_p19 { padding:19px; }
.twdc_p18 { padding:18px; }
.twdc_p17 { padding:17px; }
.twdc_p16 { padding:16px; }
.twdc_p15 { padding:15px; }
.twdc_p14 { padding:14px; }
.twdc_p13 { padding:13px; }
.twdc_p12 { padding:12px; }
.twdc_p11 { padding:11px; }
.twdc_p10 { padding:10px; }
.twdc_p9 { padding:9px; }
.twdc_p8 { padding:8px; }
.twdc_p7 { padding:7px; }
.twdc_p6 { padding:6px; }
.twdc_p5 { padding:5px; }
.twdc_p4 { padding:4px; }
.twdc_p3 { padding:3px; }
.twdc_p2 { padding:2px; }
.twdc_p1 { padding:1px; }
.twdc_p0 { padding:0px; }

.twdc_m60 { margin:60px; }
.twdc_m59 { margin:59px; }
.twdc_m58 { margin:58px; }
.twdc_m57 { margin:57px; }
.twdc_m56 { margin:56px; }
.twdc_m55 { margin:55px; }
.twdc_m54 { margin:54px; }
.twdc_m53 { margin:53px; }
.twdc_m52 { margin:52px; }
.twdc_m51 { margin:51px; }
.twdc_m50 { margin:50px; }
.twdc_m49 { margin:49px; }
.twdc_m48 { margin:48px; }
.twdc_m47 { margin:47px; }
.twdc_m46 { margin:46px; }
.twdc_m45 { margin:45px; }
.twdc_m44 { margin:44px; }
.twdc_m43 { margin:43px; }
.twdc_m42 { margin:42px; }
.twdc_m41 { margin:41px; }
.twdc_m40 { margin:40px; }
.twdc_m39 { margin:39px; }
.twdc_m38 { margin:38px; }
.twdc_m37 { margin:37px; }
.twdc_m36 { margin:36px; }
.twdc_m35 { margin:35px; }
.twdc_m34 { margin:34px; }
.twdc_m33 { margin:33px; }
.twdc_m32 { margin:32px; }
.twdc_m31 { margin:31px; }
.twdc_m30 { margin:30px; }
.twdc_m29 { margin:29px; }
.twdc_m28 { margin:28px; }
.twdc_m27 { margin:27px; }
.twdc_m26 { margin:26px; }
.twdc_m25 { margin:25px; }
.twdc_m24 { margin:24px; }
.twdc_m23 { margin:23px; }
.twdc_m22 { margin:22px; }
.twdc_m21 { margin:21px; }
.twdc_m20 { margin:20px; }
.twdc_m19 { margin:19px; }
.twdc_m18 { margin:18px; }
.twdc_m17 { margin:17px; }
.twdc_m16 { margin:16px; }
.twdc_m15 { margin:15px; }
.twdc_m14 { margin:14px; }
.twdc_m13 { margin:13px; }
.twdc_m12 { margin:12px; }
.twdc_m11 { margin:11px; }
.twdc_m10 { margin:10px; }
.twdc_m9 { margin:9px; }
.twdc_m8 { margin:8px; }
.twdc_m7 { margin:7px; }
.twdc_m6 { margin:6px; }
.twdc_m5 { margin:5px; }
.twdc_m4 { margin:4px; }
.twdc_m3 { margin:3px; }
.twdc_m2 { margin:2px; }
.twdc_m1 { margin:1px; }
.twdc_m0 { margin:0px; }

.twdc_ulclicktrap, .twdc_IMGclicktrap, .twdc_clicktrap, .twdc_videoContainer, .twdc_mapContainer { position:absolute; top:0; left:0; right:0; bottom:0; z-index:2000; }

/* countdown */
.twdc_cddigit { font-size:40px; line-height:46px; }
.twdc_inThePast .TWDC_cdDigits:after { content:"ago"; margin-left:5px; }

.TWDCcdDigit { height:46px; overflow:hidden; }
.TWDCcdDigit[data-digit='0'] div { transform:translate3D(0,-414px,0); }
.TWDCcdDigit[data-digit='1'] div { transform:translate3D(0,-368px,0); }
.TWDCcdDigit[data-digit='2'] div { transform:translate3D(0,-322px,0); }
.TWDCcdDigit[data-digit='3'] div { transform:translate3D(0,-276px,0); }
.TWDCcdDigit[data-digit='4'] div { transform:translate3D(0,-230px,0); }
.TWDCcdDigit[data-digit='5'] div { transform:translate3D(0,-184px,0); }
.TWDCcdDigit[data-digit='6'] div { transform:translate3D(0,-138px,0); }
.TWDCcdDigit[data-digit='7'] div { transform:translate3D(0,-92px,0); }
.TWDCcdDigit[data-digit='8'] div { transform:translate3D(0,-46px,0); }
.TWDCcdDigit[data-digit='9'] div { transform:translate3D(0,0px,0); }
.digitgroup:after { content:':'; display:block; line-height:46px; font-size:30px; margin:0 5px; }
.digitgroup:last-child:after { content:''; display:none; }
.TWDCcd { background:#00ccff; padding:0 5px; border-radius:5px; float:right; width:auto; }
.cdFiller { width:8px; height:30px; float:left; background:url(https://www.pubbookclub.co.uk/TWDCCMSv7/SiteImages/slash.png)}

.digitYears:before { content:'years'; display:block; position:absolute; top:-16px; left:0; font-size:12px; color:#888; }
.digitDays:before { content:'days'; display:block; position:absolute; top:-16px; left:0; font-size:12px; color:#888; }
.digitHours:before { content:'hours'; display:block; position:absolute; top:-16px; left:0; font-size:12px; color:#888; }
.digitMinutes:before { content:'minutes'; display:block; position:absolute; top:-16px; left:0; font-size:12px; color:#888; }
.digitSeconds:before { content:'seconds'; display:block; position:absolute; top:-16px; left:0; font-size:12px; color:#888; }
.WIDGETcd { padding-top:10px; display:inline-block; }

.textYears:before { content:attr(data-digit)'  years'; display:inline-block; font-size:24px; }
.textYears[data-digit='0']:before { content:"1 year"; }
.textDays:before { content:attr(data-digit)'days'; display:inline-block; font-size:24px; }
.textDays[data-digit='0']:before { content:"1 day"; }
.textHours:before { content:attr(data-digit)'  hours'; display:inline-block; font-size:24px; }
.textHours[data-digit='0']:before { content:"1 hour"; }
.textMinutes:before { content:attr(data-digit)'  minutes'; display:inline-block; font-size:24px; }
.textMinutes[data-digit='0']:before { content:"1 minute"; }
.textSeconds:before { content:attr(data-digit)'  seconds'; display:inline-block; font-size:24px; }
.textSeconds[data-digit='0']:before { content:"1 second"; }
.textgroup:after { content:','; display:inline-block; line-height:46px; font-size:30px; margin:0 5px 0 0; }
.textgroup:last-child:after { content:''; display:none; }
/* end countdown */

[data-type='template'] .twdc_clicktrap { background:url(../CMSImages/templateHatchEditor.png) repeat; opacity:0.9; transition:opacity 0.3s; }
[data-type='template'] .twdc_clicktrap .twdc_clicktrap { background:none !important; opacity:1; }
[data-type='template'] [data-type='template'] .twdc_ELtoolbar { display:none !important; }
.templateLoadFailure { height:20px; width:100%; color:#fff; font-weight:bold; background:#f60; justify-content:center; }
.templateLoadFailure:before { content:"Failed to load template"; text-transform:uppercase;  }

.twdc_videoContainer,  .twdc_mapContainer { z-index:5; }
.twdc_videoContainer iframe { width:100%; height:100%; z-index:5; }
.TWDCfixedARCont { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow:hidden; }
.panel169, .sqpanel { width:100%; }
.TWDCDBFWrapper { display:inline-block; border:1px dashed #ccc; }
.TWDCimgWrapper { display:inline-block; background:#fff; vertical-align:bottom; }
.TWDCimgWrapper img { display:block; }
.TWDCimgWrapper.twdc_isDragging, li.twdc_isDragging  { padding:3px; border:1px dashed #aaa; box-shadow:0 1px 2px #ccc;}
/* end IMG tools */
.sysSpans { display:none; }

.mainmenu ul { font-size:3rem; margin-left:20px; }
.mainmenu ul li { margin:0 20px; text-transform:uppercase; color:#888; }
.mainmenu a { text-decoration:none; color:#888; white-space:pre;}

.twdc_btn { padding:3px 5px; margin:0 2px; color:#fff; cursor:pointer; text-align:center; }
.li_delete { background:#c20; display:inline-block; margin-right:10px; }

.WIDGETullist:before { content:''; position:absolute; z-index:88; top:0; left:0; bottom:inherit; right:0; display:block; }
.WIDGETullist { display:block; clear:both; padding:10px; cursor:move; }
.WIDGETgallery { padding:20px; cursor:move; min-height:100px; border:1px dashed #ccc; }
.twdc_galparam { margin:5px; }
.twdc_WIDGETgalleryOuter { column-gap:0; column-count:4; }

.twdc_blogul { overflow:hidden; }
.liSpan { display:inline-block; }

.listBoxTemplateLI { margin:5px 0; }
.twdc_blogul li.listBoxTemplateLI, .twdc_pollul li.listBoxTemplateLI { line-height:20px; }
.twdc_blogul { padding-left:0; }
.twdc_blogul ul { padding-left:30px; }

.twdc_blogul li.listBoxTemplateLI:before { content:''; display:inline-block; margin-right:5px; width:12px; height:12px; border-radius:100%; background:#09F; }
.twdc_pollul li.listBoxTemplateLI:before { content:'\f128'; display:inline-block; margin-right:5px; width:20px; height:20px; color:#fff; background:#09F; font-size:20px; text-align:center;}

.twdc_blogul > li > ul > li.listBoxTemplateLI:before { top:5px; width:10px; height:10px; background:#0CF; }
.twdc_blogul > li > ul > li > ul li.listBoxTemplateLI:before { top:6px; width:8px; height:8px; background:#0DF; }

/* callout box */
.twdc_calloutOuter { width:30vw; min-width:200px; }
.TWDCCOWrapper[data-bg='blue'] { background:#8acaee; color:#666;}
.TWDCCOWrapper[data-bg='sand'] { background:#e4c99b; color:#666; }
.TWDCCOWrapper[data-bg='red'] { background:#c83737; color:#fff;}
.TWDCCOWrapper[data-bg='grey'] { background:#c2c2c2; }
.twdc_calloutInner { min-height:40px; }
.TWDCCOWrapper { z-index:90; padding:30px; cursor:move; }

.summaryreview { width:100%; justify-content:space-between; }
.coverscore, .bookscore { font-size:1.6rem; width:50px; min-width:50px; max-width:50px; text-align:center; margin-right:10px; }
.summaryreview:before { color:#fff; line-height:12px; font-size:12px; margin:5px 0; display:flex; flex-direction:column; justify-content:center; content:attr(data-name); text-align:center; border-radius:100%; background:#4cf; width:50px; height:50px; }

/* tab panels */
.twdc_bgoptionPanels {
  flex-wrap: wrap;
  background: #efefef;
  box-shadow: 0 48px 80px -32px rgba(0,0,0,0.3);
}

.twdc_tabinput {
  position: absolute;
  opacity: 0;
}

.twdc_tablabel {
  width: 100%;
  padding: 20px 30px;
  background: #e5e5e5;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #7f7f7f;
  transition: background 0.1s, color 0.1s;
}

.twdc_tablabel:hover {
  background: #d8d8d8;
}

.twdc_tablabel:active {
  background: #ccc;
}

.twdc_tabinput:focus + .twdc_tablabel {
  background:#ccc;
  color:#fff;
  z-index: 1;
}

.twdc_tabinput:checked + .label {
  background: #ccc;
  color: #fff;
}

.twdc_tabinput:checked + .twdc_tablabel + .twdc_tabpanel {
  display: block; width:100%;
}

.twdc_tabpanel {
  display: none;
  padding: 20px 30px 20px 30px;
  background: #fff;
}

.twdc_tabpanelInner { min-height:20px; }

.bk-list button { top:0; }

.bk-page .reviewpage { color:#888; height:100%; width:100%; padding:0; overflow:hidden; }
.reviewheader, .reviewfooter { min-height:30px; max-height:30px; justify-content:space-between; }
.reviewscores { padding-left:10px; height: 100%; overflow: auto; width: 100%; }
.reviewheader { border-bottom:1px dashed #ccc; }
.reviewfooter { border-top:1px dashed #ccc; }

.bk-viewinside ~ button { top:30px; }
.openBook:before { content:"reviews"; }
.bk-viewinside ~ .openBook:before { content:"close book"; }

[data-av]:after { margin:10px; box-shadow: 0 1px 2px #666;text-align: center;width:120px; height:120px; border-radius:100%; background:#FF9900; color:#fff; display:flex; flex-direction:column; justify-content:center; content:attr(data-av); font-size:40px; margin-bottom:20px; }
.bookavscore:before { content:'book';}
.coveravscore:before { content:'cover';}
.bookavscore:before, .coveravscore:before { top:10px; font-size: 1.2rem; position: absolute;text-align: center;width: 100%;}
.modalok { background: #6df;
color: #fff;
padding: 3px 5px;
text-decoration: none;
margin: 0 auto;
text-transform: uppercase;}

/*--bookcase---*/
/*
.bookshelf:nth-child(1) { transform: translateZ(0.01px); }
.bookshelf:nth-child(2) { transform: translateZ(0.02px); }
.bookshelf:nth-child(3) { transform: translateZ(0.03px); }
.bookshelf:nth-child(4) { transform: translateZ(0.04px); }
.bookshelf:nth-child(5) { transform: translateZ(0.05px); }
.bookshelf:nth-child(6) { transform: translateZ(0.06px); }
*/
.bk-list {
	display:flex;
	padding:30px 0 30px 250px;
	overflow:auto;
	width:100%;

}

.bk-list > li {
	flex:1 1 0;
	z-index: 1;
	margin: 20px 50px 60px 0;
	-webkit-perspective: 1800px;
	perspective: 1800px;
	height:400px;
	max-width:260px;
	min-width:260px;
	width:260px;
}

.bk-list li:last-child {
	margin-right: 0;
}

.bk-info {
	margin-top: 440px;
}

.bk-info h3 {
	padding: 25px 0 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid rgba(0,0,0,0.3);
	font-size: 26px;
}

.bk-info h3 span:first-child {
	font-size: 14px;
	font-weight: 400;
	text-transform: uppercase;
	padding-bottom: 5px;
	display: block;
	color: #777;
}

.bk-info p {
	line-height: 24px;
	color: #444;
	min-height: 160px;
}

.bk-info button {
	background: #FC756F;
	border: none;
	color: #fff;
	display: inline-block;
	padding: 3px 15px;
	font-weight: 700;
	font-size: 14px;
	text-transform: uppercase;
	cursor: pointer;
	margin-right: 4px;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.bk-info button.bk-active,
.bk-info button:active {
	box-shadow:
		0 1px 0 rgba(255, 255, 255, 0.8),
		inset 0 -1px 1px rgba(0,0,0,0.2);
}

.no-touch .bk-info button:hover,
.bk-info button.bk-active {
	background: #d0544e;
}

.bk-list li .bk-book {
	width: 100%;
	height: 400px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	will-change: transform;
}

.bk-list li .bk-book.bk-bookdefault:hover {
	-webkit-transform: rotate3d(0,1,0,35deg);
	transform: rotate3d(0,1,0,35deg);
}

.bk-list > li .bk-book > div,
.bk-list > li .bk-front > div,
.bookshelf > li .bk-book > div,
.bookshelf > li .bk-front > div {
	display: block;
	position: absolute;
}

.bk-list li .bk-front,
.bookshelf li .bk-front {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	-webkit-transform: translate3d(0,0,20px);
	transform: translate3d(0,0,20px);
	z-index: 10;
	pointer-events:none;
}

.bk-list li .bk-front > div,
.bookshelf li .bk-front > div {
	z-index: 1;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.bk-list li .bk-page,
.bookshelf li .bk-page {
	-webkit-transform: translate3d(0,0,19px);
	transform: translate3d(0,0,19px);
	display: none;
	width: 100%;
	height: 390px;
	top: 5px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 9;
}

.bk-list li .bk-front,
.bk-list li .bk-back,
.bk-list li .bk-front > div,
.bookshelf li .bk-front,
.bookshelf li .bk-back,
.bookshelf li .bk-front > div {
	width: 260px;
	height: 400px;
}

.bk-list li .bk-left,
.bk-list li .bk-right,
.bookshelf li .bk-left,
.bookshelf li .bk-right {
	width: 40px;
	left: -20px;
}

.bk-list li .bk-top,
.bk-list li .bk-bottom,
.bookshelf li .bk-top,
.bookshelf li .bk-bottom {
	width: 255px;
	height: 40px;
	top: -15px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bk-list li .bk-back, .bookshelf li .bk-back{
	-webkit-transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);
	transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);
	border-radius: 3px 0 0 3px;
}

.bk-list li .bk-cover-back, .bookshelf li .bk-cover-back {
	background: rgb(242,227,195), url(https://www.pubbookclub.co.uk/TWDCCMSv7/CMS/GalleryImages/c3MSaFbMPw.png);
	background: url(https://www.pubbookclub.co.uk/TWDCCMSv7/CMS/GalleryImages/c3MSaFbMPw.png), linear-gradient(90deg, rgba(242,227,195,1) 0%, rgba(207,207,207,1) 79%, rgba(187,187,187,1) 100%);
	-webkit-transform: rotate3d(0,1,0,-179deg);
	transform: rotate3d(0,1,0,-179deg);
	padding:30px;
	text-align:center;
  font-size:1.6rem;
}

.bk-list li .bk-right {
	height: 390px;
	top: 5px;
	-webkit-transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
	-moz-transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
	transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bk-list li .bk-left {
	height: 400px;
	-webkit-transform: rotate3d(0,1,0,-90deg);
	transform: rotate3d(0,1,0,-90deg);
}

.bk-list li .bk-top {
	-webkit-transform: rotate3d(1,0,0,90deg);
	transform: rotate3d(1,0,0,90deg);
}

.bk-list li .bk-bottom {
	-webkit-transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);
	transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);
}

/* Transform classes */

.bk-list li .bk-viewinside .bk-front {
	-webkit-transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);
	transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);
}

.bk-list li .bk-book.bk-viewinside {
	-webkit-transform: translate3d(0,0,150px) rotate3d(0,1,0,0deg);
	transform: translate3d(0,0,150px) rotate3d(0,1,0,0deg);
}

.bk-list li .bk-book.bk-viewback {
	-webkit-transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);
	transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);
}

/* Main colors and content */

.bk-list li .bk-page,
.bk-list li .bk-right,
.bk-list li .bk-top,
.bk-list li .bk-bottom {
	background-color: #fff;
}
.bk-top { 
	background-image: linear-gradient(180deg, #fff 25%, #ddd 25%, #ddd 50%, #fff 50%, #fff 75%, #ddd 75%, #ddd 100%);
  background-size: 8.00px 8.00px;
}
.bk-list li .bk-front > div {
	border-radius: 0 3px 3px 0;
	box-shadow:
		inset 4px 0 10px rgba(0, 0, 0, 0.1);
}

.bk-list li .bk-front:after, .bookshelf li .bk-front:after {
	content: '';
	position: absolute;
	top: 1px;
	bottom: 1px;
	left: -1px;
	width: 1px;
}

.bk-list li .bk-cover:after,
.bk-list li .bk-back:after {
	content: '';
	position: absolute;
	top: 0;
	left: 10px;
	bottom: 0;
	width: 3px;
	background: rgba(0,0,0,0.06);
	box-shadow: 1px 0 3px rgba(255, 255, 255, 0.1);
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

.bk-list li .bk-back:after {
	left: auto;
	right: 10px;
}

.bk-left h2 {
	width: 400px;
	height: 40px;
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotate(90deg) translateY(-40px);
	transform: rotate(90deg) translateY(-40px);
}

.bk-content {
	position: absolute;
	top: 30px;
	left: 20px;
	bottom: 20px;
	right: 20px;
	padding: 30px;
	overflow: hidden;
	background: #fff;
	opacity: 0;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	cursor: default;
}

.bk-content-current {
	opacity: 1;
	pointer-events: auto;
}

.bk-content p {
	padding: 0 0 10px;
	-webkit-font-smoothing: antialiased;
	color: #000;
	font-size: 13px;
	line-height: 20px;
	text-align: justify;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.bk-page nav {
	display: block;
	text-align: center;
	margin-top: 20px;
	position: relative;
	z-index: 100;
	cursor: pointer;
}

.bk-page nav span {
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #aaa;
	background: #f0f0f0;
	border-radius: 50%;
}

/* Individual style & artwork */

.bk-front > div,
.bk-back,
.bk-left,
.bk-front:after
 {
	background-color: #ff924a; outline: 1px solid transparent;
}

.bk-cover {
	background-repeat: no-repeat;
	background-size: cover;
}

.bk-cover h2 {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 30px;
	background: rgba(255,255,255,0.2);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
}

.bk-cover h2 span:first-child,
.bk-left h2 span:first-child {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 13px;
	padding-right: 20px;
}

.bk-cover h2 span:first-child {
	display: block;
}

.bk-cover h2 span:last-child,
.bk-left h2 span:last-child {
	font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
}

.bk-content p {
	font-family: Georgia, Times, "Times New Roman", serif;
}

.bk-left h2 {
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	padding-right: 10px;
	text-align: right;
}

.bk-back p {
	color: #fff;
	font-size: 13px;
	padding: 20px;
	text-align: center;
	font-weight: 700;
}


/* Fallbacks */

.no-csstransforms3d .bk-list li .bk-book > div,
.no-csstransforms3d .bk-list li .bk-book .bk-cover-back {
	display: none;
}

.no-csstransforms3d .bk-list li .bk-book > div.bk-front {
	display: block;
}

.no-csstransforms3d .bk-info button,
.no-js .bk-info button {
	display: none;
}

.bookDisplayPI { padding: 40px; overflow: auto;  }

/*---------------------------------------------------------------------------------------------
Book shelf
/*---------------------------------------------------------------------------------------------*/
.bookshelf .opened { z-index:2000 !important; }
.bookshelf {
	margin: 0 auto;
	-webkit-perspective: 1800px;
	perspective: 1800px;
	-webkit-perspective-origin: 50% 15%;
	perspective-origin: 50% 15%;
	width:100%;
  overflow:auto;
	justify-content:center;
  top:-40px;
  height:560px;
  transform: translateZ(0);
  will-change: transform;
  contain: layout paint;
}

.bookshelf > li {
	position: relative;
	width: 40px;
  min-width:40px;
	height: 400px;
  padding-top:60px;
	z-index: 1;
	margin: 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.bookshelf { z-index: 200; scrollbar-width:none; }
.bookCase:before { content:''; z-index:5; position:absolute; bottom:-10px; width:100%; height:40px; background:#744 url(https://www.pubbookclub.co.uk/TWDCCMSv7/CMS/GalleryImages/asc_X8jj3NmmEx);}
.bookCase:after { content:attr(data-year); text-align:center; font-size:2.8rem; color: #fa0; line-height:3.2rem; font-weight:bold; text-shadow:0 1px 2px #333; z-index:4; box-shadow:0 6px 24px #333; position:absolute; bottom:-40px; width:100%; height:30px; background:#533 url(https://www.pubbookclub.co.uk/TWDCCMSv7/CMS/GalleryImages/asc_X8jj3NmmEx);}
.bookCase { height:490px; scrollbar-width: none; padding-top:60px;  }

.bookshelf > li:last-child {
	margin-right: 0;
}

.bookshelf > li .bk-book {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 400px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	-webkit-transform: rotate3d(0,1,0,90deg);
	transform: rotate3d(0,1,0,90deg);
}

.bookshelf > li { margin:0; transition:margin 0.3s; }

@media (hover: hover) and (pointer: fine) {
.bookshelf > li .bk-book:hover {
  -webkit-transform: rotateY(90deg) rotateZ(-15deg) translate3d(-100px,0,0);
transform: rotateY(90deg) rotateZ(-15deg) translate3d(-100px,0,0);

}}

.bookshelf > li .bk-book > div,
.bookshelf > li .bk-front > div {
	display: block;
	position: absolute;
}

.bookshelf > li .bk-front {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform-origin: 0% 50%;
	transform-origin: 0% 50%;
	-webkit-transition: -webkit-transform .5s;
	transition: transform .5s;
	-webkit-transform: translate3d(0,0,20px);
	transform: translate3d(0,0,20px);
}

.bookshelf > li .bk-front > div {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.bookshelf > li .bk-page {
	-webkit-transform: translate3d(0,0,19px);
	transform: translate3d(0,0,19px);
	display: none;
	width: 295px;
	height: 390px;
	top: 5px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bookshelf > li .bk-front,
.bookshelf > li .bk-back,
.bookshelf > li .bk-front > div {
	width: 300px;
	height: 400px;
	z-index: 1;
}

.bookshelf  > li .bk-left,
.bookshelf > li .bk-right {
	width: 40px;
	left: -20px;
}

.bookshelf > li .bk-top,
.bookshelf > li .bk-bottom {
	width: 295px;
	height: 40px;
	top: -15px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bookshelf > li .bk-back {
	-webkit-transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);
	transform: rotate3d(0,1,0,-180deg) translate3d(0,0,20px);
	border-radius: 3px 0 0 3px;
}

.bookshelf > li .bk-cover-back {
	background-color: #000;
	-webkit-transform: rotate3d(0,1,0,-180deg);
	transform: rotate3d(0,1,0,-180deg);
}

.bookshelf > li .bk-right {
	height: 390px;
	top: 5px;
	-webkit-transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
	transform: rotate3d(0,1,0,90deg) translate3d(0,0,295px);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.bookshelf > li .bk-left {
	height: 400px;
	-webkit-transform: rotate3d(0,1,0,-90deg);
	transform: rotate3d(0,1,0,-90deg);
	box-shadow:
		inset 4px 0 5px rgba(255,255,255,0.1),
		inset 5px 0 5px rgba(0,0,0,0.05),
		inset -5px 0 5px rgba(0,0,0,0.04);;
}

.bookshelf > li .bk-top {
	-webkit-transform: rotate3d(1,0,0,90deg);
	transform: rotate3d(1,0,0,90deg);
}

.bookshelf > li .bk-bottom {
	-webkit-transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);
	transform: rotate3d(1,0,0,-90deg) translate3d(0,0,390px);
}

/* Transform classes */

.bookshelf > li .bk-viewinside .bk-front {
	-webkit-transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);
	transform: translate3d(0,0,20px) rotate3d(0,1,0,-160deg);
}

.bookshelf > li .bk-book.bk-viewinside {
	-webkit-transform: rotate3d(0,1,0,0deg) translateX(0px) translateZ(100px) !important;
	transform: rotate3d(0,1,0,0deg) translateX(0px) translateZ(100px) !important;
}

.bookshelf > li .bk-book.bk-outside {
	-webkit-transform: rotate3d(0,1,0,90deg) translateX(-300px);
	transform: rotate3d(0,1,0,90deg) translateX(-300px);
}

.bookshelf li .bk-book.bk-viewback {
	-webkit-transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);
	transform: translate3d(0,0,0px) rotate3d(0,1,0,180deg);

}

/* Main colors and content */

.bookshelf > li .bk-page,
.bookshelf > li .bk-right,
.bookshelf > li .bk-top,
.bookshelf > li .bk-bottom {
	background-color: #fff;
}

.bookshelf > li .bk-front > div {
	border-radius: 0 3px 3px 0;
	box-shadow:
		inset 4px 0 10px rgba(0, 0, 0, 0.1);
}

.bookshelf > li .bk-cover:after,
.bookshelf > li .bk-back:after {
	content: '';
	position: absolute;
	top: 0;
	left: 10px;
	bottom: 0;
	width: 3px;
	background: rgba(0,0,0,0.06);
	box-shadow: 1px 0 3px rgba(255, 255, 255, 0.1);
}

.bookshelf > li .bk-back:after {
	left: auto;
	right: 10px;
}

.bk-left h2 {
	width: 400px;
	height: 40px;
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transform: rotate(90deg) translateY(-40px);
	transform: rotate(90deg) translateY(-40px);
}

.bk-content {
	position: absolute;
	top: 30px;
	left: 20px;
	bottom: 20px;
	right: 20px;
	padding: 30px;
	overflow: hidden;
	background: #fff;
	opacity: 0;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: opacity 0.3s ease-in-out;
	transition: opacity 0.3s ease-in-out;
	cursor: default;
}

.bk-content-current {
	opacity: 1;
	pointer-events: auto;
}

.bk-content p {
	padding: 0 0 10px;
	-webkit-font-smoothing: antialiased;
	color: #000;
	font-size: 13px;
	line-height: 20px;
	text-align: justify;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.bk-page nav {
	display: block;
	text-align: center;
	margin-top: 20px;
	position: relative;
	z-index: 100;
	cursor: pointer;
}

.bk-page nav span {
	display: inline-block;
	width: 20px;
	height: 20px;
	color: #aaa;
	background: #f0f0f0;
	border-radius: 50%;
}

/* Individual style & artwork */

.bookshelf .bk-front > div,
.bookshelf .bk-back,
.bookshelf .bk-left, .bookshelf .bk-front,
.bookshelf .bk-front:after {
	background-color: inherit;
}

.bookshelf .bk-cover {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

}

.bookshelf .bk-cover h2 {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	padding: 30px;
	background: rgba(255,255,255,0.2);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
}

.bookshelf .bk-cover h2 span:first-child,
.bookshelf .bk-left h2 span:first-child {
	text-transform: uppercase;
	font-weight: 400;
	font-size: 11px;
	padding-right: 20px;
  overflow:hidden;
}

.bookshelf .bk-cover h2 span:first-child {
	display: block;
}

.bookshelf .bk-cover h2 span:last-child,
.bookshelf .bk-left h2 span:last-child {
	font-family: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;
}

.bookshelf .bk-content p {
	font-family: Georgia, Times, "Times New Roman", serif;
}

.bookshelf .bk-left h2 {
	color: #fff;
	font-size: 15px;
	line-height: 40px;
	padding-right: 10px;
	text-align: right;display: flex;
justify-content: space-between;
padding: 0px 10px;
}

.bookshelf .bk-back p {
	color: #fff;
	font-size: 13px;
	padding: 40px;
	text-align: center;
	font-weight: 700;
}
@media screen and (max-width: 992px) {
  .column_4 { flex: 50%; }
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .columnBox { flex-direction: column; }
  .reviewpage { flex-direction:column; }
  .bookcover img { max-width:20%; }
  .averagesOuter { justify-content: end; height:100%; }
  .questionContainer { padding:0; }
  .reviewpage .stuck-fixed { box-shadow:0 1px 2px #dda; background:url(https://www.pubbookclub.co.uk/TWDCCMSv7/CMS/GalleryImages/WhiteBG80px.png); left:0; right:0; width:auto !important; padding:10px; justify-content:end; }
  .mainmenu a { font-size:2rem; }
  .menuheader { flex-direction:column !important; }
  .menuheader img { max-height:80px; }

  .bk-book {
  transform-style: flat;
  transform: none;
  transition: transform 0.4s ease;
}
.bookshelf {
  perspective: none;
}
 }
 @media screen and (min-width: 600px) {
  .twdc_tabpanel { order: 99; }
  .twdc_tablabel { width: auto; }
}

@media only screen and (max-width: 479px) {
.rollerCaption { font-size:28px !important; line-height:34px !important; }
#blogmenusidebar { display:none; }
	.twdc_bTablet { flex-direction:column !important; }
}