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

/* CHANGES from bootstrap.css

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

body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
  line-height: 1.6;
	color: #333;
  background-color: #666666;
}

.navbar {
  min-height: 40px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: .83em;
  letter-spacing: .01em;
  white-space: nowrap;
  border: 0px solid transparent;
}


.navbar-default {
  background-color: #fff;
}

.navbar-default .navbar-nav > li > a {
  color: #fff;  
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #000;

}

.navbar-brand {
    height: 70px;
    padding: 5px 15px 5px 15px;
}

	@media (max-width:767px) { 
		.navbar-brand {
			padding-left: 0px;
			height: 52px;
		}
	}

	@media (max-width:480px) { 
		.navbar-brand {
			padding-left: 0px;
			height: 46px;
		}
	}


.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}




/* CUSTOM BUTTON ON NAVBAR FOR - REQUEST A FREE TRIAL
----------------------------------------------------------------------------------------- */
a.topnav-btn,
a.topnav-btn:visited {
  color: #fff;
  background-color: #6cc513;
  border: solid 1px #6cc513;
  border-radius: 20px;
	padding:6px 15px;
	line-height:14px;
	margin-top:6px;
	margin-bottom:6px;
	text-decoration: none;
	font-size:12px;
}
a.topnav-btn:hover {
  color: #fff;
  background-color: #498a07;
  border-color: #549811;
}


.navbar-nav > li > a.btn-navbar,
.navbar-nav > li > a.btn-navbar:visited {
  color: #fff;
  background-color: #6cc513;
  border: solid 1px #6cc513;
  border-radius: 20px;
	padding:6px 18px;
	line-height:14px;
	margin-top:6px;
	margin-bottom:6px;
}
.navbar-nav > li > a.btn-navbar:hover {
  color: #fff;
  background-color: #498a07;
  border-color: #549811;
}



	@media (max-width:767px) { 
		.navbar-nav > li > a.btn-navbar,
		.navbar-nav > li > a.btn-navbar:visited {
			border-radius: 0px;
		}
	}



@media (max-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
	  margin-left: -15px;
	  margin-right: -15px;
	  border-top:0px;
  }

	.navbar-nav > li > a {
	  padding-top: 6px;
	  padding-bottom: 6px;
	  line-height: 20px;	  
	}

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #fff;
    background-color: #6699cc;
    padding-top:4px;
    padding-bottom:4px;
    font-size:12px;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #333;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}

.navbar-toggle {
  position: relative;
  float: right;
  padding: 4px 4px;
  margin-top: 12px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}

.navbar-toggle .icon-bar {
  display: block;
  width: 18px;
  height: 2px;
  background-color: #cccccc;
  border-radius: 1px;
}	


.text-primary {color:#0d6bb5 !important;}

.btn-primary {
  color: #fff;
  background-color: #0d6bb5;
  border-color: #0d6bb5;
}


/* Custom Resizing of Menu
-----------------------------------------------------------------------------------------  */
	@media (min-width:1200px) { 
		.navbar-nav > li > a.nav-home {
		  width:95px;
		  margin-left:-15px;
		}
		
		/* Temporarily removed Marketing Automation from top nav and added Testimonials. Add 10px to each button to spread nav evently */
		.navbar-nav > li > a.nav-marketingautomation {
		  width:205px;
		}

					.navbar-nav > li > a.nav-testimonial {
					  width:150px;
					}
					
					
		.navbar-nav > li > a.nav-service {
		  width:165px;
		}
		
		.navbar-nav > li > a.nav-compliance {
		  width:150px;
		}
		
		.navbar-nav > li > a.nav-broker {
		  width:180px;
		}
		
		.navbar-nav > li > a.nav-pricing {
		  width:230px;
		}
		
		.navbar-nav > li > a.nav-request {
		}

		.topnav-freetrial {
			display:none;
		}
	} 



	@media screen and (min-width: 992px) and (max-width:1199px) { 
		.navbar {
		  font-size: .70em;
		  letter-spacing: 0em;
		}

		.navbar-nav > li > a.nav-home {
		  width:65px;
  		margin-left:0px;
		}
		
		.navbar-nav > li > a.nav-marketingautomation {
		  width:175px;
		}
		
		.navbar-nav > li > a.nav-service {
		  width:125px;
		}
		
		.navbar-nav > li > a.nav-compliance {
		  width:100px;
		}
		
		.navbar-nav > li > a.nav-broker {
		  width:140px;
		}
		
		.navbar-nav > li > a.nav-pricing {
		  width:180px;
		}
		
		.navbar-nav > li > a.nav-request {
		  width:155px;
		}

		.topnav-freetrial {
			display:none;
		}
	}


	@media screen and (min-width: 768px) and (max-width:991px) { 
		.navbar {
		  font-size: .70em;
		  letter-spacing: 0em;
		}

		.navbar-nav > li > a.nav-home {
		  width:60px;
  		margin-left:0px;
		}
		
		.navbar-nav > li > a.nav-marketingautomation {
		  width:155px;
		}
		
		.navbar-nav > li > a.nav-service {
		  width:115px;
		}
		
		.navbar-nav > li > a.nav-compliance {
		  width:90px;
		}
		
		.navbar-nav > li > a.nav-broker {
		  width:120px;
		}
		
		.navbar-nav > li > a.nav-pricing {
		  width:170px;
		}
		
		.navbar-nav > li > a.nav-request {
		  display:none;
		}
	}





/* Custom Resizing of Header Logo
----------------------------------------------------------------------------------------- */
.navbar-logo img {
	width: 100% \9; /*Force IE10 and below to size SVG images correctly*/
	max-width: 100%;
}


@media (max-width:767px) { 
	.navbar-logo img {
	    width: 70% \9; /*Force IE10 and below to size SVG images correctly*/
	    max-width: 70% !important;
	}
}


@media (max-width:480px) { 
	.navbar-logo img {
	    width: 60% \9; /*Force IE10 and below to size SVG images correctly*/
	    max-width: 60% !important;
	}
}




/* TOPNAV FOR TOOLS - CONTACT AND LOGIN
----------------------------------------------------------------------------------------- */
A.topnav1:link {font-size:12px; color: #428bca; font-weight: normal; text-decoration: none; line-height:12px;}
A.topnav1:visited {font-size:12px; color: #428bca; font-weight: normal; text-decoration: none; line-height:12px;}
A.topnav1:active {font-size:12px; color: #428bca; font-weight: normal; text-decoration: none; line-height:12px;}
A.topnav1:hover {font-size:12px; color: #ffcc00; font-weight: normal; text-decoration: none; line-height:12px;}

@media (max-width:767px) { 
	A.topnav1:link {font-size:11px;}
	A.topnav1:visited {font-size:11px;}
	A.topnav1:active {font-size:11px;}
	A.topnav1:hover {font-size:11px;}
}

A.topnav1-guarantee:link {font-size:12px; color: #000; font-weight: normal; text-decoration: none; line-height:12px;}
A.topnav1-guarantee:visited {font-size:12px; color: #000; font-weight: normal; text-decoration: none; line-height:12px;}
A.topnav1-guarantee:active {font-size:12px; color: #000; font-weight: normal; text-decoration: none; line-height:12px;}
A.topnav1-guarantee:hover {font-size:12px; color: #ffcc00; font-weight: normal; text-decoration: none; line-height:12px;}

@media (max-width:767px) { 
	A.topnav1-guarantee:link {font-size:11px;}
	A.topnav1-guarantee:visited {font-size:11px;}
	A.topnav1-guarantee:active {font-size:11px;}
	A.topnav1-guarantee:hover {font-size:11px;}
}

/* I DON'T KNOW WHAT THIS IS FOR */
#video_bg { 
	position: absolute;
	bottom: 0px;
	right: 0px;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: 0;
	overflow: hidden;
	display: block;
}



/* Tango Studios Themed Button Extracted for Re-use */
/* ----- THIS IS USED ON SUBSCRIPTION PAGES ----- */

.ts-btn {
	width: 100%;
	display: block;
	padding: 15px 20px;
	color: #FFF;
	font-size: 12pt;
	text-decoration:none;
	text-align: center;
}
.ts-btn:hover {
	text-decoration:none;
	color: #FFF;
}

.ts-btn-green {
	background-color: #31b483;
	border: 2px solid #62caa3;
}
.ts-btn-green:hover {background-color: #38c18d;}

.ts-btn-blue {
	background-color: #316fb4; 
	border: 2px solid #72a9e6;
}
.ts-btn-blue:hover {background-color: #4080c7;}

.ts-btn-purple {
	background-color: #8963a2; 
	border: 2px solid #bc8cdd;
}
.ts-btn-purple:hover {background-color: #966cb2;}

input[type=submit].ts-btn-arrow {
	background-image: url('/images/subscriptions/continue-arrow.gif');
	background-repeat: no-repeat;
	background-position: right center;
	overflow:none;
	text-align: left;
	float: left;
	height:46px;
	padding: 0px 30px 0px 15px;
}

a.ts-btn-arrow {
	background-image: url('/images/subscriptions/continue-arrow.gif');
	background-repeat: no-repeat;
	background-position: right center;
	overflow:none;
	text-align: left;
	float: left;
	line-height:46px;
	padding: 0px 30px 0px 15px;
}



/* SECONDARY PAGES */
.secondary #nav-bar {
	border-bottom: none;
	margin-bottom: 40px;
}
.secondary .content {
	color: #333;
}
.secondary .content  .no-bg-row {
	padding: 50px 0;
}
.secondary .content .bg-row {
	text-align: center;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #e5e5e5;
	background-size: cover;
	padding-top: 50px;
}
.secondary .content h1 {
	/* font-family: 'Lato', sans-serif; */
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 28pt;
	margin-top: 0;
}
.secondary .content h2 {
	font-size: 24pt;
	margin: 0 0 30px;
	font-weight: 300;
}
.secondary .content .subtitle {
	font-size: 14pt;
	margin-bottom: 20px;
}
.secondary .content p , .secondary .content label {
	font-size: 11pt;
	font-weight: 300;
}
.secondary .content .no-bg-row ul li{
	margin-bottom: 10px;
	line-height: 20px;
}
.secondary .testimonials-row {
	padding: 50px 0;
	color: #FFF;
}
.secondary .testimonial{
	margin: 0 20px;	
} 
.secondary .testimonials-row h2 {
	text-align: center;
	font-size: 24pt;
	margin: 20px 0;
}
.secondary .testimonials-row .testimonial {	
	margin-top: 30px;
	padding: 30px 40px;
}
.secondary .testimonials-row .testimonial p {
	font-family: "Georgia", serif;
	font-style: italic;
	font-size: 12pt;
	line-height: 24px;
}
.secondary .testimonials-row .testimonial .author {
	font-size: 12pt;
	font-style: italic;
	text-align: right;
}
.secondary .testimonials-row .testimonial .author span { color: #FFF; font-weight: bold; }
.secondary .get-started {
	padding: 50px 0;
	background: url(/images/get-started-bg.jpg) no-repeat;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/get-started-bg.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/get-started-bg.jpg', sizingMethod='scale')";	
}
.secondary .get-started h2 { text-align: center; }
.secondary .get-started a.pricing-btn,
.secondary .get-started a.contact-btn {
	font-size: 13pt;
	border-radius: 30px;
	color: #FFF;
	font-weight: 300;
	padding: 15px 20px;
	width: 100%;
	display: block;
	text-align: center;
	margin: 30px 0;
}
.secondary .get-started a.pricing-btn img,
.secondary .get-started a.contact-btn img {	margin-right: 10px; }
.secondary .get-started a.pricing-btn {	background: #316fb4; }
.secondary .get-started a.contact-btn {	background: #8963a2; }

.secondary .get-started a.pricing-btn:hover { text-decoration: none; background: #4080c7; }
.secondary .get-started a.contact-btn:hover { text-decoration: none; background: #966cb2; }

.secondary a.external-link {
	color: #333;
	background: url(/images/external-link.png) no-repeat right top;
	padding-right: 12px;
}
.secondary a.external-link.light {
	color: #FFF;
	background: url(/images/external-link-light.png) no-repeat right top;
}

.testimonials-carousel .item{
    background: none;
    padding:0px;
    margin: 0px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: left;
}
.testimonials-carousel div { *behavior: none;}

.owl-theme .owl-controls { margin-top: 50px; }
.owl-theme .owl-controls .owl-page span { background:#fff; }


/* GENERAL */
.ml-red { color: #b43b31; }
.mp-blue { color: #316fb4; }
.mc-green { color: #83a924; }



/* ML - MarketingLibrary */

/*----- NEW CHANGES Dec 2016 -----*/
.header-bg-service-Library {
	background-image:url(/images/ml/header-bg-service-Library.jpg);
	background-color:#f2f2f5;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	padding: 80px 0;
}

		@media(max-width:992px) {
			.header-bg-service-Library {
				background-image:none !important;
				padding:0px 0px 30px 0px;
				text-align:center;
			}
		}


.ml h1 em { font-style: normal; color: #b43b31; }
.ml .no-bg-1 img { margin-bottom: 20px; }
.ml .bg-1 {	
	background: url(/images/ml/bg-1.jpg) no-repeat; 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ml/bg-1.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ml/bg-1.jpg', sizingMethod='scale')";	
}
.ml .bg-1 .content-wrap { position:relative; overflow: hidden;}
.ml .bg-2 .content-wrap { overflow: hidden; }
.ml .bg-row h2 { color: #b43b31; }
.ml .bg-1 p { margin-bottom: 50px; }
.ml .bg-1 .itm1-1 { position:absolute; bottom:-120px; left:0; }
.ml .bg-1 .itm1-2 { position:relative; margin:0 auto; display:block; z-index:10; opacity: 0; *bottom: -10px;}
.ml .bg-1 .itm1-3 { position:absolute; bottom:-150px; right:0px; }
.ml .bg-1 .itm1-3 .itm1-123 { display: block; margin: 0 auto; }

.ml .content .no-bg-2 { padding-bottom: 0; overflow: hidden; min-height: 380px; }
.ml .no-bg-2 .iphone { opacity: 0; }

.ml .bg-2 {
	background: url(/images/ml/bg-2.jpg) no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ml/bg-2.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ml/bg-2.jpg', sizingMethod='scale')";		
	overflow: hidden; 
}
.ml .bg-2 .icons { text-align: center; font-size: 12pt; font-weight: 600; padding: 30px 0; }
.ml .bg-2 .icons .icon { padding-bottom: 20px; opacity: 0; }
.ml .bg-2 .icons img { margin: 0 auto 20px auto; }

.ml .bg-2 .itm2-5 { position:absolute; bottom:-300px; left:0; }
.ml .bg-2 .itm2-6 { position:relative; left:25%; display:block; z-index:10; opacity: 0; *left:-40px; *bottom: -10px;}
.ml .bg-2 .itm2-7 { position:absolute; bottom:-400px; right:20%; z-index: 15 }
.ml .bg-2 .itm2-8 { position:absolute; bottom:-400px; right:0; }
.ml .bg-2 .itm2-5678 { display: block; margin: 0 auto; }

.ml .content .no-bg-3 { padding-bottom: 0; position: relative; }

.ml .no-bg-3 .itm3-1 { margin: 80px auto 0 auto; }

.ml .no-bg-3 .itm3-2,
.ml .no-bg-3 .itm3-3,
.ml .no-bg-3 .itm3-4,
.ml .no-bg-3 .itm3-5 { 
	position: absolute;
	color: #FFF;
	font-weight: 300;
	display: block;
	opacity: 0;
}

.ml .no-bg-3 .itm3-2 p,
.ml .no-bg-3 .itm3-3 p,
.ml .no-bg-3 .itm3-4 p,
.ml .no-bg-3 .itm3-5 p { 
	display: block;
	width: 105px;
	font-size: 13pt;
	line-height:22px;
	position: relative;
	float: left;
}

.ml .no-bg-3 .itm3-2 {
	width: 200px;
	height: 155px;
	background: url(/images/ml/itm3-2.png) no-repeat;
	top: 185px;
	left: 0;
	padding: 27px 0 0 25px;
}
.ml .no-bg-3 .itm3-3 {
	width: 510px;
	height: 155px;
	background: url(/images/ml/itm3-3.png) no-repeat;
	top: 185px;
	right: 0;
	padding: 27px 25px 0 0;
}
.ml .no-bg-3 .itm3-4 {
	width: 265px;
	height: 165px;
	background: url(/images/ml/itm3-4.png) no-repeat;
	top: 320px;
	left: -90px;
	padding: 40px 0 0 25px;
}
.ml .no-bg-3 .itm3-5 {
	width: 300px;
	height: 150px;
	background: url(/images/ml/itm3-5.png) no-repeat;
	top: 350px;
	right: 50px;
	padding: 30px 25px 0 0;
}
.ml .testimonials-row { background: #b43b31; }
.ml .testimonial { background: #a02d23; color: #fce0de; }

/* MP -- MarketingPro */



/* SUBSCRIPTIONS */

			/*----- NEW CHANGES  Dec 2016 -----*/
			.subscriptions td, th {
			  padding: 3px;
			}

.subscriptions .bg-1 {	
	background: url(/images/subscriptions/bg-1.jpg) center center no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/subscriptions/bg-1.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/subscriptions/bg-1.jpg', sizingMethod='scale')";	
 	padding-bottom: 50px;
}
.subscriptions .bg-1 .container { text-align: left; color: #FFF; }
.subscriptions .bg-1 .container h2 { font-size: 28pt; }

.subscriptions .bg-ft {	
	background: url(/images/subscriptions/bg-ft.jpg) center center no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/subscriptions/bg-ft.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/subscriptions/bg-ft.jpg', sizingMethod='scale')";	
 	padding-bottom: 50px;
}
.subscriptions .bg-ft .container { text-align: left; color: #FFF; }
.subscriptions .bg-ft .container h2 { font-size: 28pt; }

.subscriptions .bg-ft-2 .container { text-align: left; padding-bottom:50px; }

.subscriptions .no-bg-1 h2 { padding-top: 40px; }
.subscriptions .no-bg-1 .select-wrap select {
   background: transparent;
   width: 100%;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   cursor: pointer;
   -moz-appearance:window;
}
.subscriptions .no-bg-1 .select-wrap {
   width: 100%;
   height: 46px;
   overflow: hidden;
   background: url('/images/subscriptions/select-arrow.gif') no-repeat right #FFF;
   border: 1px solid #ccc;
   line-height: 46px;
   padding: 0 2px 0 15px;
   margin-bottom: 10px;
}

.subscriptions .no-bg-1 .content-btns {
	border-left: 1px solid #e5e5e5;
	padding: 40px 40px 20px 40px;
}

.subscriptions .no-bg-1 .content-btns a{
	
	margin-bottom: 40px;
	clear: both;
}



/* BROKER-DEALERS */
.broker-dealers .bg-1 {	
	background: url(/images/broker-dealers/bg-1.jpg) no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/broker-dealers/bg-1.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/broker-dealers/bg-1.jpg', sizingMethod='scale')";	
 	padding-bottom: 50px;
}
.broker-dealers .bg-1 .container { text-align: left; color: #FFF; }
.broker-dealers .bg-1 .container h2 { font-size: 28pt; }







/* TEAM */
.team .bg-1 {	
	background: url(/images/team/bg-1.jpg) no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/team/bg-1.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/team/bg-1.jpg', sizingMethod='scale')";	
 	padding-bottom: 50px;
}
.team .bg-1 .container { text-align: left; color: #FFF; }
.team .bg-1 .container h2 { font-size: 28pt; }

.team .bg-2 {	
	background: url(/images/partners/bg-2.jpg) no-repeat;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/team/bg-1.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/team/bg-1.jpg', sizingMethod='scale')";	
 	padding-bottom: 50px;
}
.team .bg-2 .container { text-align: left; color: #FFF; }
.team .bg-2 .container h2 { font-size: 28pt; }

.team .no-bg-1 .team-jump-to div { padding: 0; }
.team .no-bg-1 .team-jump-to .content { 
	text-align: center; 
	border-top: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	display: table;
	width: 100%;
}
.team .no-bg-1 .no-right-border .content { border-right: 0; }
.team .no-bg-1 .no-top-border .content { border-top: 0; }
.team .no-bg-1 .content { display: block; height: 150px; }


 
.team td strong { display: block; min-width: 120px; }
.team td { vertical-align: top; padding: 0 5px; }



/* CUSTOM RESPONSIVE DECLARATIONS */


@media(max-width:992px) {
	h1, h2, .subtitle, p { text-align: center !important; }
	
	.peter-bio .bg-2 .contact-box .content { text-align: center; }
	.subscriptions .no-bg-1 .content-btns { border-left: none; 	border-top: 1px solid #e5e5e5; margin-top: 20px; padding-bottom: 0; }
	.subscriptions .no-bg-1 h2 { padding-top: 0; }
	.secondary #nav-bar { margin-bottom: 0; }
	.team .person-details p.quote { text-align: left; }
	.compliance .content .bg-3 .ipad2 img { position: static; display: block; margin: 0 auto; }
	.compliance .content .bg-3 { padding-bottom: 0; }
}

@media(max-width:1200px) {
	.compliance .bg-1 .ipad-guy img { top: -75px; }
	.compliance .bg-2 .imac img { position: static; display: block; margin: 20px auto; }
	.compliance .bg-2 { padding-bottom: 0; }
	.compliance .content .bg-3 .ipad2 img { top: -19px; }
}

/* GLOBAL */
/* small { font-weight: bold; } */

.padTop5
	{
	padding-top:5px;
	}

/* Card Tiles */
a.cardTile { 
	font-size: 14pt;
	width: 100%;
	color: #333;
	font-weight: 300;
	height: 150px;
	position: relative;
	display:block;
	padding-top: 40px;
}

a.cardTile span { display: block; clear: both; font-size: 11pt; font-style: italic; }

a.cardTile em { 
	display: none;
	position: absolute;
	left: 0;
	bottom: 15px;
	width: 100%;
	text-align: center;
	font-size: 9pt;
	background: url(/images/team/more-border.gif) no-repeat center top;
	padding-top: 5px;
}

a.cardTile em img { margin-top: -3px; margin-left: 2px; }


a.cardTile:hover { background: #316fb4; color: #FFF; text-decoration: none; }
a.cardTile:hover em { display: block; }

a.disabledCardTile:hover { background: none; }

a.cardTile img.cti_normal {display:inline;}
a.cardTile img.cti_over {display:none;}

a.cardTile:hover img.cti_normal {display:none;}
a.cardTile:hover img.cti_over {display:inline;}

a.cardTile a {color:#fff;}

.card-details { background: #316fb4; padding: 30px 0; color: #FFF; font-size: 12pt; font-weight: 300; }
.card-details.even { background: #4d4d4d; }
.card-details h3 { font-size: 28pt; font-weight: 300; margin-bottom: 5px; }
.card-details h4 { font-size: 14pt; font-weight: 300; margin-top: 0; }
.card-details p.quote { font-size: 12pt; font-style: italic; margin: 20px 0; text-align: left !important; }
.card-details img { display: block; margin: 0 auto; }
.card-details a {color:#fff;}
	
/* FOOTER */
footer { background: #666666; }

.footer { padding: 30px 20px 20px 20px; color: #FFF; }

.footer a { color: #FFF; font-size: 10pt; }

.footer ul { list-style: none; padding: 0; margin: 0; }

.footer .col-md-4 li { font-size: 10pt; padding-bottom: 15px; color: #FFF; padding-left: 40px; }

.footer .col-md-4 li em { display: block; clear: both; font-size: 9pt; font-style: normal;}

.footer .col-md-4 li.blog { background: url('https://qa.marketinglibrary.net/images/icons/peter-blog.gif') no-repeat left 7px; }

.footer .col-md-4 li.support { background: url('https://qa.marketinglibrary.net/images/icons/support-portal.gif') no-repeat left 7px; }

.footer .footer-nav .title { font-size: 9pt; padding: 0; color: #FFF; }
.footer .footer-nav li { font-size: 9pt; padding: 2px 0; color: #FFF; }

.footer .copyright { margin-top: 15px; padding-top: 15px; padding-bottom:15px; border-top: 1px solid #949494; text-align: left; font-size:10pt; }
.footer .copyright .privacy { float:right; text-align: right; }
.footer .copyright a { text-decoration:underline; }




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

/* NEW

================================================================================*/
.divider-10 {height:10px}
.divider-20 {height:20px}
.divider-30 {height:30px}
.divider-40 {height:40px}

.text-secondary {color:#f7af03;}

.text-light {color: #f8f8f8;}
		a.text-light:link {color: #f8f8f8;}
		a.text-light:visited {color: #f8f8f8;}
		a.text-light:hover {color: #f7af03;}

.bg-light {background-color:#f3f4f6;}

.box1 {padding:10px 10px; text-align:center; margin-bottom:10px;}
.box1 img {margin:0 auto;}

h1 {font-size:33px !important; line-height:38px; padding-top:20px;}
h2 {font-size:28px !important; line-height:33px}
h3 {font-size:18px !important; line-height:24px}

/* home page hero text */
h1.heroTextLarge {font-size:40px !important; line-height:45px !important; font-weight:400; margin-top:0px;}
h1.heroText {font-size:30px !important; line-height:35px !important; font-weight:400; margin-top:10px; margin-bottom:10px;}
h2.heroText {font-size:25px !important; line-height:30px !important; font-weight:400 !important; margin-top:0px; font-family: 'Source Sans Pro', sans-serif;}
h3.heroText {font-size:18px !important; line-height:24px !important; font-weight:400; margin-top:0px; font-family: 'Source Sans Pro', sans-serif;}

		@media (max-width:400px) {
			h1.heroTextLarge {font-size:25px !important; line-height:28px !important; font-weight:400; margin-top:0px;}
			h1.heroText {font-size:25px !important; line-height:28px !important; font-weight:400; margin-top:10px; margin-bottom:10px;}
			h2.heroText {font-size:20px !important; line-height:23px !important; font-weight:400 !important; margin-top:0px; font-family: 'Source Sans Pro', sans-serif;}
			h3.heroText {font-size:15px !important; line-height:18px !important; font-weight:400; margin-top:0px; font-family: 'Source Sans Pro', sans-serif;}
		}


h3.quote {font-size:20px ; line-height:25px; font-weight:400; margin: 30px 0 0 0;}

ul.information { list-style: none; padding:0;}
li.information {
	background: url('/images/icons/circle-information.png') no-repeat left center;
	padding: 10px 0 0 50px;	
}

ul.regular > li {
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:5px
}

ol.regular > li {
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
	margin-bottom:5px
}


/* large blue TEXT */
.btn-primary-textOnly,
.btn-primary-textOnly:visited {
  white-space: normal; 
  font-family: 'Source Sans Pro', sans-serif;
  color: #0d6bb5;
  font-size:25px;
  line-height:30px;
  padding: 0px;
  text-decoration: none;
	text-transform: uppercase;
  font-weight:400;
}
.btn-primary-textOnly:hover {
  color: #000000;
}

.btn-primary-textOnly img {margin-bottom:2px;}

/* large orange TEXT */
.btn-secondary-textOnly,
.btn-secondary-textOnly:visited {
  white-space: normal; 
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-size:25px;
  line-height:30px;
  padding: 0px;
  text-decoration: none;
	text-transform: uppercase;
  font-weight:400;  
}
.btn-secondary-textOnly:hover {
  color: #f7af03;
}

.btn-secondary-textOnly img {margin-bottom:2px;}

.btn-secondary,
.btn-secondary:visited {
  color: #fff;
  font-weight:bold;
  background-color: #f7af03;
  border-color: #f7af03;
}
.btn-secondary:hover {
  color: #fff;
  background-color: #333;
  border-color: #888;
}

.btn-third,
.btn-third:visited {
  color: #fff;
  font-weight:bold;
  background-color: #003366;
  border-color: #003366;
}
.btn-third:hover {
  color: #fff;
  background-color: #333;
  border-color: #888;
}


.btn-fourth,
.btn-fourth:visited {
  color: #fff;
  font-weight:bold;
  background-color: #6cc513;
  border-color: #6cc513;
}
.btn-fourth:hover {
  color: #fff;
  background-color: #333;
  border-color: #888;
}


/* large blue button on SMA and Library */
.btn-primary-MP,
.btn-primary-MP:visited {
  white-space: normal; 
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-weight:400;
  background-color: #0d6bb5;
  border-color: #0d6bb5;
  border-radius: 3px;
}
.btn-primary-MP:hover {
  color: #fff;
  background-color: #003366;
  border-color: #003366;
}

/* large orange button on FREE Trial */
.btn-secondary-MP,
.btn-secondary-MP:visited {
  white-space: normal; 
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-weight:400;
  background-color: #ff9b00;
  border-color: #e79009;
  border-radius: 3px;
}
.btn-secondary-MP:hover {
  color: #fff;
  background-color: #dd8703;
  border-color: #dd8703;
}


/* large green button on Promo page */
.btn-fourth-MP,
.btn-fourth-MP:visited {
  white-space: normal; 
  font-family: 'Source Sans Pro', sans-serif;
  color: #fff;
  font-weight:400;
  background-color: #6cc513;
  border-color: #569f0c;
  border-radius: 3px;
}
.btn-fourth-MP:hover {
  color: #fff;
  background-color: #498a07;
  border-color: #549811;
}


.btn-lg-MP {
font-size:27px;
line-height:34px;
padding-bottom:10px;
}

	@media(max-width:768px) {
			.btn-lg-MP {
			  padding: 5px 10px;
			  font-size: 18px;
			  line-height: 1.5;
			  border-radius: 3px;
			}
	}


/*================ 4 section button colors ON HOME PAGE ==================*/
.btn-Library,
.btn-Library:visited {
  color: #fff;
  background-color: #b43b32;
  border-color: #b43b32;
  text-transform: uppercase;
  font-size:10px;
}
.btn-Library:hover {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.btn-Pro,
.btn-Pro:visited {
  color: #fff;
  background-color: #3399cc;
  border-color: #3399cc;
  text-transform: uppercase;
  font-size:10px;
}
.btn-Pro:hover {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.btn-ProSM,
.btn-ProSM:visited {
  color: #fff;
  background-color: #669933;
  border-color: #669933;
  text-transform: uppercase;
  font-size:10px;
}
.btn-ProSM:hover {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.btn-ProVMA,
.btn-ProVMA:visited {
  color: #fff;
  background-color: #6666cc;
  border-color: #6666cc;
  text-transform: uppercase;
  font-size:10px;
}
.btn-ProVMA:hover {
  color: #fff;
  background-color: #333;
  border-color: #333;
}

.btn-playVideo,
.btn-playVideo:visited {
  color: #fff;
  background-color: #0d6bb5;
  border-color: #0d6bb5;
  text-transform: uppercase;
  font-size:10px;
}
.btn-playVideo:hover {
  color: #fff;
  background-color: #333;
  border-color: #333;
}




/*================ CAROUSEL USED ON HOME PAGE (scrolling Testimonials) and BROKER/DEALERS PAGE (scrolling logos) ==================*/

.carousel-reviews .carousel-control.left,.carousel-control.right  {background:none;}


.block-text {
    background-color: none;
    border-radius: 0px;
    border:0;
    color: #222;
    font-size: 14px;
    margin-top: 0px;
    padding: 15px 18px;
    height:230px;
}
.block-text a {
 		color: #7d4702;
    font-size: 25px;
    font-weight: bold;
    line-height: 21px;
    text-decoration: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.block-text p {
    font-style: italic;
    line-height: 22px;
    text-align:center;
}

.block-text p.name {
    padding-top:10px;
    font-size:12px;
    font-style: normal;
    text-transform: uppercase;
    color:#808080;
    line-height: 16px;
    text-align:center;
}

.block-text ins {
    bottom: -44px;
    left: 50%;
    margin-left: -60px;
}

.zmin {
    z-index: 1;
}

.rel {
    position: relative;
}



/* Part of Carousel - Styles for Broker Dealer image thumnail - to make the logos center vertically and horizontally */
.BD-img-thumb {
  height: 200px;
  position: relative;
  width: 170px;
  margin-top:0px;
}

.BD-img-thumb img {
  background-color: none;
  /* color: #000; */
  /* font-family: arial; */
  width: 130px;
  /* This is what you need to center your element both vertically and horizontally. */
  left: 50%;
  position: absolute; /* Don't forget to add position: relative; to your container. */
  top: 50%;
  transform: translate(-50%, -50%);
}





/* ----------- MAINPAGE LAYOUT - Home Page, Marketing Automation, Our Services, SMA, VMA, Broker Dealer ----------- */

.mainpage .content {
	color: #333;
}

.mainpage .content h2 {
	margin: 0 0 30px;
}

.mainpage .content .no-bg-row {
	border-top: 1px solid #e5e5e5;
	border-bottom: 0px solid #e5e5e5;
	padding: 60px 0;
}

		.mainpage .content .no-bg-row ul li{
			margin-bottom: 10px;
			line-height: 20px;
			text-align:left;
		}

.mainpage .content .bg-row {
	background-repeat:no-repeat;
	background: center center no-repeat;
	background-size: cover;
	text-align: left;
	padding: 60px 0;
}

.mainpage .content .bg-row-show {
	background-repeat:no-repeat;
	background: center center no-repeat;
	background-size: cover;
	text-align: left;
	padding: 60px 0;
}



		@media(max-width:992px) {
			.mainpage .content .bg-row {
				background-image:none !important;
				background-color:#f2f2f5;
				padding:0px 0px 30px 0px;
				text-align:center;
			}
			
			.mainpage .content .bg-row ul li {
				text-align:left;
			}

			.mainpage .content .bg-row-show {
				padding:0px 0px 0px 0px;
			}

			.mainpage .content .no-bg-row {
				text-align:center;
			}

		}




		/* -- Center MPro product logos on smaller screen - Our Service Page -- */
		@media(max-width:990px) {
			.logo {
				margin:0 auto;
			}
		}

/* ----------- MAIN PAGE BACKGROUND STYLE FOR THE NEW PAGES ----------- */

		/* HOME PAGE */
		.mainpage .content .bg-row-header {
			background-repeat:no-repeat;
			background: center center no-repeat;
			background-size: cover;
			text-align: left;
			padding: 30px 0;
			height: 460px;
		}

		.mainpage .content .header-bg-home-1 {
			background-image:url(/images/home/header-bg-home-1.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .header-bg-home-2 {
			background-image:url(/images/home/header-bg-home-2.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .header-bg-home-3 {
			background-image:url(/images/home/header-bg-home-3.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .header-bg-home-4 {
			background-image:url(/images/home/header-bg-home-4.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .header-bg-home-5 {
			background-image:url(/images/home/header-bg-home-5.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .header-bg-home-6 {
			background-image:url(/images/home/header-bg-home-6.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .header-bg-home-7 {
			background-image:url(/images/home/header-bg-home-7.jpg);
			background-color:#f2f2f5;
		}
		
		
		/* this is used on the bottom of Services Overview page */	
		.mainpage .content .bg-freetrial-1 {
			background-image:url(/images/home/bg-freetrial-1.jpg);
			background-color:#394956;
		}

		.mainpage .content .bg-freetrial-2 {
			background-image:url(/images/home/bg-freetrial-2.jpg);
			background-color:#394956;
		}

				@media(max-width:992px) {
					.mainpage .content .bg-row-header {
						background-image:none !important;
						padding:0px 0px 0px 0px;
						text-align:center;
						height: 770px;
					}	
				}



				@media (max-width:400px) {
					.mainpage .content .bg-row-header {
						background-image:none !important;
						padding:0px 0px 0px 0px;
						text-align:center;
						height: 570px;
					}
				}
				
				
		/* SERVICE MAIN PAGE */
		.mainpage .content .header-bg-service {
			background-image:url(/images/our-services/header-bg-service.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .bg-service-MLibrary {
			background-image:url(/images/our-services/bg-service-MLibrary.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .bg-service-MPro {
			background-image:url(/images/our-services/bg-service-MPro.jpg);
			background-color:#0a1e2e;
		}
		.mainpage .content .bg-service-MProSMA {
			background-image:url(/images/our-services/bg-service-MProSMA.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .bg-service-MProVMA {
			background-image:url(/images/our-services/bg-service-MProVMA.jpg);
			background-color:#f2f2f5;
		}


		/* SERVICE PAGE CHART ON BOTTOM */
		#service-chart .title { 
			text-align: right;
			white-space: normal;
			padding-right:10px;			
		}
		
		#service-chart .data { 
			text-align: center;
			width:170px;
		}
		
		#service-chart .logo {
			margin:0 auto;
			padding:5px 5px;
			vertical-align: text-top;
		}
		
		#service-chart .table thead>tr>th {
			padding:15px 0;
		}
		
		#service-chart .table tbody>tr>td {
			border: 1px 0px solid #efefef;
		}
		
		#service-chart .table {
			border-collapse: collapse;
		}
		
				@media(max-width:768px) {
					#service-chart .data {
						width: 100px;				
					}			
				}
				
		
		
		/* SMA PAGE */
		.mainpage .content .header-bg-service-SMA {
			background-image:url(/images/mp-sma/header-bg-service-SMA.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .bg-service-SMA-row2 {
			background-image:url(/images/mp-sma/bg-service-SMA-row2.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .bg-service-SMA-row4 {
			background-image:url(/images/mp-sma/bg-service-SMA-row4.jpg);
			background-color:#394956;
		}
		
		/* VMA PAGE */
		
		.mainpage .content .header-bg-service-VMA {
			background-image:url(/images/mp-vma/header-bg-service-VMA.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .bg-service-VMA-row2 {
			background-image:url(/images/mp-vma/bg-service-VMA-row2.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .bg-service-VMA-row3 {
			background-image:url(/images/mp-vma/bg-service-VMA-row3.jpg);
			background-color:#394956;
		}

		/* BROKER DEALER PAGE */
		.mainpage .content .header-bg-broker {
			background-image:url(/images/broker-dealers/header-bg-broker.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .bg-broker-row2 {
			background-image:url(/images/broker-dealers/bg-broker-row2.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .bg-broker-row3 {	
			background-color:#0a1e2e;	
		}
		.mainpage .content .bg-broker-row4 {
			background-image:url(/images/broker-dealers/bg-broker-row4.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .bg-broker-row5 {
			background-image:url(/images/broker-dealers/bg-broker-row5.jpg);
			background-color:#0a1e2e;
		}
		.mainpage .content .bg-broker-row6 {
			background-image:url(/images/broker-dealers/bg-broker-row6.jpg);
			background-color:#f2f2f5;
		}

		/* MARKETING AUTOMATION PAGE */
		.mainpage .content .header-bg-MAutomation {
			background-image:url(/images/marketing-automation/header-bg-MAutomation.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .bg-MAutomation-row2 {
			background-image:url(/images/marketing-automation/bg-MAutomation-row2.jpg);
			background-color:#ffffff;
		}
		.mainpage .content .bg-MAutomation-row3 {
			background-color:#257abc;
		}
		.mainpage .content .bg-MAutomation-row4 {
			background-color:#f2f2f5;
		}

		.mainpage .content .bg-Lavender {
			background-color:#e4eef6;			
		}

		/* NEWS & KNOWLEDGE */
		.mainpage .content .header-bg-news {
			background-image:url(/news/images/header-bg-news-Peter.jpg);
			background-color:#f2f2f5;
			background-position:top left;
			position:relative;
			padding: 120px 0px;
		}

				@media(max-width:991px) {
					.mainpage .content .header-bg-news {
						padding: 60px 0px;
					}			
				}

				@media(max-width:768px) {
					.mainpage .content .header-bg-news {					
						padding: 50px 0px;
					}	
					.mainpage .content .header-bg-news h1.heroTextLarge {
						font-size:30px !important; line-height:32px !important; font-weight:400; margin-top:0px; padding-left:130px;
					}		
				}

				@media(max-width:500px) {
					.mainpage .content .header-bg-news {
						background-image:url(/news/images/header-bg-news-Peter-mobile.jpg);	
						padding: 50px 0px;
					}	
					.mainpage .content .header-bg-news h1.heroTextLarge {
						font-size:24px !important; line-height:26px !important; font-weight:400; margin-top:0px; padding-left:0px;
					}
				}

				@media(max-width:400px) {
					.mainpage .content .header-bg-news {
						padding: 30px 0px;
					}	
					.mainpage .content .header-bg-news h1.heroTextLarge {
						font-size:18px !important; line-height:20px !important; font-weight:400; margin-top:0px;
					}
				}
		
		.news-image {
			width:70%;
			margin:0 auto;
			padding-bottom:10px;
		}

		.news-image-pge {
			width:100%;
			margin:0 auto;
			padding-bottom:10px;							
		}

				@media(max-width:991px) {
					.news-image-pge {
						width:70%;						
					}
				}
		
		.news-pagnation {
			float:right;
			padding-top:20px;
			padding-bottom:30px;	
		}



		/* PERFORMANCE PAGE */
		.mainpage .content .header-performance {
			background-image:url(/images/performance/header-performance.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .bg-performance-row2 {
			background-image:url(/images/performance/bg-performance-row2.jpg);
			background-color:#ffffff;
		}

		/* TESTIMONIALS PAGE */
		.mainpage .content .header-testimonials {
			background-image:url(/images/testimonials/header-testimonials.jpg);
			background-color:#f2f2f5;
		}

		/* CONTACT PAGE */
		.mainpage .content .header-bg-contact {
			background-image:url(/images/contact/header-bg-contact.jpg);
			background-color:#f2f2f5;
		}
		.mainpage .content .bg-contact-row2 {
			background-image:url(/images/contact/bg-contact-row2.jpg);
			background-color:#f2f2f5;
		}		
		
		
/* FOLLOW MARKETINGPRO - MEDIA ICONS ON BOTTOM */
@media all and (max-width:600px){
    #media-icon1 table{
        width:100%;
    }
    
    #media-icon1 td{
        display:block;
        width:100%;
    }
    
    #media-icon1 tr{
        display:block;
    }
    
    #media-icon1 tr tr{
        margin-bottom:0;
    }
}	


/* PROMO PAGES */
body.promo {
  padding-top: 76px !important;
}	



/*  floating circle arrow pointing down on Services main page and Performance Guarantee page */
div.float-circle-left {
  position: absolute;
  top: -90px;
  right: 45%;
  z-index: 1;
	opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}

div.float-circle-right {
  position: absolute;
  top: -90px;
  right: 45%;
  z-index: 1;
	opacity: 0.7;
  filter: alpha(opacity=70); /* For IE8 and earlier */
}	

		@media(max-width:992px) {
			div.float-circle-left {
			  top: -35px;
			  right: 46%;
			}	
			div.float-circle-right {
			  top: -35px;
			  right: 46%;
			}	
		}	

		@media(max-width:400px) {
			div.float-circle-left {
			  right: 41%;
			}		
			div.float-circle-right {
			  right: 41%;
			}	
		}