* { -moz-box-sizing: border-box; box-sizing: border-box; }
.setslick { opacity:0; }
.setslick.slick-initialized { opacity:1; transition:opacity .3s ease-out; }

.slick-slide { position: relative }
.slick-slide a.image { border: 5px solid #fff; display: block; width: 100%; }
button.slick-arrow { display: inline-block; position: absolute; top: 30%; z-index: 1; opacity: 0; background:transparent !important; border: 0; padding: 0; height:50px; }
button.slick-arrow:hover, button.slick-arrow img:hover, button.slick-arrow img:focus, button.slick-arrow:focus { background: transparent; border: none; }
button.slick-arrow.button:hover, button.slick-arrow.button img:hover, button.slick-arrow.button img:focus, button.slick-arrow.button:focus { background: transparent; border: none; }
.slick-arrow.button { margin: 0; background: transparent !important; border: 0; }
.slick-arrow.prev { left: 0; }
.slick-arrow.next { right: 0; }
.slick-arrow img { height: 50px; }

a.image{ display:block; overflow:hidden; }
.image { position:relative;  }
.image img { width:100%; vertical-align:top; }


.setslick .subheading1 { line-height: 1.2em; padding: 0 5px; font-size: 1.5em; font-weight:bold; }
.setslick .subheading2 { line-height: 1.3em; padding: 0 5px; font-size: 1.2em; }
.setslick .subheading3 { line-height: 1.3em; padding: 0 5px; font-size: 1.2em; }


/* hover over title */
/*
.image:after, .image:before { position:absolute; opacity:0; transition: all 0.5s; -webkit-transition: all 0.5s; }
.image:after { content:'\A'; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6); }
.image:before { content: attr(title); width:100%; color:#fff; z-index:1; bottom:0; padding:4px 10px; text-align:center; background:#97695F; box-sizing:border-box; -moz-box-sizing:border-box; }
.image:hover:after, .image:hover:before { opacity:1; }
*/

/* hover over play */
.item_box {position: relative;}
.item_box a.image {display: flex; align-items: center; justify-content: center; }
.image:after, .image:before { position:absolute; opacity:0; transition: all 0.5s; -webkit-transition: all 0.5s; }
.image:after { content:'\A'; width:100%; height:100%; top:0; left:0; background:rgba(0,0,0,0.6); }
.image:before {
	content: "\f144";
	font-family:"Font Awesome 5 Free";
	font-size:3em;
	font-weight:normal;
	text-align: center;
	color: #bbb;
	width:100%; z-index:1;  }
.image:hover:after, .image:hover:before { opacity:1; }


.slick-dots > li { display: inline-block; }
.slick-dots > li:only-child { display: none; }

/* modal */

button.close { margin-top: -2px; padding: 0; cursor: pointer; background: 0 0; border: 0; appearance: none; float: right; font-size: 3em; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; }
.modal .btn-close { margin-top: -2px; padding: 10px 0; cursor: pointer; border: 0; float: right; font-size: 2em; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; }


@media (max-width: 767px) {
	.modal-fullscreen-xs-down { padding: 0 !important; }
	.modal-fullscreen-xs-down > .modal-dialog { width: 100%; height: 100%; margin: 0; padding: 0; }
	.modal-fullscreen-xs-down > .modal-dialog > .modal-content { height: auto; min-height: 100%; border: 0 none; border-radius: 0; box-shadow: none; }
}
@media (max-width: 991px) {
	.modal-fullscreen-sm-down { padding: 0 !important; }
	.modal-fullscreen-sm-down > .modal-dialog { width: 100%; height: 100%; margin: 0; padding: 0; }
	.modal-fullscreen-sm-down > .modal-dialog > .modal-content { height: auto; min-height: 100%; border: 0 none; border-radius: 0; box-shadow: none; }
}
@media (max-width: 1199px) {
	.modal-fullscreen-md-down { padding: 0 !important; }
	.modal-fullscreen-md-down > .modal-dialog { width: 100%; height: 100%; margin: 0; padding: 0; }
	.modal-fullscreen-md-down > .modal-dialog > .modal-content { height: auto; min-height: 100%; border: 0 none; border-radius: 0; box-shadow: none; }
}
.modal.modal-fullscreenwsg {max-width: none; height: 100%; margin: 0; padding: 0 !important; position: fixed; top: 0 !important; right: 0; bottom: 0; left: 0; margin-left: 0; width: 100%; z-index: 10000; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }
.modal.modal-1000 { z-index: 1000;  margin:auto; width: 100%; max-width: 1000px; right: 0; bottom: 50px; left: 0; height: calc(100% - 60px);}

.modal-fullscreenwsg > .modal-dialog { width: 100%; height: 100%; margin: 0; padding: 0; }
.modal-fullscreenwsg > .modal-dialog > .modal-content { height: auto; min-height: 100%; border: 0 none; border-radius: 0; box-shadow: none; }
.modal-fullscreenwsg > .modal-dialog > .modal-content > .modal-body { width: 100%; overflow-y: auto; }
.modal-fullscreenwsg > .modal-dialog > .modal-content > .modal-body > iframe { display: block; background: #000; border: none; height: 97vh; width: 100vw; }
.modal-fullscreenwsg > .modal-dialog > .modal-content > .modal-body > div.diviframe { display: block; background: #000; border: none; height: 97vh; margin-top: 50px; overflow: auto; }
.modal-fullscreenwsg > .modal-dialog { transform: unset; max-width: unset; }
.modal-1000 > .modal-dialog { width: 100%; height: 100%; margin: 0; padding: 0; }
.modal-1000 > .modal-dialog > .modal-content { height: auto; min-height: 100%; border: 0 none; border-radius: 0; box-shadow: none; }
.modal-1000 > .modal-dialog > .modal-content > .modal-body { width: 100%; overflow-y: auto; }
.modal-1000 > .modal-dialog > .modal-content > .modal-body > iframe { display: block; background: #000; border: none; height: 100%; width: 100%; }
.modal-1000 > .modal-dialog > .modal-content > .modal-body > div.diviframe { display: block; background: #000; border: none; height: 88vh; margin-top: 50px; overflow: auto; width:100%; padding:50px; }
.modal-1000 > .modal-dialog { transform: unset; max-width: unset; }
/*
.modal-fullscreen .modal-dialog { width: 100%; height: 100%; margin: 0; padding: 0; }
.modal-fullscreen .modal-content { height: auto; min-height: 100%; border: 0 none; border-radius: 0; box-shadow: none; }
.modal-fullscreen .modal-body { width: 100%; }
.modal-fullscreen .modal-body > iframe, .modal-fullscreen .modal-body > div.diviframe { display: block; background: #000; border: none; height: 97vh; width: 100vw; }
.modal-fullscreen .modal-dialog { transform: unset; max-width: unset; }
*/
.modal.modal-fullscreen { padding: 0 !important; position: fixed; top: 0 !important; right: 0; bottom: 0; left: 0; margin-left: 0; width: 100%; z-index: 10000; display: none; overflow: hidden; -webkit-overflow-scrolling: touch; outline: 0; }
.modal-fullscreen .modal-dialog { width: 100%; height: 100%; margin: 0; padding: 0; }
.modal-fullscreen .modal-content { height: auto; min-height: 100%; border: 0 none; border-radius: 0; box-shadow: none; }
.modal-fullscreen .modal-body { width: 100%; }
.modal-fullscreen .modal-body > iframe, .modal-fullscreen .modal-body > div.diviframe { display: block; background: #000; border: none; height: 97vh; width: 100vw; }
.modal-fullscreen .modal-dialog { transform: unset; max-width: unset; }
3

.modal-backdrop {
	z-index: 1040;
}
.atcb_list { z-index: 1200; }
.atcb_bgoverlay { z-index: 1100; }





div.modal { background-color: transparent; border: none; box-shadow:none; }


/* progress bar */
.progress_bar {
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);background-image: linear-gradient(to bottom,#f5f5f5,#f9f9f9);background-repeat: repeat-x;;position:absolute; bottom: 0; width: 100%;
}
.progress_bar > div {
	height:6px;background-color:#ce2b37;
}
.progress_bar > div > span {
	position:absolute;text-align:center;width:100%;top:4px;color:#ddd;
}


/* wishlist */
.statustop{ color: #fff; position: absolute; top: 10px; right: 10px; cursor: pointer; opacity: 0; }
.likeme, .unlikeme, .likeupcoming, .markviewed, .markunviewed { display: inline-block; }


div.border:hover {
    background: initial!important;
    border-color: initial!important;
    color: initial!important;
}

/* limit number of slick dots to show on screen: https://codepen.io/swarad07/pen/xmzQKm */
.slick-dots-container { width: 9rem; overflow: hidden; display: block; padding: 0; margin: 0.625rem auto; position: relative; height: 30px; text-align:center; }
.slick-dots-container > ul { padding: 0; display: flex; transition: all 0.25s; position: relative; margin: 0; list-style: none; transform: translateX(0); align-items: center; bottom: unset; height: 100%; display:inline-flex !important; width: auto !important; }
.slick-dots-container > ul li { width: 0.625rem; height: 0.625rem; margin: 0 0.25rem; background-color: #ce2b37; border: none; border-radius: 50%; }
.slick-dots-container > ul li button { font-size: 0; line-height: 0; display: block; width: 1.25rem; height: 1.25rem; padding: 0.3125rem; cursor: pointer; color: transparent; border: 0; outline: 0; background: 0 0; }
/*.slick-dots-container > ul li.p-small-1, .slick-dots-container > ul li.n-small-1 { transform: scale(0.8); }*/
.slick-dots-container > ul li.slick-active { transform: scale(1.3); transform-origin: center; background: #444651; }
.slick-dots li button:before { display: none; }


#studio_description_3488227847 { display: none; }


.share_popup {
	position: absolute;
	max-width: 28rem;
	padding: 12px;
	z-index: 1000;
	border-radius: 5px;
	border: 1px solid #d6d9dc;
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 2px 6px 0px, rgba(0, 0, 0, 0.09) 0px 3px 8px 0px;
	color: rgb(12, 13, 14);
	min-width: 12rem;
	width: 300px;
	white-space: normal;

	left: 0px; top: 0px; margin: 0px; right: auto; bottom: auto; display: block;
}






.share_popup .up_arrow::after {
	top: 1px;
	box-shadow: -1px -1px 1px 0 hsla(0,0%,0%,0.12);
	content: '';
	transform: rotate(45deg);
	border-radius: 1.5px;
	background: currentColor;
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	z-index: -1;
}
.share_popup .up_arrow::before {
	content: '';
	transform: rotate(45deg);
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	z-index: -1;
}
.share_popup .up_arrow {
	top: -6px;
	color: #fff;
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	z-index: -1;
	left: 0;
	transform: translate(10px, 0);
}

.share_popup input[type=text] { width: 100%; }
.share_popup label { text-transform: none; }



.share_popup.right {
	left: unset;
	right: 0;
}
.share_popup.right .up_arrow {
	left: unset;
	right: 20px;
}


.gkMenu > ul li div.childcontent-inner {
	overflow-y: auto !important;
	max-height:700px;
}










.content_rating ul {
  list-style: none;
  padding-inline-start: 0;
  margin-bottom: 0.5em;
}

.content_rating .vote-star,
.content_rating .vote-star-empty,
.content_rating .vote-star-half {
  display: inline-block;
}

.content_rating .vote-star svg,
.content_rating .vote-star-half svg {
  width: 1em;
  height: 1em;
  fill: #fd7e14;
}

.content_rating .vote-star-empty svg {
  width: 1em;
  height: 1em;
  fill: #d3d3d3;
}

.content_rating .vote-star-half {
  margin-inline-start: -1em;
}

[dir=rtl] .content_rating .vote-star-half {
  transform: scaleX(-1);
}





.itemRatingBlock { overflow: hidden; }
.itemRatingBlock span { float: left; }
.itemRatingForm {
	display: block;
	vertical-align: middle;
	line-height: 25px;
}
.itemRatingLog {
	margin: -2px 0 0;
	padding: 0 0 0 4px;
	float: left;
	line-height: 25px;
	font-size: 11px;
	color: #999
}
.itemRatingForm .formLogLoading { height: 25px; padding: 0 0 0 20px; }
.itemRatingList, .itemRatingList a:hover, .itemRatingList .itemCurrentRating { background: url('https://www.winescholarguild.com/media/com_wsg/img/star.png') left -1000px repeat-x; }
.itemRatingList {
	position: relative;
	float: left;
	width: 125px;
	height: 25px;
	overflow: hidden;
	list-style: none;
	margin: 0 6px !important;
	padding: 0;
	background-position: left top;
}
.itemRatingList li {
	display: inline;
	background: none;
	padding: 0;
	border: none !important;
}
.itemRatingList a, .itemRatingList .itemCurrentRating {
	position: absolute;
	top: 0;
	left: 0;
	text-indent: -1000px;
	height: 25px;
	line-height: 25px;
	outline: none;
	overflow: hidden;
	border: none;
	cursor: pointer;
}
.itemRatingList a:hover { background-position: left center; }
.itemRatingList a.one-star { width: 20%; z-index: 6; }
.itemRatingList a.two-stars { width: 40%; z-index: 5; }
.itemRatingList a.three-stars { width: 60%; z-index: 4; }
.itemRatingList a.four-stars { width: 80%; z-index: 3; }
.itemRatingList a.five-stars { width: 100%; z-index: 2; }
.itemRatingList .itemCurrentRating { z-index: 1; background-position: 0 bottom; margin: 0; padding: 0; }