/*
 * 4.22 CINEMAX
 * ============================================================================
 */


/* HEAD */

.section-cinhead{
	
}
.section-cinhead .inner{
	padding-top: 100px;
}

/* Logo */

.cinhead-logo{
	text-align: center;
}

/* Map */
	
.cinhead-map{
	margin-bottom: 16px;
}
.cinhead-map a{
	display: block;
	position: relative;
	text-decoration: none;
	font-weight: bold;
	color: #595458;
}
.cinhead-map a:before{
	content: attr(data-text);
	max-width: 50%;
	display: block;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	text-align: center;
	line-height: normal;
	font-size: 1.5rem;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: opacity 0.25s;
	-moz-transition: opacity 0.25s;
	-ms-transition: opacity 0.25s;
	-o-transition: opacity 0.25s;
	transition: opacity 0.25s;
}

/* Description*/
.cinsdl-info p img
{
	display:none;
}

.cinhead-desc{
	position: relative;
	line-height: 1.2rem;
}
.cinhead-desc:after{
	content: '';
	width: 100vw;
	height: 2px;
	display: block;
	position: relative;
	left: 50%;
	background-color: #f5f5f5;
	-webkit-transform: translate(-50%, 0);
	-moz-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	-o-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

.cinhead-desc .slide-title{
	margin-bottom: 10px;
	font-size: 0.8rem;
}
.cinhead-desc .slide-title a{
	display: inline-block;
	position: relative;
	padding-right: 15px;
	text-decoration: none;
	color: #000;
}
.cinhead-desc .slide-title span{
	vertical-align: middle;
}
.cinhead-desc .slide-title .icon{
	margin-right: 2px;
}
.cinhead-desc .slide-title a:after{
	content: '';
	display: block;
	position: absolute;
	top: calc(50% - 5px);
	right: -6px;
	border: 5px solid transparent;
	border-left-color: #000;
}
.cinhead-desc .slide-title a.active:after{
	top: calc(50% - 3px);
	border-left-color: transparent;
	border-top-color: #000;
}

.cinhead-desc .slide-content{
	display: none;
}



.cinhead-desc .meta-row{
	margin-bottom: 10px;
}
.cinhead-desc .meta-row span{
	vertical-align: middle;
}
.cinhead-desc .meta-row .icon{
	width: 30px;
}
.cinhead-desc .meta-row a{
	text-decoration: none;
	color: #000;
}
.cinhead-desc .meta-text{
	margin-top: 18px;
	padding-bottom: 16px;
}

@media all and (max-width: 980px){
	.cinhead-map a.clicked:before{
		opacity: 1;
	}
}
@media all and (min-width: 769px){
	.cinhead-logo{
		width: 400px;
		float: left;
		margin-bottom: 6px;
		padding-left: 16px;
		text-align: left;
	}
	.cinhead-map{
		width: calc(100% - 400px);
		float: right;
		margin-bottom: 16px;
		padding-left: 50px;
	}
	
	.cinhead-desc{
		width: 400px;
		float: left;
		padding-left: 16px;
	}
	.cinhead-desc:after{
		display: none;
	}
	.cinhead-desc .slide-title{
		display: none;
	}
	.cinhead-desc .slide-content{
		display: block!important;
	}
}
@media all and (min-width: 981px){
	.cinhead-map a:hover:before{
		opacity: 1;
	}
}



/* SCHEDULE */

.section-cinsdl{
	
}

@media all and (min-width: 769px){
	.section-cinsdl .inner{
		padding-bottom: 20px;
		padding-top: 0px !important;
	}
}
.section-cinsdl h3{
	margin-bottom: 15px;
	padding-top: 6px;
	font-size: 0.8rem;
}
.section-cinsdl h3 span{
	vertical-align: middle;
}
.section-cinsdl h3 .icon{
	margin-right: 2px;
}
.section-cinsdl h3 .icon-time-large{
	display: none;
}

.cinsdl-row{
	min-height: 50px;
	position: relative;
	margin-bottom: 1px;
}

.section-cinsdl .slide-title-prime{
	width: 100%;
	z-index: 5;
	top: 0;
	right: 0;
	font-size: 0.7rem;
}
.section-cinsdl .slide-title-prime.active{
	position: absolute;
}
.section-cinsdl .slide-title-prime a{
	width: 100%;
	height: 50px;
	display: table;
	position: relative;
	padding: 5px 27px 5px 16px;
	background-color: #ebebeb;
	text-decoration: none;
	color: #000;
}
.section-cinsdl .slide-title-prime a span{
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
}
.section-cinsdl .slide-title-prime a span.icon:before{
	margin: 0 0 0 auto;
}
.section-cinsdl .slide-title-prime .icon-time-mid3{
	display: none;
}

.section-cinsdl .slide-content{
	display: none;
}
.section-cinsdl .slide-content-wrap{
	position: relative;
	padding: 12px 12px 12px 12px;
}
.section-cinsdl .slide-content .slide-close{
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
}
.section-cinsdl .slide-content .slide-close .icon-close-large{
	display: none;
}
.section-cinsdl .slide-content-wrap h4{
	position: static !important;
	cursor: pointer;
	margin-bottom: 10px;
	padding-right: 20px;
	font-size: 0.8rem;
	color: #6331fb;
}

@media all and (min-width: 769px){
	.section-cinsdl h3{
		margin-bottom: 45px;
		padding-bottom: 0;
		padding-left: 16px;
		font-size: 1rem;
	}
	.section-cinsdl h3 .icon{
		margin-right: 12px;
	}
	.section-cinsdl h3 .icon-time-large{
		display: inline-block;
	}
	.section-cinsdl h3 .icon-time-mid2{
		display: none;
	}
	
	.cinsdl-row,
	.section-cinsdl .slide-title-prime a{
		min-height: 62px;
	}
	.section-cinsdl .slide-title-prime{
		font-size: 0.9rem;
	}
	.section-cinsdl .slide-title-prime .icon-time-mid3{
		display: table-cell;
	}
	.section-cinsdl .slide-title-prime .icon-time-mid2{
		display: none;
	}
	
	.section-cinsdl .slide-content .slide-close .icon-close-large{
		display: inline-block;
	}
	.section-cinsdl .slide-content .slide-close .icon-pop-close2{
		display: none;
	}
	
	.section-cinsdl .slide-content-wrap h4{
		padding-right: 55px;
		font-size: 0.9rem;
	}
	
}


/* poster / player */

.cinsdl-player{
	margin-bottom: 25px;
}
.cinsdl-player video{
	width: 100%;
	height: auto;
	margin-bottom: 10px;
	display: block;
}

.cinsdl-poster{
	display: none;
}

#cinsdl-popup{
	width: auto;
}
#cinsdl-popup .close{
	z-index: 2;
	top: 0;
	right: 0;
	padding-top: 0;
	padding-right: 0;
}
#cinsdl-popup video{
	display: block;
}


.cinsdl-meta{
	width: 100%;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3px;
    white-space: nowrap;
}
.cinsdl-meta .rate{
	display: block;
	padding-right: 16px;
	line-height: 1;
	font-size: 1.8rem;
	color: #6331fb;
}
.cinsdl-meta .source{
	margin-bottom: 2px;
	line-height: normal;
}
.cinsdl-meta .likes{
	line-height: normal;
	color: #a8a8a8;
}

@media all and (min-width: 769px){
	.cinsdl-player{
		width: 200px;
		float: left;
	}
	.cinsdl-player video{
		display: none;
	}
	.cinsdl-player iframe{
		display: none;
	}
	.cinsdl-poster{
		display: block;
	}
	.cinsdl-poster a{
		display: block;
		position: relative;
		text-decoration: none;
	}
	.cinsdl-poster a:before{
		position: absolute;
		z-index: 5;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
	}
	
}


/* info */

.cinsdl-info{
	margin-bottom: 25px;	
}

@media all and (min-width: 769px){
	.cinsdl-info{
		margin-left: 200px;
		padding-left: 24px;
		font-size: 0.7rem;
	}
}


/* desktop table */

.cinsdl-desk-time{
	display: none;
}
@media all and (min-width: 769px){
	.cinsdl-desk-time{
		display: block;
	}
	.cinsdl-desk-time table{
		width: 100%;
	}
	.cinsdl-desk-time th, .cinsdl-desk-time td{
		padding: 5px;
		text-align: center;
		font-size: 0.9rem;
	}
	
	.cinsdl-desk-time a{
		text-decoration: none;
		font-weight: bold;
		color: #6331fb;
	}
}

/* mobile table */

.cinsdl-mob-time{
	margin-right: -22px;
	margin-left: -22px;
	border-top: 2px solid #f5f5f5;
}
.cinsdl-mob-time table{
	margin: 0 auto;
}
.cinsdl-mob-time td{
	padding: 3px 20px;
}

.cinsdl-mob-time .slide-row{
	border-bottom: 2px solid #f5f5f5;
}
.cinsdl-mob-time .slide-title{
	
}
.cinsdl-mob-time .slide-title a{
	display: block;
	padding: 7px 22px 5px 22px;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9rem;
	color: #6234fa;
}
.cinsdl-mob-time .slide-title a:after{
	content: '';
	display: inline-block;
	margin: 0 0 1px 10px;
    border: 5px solid transparent;
    border-left-color: #000;
}
.cinsdl-mob-time .slide-title a.active:after{
	margin-bottom: -1px;
	border-left-color: transparent;
    border-top-color: #000;
}

.cinsdl-mob-time .slide-content-wrap{
	padding: 2px 22px 22px 22px;
}
.cinsdl-mob-time .button-area{
	padding-top: 28px;
	text-align: center;
}


@media all and (min-width: 769px){
	.cinsdl-mob-time{
		display: none;
	}
}

/* Desktop */

@media all and (max-width: 2880px){
	
}
@media all and (max-width: 2560px){
	
}
@media all and (max-width: 2048px){
	
}
@media all and (max-width: 1920px){
	
}
@media all and (max-width: 1680px){
	
}
@media all and (max-width: 1600px){
	
}
@media all and (max-width: 1440px){
	
}
@media all and (max-width: 1366px){
	
}
@media all and (max-width: 1280px){
	
}
@media all and (max-width: 1200px){
	
}
@media all and (max-width: 1136px){
	
}
@media all and (max-width: 1024px){
	
}

/* ~ Tablets */

@media all and (max-width: 960px){
	
}
@media all and (max-width: 906px){
	
}
@media all and (max-width: 854px){
	
}
@media all and (max-width: 800px) {
	
}
@media all and (max-width: 768px){
	
}
@media all and (max-width: 736px){
	
}
@media all and (max-width: 720px){
	
}

/* ~ Cellphones */

@media all and (max-width: 667px){
	
}
@media all and (max-width: 640px){
	
}
@media all and (max-width: 601px){
	
}
@media all and (max-width: 568px){
	
}
@media all and (max-width: 540px){
	
}
@media all and (max-width: 480px){
	.section-cinsdl .inner{
		padding-top: 0px !important;
	}
	
	.cinsdl-row
	{
		text-align: left;
	}
	
}
@media all and (max-width: 414px){
	
}
@media all and (max-width: 384px){
	
}
@media all and (max-width: 375px){
	
}
@media all and (max-width: 360px){
	
}
@media all and (max-width: 320px){
	
}
@media all and (max-width: 218px){ /* Moto 360 Watch */
	
}
@media (max-device-width: 42mm) and (min-device-width: 38mm){ /* Apple Watch ~ 158px max, 143px min */
	
}