@charset "utf-8";

/* **************************************************

Name: gbc.css

***************************************************** */


/* ==================================================

[-] Content Area
[cc] Column
[c2] Heading
[c3] Text
[c5] Image
[c12] Button
[-] Case Study
[-] Branding Image
[-] Fat Menu

===================================================== */
.col-1 { width: 8.33333%; }
.offset-left-1 { margin-left: 8.33333%; }
.offset-right-1 { margin-right: 8.33333%; }

.col-2 { width: 16.66667%; }
.offset-left-2 { margin-left: 16.66667%; }
.offset-right-2 { margin-right: 16.66667%; }

.col-3 { width: 25%; }
.offset-left-3 { margin-left: 25%; }
.offset-right-3 { margin-right: 25%; }

.col-4 { width: 33.33333%; }
.offset-left-4 { margin-left: 33.33333%; }
.offset-right-4 { margin-right: 33.33333%; }

.col-5 { width: 41.66667%; }
.offset-left-5 { margin-left: 41.66667%; }
.offset-right-5 { margin-right: 41.66667%; }

.col-6 { width: 50%; }
.offset-left-6 { margin-left: 50%; }
.offset-right-6 { margin-right: 50%; }

.col-7 { width: 58.33333%; }
.offset-left-7 { margin-left: 58.33333%; }
.offset-right-7 { margin-right: 58.33333%; }

.col-8 { width: 66.66667%; }
.offset-left-8 { margin-left: 66.66667%; }
.offset-right-8 { margin-right: 66.66667%; }

.col-9 { width: 75%; }
.offset-left-9 { margin-left: 75%; }
.offset-right-9 { margin-right: 75%; }

.col-10 { width: 83.33333%; }
.offset-left-10 { margin-left: 83.33333%; }
.offset-right-10 { margin-right: 83.33333%; }

.col-11 { width: 91.66667%; }
.offset-left-11 { margin-left: 91.66667%; }
.offset-right-11 { margin-right: 91.66667%; }

.col-12 { width: 100%; }
.offset-left-12 { margin-left: 100%; }
.offset-right-12 { margin-right: 100%; }

/* Topics */


.playButton {
	background: none;
	border: none;
	color: #403a3a !important;
	font-weight: bold;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
	cursor: pointer;
	white-space: nowrap;
}
.playButton span {
	font-size: .95em;
	top: -2.5em;
	display: inline-block;
	position: relative;
	letter-spacing: .2em;
}
.playButton .icon-play {
	margin: 0 2em;

	width: 6.5em;
	height: 6em;
	position: relative;
	display: inline-block;
}
.playButton .icon-play img {
	width: 7em !important;
	height: 7em !important;
	position: absolute;
	display: block;
	top: 40%;
	left: 51%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}
.playButton .movieTitle,
.watchNowButton .movieTitle {
	display: none;
}

a.watchNowButton {
	display: block;
	width: 12em;
	line-height: 2.5em;
	padding: 0 8px 0 0;
	color: #fff;
	font-size: .8em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	border: .3em solid #e60027;
	background-image: url(/image/en/r1/icon/icon_link_right_l_white.gif);
	background-position: right 4px center;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
a.watchNowButton:hover {
	background-color: rgba(0,0,0,0.2);
	background-position: right 2px center;
}
a.watchNowButton.GbcRedWhite {
	border-color: #e60027;
	color: #fff;
	background-image: url(/image/en/r1/icon/icon_link_right_l_white.gif);
}
a.watchNowButton.GbcRedBlack {
	border-color: #e60027;
	color: #333;
	background-image: url(/image/en/r1/icon/icon_link_right_l_black.gif);
}
a.watchNowButton.GbcGrayGray {
	border-color: #7b7b7b;
	color: #7b7b7b;
	background-image: url(/image/en/r1/icon/icon_link_right_l_gray.gif);
}





.max-width,
.max-width-with-margin {
	margin: 0 auto;
	max-width: 965px;
}