@charset "utf-8";

img, object, embed, video {
	max-width: 100%;
}

/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/* ---- Breakpoints set up for Bootstrap ---- */

/* -- Extra Small Layout - 767px and below -- */

.container {
	width: 100%;
}
.header {margin-top: 20px;}
.hdr-left {
	display: none;
}
.hdr-right {
	height: 80px;
	background: url(../images/xs-banner.png) no-repeat top left;
	color: #104b7d;
	font-weight: normal;
	font-size: .6em;
	padding: 0;
}
.hdr-right div {
	margin-top: 30px;
}
.header2 {
  background: url(../images/xs_adp_mobile_app_video_header.png) center no-repeat;
  height: 150px;
}
.header2cc {
  background: url(../images/xs_adp_mobile_app_video_header_cc.png) center no-repeat;
  height: 150px;
}
.header2sp {
  background: url(../images/xs_adp_sales_video_header_sp.png) center no-repeat;
  height: 150px;
}
.header3 {
  background-color: #ffffff;
  height: 150px;
  max-width: 100%;
}
.header3a {
  background: url(../images/xs_adp_sales_video_header.png) center no-repeat;
  height: 150px;
}

.header2bkg {
	background-color: #2a0100;
}
.cont-sidebar {
	background-color: #dddad7;
	height: 100%;
}
.cont-sidebar img {
    width: 80%;
    height: auto;
    margin: 15px 10%;
}
.sidebar-button {
	background-color: #be531c;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	height: 30px;
	width: 110%;
	margin: 10px -5%;
}
.sidebar-button:hover{
	background-color: #8c857b;
}
.sidebar-button a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-border-top-right-radius: 0px;
	-moz-border-radius-topright: 0px;
	border-top-right-radius: 0px;
	padding: 5px;
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}
.sidebar-button a:hover {
	text-decoration: none;
}
.sidebar-button a:visited {
	text-decoration: none;
	border: none;
}
.cont-main {
	background-color: #fff;
}

.footer {
	background-color: #8c857b;
	color: #fff;
	font-size: .85em;
	font-weight: bold;
	text-align: center;
}
.title-home-contact {
	font-size: 1.5em;
	color: #1c1f4d;
	margin: 20px 0px 10px 0px;
	line-height: 1.3em;
	text-align: center;
}
.title-home-contact-center {
	font-size: 1.8em;
	color: #1c1f4d;
	margin: 20px 0px 10px 0px;
	line-height: 1.3em;
	text-align: center;
}
    .adp-head-home-01 {
	font-family: 'ADP Taub', Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin: -10px 0px 0px 0px;
	padding: 10px 10px 0px 20px;
	line-height: 1em;
	color: #26308b;
	text-align: center;
	font-weight: 600;
}
    .adp-head-home-02 {
	font-family: 'ADP Taub', Arial, Helvetica, sans-serif;
	font-size: 3.2em;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 20px 20px;
	line-height: 1em;
	color: #7a69ac;
	text-align: center;
	font-weight: 600;
}
    .adp-head-home-03 {
	font-family: 'ADP Taub', Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 20px 10px;
	line-height: 1.1em;
	color: #bf3931;
	text-align: center;
	font-weight: 400;
}
/* -- Small Layout - 768px and up -- */

@media only screen and (min-width: 768px) {

	.container {
		width: 85%;
	}
	.header {}
	.hdr-left {
		display: inline;
		height: 99px;
		background: url(../images/sm-bannerleft.png) no-repeat top left;
	}
	.hdr-right {
		height: 99px;
		background: url(../images/sm-bannerright.png) no-repeat top left;
		font-size: .6em;
		padding-left: 20px;
	}
	.hdr-right div {
		margin-top: 50px;
	}
	.header2 {
  background: url(../images/sm_adp_mobile_app_video_header.png) center no-repeat;
  height: 99px;
}	
.header2cc {
  background: url(../images/sm_adp_mobile_app_video_header_cc.png) center no-repeat;
  height: 99px;
}	
	.header2sp {
  background: url(../images/sm_adp_sales_video_header_sp.png) center no-repeat;
  height: 99px;
}	
	.header3 {
  background-color: #ffffff;
  height: 99px;
  max-width: 100%;
}
	.header3a {
  background: url(../images/sm_bny_mellon_header_a.gif) center no-repeat;
  height: 99px;
}
	.title-home-contact {
	font-size: 1.5em;
	color: #1c1f4d;
	margin: 0px 0px 10px 0px;
	line-height: 1.3em;
	text-align: center;
}
	.title-home-contact-center {
	font-size: 1.8em;
	color: #1c1f4d;
	margin: 0px 0px 10px 0px;
	line-height: 1.3em;
	text-align: center;
}
		.adp-head-home-01 {
	font-family: 'ADP Taub', Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin: -10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	line-height: 1em;
	color: #26308b;
	text-align: center;
	font-weight: 600;
}
	.adp-head-home-02 {
	font-family: 'ADP Taub', Arial, Helvetica, sans-serif;
	font-size: 3.5em;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 20px 20px;
	line-height: 1em;
	color: #7a69ac;
	text-align: center;
	font-weight: 600;
}
	.adp-head-home-03 {
	font-family: 'ADP Taub', Arial, Helvetica, sans-serif;
	font-size: 1.5em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	line-height: 1.1em;
	color: #bf3931;
	text-align: center;
	font-weight: 400;
}

}

/* -- Medium Layout - 992px and up -- */

@media only screen and (min-width: 992px) {

	.container {}
	.header {}
	.hdr-left {
		height: 150px;
		background: url(../images/md-bannerleft.png) no-repeat top left;
	}
	.hdr-right {
		height: 150px;
		background: url(../images/md-bannerright.png) no-repeat top left;
		font-size: .85em;
	}
	.hdr-right div {
		margin-top: 55px;
	}
	.header2 {
  background: url(../images/md_adp_mobile_app_video_header.png) center no-repeat;
  height: 150px;
}
	.header2cc {
  background: url(../images/lg_adp_sales_video_header_cc.png) center no-repeat;
  height: 175px;
}	
	.header2cc {
  background: url(../images/md_adp_mobile_app_video_header_cc.png) center no-repeat;
  height: 150px;
}	
	.header2sp {
  background: url(../images/md_adp_sales_video_header_sp.png) center no-repeat;
  height: 150px;
}	
	.header3 {
  background-color: #ffffff;
  height: 150px;
  max-width: 100%;
}
	.header3a {
  background: url(../images/md_bny_mellon_header_a.gif) center no-repeat;
  height: 150px;
}
	.title-home-contact {
	font-size: 1.5em;
	color: #1c1f4d;
	margin: 10px 0px 10px 0px;
	line-height: 1.3em;
	text-align: left;
}
	.title-home-contact {
	font-size: 1.9em;
	color: #1c1f4d;
	margin: 10px 0px 10px 0px;
	line-height: 1.3em;
	text-align: center;
}
		.adp-head-home-01 {
	font-family: 'ADP Taub', Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	line-height: 1.1em;
	color: #26308b;
	text-align: left;
	font-weight: 600;
}
	.adp-head-home-02 {
	font-family: 'ADP Taub', Arial, Helvetica, sans-serif;
	font-size: 3.8em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	line-height: 1em;
	color: #7a69ac;
	text-align: left;
	font-weight: 600;
}
	.adp-head-home-03 {
	font-family: 'ADP Taub', Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	line-height: 1.1em;
	color: #bf3931;
	text-align: left;
	font-weight: 400;
}
}

/* -- Large Layout - 1200px and up -- */

@media only screen and (min-width: 1500px) {

	.container {
		max-width: 1800px;
	}
	.header {}
	.hdr-left {
		height: 175px;
		background: url(../images/lg-bannerleft.png) no-repeat top left;
	}
	.hdr-right {
		height: 175px;
		background: url(../images/lg-bannerright.png) no-repeat top left;
		font-size: 1em;
	}
	.hdr-right div {
		margin-top: 75px;
	}
	.header2 {
  background: url(../images/lg_adp_mobile_app_video_header.png) center no-repeat;
  height: 175px;
}	
	.header2cc {
  background: url(../images/lg_adp_mobile_app_video_header_cc.png) center no-repeat;
  height: 175px;
}	
	.header2sp {
  background: url(../images/lg_adp_sales_video_header_sp.png) center no-repeat;
  height: 175px;
}	
    .header3 {
  background-color: #ffffff;
  height: 175px;
  max-width: 100%;
}	
	.header3a {
  background: url(../images/lg_bny_mellon_header_a.gif) center no-repeat;
  height: 175px;
}
	.title-home-contact {
	font-size: 1.7em;
	color: #1c1f4d;
	margin: 10px 0px 10px 0px;
	line-height: 1.5em;
	text-align: left;
}
	.title-home-contact-center {
	font-size: 1.9em;
	color: #1c1f4d;
	margin: 10px 0px 10px 0px;
	line-height: 1.5em;
	text-align: center;
}
			.adp-head-home-01 {
	font-size: 1.4em;
	font-family: 'ADP Taub', Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 30px 0px 0px 0px;
	line-height: 1.1em;
	color: #26308b;
	text-align: left;
	font-weight: 600;
}
	.adp-head-home-02 {
	font-size: 4em;
	font-family: 'ADP Taub', Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	line-height: 1em;
	color: #7a69ac;
	text-align: left;
	font-weight: 600;
}
	.adp-head-home-03 {
	font-size: 1.9em;
	font-family: 'ADP Taub', Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	line-height: 1.1em;
	color: #bf3931;
	text-align: left;
	font-weight: 400;
}
}