@charset "UTF-8";
/* CSS Document */

body { background-color:#fff; font-family:Arial, Verdana, Geneva, sans-serif; margin:0; padding:0;}
.icon { cursor:pointer; }

.modal-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.9); z-index: 20;}
.modal-overlay #player { position:fixed; left:10%; top:10%; z-index: 22; }
.modal-overlay .close-btn { position:fixed; top:40px; right:40px; z-index:25;cursor:pointer;}

.white-header-back { height:110px; background-color:#fff; width:100%;position:absolute; }
.header { position:relative; z-index:2; max-width:1200px; margin-left: auto; margin-right: auto;}
.header .white-header { height:110px; background-color:#fff; max-width:1176px;position:relative; }
.header .white-header .csc-title { top:30px; left:280px;position:absolute; }
.header .white-header .header-social { float:right; margin-top:6px; margin-right:6px; }
.header .white-header .header-social .header-share { margin-bottom:36px; text-align:right; }

.header .white-header .header-social .header-like { text-align:right; }
.header .white-header .header-social .header-like .fb-container { width:50px; height:20px; overflow:hidden; display:inline-block;vertical-align:middle; }
.header .white-header .header-social .header-like .like-text { display:inline-block;vertical-align:bottom; }
.header .ford-logo { background-color:#fff; border-radius:12px; padding: 8px 12px; position:absolute; top: -8px; left:80px; width: 134px;} 
.main-stage { 
    margin-left: auto; margin-right: auto;
	width:100%; 
	max-width:1700px;
	height:470px; 
	background-image:url('../images/ford-hero-image.jpg'); 
	background-repeat: no-repeat; 
	background-position:bottom center;
	position:relative;
	 -moz-box-shadow:   inset  0 -10px 10px -8px #000000;
    -webkit-box-shadow: inset  0 -10px 10px -8px #000000;
     box-shadow:        inset  0 -10px 10px -8px #000000;		
}

.middle { position:relative; max-width:1700px; margin: 0 auto;}
.middle .header-share { display:none; position:relative; top:0; left:0;z-index:2;}
.middle .header-share .icon-fb {position: absolute; top: 40px; left: 15px;}
.middle .header-share .icon-tw {position: absolute; top: 40px; right: 15px;}
.main-stage-highlights { position:absolute;	bottom:0; left:0; z-index:10;}
.main-stage-highlights .crop { display:none;}

.footer { background:#fff; padding-top: 30px; padding-bottom: 60px; margin-left: auto; margin-right: auto; max-width:1200px;}
.footer .footer-detail { display:inline-block; }
.footer .footer-detail .sec-square { display:none; }
.footer .detail-1 { margin-right:30px; margin-left:30px; }
.footer .detail-2 { margin-right:30px; }
.footer .powered-by { font-size:11px; color:#666;text-align:center; margin-top:30px; }
.footer .powered-by-link, .footer .powered-by-link:hover { color:#666; }


@media screen and (max-width :1700px) {
/* Styles */
	.main-stage-highlights {
	    left: -240px;
	}
	
}


/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width :510px) {
/* Styles */
	.middle .header-share { display:block; }
	.main-stage-highlights .crop { display:block; }
	.main-stage-highlights .full { display:none; }
	.header .white-header .header-social .header-share, .header .white-header .header-social .header-like { display:none; }
	.header .white-header .csc-title { left: 28%; top: 146px; }
	.header .white-header .csc-title img { width: 163px;}
	.header .ford-logo { left:0 !important; right:0; margin: 0 auto; }
	.footer { margin:0; padding-top: 0; }
	.main-stage { background-image:url('../images/fordPortrait-middle-mini.jpg'); height: 535px; background-position:center top !important;background-position:-300px; }
	.main-stage-highlights {
	    left: 0;
	}

	.footer .footer-detail { margin-right:0; margin-left:0;margin-bottom:0; width: 100%;}
	.footer .footer-detail img {width: 100%;}
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width :552px) {
/* Styles */
	.footer .footer-detail .sec-square { display:block; }
	.footer .footer-detail .sec-rectangle { display:none; }
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width :511px) and (max-width :900px) {
/* Styles */
	.main-stage { background-image:url('../images/ford-hero-image-tablet.jpg'); background-position:center top !important; background-size: cover;}
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (max-width :920px) {
/* Styles */
	.header .white-header .header-social .header-share { margin-bottom:46px; }
	.header .white-header .header-social .header-share .header-share-title { display:none; }
	.header .white-header .header-social .header-like .like-text img { display:none; }
	.header .ford-logo { left:64px; }
	/*.header .white-header .csc-title { left:230px; }*/
/*	.main-stage { background-position:-300px; }*/
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width :511px) and (max-width :1170px) {
/* Styles */
	.footer { text-align:center; }
	.footer .detail-1 { margin-right:12px; margin-left:12px;margin-bottom:24px;}
}

/* Smartphones (portrait and landscape) ----------- */
@media screen and (min-width :1170px) and (max-width :1186px) {
/* Styles */
	.footer { text-align:center; }
	.footer .detail-1 { margin-right:20px}
	
}