.GECarousel 
{ 
	width:100%; 
	position: relative; 
	z-index: 0;
}

.GECarousel .slideshow
{ 
	width:100%; 
	/*max-width: 1400px;
	margin: 0 auto;*/
	position: relative; 
	overflow:hidden; 
}
	
.GECarousel .slideshow .slides
{ 
	width: 100%; 
	/*height: 484px; */
	position: relative; 
}

@media only screen and (min-width: 986px) {
	.GECarousel .slideshow .slides
	{ 
		height: 484px; 
	}
    /* <BEGIN> 
    * Author: Justina Tandar
    * Date: 14/06/2016
    * Description: CSS update for homepage carousel
    */
	.GECarousel .slideshow .slides.homeSlides
	{ 
		height: 870px; 
	}
    /* <END> */
}

.GECarousel .slides .slide
{ 
	width: 100%; 
	/*height: 484px; */
	position: absolute; 
	top:0; 
	left:0; 
	display: none; 
}

@media only screen and (min-width: 986px) {
	.GECarousel .slides .slide
	{ 
		height: 484px; 
	}
	/* <BEGIN> 
    * Author: Justina Tandar
    * Date: 14/06/2016
    * Description: CSS update for homepage carousel
    */
	.GECarousel .slides .slide.homeSlide
	{ 
		height: 870px; 
	}
    /* <END> */
}

.GECarousel .slides .slide.defaultActive
{ 
	display: block; 
}
.GECarousel .slides .slide.active
{ 
	
}

.GECarousel .slides .slide .banner
{ 
	width: 100%; 
	/*height: 484px; */
	overflow: hidden; 
	position: absolute; 
	top:0; 
	*margin-left: -200px;
}

@media only screen and (min-width: 986px) {
	/* <BEGIN> 
    * Author: Justina Tandar
    * Date: 14/06/2016
    * Description: CSS update for homepage carousel
    */
    .GECarousel .slides .slide .banner
	{ 
		height: 870px; 
	}
	.GECarousel .slides .slide .banner.homeBanner
	{ 
		height: 870px; 
		width: 100%;
	}
	/* <END> */
}

.GECarousel .slides .slide .banner img
{ 
	width:100%; 
	min-width:1400px; 
	*width: 1400px; 
	*min-width: auto;
}
.mWrapper .GECarousel .slides .slide .banner img
{
	width: auto;
}

.GECarousel .slides .slide .text
{
	color: #FFFFFF;
	max-width: 45%; 
	z-index:1; 
	padding: 219px 0 0;
    padding-left: 60px;
	/*text-shadow: 5px 5px 12px rgba(149, 150, 150, 1);*/
	
}
/* <BEGIN> 
* Author: Justina Tandar
* Date: 14/06/2016
* Description: CSS update for homepage carousel
*/
.GECarousel .slides .slide .text.homeText
{
	max-width: 55%; 
	padding: 380px 0 0;
}
/* <END> */
		
.mWrapper.removeOnSmall .GECarousel .slides .slide .text
{
	padding-left: 60px;	
}
	
.GECarousel .slides .slide .text .title {
	font-size: 47px;
	line-height: 50px;
	
	margin-bottom: 5px;
	text-transform: uppercase;
}
.GECarousel .slides .slide .text .subtitle {
	font-size: 20px;
	line-height: 20px;
	
	margin-bottom: 18px;
}
/* <BEGIN> 
* Author: Justina Tandar
* Date: 14/06/2016
* Description: CSS update for homepage carousel
*/
.GECarousel .slides .slide .text .subtitle.homeSubtitle {
	font-size: 30px;
	line-height: 40px;
}
/* <END> */
.GECarousel .slides .slide .text .redButton 
{
	padding: 18px 0;
	width:142px;

	box-shadow:0 2px 1px #830709;
	-webkit-box-shadow:0 2px 1px #830709;
	-moz-box-shadow:0 2px 1px #830709;
	-o-box-shadow:0 2px 1px #830709;
	-ms-box-shadow:0 2px 1px #830709;
}

.GECarousel .carouselNavigationContainer
{
	height:484px;  
	width: 100%;
}
/* <BEGIN> 
* Author: Justina Tandar
* Date: 14/06/2016
* Description: CSS update for homepage carousel
*/
.GECarousel .carouselNavigationContainer.homcarouselNav
{
	display: none;
}
/* <END> */
.GECarousel .carouselNavigation .carouselButton
{
	z-index: 9;
	cursor: pointer;
	top: 50%;
	margin-top: -50px;
}

.GECarousel .carouselNavigation .carouselPrev
{
	left: -5px;
}

.GECarousel .carouselNavigation .carouselNext
{
	right: -5px;
}

.GECarousel .carouselPagination
{ 
	left: 50%;
	position: absolute; 
	margin-top: -30px; 
	margin-left: -70px;
	
	text-align: center; 
	z-index:3; 
}

.GECarousel .carouselPagination .carouselBox
{
	background:#f5f5f5;
	width: 140px;
	padding: 8px 0;
	height: 14px;
	
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.GECarousel .carouselPagination .tn
{
	box-shadow:0 0 1px #c8c8c8;
	-webkit-box-shadow:0 0 1px #c8c8c8;
	-moz-box-shadow:0 0 1px #c8c8c8;
	-o-box-shadow:0 0 1px #c8c8c8;
	-ms-box-shadow:0 0 1px #c8c8c8;
	background: none repeat scroll 0 0 #c8c8c8;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 14px;
	margin: 0 6px;
	width: 14px;
    /*float: left;*/
}
	
.GECarousel .carouselPagination .tn.active {
	background: none repeat scroll 0 0 #ed1c24 !important;
}
		
@media only screen and (max-width: 1399px) {
	.GECarousel .slides .slide .banner img
	{ 
		margin-right: -100%; 
	}
	.GECarousel .slides .slide .banner .inner
	{ 
		position: relative; 
		right: 50%; 
		text-align:center; 
	}
	
	.GECarousel .slides .slide .banner .inner .mWrapper
	{ 
		right: -50%; 
		text-align:left; 
	}
}

@media only screen and (max-width: 1250px) {
	.mWrapper .GECarousel .slides .slide .text
	{
		margin-left: 0;
	}
	.GECarousel .slides .slide .text
	{
		margin-left: 5%;
		max-width: 52%;	
	}
}

@media only screen and (max-width: 1100px) {
	.GECarousel .slides .slide .text .title
	{
		font-size: 35px;
		line-height: 38px;
	}
}

@media (min-width: 701px) and (max-width: 985px) {
    /* <BEGIN> 17/06/2016 */
    .GECarousel .carouselPagination.home-carouselPagination{
		margin-top: -50px; 
	}
	.GECarousel .slides .slide .text .title.homeTitle{
		font-size: 42px; 
	}
	/* <END> 17/06/2016 */
	.GECarousel .carouselNavigationContainer {
		height: 416px;
	}
	.GECarousel .slideshow .slides {
		height: 416px;
	}
	.GECarousel .slides .slide {
		height: 416px;
	}
	.GECarousel .slides .slide .banner{
		height: 416px;
	}

	/* <BEGIN> 
    * Author: Justina Tandar
    * Date: 14/06/2016
    * Description: CSS update for homepage carousel
    */
	.GECarousel .slideshow .slides.homeSlides {
		height: 650px; /* 17/06/2016 */
	}

	.GECarousel .slides .slide.homeSlide {
		height: 650px; /* 17/06/2016 */
	}
	.GECarousel .slides .slide .banner.homeBanner {
		height: 650px; /* 17/06/2016 */
	}

	.GECarousel .slides .slide .text.homeText {
		max-width: 75%;
		padding-top: 300px; /* 17/06/2016 */
	}
	.GECarousel .slides .slide .text .subtitle.homeSubtitle {
		font-size: 27px;
	}
	/* <END> */
}

@media only screen and (max-width: 985px) {
	.GECarousel .slides .slide .text {
		/*max-width: 45%;	*/
		padding-top: 176px;
	}
	.GECarousel .slides .slide .text .title {
        /* <BEGIN> 
        * Author: Justina Tandar
        * Date: 17/06/2016
        * Description: CSS update for homepage carousel
        */
		font-size: 36px;
        /* <END> */
		line-height: 42px;
		margin-bottom: 9px;
	}
	.GECarousel .slides .slide .text .subtitle {
		font-size: 16px;
		line-height: 17px;
		margin-bottom: 17px;
	}
}


@media only screen and (max-width: 700px) {
    /* <BEGIN> 
    * Author: Justina Tandar
    * Date: 14/06/2016
    * Description: CSS update for homepage carousel
    */
	.homePageBanner {
		padding: 0;
	}

	.GECarousel .slides .slide .banner.homeBanner .inner {
		right: 0;
	}
	/* <END> */
	.mWrapper.removeOnSmall .GECarousel .slides .slide .text {
		padding-left: 0px;
	}
	.GECarousel .slides .slide .banner
	{ 
		height: 380px; 
		position: relative; 
	}

	/*
	.GECarousel .slides .slide .banner.homeBanner {
		height: auto;
	}
	*/
	.GECarousel .slides .slide .banner img
	{ 
		min-width:0; 
		width:auto; 
		height:380px; 

	}
	/* <BEGIN> 
    * Author: Justina Tandar
    * Date: 14/06/2016
    * Description: CSS update for homepage carousel
    */
	.GECarousel .slides .slide .banner.homeBanner img {
		height: auto;
	}

	.GECarousel .slides .slide .banner.homeBanner img {
		width: 100%;
	}
	/* <END> */

	.GECarousel .carouselNavigationContainer
	{
		height:380px;  
	}
	
	.GECarousel .slides .slide,
	.GECarousel .slideshow .slides
	{ 
		/*height: 640px;*/
	}

	.GECarousel .slides .slide .noDesc,
	.GECarousel .slideshow .slides .noDesc
	{ 
		height: auto;
	}
	
   .GECarousel .slides .slide .banner img
	{ 
		margin-right: 0; 
	}
	
	.GECarousel .slides .slide .text
	{ 
		max-width: 100%;
		color: #4d4d4d;
		padding: 40px 0;
		margin-left: 0;
	}

	/* <BEGIN> 
    * Author: Justina Tandar
    * Date: 14/06/2016
    * Description: CSS update for homepage carousel
    */
	.GECarousel .slides .slide .text.homeText {
		max-width: 100%;
		padding: 20px 0 35px 0;
	}
	/* <END> */

	.GECarousel .slides .slide .text.oneCarousel {
    	padding: 30px 0 0 0; /* <BEGIN> 17/06/2016: Changed 40px to 30px so that the bottom of the button is visible in mobile mode <END>*/
    }

	.mWrapper > .GECarousel .slides .slide .text
	{
		padding-left: 0;	
	}

	/* <BEGIN> 
    * Author: Justina Tandar
    * Date: 14/06/2016
    * Description: CSS update for homepage carousel
    */
	.GECarousel .slides .slide .text .title {
		font-size: 26px;
		line-height: 30px;
	}
	/*
	.GECarousel .slides .slide .text .title.homeTitle {
		font-size: 22px;
	}
	*/
	/* <END> */

	.GECarousel .slides .slide .text .subtitle {
		font-size: 16px;
		line-height: 20px;
	}
	/* <BEGIN> 
    * Author: Justina Tandar
    * Date: 14/06/2016
    * Description: CSS update for homepage carousel
    */
	.GECarousel .slides .slide .text .subtitle.homeSubtitle {
		font-size: 16px;
	}
	/* <END> */
	.GECarousel .slides .slide .text .redButton 
	{

	}
	
	.GECarousel .carouselPagination .carouselBox
	{
		background: transparent;	
	}
	
	.GECarousel .carouselNavigation .carouselPrev
	{
		left: -5px;	
	}
	.GECarousel .carouselNavigation .carouselNext
	{
		right: -5px;	
	}
}

@media only screen and (max-width: 500px) {
	.GECarousel .slides .slide .banner
	{ 
		height: 200px; 
	}
	
	.GECarousel .slides .slide .banner img
	{ 
		height:200px; 
	}
		
	.GECarousel .carouselNavigationContainer
	{
		height:200px;  
		z-index: 99;
	}
		
	.GECarousel .slides .slide .banner .inner
	{
		right: 10%;	
	}
		
	.GECarousel .slides,
	.GECarousel .slides .slide,
	.GECarousel .slideshow .slides
	{ 
		/*height:520px;*/
	}
	
	.GECarousel .carouselNavigation .carouselPrev
	{
		left: -7px;
		margin-top: -40px;
	}
	.GECarousel .carouselNavigation .carouselNext	
	{
		right: -7px;
		margin-top: -40px;
	}

	.GECarousel .carouselNavigation .carouselPrev img,
	.GECarousel .carouselNavigation .carouselNext img
	{
		width: 32px;
	}
}

@media only screen and (max-width: 380px) {
	.GECarousel .slides .slide .banner .inner
	{
		right: 50%;	
	}
}

/* <BEGIN> 
* Author: Justina Tandar
* Date: 14/06/2016
* Description: CSS update for homepage carousel
*/
@media only screen and (min-width: 700px) {
	.GECarousel.homeGECarousel {
		position: absolute;
		top: 0;
	}
}

@media (min-width: 992px){
	.GECarousel .carouselPagination.home-carouselPagination
	{ 
		margin-top: -30px;
	}
}

@media (max-width:991px) and (min-width: 700px){
.GECarousel .slides .slide .banner .inner.home-page-inner
	{ 
		right: 55%; 
	}
}
@media (max-width: 699px){
	.GECarousel .slides .slide .banner .inner.home-page-inner
	{ 
		right:0px; 
	}
	.GECarousel .carouselPagination.home-carouselPagination
	{ 
		position: absolute; 
		text-align: center; 
		z-index:3; 
	}
    .GECarousel .slides .slide .text .subtitle.homeSubtitle {
		line-height: 20px;
	}
}

.GECarousel .carouselPagination .carouselBox.home-carousel-alignment{
	width: 150px;
}
/* <END> */

@media only screen and (min-width: 381px) and (max-width: 400px) {
	.GEcarousel .slides .slide .banner .inner {
		right: 40%;	
	}
}

@media only screen and (min-width: 401px) and (max-width: 420px) {
	.GEcarousel .slides .slide .banner .inner {
		right: 30%;	
	}
}

@media only screen and (min-width: 421px) and (max-width: 440px) {
	.GEcarousel .slides .slide .banner .inner {
		right: 25%;	
	}
}

@media only screen and (min-width: 441px) and (max-width: 480px) {
	.GEcarousel .slides .slide .banner .inner {
		right: 20%;	
	}
}

@media only screen and (min-width: 481px) and (max-width: 500px) {
	.GEcarousel .slides .slide .banner .inner {
		right: 15%;	
	}
}