/* =Importing rules
-------------------------------------------------------*/

/*
@import url(/assets/shared/css/generic/reset.css);
@import url(../css/shared.css); */
		
/* =Elements
-------------------------------------------------------*/
html,body {
	background-image: none;
	height: 100%;
	/* overflow: hidden; */
	}
	html {
		width: 100%;
		}
		body {
			font-family: Helvetica, Arial, sans-serif;
			background-image: none !important;
			}
			a:link {
				text-decoration:none;
				font-weight: bold;
				}
			a:visited {
				text-decoration:none;
				}
			a:hover {
				text-decoration:underline;
				}
			a:active {
				text-decoration:none;
				outline:none;
				}
			h1 {
				font-family: Arial, sans-serif;
				letter-spacing: 0;
				padding-left: 15px;
				font-size: 20px;
				text-transform: uppercase;
				}

			p {
				font-size: 1.5em;
				color: #999;
				line-height:1.1;
				padding:0 0 .8em;
				}
			input, select, textarea {
				font-family: Helvetica, Arial, sans-serif;
				}
				
/* =Layout
-------------------------------------------------------*/				

.col {
	margin-bottom: 0;
}
.assemble-logo {
	text-align: right;
}
.assemble-logo p {
	margin-right: 15px;
	margin-top: 10px;
}

.assemble-logo p {
	font-size: 10px;
	color: #888;
}

.assemble-logo-img {
	max-width: 120px;
	display: inline-block;
	vertical-align: text-bottom;
	padding-left: 10px;
}

.company-logo-img {
	max-height: 60px;
	max-width: 100px;
}

.content {
	margin: 0;
}

.screeningsModule, .watch-platforms-wrapper {
	padding: 15px !important;
	background: #f8f8f8;
}
.detail-info h2, .watchModule-list h2, .screeningsModule h2 {
    background: #fff;
}
.detail-info h2, .watchModule-list h2, .screeningsModule h2 {
    padding: 16px 29px;
    font-size: 14px;
}
.watchModule-list ul.watch-platforms {
	list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.watchModule-list ul.watch-platforms li {
    margin: 1%;
  	position: relative;
    display: inline-block;
    text-align: center;
    max-width: 100%;
    min-width: 131px;
    vertical-align: top;
    overflow: hidden;
}
.watchModule-list ul.watch-platforms li.preorder:before {
    display: block;
    position: absolute;
    right: -30px;
    top: 12px;
    width: 100px;
    height: 18px;
    content: 'pre-order';
    background-color: rgba(125,125,125,0.6);
	color: #fff;
    font-size: 10px;
    font-weight: bolder;
    transform: rotateY(0deg) rotate(45deg);
    z-index: 100;
}
.watchModule-list ul.watch-platforms li img {
    max-width: 100%;
	max-height: 25px;
}
.watchModule-ButtonModal-modal .modal-inner {
	padding: 0;
}
.watchModule-ButtonModal-modal .row {
	padding: 0;
}
.watchModule-ButtonModal-modal .watch-platforms-wrapper, .watchModule-ButtonModal-modal .watch-screenings-wrapper {
	clear: both;
    margin: 15vh 6vw 20px 6vw;
}
.watchModule-ButtonModal-modal ul.watch-platforms li {
    width: 31%;
    margin: 0 1% 1% 0;
    position: relative;
    display: inline-block;
    text-align: center;
    max-width: 100%;
    vertical-align: top;
    border: 1px solid rgba(125,125,125,0.4);
    background-color: rgba(125,125,125,0.2);
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
}
.watchModule-ButtonModal-modal ul.watch-platforms li:hover {
	opacity: 0.7;
}
.watchModule-ButtonModal-modal ul.watch-platforms li a {
    width: 100%;
	display: block;
    padding: 2em;
}
.watchModule-ButtonModal-modal ul.watch-platforms li img {
    max-width: 100%;
	max-height: 30px;
}
/* Watch Screenings Generic */
.watch-screenings-wrapper {
	background: #f8f8f8;
    min-height: 200px;
}
.watch-screenings-wrapper h3 small {
	float: right;
}
.watch-screenings-wrapper h3 small i {
}

.watch-screenings-wrapper .watch-location {
	background: transparent !important;
}

.wtw_screenings, .wtw_screenings h6, .wtw_screenings .wtw-venue .venue-drawer, .watch-screenings-wrapper .tabs li.active a {
	background-color: #fff !important;
}
.wtw_screenings .wtw-venue {
    text-align: left !important;
    width: 29% !important;
    display: inline-block !important;
    vertical-align: top;
	box-shadow: none !important;
	padding: 15px;
	background: #fff;
}
.wtw_screenings .wtw-venue .venue-drawer a.btn {
    padding: 3px !important;
    font-weight: normal;
}
.wtw_screenings h6 {
	text-transform: uppercase;
	border-bottom: 1px solid #e1dfdc;
}
.watch-screenings-wrapper ul, .watch-platforms-wrapper ul, .widget-tabs-wrapper ul  {
	list-style: none;
    margin: 0;
    padding: 0;
    text-align: left;
}

.tabs ul {
    text-align: left;
    margin: 10px 0 0 0;
}
.tabs.tabs-small>ul>li {
	width: auto;
	background-color: rgba(125,125,125,0);
}
.tabs.tabs-small li>a {
	min-height: 0;
	padding: 0 15px;
}
.tabs ul li {
    text-align: center;
    width: 19%;
    margin: 0;
    padding: 0;
  	position: relative;
    display: inline-block;
    text-align: center;
    max-width: 100%;
    vertical-align: top;
    background-color: rgba(125,125,125,0.2);
}
.tabs li a {
	text-decoration: none;
	border: none;
	border-bottom: 2px solid rgba(125,125,125,0.2);
	display: block;
	min-height: 50px;
	transition-duration: 500ms;
	-webkit-transition-duration: 500ms;
}
.tabs li a:hover {
	border-bottom: 2px solid;
}
.tabs li.active a {
	border-bottom: 2px solid;
}
.tabs li.disabled a {
	cursor: default;
	text-decoration: none;
	opacity: 0.5;
}
.tabs li.disabled a:hover {
	border-bottom: 2px solid rgba(125,125,125,0);
}
.tabs li a span {
	display: block;
    font-size: 11px;
    text-transform: uppercase;
    padding-top: 9px;
    letter-spacing: .06em;
}
.tabs li a strong {
    display: block;
    font-size: 1.6em;
    padding-bottom: 9px;
}

.screenings tr:nth-child(2n) {
	background: rgba(125,125,125,0.2);
	}

#Widget ul.screening-table li, #Widget .screeningsModule .sorting-row {
    padding: 10px 40px 10px 0px;
}

.button, button, .btn {
	border-radius: 4px;
	border: none;
	margin-bottom: 2px;
	font-weight: bold;
}

/*-------------------------------------------------------
	Forms
-------------------------------------------------------*/

form input {
	margin:0 0 5px;
	padding:1px 2px;
	border:2px solid;
	}
	form input:focus,
	form textarea:focus {
		outline:none;
		}

.watch-screenings-wrapper .watch-location form input[type=text] {
    background: #fff !important;
    font-size: 11px;
    border: 1px solid #e1dfdc !important;
}

.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbase {
width: 11px;
background-color: transparent;
}
.vscrollerbar {
width: 6px;
background-color: #999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.hscrollerbase {
height: 11px;
background-color: transparent;
}
.hscrollerbar {
height: 8px;
background-color: #999;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

.scrollerjogbox {
width: 10px;
height: 10px;
top: auto; left: auto;
bottom: 0px; right: 0px;
background-color: gray;
}

@media (max-width: 768px) {

	.tabs.tabs-small>ul>li {
		width: 47vw;
		}

	.wtw_screenings .wtw-venue {
	    width: 43% !important;
	}
}