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

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}


/* Global */

body {-webkit-text-size-adjust: 100%; background-color:#fff; font-family: "proxima-nova",sans-serif; font-weight:400; font-style:normal; margin:0; padding: 0;}
	
a {
	color: #d84127;
	text-decoration: none;
}

a:visited {
	color: #d84127;
	text-decoration: none;
}

a:hover, a:visited:hover {
	color: #248ac4;
	text-decoration: none;
}
	
	
	 .scale-forty {width:40%; height:auto;}


.btn, .btn:visited {
	background-color: #d84127;
	color: #fff;
	padding: 8px 20px 9px 20px;
	border: none;
	border-radius: 28px;
	font-size: 12px;
	margin-right: 15px;
	margin-bottom: 25px;
	display: inline-block;
}

.btn:hover, .btn:visited:hover {
	background-color: #d84127;
	color: #fff;
	font-size: 12px;
	margin-right: 15px;
	display: inline-block;
}

.btn-white a, .btn-white a:visited {
	display: inline-block;
	padding: 14px 20px 14px 20px;
	border: none;
	background-color: rgba(255,255,255,0.2);
	border-radius: 28px;
	color: rgb(255,255,255);
	font-size: 14px;
	line-height: 14px;
	margin: 20px 20px 0 0;
}

.btn-white a:hover, .btn-white a:visited:hover {
	background-color: rgba(0,0,0,0.3);
	-moz-transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}




	#page-content h2.blue {
		font-weight: 700 !important;
		font-size: 32px;
		line-height: 38px;
		margin: 0 0 20px 0;
		color: #2765d8;
	}

	#page-content h4.headings {   
		background-color: rgba(63, 83, 100, 0.05);
		padding: 6px 6px 6px 18px;
		border-radius: 20px;
	}
	
	#page-content .bad-wrapper h4 {
		color: #3f5364;
	}
	
	

.grad-bg-bp {
    background: linear-gradient(135deg, #2765d8, #af29bb);
}

.grad-bg-bp.white h3 {
    color: rgb(255,255,255) !important;
	text-transform: none;
	font-weight: 700;
	font-size: 24px;
}


.has-text-align-center {text-align: center;}

/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Small Screen */

@media screen and (max-width:769px){
	
	/* Navigation */

	.back {
		position: fixed;
		bottom: 50px;
		left: 10px;
		height: 40px;
		width: 40px;
		z-index: 1000;
		border-radius: 50%;
		background-color: rgba(63,83,100,0.25);
		background-image: url(../images/back.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;
	}
	
	
	.next {
		position: fixed;
		bottom: 50px;
		right: 10px;
		height: 40px;
		width: 40px;
		z-index: 1000;
		border-radius: 50%;
		background-color: rgba(63,83,100,0.25);
		background-image: url(../images/next.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;
	}


/* Page Structure */
	
	body {
		font-family: "proxima-nova",sans-serif;
		font-weight: 400;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		color: #3f5364;
	}
	
	.clear {
		clear: both;	
	}
	
			

/* Intro */
	
	.intro {
		width: calc(100% - 120px);
		padding: 50px 60px 80px 60px;
		text-align: center;
		vertical-align: top;
		background: linear-gradient(135deg, #f36b24, #af29bb);
		position: relative;
	}
	
	.intro h1 {
		width: 90%;
		max-width: 980px;
		color: #ffffff;
		font-family: "proxima-nova",sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 16px;
		line-height: 24px;
		margin: 20px auto;
		padding: 0 5%;
	}
		.intro h1 span {
			color: #FFFFFF;
			font-family: "proxima-nova",sans-serif;
			font-weight: 300 !important;
			font-style: normal !important;
			font-size: 32px;
			line-height: 36px;
			display: block;
			margin: 20px auto;
		}
		
		
		.intro .container {
		  position: relative;
		  z-index: 200;
		}
	
		.intro .curve {
		  position: absolute;
		  z-index: 100;
		  top: 0;
		  bottom: 0;
		  right: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background: url('../images/curve.png') bottom left no-repeat;
		  background-size: 110% auto;
		}
		

/* Content Blocks */


		/* Content Blocks */
		
		.heading {margin-bottom: 30px;}
		
		.logo {
			width: 100%;
			height: auto;
			max-width: 150px;	
		}

		.page {
			padding: 5%;
			background-color: rgba(255,255,255,1.0);
		}
		
		
		.panel {
			margin: 0 auto;
			vertical-align: top;
			padding: 0;
		}
			
		.container, .home-content {
			margin: 0 auto;
			vertical-align: top;
		}
		
				
		.pad-1 {
			padding: 1% 0 1% 0;
		}
		
		.pad-2 {
			padding: 2% 0 2% 0;
		}
		
		.pad-3 {
			padding: 3% 0 3% 0;
		}
		
		.pad-4 {
			padding: 4% 0 4% 0;
		}
		
		.pad-5 {
			padding: 5% 0 5% 0;
		}
		
		.threequarter {
			display: inline-block;
			width: 58.5%;
			text-align: left;
			vertical-align: top;
			margin: 1% 1.5% 1% 0;
			padding: 2% 1% 1% 0;
		}
		
		.half {
			display: inline-block;
			width: 43.5%;
			text-align: left;
			vertical-align: top;
			margin: 1% 2% 1% 0;
			padding: 2% 1% 2% 2%;
		}
		
			.half-no-pad {
				display: inline-block;
				width: 48%;
				text-align: left;
				vertical-align: top;
				margin: 0;
				padding: 0;
			}
			
			.half-no-pad img {
				width: 100%;
				height: auto;
				margin: 0;
				padding: 0;
				display: block;
			}
		
		.two-third {
			text-align: left;
			vertical-align: top;
			margin: 1% 2% 1% 0;
			padding: 2% 1% 2% 2%;
		}
		
		.third {
			text-align: left;
			vertical-align: top;
			margin: 0 2% 0 0;
			padding: 0 1% 0 2%;
		}
		
		
		.third-centered {
			display: block;
			width: 80%;
			text-align: center !important;
			vertical-align: top;
			margin: 0 auto;
			padding: 2% 1% 2% 2%;
		}
		
			.third-centered img {
				width: 100%;
				height: auto;
				margin: 0 0 15px 0;
				padding: 0;
				display: block;
			}
		
		.fifth {
			display: inline-block;
			width: 16%;
			text-align: center;
			vertical-align: top;	
			margin: 1% -4px 1% 0;
			padding: 2%;
		}
			
	
		.bad-half img, .bad-third img {
			width: 40%;
			height: auto;
			margin: 0 0 15px 0;
			padding: 0;
			display: block;
		}
	
		#page-content .bad-wrapper h2 {
			font-size: 21px;
			margin-bottom: 20px;
		}
	
		#page-content .bad-wrapper p {
			text-align: left;
		}
	
		#SpotlightClients {
			margin: 2% auto;
			display: flex;
			align-items: center;
			 background-color: #fff; 
			 padding: 2% 0 2% 2%;
			 border-radius: 4px;
			 box-shadow: 0 0 4px #ccc;	
		}

		#SpotlightClients .spotlight {
			width: 20%;
		}
	
			#SpotlightClients .spotlight img {
				width: 80%;
			}
	
			
		#clients {
			 background-color: #fff; 
			 padding: 2% 0 2% 2%;
			 border-radius: 4px;
			 box-shadow: 0 0 4px #ccc;	
		}
		
		.client {
			display: inline-block;
			width: 17%;
			text-align: center;
			vertical-align: middle;
			margin: 1% 0 1% 0;
			padding: 0% 1% 0% 1%;
		}
		
		.third-centered p, .client p {
			text-align: center !important;
			vertical-align: top;
		}
		
		
			#clients .client img {
				max-width: 85%;
				height: auto;
				max-height: 100px;
			}	
			
			
			
		.bio {
			text-align: left;
			vertical-align: top;	
		}
		
		.bio-image {
			width:100px;
			float: right;
			margin: 0 0 15px 15px;
			padding: 10px;
			border: 6px solid rgba(63,83,100,0.05);
		}
	
	.bio-image a {display: block;}
	
		.bio-image .portrait	{
			width: 100%;
			height: auto;	
		}
	
		.bio-image .linkedin {
			width: 40px;
			height: auto;
			margin: 10px auto;
			padding: 0;
		}
		
		.bio-image-blank {
			float: right;
			margin: 0 0 15px 15px;
			padding: 0 0 0 0;
			display: none;
		}
		
		.bio-text {
			display: block;
			margin: 0;
			padding: 0;
		}	
	
		#page-content .bio-text p {
			text-align: left;
		}	
		
		#page-content .bio-text h4 {
			color: #3f5364;
		}
	
		#page-content .bio-text h4 strong {
			color: #d84127;
			display: block;
			font-size: 24px;
		}
	
	
		.demo-image	{
			width: 100%;
			height: auto;	
		}
		
		
		.services {padding-bottom: 50px;}
		
		.services .fifth {
			text-align: center;
			vertical-align: top;	
		}
		
		
			.services .fifth h2 {
				font-weight: 400;
				font-style: normal;
				font-size: 21px;
				line-height: 24px;
				margin-bottom: 5px;
				color: #3f5364;
			}
		
			.services .fifth img {
				width: 80%;
				height: auto;
				margin: 0 auto;
				padding: 0;
				display: block;
			}
			
		
		
		.brand {
			display: inline-block;
			width: 44%;
			text-align: center;
			vertical-align: top;	
			margin: 1% .5% 1% 0;
			padding: 1% 2%;
			background-color: #fff;
			border-radius: 2px;
			box-shadow: 0 0 6px #ccc;
		}
		
					
		
		.white .content {
			padding: 50px 0 0 50px;	
		}
		
		.white h3, .white li, .white p {
			color: #3f5364;
		}
		
		.white h3 {
			font-weight: 400;
			font-style: normal;
			font-size: 32px;
			line-height: 32px;
			margin-bottom: 20px;
			text-transform: uppercase;
		}
		
		.white p {
			font-weight: 400;
			font-style: normal;
			font-size: 18px;
			line-height: 24px;
			margin-bottom: 20px;
		}
			
			.white p span {
				font-size: 26px;
			}
		
		.white ul, .white ol {
			margin: 0 0 15px 30px;
			padding: 0 40px 0 0;
		}
			
			.white ul li {
				font-weight: 400;
				font-size: 18px;
				line-height: 24px;
				margin: 0;
				padding: 0;
				list-style-type: disc;
			}
			
			.white ol li {
				font-weight: 400;
				font-size: 18px;
				line-height: 24px;
				margin: 0;
				padding: 0;
				list-style-type: decimal;
			}
						
			
			
		
		
		
		
			
		#page-content h1 {
			color: #3f5364;
			font-family: "proxima-nova",sans-serif;
			font-weight: 700 !important;
			font-style: normal !important;
			font-size: 32px;
			line-height: 36px;
			margin-bottom: 25px;
			padding: 20px 2% 0 0;
		}
		
		#page-content h2 {
			color: #3f5364;
			font-family: "proxima-nova",sans-serif;
			font-weight: 400 !important;
			font-style: normal !important;
			font-size: 38px;
			line-height: 38px;
			margin-bottom: 0;
			padding: 0 2% 0 0;
		}
		
		
		#page-content h4 {
			color: #d84127;
			font-family: "proxima-nova",sans-serif;
			font-weight: 400 !important;
			font-style: normal !important;
			font-size: 20px;
			line-height: 24px;
			margin-bottom: 20px;
			padding: 0 2% 0 0;
		}
		
			#page-content td {
				vertical-align: top;
			}
		
		
			#page-content td h4 {
				color: #d84127;
				font-family: "proxima-nova",sans-serif;
				font-weight: 400 !important;
				font-style: normal !important;
				font-size: 20px;
				line-height: 24px;
				margin-bottom: 20px;
				padding: 0 2% 0 0;
			}


			#page-content .third-centered h4 {
				color: #3f5364;
			}		
		
		#page-content h5 {
			color: #3f5364;
			font-family: "proxima-nova",sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 24px;
			line-height: 33px;
			margin-bottom: 20px;
		}
		
		
		#page-content p {
			color: #3f5364;
			font-family: "proxima-nova",sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 16px;
			line-height: 24px;
			margin-bottom: 20px;
			text-align: justify;
		}
		
		#page-content strong {
			font-weight: 600;
			font-style: normal;
		}
		
		#page-content ul, #page-content ol {
			padding: 0 0 0 35px;
			margin: 0 0 20px 0;
		}
		
		#page-content .third ul, #page-content .third ol {
			padding: 0 0 0 35px;
			margin: 0 0 0 0;
		}
			
		#page-content ul li {
			color: #3f5364;
			font-family: "proxima-nova",sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 16px;
			line-height: 24px;
			margin: 0;
			padding: 0;
			list-style-type: disc;
		}
			
		#page-content ol li {
			color: #3f5364;
			font-family: "proxima-nova",sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 16px;
			line-height: 24px;
			margin: 0;
			padding: 0;
			list-style-type: decimal;
		}
		
		
	hr {
		margin: 20px 0;
		padding: 0;
		height: 4px;
		background-color: rgb(225,229,229);
		border: none;	
	}
	
	.imagescale {
		width: 100%;
		height: auto;	
	}
		
		
	
	/* Accordian Classes */
		
		/*----- Accordion -----*/
		.accordion, .accordion * {
			-webkit-box-sizing:border-box; 
			-moz-box-sizing:border-box; 
			box-sizing:border-box;
		}
		 
		.accordion {
			overflow:hidden;
		}
		
		.accordion .half {
			display: inline-block;
			width: 45.5%;
			text-align: left;
			vertical-align: top;
			margin: 1% 2% 1% 0;
			padding: 2% 0 2% 0;
		}
		 
		.accordion .two-third {
			text-align: left;
			vertical-align: top;
			margin: 1% 2% 1% 0;
			padding: 2% 1% 2% 0;
		}
		 
		.accordion h6 {
			color: #d84127;
			font-size:32px;
			font-weight: 400;
			text-transform: none;
			border-bottom: 3px solid #d84127;
		}
		
		.accordion h3 {
			color: #3f5364;
			font-size:24px;
			font-weight: 400;
			margin-bottom: 15px;
			text-transform: none;
		}
		 
		.accordion ul {
			margin: 0 0 0 15px !important;
			padding-left: 0 !important;
		}
		
		.accordion li {
			color: #3f5364 !important;
			font-size: 14px !important;
			line-height: 16px !important;
			margin-bottom: 5px !important;
		}
		
		
		/*----- Section Titles -----*/
		.accordion-section-title {
			width: 155px;
			height: 155px;
			padding: 10px;
			margin: 2px;
			display:inline-block;
			vertical-align: top;
			background: url(../images/off.png) #ffffff bottom right no-repeat;
			background-size: 50%;
			/* Type */
			color: #888 !important;
			font-size: 24px;
			border-radius: 4px;
			box-shadow: 0 0 4px #ccc;			
		}
		
		.accordion-section a {
			font-size: 14px;
			font-weight: 400;
		}
		 
		.accordion-section-title:hover {
			/* Type */
			text-decoration:none;
			text-outline: none;
			background: url(../images/active.png) #ffffff bottom right no-repeat;
			transition:all linear 0.15s;
			background-size: 50%;
		}
		
		.accordion-section-title.active {
			/* Type */
			text-decoration:none;
			background: url(../images/active.png) #ffffff bottom right no-repeat;
			color: #d84127 !important;
			background-size: 50%;
		}
		
		.accordion-section-title:focus{
			outline:0; /*removes the dotted border*/
		} 
		 
		.accordion-section:last-child .accordion-section-title {
			border-bottom:none;
		}
		 
		/*----- Section Content -----*/
		.accordion-section-content {
			padding: 35px 15px;
			display:none;
		}
		
		.summary {
			background-color: #ffffff;
			border-radius: 4px;
			box-shadow: 0 0 4px #ccc;
			padding: 20px;	
		}
		
		.news {
			padding-top: 20px;	
		}
		
		.paper {
			font-size: 16px !important;
			line-height: 18px !important;
			margin: 0 0 0 0 !important;	
			text-align: left !important;	
		}
		
			.paper a {
				font-size: 16px !important;
				color: #d84127 !important;	
			}
		
		.date {
			font-size: 11px !important;
			font-style: italic !important;
			margin: 0 0 0 0 !important;	
		}
		
		.excerpt {
			font-size: 14px !important;
			margin: 0 0 20px 0 !important;
			line-height: 18px !important;
			text-align: left !important;	
		}
		
		
			.nl {
				display: inline-block;
				width: 37%;
				height: auto;
				text-align: center !important;
				vertical-align: top;
				margin: 2% 2% 2% 0;
				padding: 1% 1% 4% 2%;
				background-color:#ffffff;
				color: #555;
				box-shadow: 0 0 4px #c5c5c5;	
			}
			
				#page-content .nl {
					font-size: 12px;
				}
	
				.nl img {
					width: 75%;
					height: auto;
					margin: 0 0 0 0;
					padding: 0;
				}
			
			
		/* Comparison Chart */
		
			/* Comparison Chart */
	
			.chartborder {
				border: 6px solid rgba(63,83,100,0.05);
				width: calc(100% - 12px);
				max-width: 1200px;
				margin: 0 auto;
			}
		
			.comparison-chart {
				width: calc(100% - 12px);
				background-color: #fff;
				border: 6px solid rgba(255,255,255,1.0);
				margin: 0 auto;
			}
			
			.comparison-chart td.bucket {
				background-color: #ffffff;
				font-weight: 400;
				font-style: normal;
				font-size: 21px;
				line-height: 24px;
				padding: 30px 2% 10px 2%;
				text-align: left;
				vertical-align: middle;
				word-wrap: normal;
				border-bottom: 3px solid #efefef;
				color: #3f5364;
			}
	
			.comparison-chart .heading td  {
				font-weight: 700;
				font-style: normal;
				font-size: 16px;
				line-height: 16px;
				padding: 15px 0 !important;
				text-align: center;
				vertical-align: middle;
				word-wrap: normal;
				color: #3f5364;
			}
	
			 .comparison-chart .heading td strong  {
				font-weight: 700;
				font-style: normal;
				font-size: 18px;
				line-height: 18px;
			}
			
			.comparison-chart tr {
				margin: 0;
				padding: 0;
				list-style-type: none;
				text-align: left;
			}
			
			
				.comparison-chart td:nth-of-type(2), .comparison-chart td:nth-of-type(3) {
					margin: 0;
					padding: 10px 2%;
					text-align: center;
					vertical-align: middle;
					border-top: 1px solid #efefef;
					width: 23%;
					min-width: 70px;
				}
				
					.comparison-chart td:nth-of-type(2) img, .comparison-chart td:nth-of-type(3) img {
						width: 60%;
						height: auto;
						max-width: 50px;
					}
		
				.comparison-chart td.description {
					margin: 0;
					padding: 10px 2%;
					list-style-type: none;
					text-align: left;
					vertical-align: middle;
					border-top: 1px solid #efefef;
					width: 56%;
					font-style: normal;
					font-size: 14px;
					line-height: 18px;
				}
	
				.comparison-chart.features td {
					padding: 20px 2%;
				}
				
					.comparison-chart strong {
						display: block;
						color: #d84127;
						font-weight: 400;
						font-size: 16px;	
					}
					
					a.chartbutton {
						display: none;
					}
	
					a.chartbutton:hover {color:#fff;}
					
			
	/* Comparison Chart */
		
			/* Comparison Chart */
	
			.chartborder {
				border: 6px solid rgba(63,83,100,0.05);
				width: calc(100% - 12px);
				max-width: 1200px;
				margin: 0 auto;
			}
		
			.comparison-chart {
				width: calc(100% - 12px);
				background-color: #fff;
				border: 6px solid rgba(255,255,255,1.0);
				margin: 0 auto;
			}
			
			.comparison-chart td.bucket {
				background-color: #ffffff;
				font-weight: 400;
				font-style: normal;
				font-size: 21px;
				line-height: 24px;
				padding: 30px 2% 10px 2%;
				text-align: left;
				vertical-align: middle;
				word-wrap: normal;
				border-bottom: 3px solid #efefef;
				color: #3f5364;
			}
	
			.comparison-chart .heading td  {
				font-weight: 700;
				font-style: normal;
				font-size: 16px;
				line-height: 16px;
				padding: 15px 0 !important;
				text-align: center;
				vertical-align: middle;
				word-wrap: normal;
				color: #3f5364;
			}
	
			 .comparison-chart .heading td strong  {
				font-weight: 700;
				font-style: normal;
				font-size: 18px;
				line-height: 18px;
			}
			
			.comparison-chart tr {
				margin: 0;
				padding: 0;
				list-style-type: none;
				text-align: left;
			}
			
			
				.comparison-chart td:nth-of-type(2), .comparison-chart td:nth-of-type(3) {
					margin: 0;
					padding: 10px 2%;
					text-align: center;
					vertical-align: middle;
					border-top: 1px solid #efefef;
					width: 23%;
					min-width: 70px;
				}
				
					.comparison-chart td img {
						width: 60%;
						height: auto;
						max-width: 50px;
					}
		
				.comparison-chart td.description {
					margin: 0;
					padding: 10px 2%;
					list-style-type: none;
					text-align: left;
					vertical-align: middle;
					border-top: 1px solid #efefef;
					width: 56%;
					font-style: normal;
					font-size: 14px;
					line-height: 18px;
				}
	
				.comparison-chart.features td {
					padding: 20px 2%;
				}
				
					.comparison-chart strong {
						display: block;
						color: #d84127;
						font-weight: 400;
						font-size: 16px;	
					}
					
					a.chartbutton {
						display: none;
					}
	
					a.chartbutton:hover {color:#fff;}
	
	
	/* --------------------------------- */	
	/* Newsletter and Social Flip Cards */	
	/* --------------------------------- */
		
		.newsletters {
			padding:0 4%;
			margin: 0 auto 60px auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-content: center;
		}
	
		.social-cards {
		  padding: 0 4%;
		  margin: 0 auto 60px auto;
		  display: flex;
		  flex-wrap: wrap;
		  justify-content: center;
		  align-content: center; }

		.flip-container {
		  margin: 20px;
		  perspective: 1000px;
		  transform-style: preserve-3d; }

		.flip-container:hover .back {
		  transform: rotateY(0deg); }

		.flip-container:hover .front {
		  transform: rotateY(180deg); }

		.flip-container, .flip-container .front, .flip-container .back {
		  width: 280px;
		  height: 280px; }

		.social-cards .flip-container, .social-cards .flip-container .front, .social-cards .flip-container .back {
		  width: 230px;
		  height: 230px; }

		.flip-container .flipper {
		  transition: 0.6s;
		  transform-style: preserve-3d;
		  position: relative; }

		.flip-container .front, .flip-container .back {
		  backface-visibility: hidden;
		  transition: 0.6s;
		  transform-style: preserve-3d;
		  position: absolute;
		  top: 0;
		  left: 0; }

		.flip-container .front {
		  z-index: 2;
		  transform: rotateY(0deg);
		  background-color: #fff;
		  border: 4px solid rgba(63, 83, 100, 0.1);
		  text-align: center;
		  display: flex;
		  align-content: center;
		  justify-content: center;
		  align-items: center; }

		.flip-container .front img {
		  width: 80%;
		  height: auto; }

		.flip-container .back {
		  transform: rotateY(-180deg);
		  background-color: #fff;
		  border: 4px solid rgba(63, 83, 100, 0.2);
		  text-align: center;
		  display: flex;
		  align-content: center;
		  justify-content: center;
		  align-items: center;
			border-radius:  0 !important;}
	
		.flip-container .back {background-image:none;}
	
		.social-cards .flip-container .back img {
		  width: 60%;
		  height: auto; }

		.flip-container .back h6 {
		  font-size: 18px;
		  font-weight: 700;
		  color: rgba(63, 83, 100, 0.5);
		  margin-bottom: 0px; }

		.flip-container .back h6:nth-of-type(1) {
		  font-size: 14px;
		  line-height: 18px;
		  font-weight: 400;
		  color: rgba(63, 83, 100, 0.75);
		  margin-bottom: 0px;
		  padding: 0 4%; }

		.flip-container .back p {
		  margin-bottom: 40px;
		}

		.flip-container .back a.btn, .flip-container .back a.btn:visited {
		  background-color: #c42e24;
		  margin-right: 0; }

		.flip-container .back a.btn:hover, .flip-container .back a.btn:visited:hover {
		  background-color: #d84127; }

		.flip-container .back ul.social {
		  display: block;
		  margin: 0 !important;
		  padding: 0 !important;
		  vertical-align: middle;
		  border-right: none; }

		.flip-container .back .social li {
		  display: inline-block;
		  list-style-type: none !important;
		  width: 31px;
		  height: 31px;
		  margin: 4px 2px 0px 2px !important; }

		.flip-container .back .twitter a {
		  display: block;
		  width: 30px;
		  height: 30px;
		  text-indent: 500px;
		  overflow: hidden;
		  background-image: url(../images/icons-social.png);
		  background-position: 0px 0px;
		  background-repeat: no-repeat;
		  background-size: 124px 30px; }

		.flip-container .back .facebook a {
		  display: block;
		  width: 30px;
		  height: 30px;
		  text-indent: 500px;
		  overflow: hidden;
		  background-image: url(../images/icons-social.png);
		  background-position: -31px 0px;
		  background-repeat: no-repeat;
		  background-size: 124px 30px; }

		.flip-container .back .linkedin a {
		  display: block;
		  width: 30px;
		  height: 30px;
		  text-indent: 500px;
		  overflow: hidden;
		  background-image: url(../images/icons-social.png);
		  background-position: -63px 0px;
		  background-repeat: no-repeat;
		  background-size: 124px 30px; }

		.social-cards .flip-container .back .social li {
		  display: inline-block;
		  list-style-type: none;
		  width: 41px;
		  height: 41px;
		  margin: 4px 4px 0px 4px; }

		.social-cards .flip-container .back .twitter a {
		  display: block;
		  width: 41px;
		  height: 41px;
		  text-indent: 500px;
		  overflow: hidden;
		  background-image: url(../images/icons-social.png);
		  background-position: 0px 0px;
		  background-repeat: no-repeat;
		  background-size: 165px 40px; }

		.social-cards .flip-container .back .facebook a {
		  display: block;
		  width: 41px;
		  height: 41px;
		  text-indent: 500px;
		  overflow: hidden;
		  background-image: url(../images/icons-social.png);
		  background-position: -41px 0px;
		  background-repeat: no-repeat;
		  background-size: 165px 40px; }

		.social-cards .flip-container .back .linkedin a {
		  display: block;
		  width: 41px;
		  height: 41px;
		  text-indent: 500px;
		  overflow: hidden;
		  background-image: url(../images/icons-social.png);
		  background-position: -83px 0px;
		  background-repeat: no-repeat;
		  background-size: 165px 40px; }
	
	
	
	/* --------------------------------- */	
	/* BAD Campaign Features */	
	/* --------------------------------- */

	
		.BAD h3 {
			font-weight: 700;
			font-size: 24px;
			line-height: 32px;
			margin: 0 0 20px 0;
			text-align: center;
		}
	
	
		.BAD .flex-center {
			align-items: center;
			justify-content: center;
		}
		.BAD .flex-wrap {
			flex-wrap: wrap;
		}
		.BAD .container-1400-flex {
			width: 100%;
			max-width: 1400px;
			height: auto;
			margin: 0 auto;
			display: flex;
		}
	
		.container-1400 {
			width: 100%;
			max-width: 1400px;
			height: auto;
			margin: 0 auto;
		}
	
	
		.feature {
			width: 100%;
			max-width: 140px;
			margin: 2% 4%;
			font-size: 12px;
			line-height: 14px;
			text-align: center;
		}
	
		.feature img {
			width: 60%;
			height: auto;
			margin: 0 auto;
			-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
		}
	
		.feature p {
			font-size: 14px;
			line-height: 16px;
			margin-bottom: 0;
			text-align: center;
		}
	
	
	
			
/* Footer */

		.footer {
			background-color: rgba(63,83,100,0.05);
			min-height: 120px;
			color: #3f5364;
			text-align: center;
			vertical-align: top;
			padding: 4%;
		}
		
		.footermenu li a:hover {
			color: #1fa3f6;
		}
		
		.footer p {
			padding: 0 0 0 0;	
			font-size: 14px;
			line-height: 24px;
			color: #3f5364;
		}
		

	.footer p.copyright {
		display:block;
		clear: right;
		padding: 15px 0 0 0;
		font-size: 14px;
		text-align: right;
	}
	
	.footer p a {
		color: #3f5364;
	}
	
	
}






/* -------------------------- */
/* -------------------------- */
/* -------------------------- */		
/* Small Screen Landscape */
@media screen and (orientation:landscape) and (max-width:769px){


	/* Navigation */

	.back {
		position: fixed;
		bottom: 50px;
		left: 40px;
		height: 40px;
		width: 40px;
		z-index: 1000;
		border-radius: 50%;
		background-color: rgba(63,83,100,0.25);
		background-image: url(../images/back.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;
	}
	
	
	.next {
		position: fixed;
		bottom: 50px;
		right: 40px;
		height: 40px;
		width: 40px;
		z-index: 1000;
		border-radius: 50%;
		background-color: rgba(63,83,100,0.25);
		background-image: url(../images/next.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;
	}




}





/* -------------------------- */
/* -------------------------- */
/* -------------------------- */
/* Medium Screen Portrait */
@media screen and (orientation:portrait) and (min-width:768px) and (max-width : 1024px) {


		.fifth {
			display: inline-block;
			width: 28%;
			text-align: left;
			vertical-align: top;
			margin: 1% auto;
			padding: 2%;
		}
				
		
		.services {padding-bottom: 50px; text-align: center;}
		
		.services > .fifth {
			text-align: center;
			vertical-align: top;	
		}
		
		
			.services > .fifth h2 {
				font-weight: 400;
				font-style: normal;
				font-size: 21px;
				line-height: 24px;
				margin-bottom: 5px;
				color: #3f5364;
			}
		
			.services > .fifth img {
				width: 40%;
				height: auto;
				margin: 0 auto;
				padding: 0;
				display: block;
			}
			
			

}





/* -------------------------- */
/* -------------------------- */
/* -------------------------- */		
/* Desktop */
@media screen and (min-width:769px){


/* Navigation */

	.back {
		position: fixed;
		bottom: 30px;
		left: 30px;
		height: 50px;
		width: 50px;
		z-index: 1000;
		border-radius: 50%;
		background-color: rgba(0,0,0,0.05);
		background-image: url(../images/back.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;	
		-moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
	}
	
	.back:hover {
		background-color: rgba(0,0,0,0.15);
		background-image: url(../images/back.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;		
	}
	
	
	.next {
		position: fixed;
		bottom: 30px;
		right: 30px;
		height: 50px;
		width: 50px;
		z-index: 1000;
		border-radius: 50%;
		background-color: rgba(0,0,0,0.05);
		background-image: url(../images/next.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;
		-moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
	}
	
	.next:hover {
		background-color: rgba(0,0,0,0.15);
		background-image: url(../images/next.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;
	}



/* Page Structure */
	
	body {
		font-family: "proxima-nova",sans-serif;
		font-weight: 400;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		color: #3c3c3c;
	}
	
	.clear {
		clear: both;	
	}
	
			

/* Intro */
	
	.intro {
		width: calc(100% - 120px);
		padding: 50px 60px 80px 60px;
		text-align: left;
		vertical-align: top;
		background: linear-gradient(135deg, #f36b24, #af29bb);
		position: relative;
	}
	
	.intro h1 {
		width: 90%;
		max-width: 980px;
		color: #ffffff;
		font-family: "proxima-nova",sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 16px;
		line-height: 24px;
		margin: 20px auto;
		padding: 0 5%;
	}
		.intro h1 span {
			color: #ffffff;
			font-family: "proxima-nova",sans-serif;
			font-weight: 300 !important;
			font-style: normal !important;
			font-size: 42px;
			display: block;
			margin: 40px auto;
		}
		
		.intro .container {
		  position: relative;
		  z-index: 200;
		}
	
		.intro .curve {
		  position: absolute;
		  z-index: 100;
		  top: 0;
		  bottom: 0;
		  right: 0;
		  left: 0;
		  width: 100%;
		  height: 100%;
		  background: url('../images/curve.png') bottom left no-repeat;
		  background-size: 110% auto;
		}
		
		

/* Content Blocks */

		.heading {margin-bottom: 30px;}
	
		.logo {
			width: 100%;
			height: auto;
			max-width: 160px;	
		}
		
		.page {
			padding: 0 5% 5% 5%;
			background-color: rgba(255,255,255,1.0);
		}
		
		
		.panel {
			width: 100%;
			margin: 0 auto;
			vertical-align: top;
			padding: 0;
		}
			
		.container, .home-content {
			width: 90%;
			max-width: 2000px;
			margin: 0 auto;
			vertical-align: top;
		}
		
				
		.pad-1 {
			padding: 1% 0 1% 0;
		}
		
		.pad-2 {
			padding: 2% 0 2% 0;
		}
		
		.pad-3 {
			padding: 3% 0 3% 0;
		}
		
		.pad-4 {
			padding: 4% 0 4% 0;
		}
		
		.pad-5 {
			padding: 5% 0 5% 0;
		}
		
		.threequarter {
			display: inline-block;
			width: 58.5%;
			text-align: left;
			vertical-align: top;
			margin: 1% 1.5% 1% 0;
			padding: 2% 1% 1% 0;
		}
		
		.half {
			display: inline-block;
			width: 43.5%;
			text-align: left;
			vertical-align: top;
			margin: 1% 2% 1% 0;
			padding: 2% 1% 2% 2%;
		}
		
			.half-no-pad {
				display: inline-block;
				width: 48%;
				text-align: left;
				vertical-align: top;
				margin: 0;
				padding: 0;
			}
			
			.half-no-pad img {
				width: 100%;
				height: auto;
				margin: 0;
				padding: 0;
				display: block;
			}
		
		.two-third {
			display: inline-block;
			width: 53.5%;
			text-align: left;
			vertical-align: top;
			margin: 1% 2% 1% 0;
			padding: 2% 1% 2% 2%;
		}
		
		.third {
			display: inline-block;
			width: 27%;
			text-align: left;
			vertical-align: top;
			margin: 1% 2% 1% 0;
			padding: 2% 1% 2% 2%;
		}
		
		
		.third-centered {
			display: inline-block;
			width: 27%;
			text-align: center !important;
			vertical-align: top;
			margin: 1% 2% 1% 0;
			padding: 2% 1% 2% 2%;
		}
		
			.third-centered img {
				width: 100%;
				height: auto;
				margin: 0 0 15px 0;
				padding: 0;
				display: block;
			}
		
		.fifth {
			display: inline-block;
			width: 16%;
			text-align: center;
			vertical-align: top;	
			margin: 1% -4px 1% 0;
			padding: 2%;
		}
		
	
		.bad-wrapper {
			margin-top: 40px;
			padding: 40px 0;
		}
			
		.bad-half {
			display: inline-block;
			width: 35%;
			vertical-align: top;
			margin: 1% 2% 1% 0;
			padding: 2% 5% 2% 6%;
		}
	
		.bad-third {
			display: inline-block;
			width: 27%;
			vertical-align: top;
			margin: 1% 2% 1% 0;
			padding: 2% 1% 2% 2%;
		}
	
			.bad-half img, .bad-third img {
				width: 20%;
				height: auto;
				margin: 0 0 15px 0;
				padding: 0;
				display: block;
			}
		
			#page-content .bad-half p, #page-content .bad-third p {
				text-align: left;
			}
	
	
		#SpotlightClients {
			margin: 2% auto;
			display: flex;
			align-items: center;
			 background-color: #fff; 
			 padding: 2% 0 2% 2%;
			 border-radius: 4px;
			 box-shadow: 0 0 4px #ccc;	
		}

		#SpotlightClients .spotlight {
			width: 18%;
			padding: 0 1%;
			text-align: center;
		}
	
			#SpotlightClients .spotlight img {
				width: 70%;
			}
	
	
		#clients {
			 background-color: #fff; 
			 padding: 2% 0 2% 2%;
			 border-radius: 4px;
			 box-shadow: 0 0 4px #ccc;	
		}
		
		.client {
			display: inline-block;
			width: 17%;
			text-align: center;
			vertical-align: middle;
			margin: 1% 0 1% 0;
			padding: 0% 1% 0% 1%;
		}
		
		.third-centered p, .client p {
			text-align: center !important;
			vertical-align: top;
		}
		
		
			#clients .client img {
				max-width: 85%;
				height: auto;
				max-height: 100px;
			}	
			
			
		
		.bio {
			text-align: left;
			vertical-align: top;
			display: flex;
			flex-direction: row;
			border-top: 2px solid rgb(225,229,229);
		}
		
		.bio-image {
			order: 2;
			width: 20%;
			margin: 0 0 0 0;
			padding: 80px 0 0 0;
			text-align: center;
			vertical-align: top;
		}
	
			.bio-image a {display: block;}
	
			.bio-image .portrait {
				width: 80%;
				height: auto;
				margin: 0 auto;
				padding: 10px;
				border: 6px solid rgba(63,83,100,0.05);
			}
	
			.bio-image .linkedin {
				width: 40px;
				height: auto;
				margin: 10px auto;
				padding: 0;
			}
		
		.bio-image-blank {
			display: inline-block;
			width: 15%;
			margin: 0 4.5% 0 0;
			padding: 0 0 0 0;
			text-align: left;
			vertical-align: top;	
		}
		
		.bio-text {
			order: 1;
			width: 80%;
			margin: 0 0 0 0;
			padding: 30px 5% 0 0;
			text-align: left;
			vertical-align: top;
		}
	
		#page-content .bio-text h4 {
			color: #3f5364;
		}
	
		#page-content .bio-text h4 strong {
			color: #d84127;
			display: block;
			font-size: 24px;
		}
		
		
		

		
		.demo-image	{
			width: 100%;
			height: auto;	
		}
		
				
		
		.services {padding-bottom: 50px;}
		
		.services .fifth {
			text-align: center;
			vertical-align: top;	
		}
		
		
			.services .fifth h2 {
				font-weight: 400;
				font-style: normal;
				font-size: 21px;
				line-height: 24px;
				margin-bottom: 5px;
				color: #3f5364;
			}
		
			.services .fifth img {
				width: 80%;
				height: auto;
				margin: 0 auto;
				padding: 0;
				display: block;
			}
			
		
		
		.brand {
			display: inline-block;
			width: 15%;
			text-align: center;
			vertical-align: top;	
			margin: 1% .5% 1% 0;
			padding: 1% 2%;
			background-color: #fff;
			border-radius: 2px;
			box-shadow: 0 0 6px #ccc;
		}
		
					
		
		.white .content {
			padding: 50px 0 0 50px;	
		}
		
		.white h3, .white li, .white p {
			color: #3f5364;
		}
		
		.white h3 {
			font-weight: 400;
			font-style: normal;
			font-size: 32px;
			line-height: 32px;
			margin-bottom: 20px;
			text-transform: uppercase;
		}
		
		.white p {
			font-weight: 400;
			font-style: normal;
			font-size: 18px;
			line-height: 24px;
			margin-bottom: 20px;
		}
			
			.white p span {
				font-size: 26px;
			}
		
		.white ul, .white ol {
			margin: 0 0 15px 30px;
			padding: 0 40px 0 0;
		}
			
			.white ul li {
				font-weight: 400;
				font-size: 18px;
				line-height: 24px;
				margin: 0;
				padding: 0;
				list-style-type: disc;
			}
			
			.white ol li {
				font-weight: 400;
				font-size: 18px;
				line-height: 24px;
				margin: 0;
				padding: 0;
				list-style-type: decimal;
			}
						
			
			
		
		
		
		
			
		#page-content h1 {
			color: #3f5364;
			font-family: "proxima-nova",sans-serif;
			font-weight: 700 !important;
			font-style: normal !important;
			font-size: 32px;
			line-height: 36px;
			margin-bottom: 25px;
			padding: 20px 2% 0 0;
		}
		
		#page-content h2 {
			color: #3f5364;
			font-family: "proxima-nova",sans-serif;
			font-weight: 400 !important;
			font-style: normal !important;
			font-size: 38px;
			line-height: 38px;
			margin-bottom: 0;
			padding: 0 2% 0 0;
		}
		
		
		#page-content h4 {
			color: #d84127;
			font-family: "proxima-nova",sans-serif;
			font-weight: 400 !important;
			font-style: normal !important;
			font-size: 20px;
			line-height: 24px;
			margin-bottom: 20px;
			padding: 0 2% 0 0;
		}
		
			#page-content td {
				vertical-align: top;
			}
		
		
			#page-content td h4 {
				color: #d84127;
				font-family: "proxima-nova",sans-serif;
				font-weight: 400 !important;
				font-style: normal !important;
				font-size: 20px;
				line-height: 24px;
				margin-bottom: 20px;
				padding: 0 2% 0 0;
			}
		
		
		#page-content h5 {
			color: #3f5364;
			font-family: "proxima-nova",sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 24px;
			line-height: 33px;
			margin-bottom: 20px;
		}
		
		
		#page-content p {
			color: #3f5364;
			font-family: "proxima-nova",sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 16px;
			line-height: 28px;
			margin-bottom: 20px;
			text-align: justify;
		}
		
		#page-content strong {
			font-weight: 600;
			font-style: normal;
		}
		
		#page-content ul, #page-content ol {
			padding: 0 0 0 35px;
			margin: 0 0 20px 0;
		}
			
		#page-content ul li {
			color: #3f5364;
			font-family: "proxima-nova",sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 16px;
			line-height: 28px;
			margin: 0;
			padding: 0;
			list-style-type: disc;
		}
			
		#page-content ol li {
			color: #3f5364;
			font-family: "proxima-nova",sans-serif;
			font-weight: 400;
			font-style: normal;
			font-size: 16px;
			line-height: 24px;
			margin: 0;
			padding: 0;
			list-style-type: decimal;
		}
		
		
	hr {
		margin: 20px 0;
		padding: 0;
		height: 4px;
		background-color: rgb(225,229,229);
		border: none;	
	}
	
	.imagescale {
		width: 100%;
		height: auto;	
	}
		
		
	
	
	
	#page-content h2.blue {
		font-weight: 700 !important;
		font-size: 32px;
		line-height: 38px;
		margin: 0 0 20px 0;
		color: #2765d8;
	}

	#page-content h4.headings {   
		background-color: rgba(63, 83, 100, 0.05);
		padding: 6px 6px 6px 18px;
		border-radius: 20px;
	}
	
	#page-content .bad-wrapper h4 {
		color: #3f5364;
	}
	
	
	
	
	/* Accordian Classes */
		
		/*----- Accordion -----*/
		.accordion, .accordion * {
			-webkit-box-sizing:border-box; 
			-moz-box-sizing:border-box; 
			box-sizing:border-box;
		}
		 
		.accordion {
			overflow:hidden;
		}
		
		.accordion .half {
			display: inline-block;
			width: 45.5%;
			text-align: left;
			vertical-align: top;
			margin: 1% 2% 1% 0;
			padding: 2% 0 2% 0;
		}
		 
		.accordion .two-third {
			display: inline-block;
			width: 53.5%;
			text-align: left;
			vertical-align: top;
			margin: 1% 2% 1% 0;
			padding: 2% 1% 2% 0;
		}
		 
		.accordion h6 {
			color: #d84127;
			font-size:32px;
			font-weight: 400;
			text-transform: none;
			border-bottom: 3px solid #d84127;
		}
		
		.accordion h3 {
			color: #3f5364;
			font-size:24px;
			font-weight: 400;
			margin-bottom: 15px;
			text-transform: none;
		}
		 
		.accordion ul {
			margin-left: 15px !important;
			padding-left: 0 !important;
		}
		
		.accordion li {
			color: #3f5364 !important;
			font-size: 14px !important;
			line-height: 16px !important;
			margin-bottom: 5px !important;
		}
		
		
		/*----- Section Titles -----*/
		.accordion-section-title {
			width: 155px;
			height: 155px;
			padding: 10px;
			margin: 2px;
			display:inline-block;
			vertical-align: top;
			background: url(../images/off.png) #ffffff bottom right no-repeat;
			background-size: 50%;
			/* Type */
			color: #888 !important;
			font-size: 24px;
			border-radius: 4px;
			box-shadow: 0 0 4px #ccc;			
		}
		
		.accordion-section a {
			font-size: 14px;
			font-weight: 400;
		}
		 
		.accordion-section-title:hover {
			/* Type */
			text-decoration:none;
			text-outline: none;
			background: url(../images/active.png) #ffffff bottom right no-repeat;
			transition:all linear 0.15s;
			background-size: 50%;
		}
		
		.accordion-section-title.active {
			/* Type */
			text-decoration:none;
			background: url(../images/active.png) #ffffff bottom right no-repeat;
			color: #d84127 !important;
			background-size: 50%;
		}
		
		.accordion-section-title:focus{
			outline:0; /*removes the dotted border*/
		} 
		 
		.accordion-section:last-child .accordion-section-title {
			border-bottom:none;
		}
		 
		/*----- Section Content -----*/
		.accordion-section-content {
			padding: 35px 15px;
			display:none;
		}
		
		.summary {
			background-color: #ffffff;
			border-radius: 4px;
			box-shadow: 0 0 4px #ccc;
			padding: 20px;	
		}
		
		.news {
			padding-top: 20px;	
		}
		
		.paper {
			font-size: 21px !important;
			margin: 0 0 0 0 !important;	
		}
		
			.paper a {
				font-size: 21px !important;
				color: #d84127 !important;	
			}
		
		.date {
			font-size: 14px !important;
			font-style: italic !important;
			margin: 0 0 0 0 !important;	
		}
		
		.excerpt {
			font-size: 16px !important;
			margin: 0 0 20px 0 !important;
			line-height: 18px !important;	
		}
		
		
		.nl {
				display: inline-block;
				width: 15%;
				height: auto;
				text-align: center !important;
				vertical-align: top;
				margin: 1% 2% 1% 0;
				padding: 1% 1% 2% 1%;
				background-color:#ffffff;
				border-radius: 6px;
				color: #555;
				box-shadow: 0 0 4px #c5c5c5;
				font-size: 13px;
				line-height: 18px;
			}
			
				.nl img {
					width: 85%;
					height: auto;
					margin: 0 0 0 0;
					padding: 0;
				}
				
		
		/* Comparison Chart */
	
			.chartborder {
				border: 6px solid rgba(63,83,100,0.05);
				width: calc(100% - 12px);
				max-width: 1200px;
				margin: 0 auto;
			}
		
			.comparison-chart {
				width: calc(100% - 12px);
				background-color: #fff;
				border: 6px solid rgba(255,255,255,1.0);
				margin: 0 auto;
			}
			
			.comparison-chart td.bucket {
				background-color: #ffffff;
				font-weight: 400;
				font-style: normal;
				font-size: 21px;
				line-height: 24px;
				padding: 35px 15px 10px 18px;
				text-align: left;
				vertical-align: middle;
				word-wrap: normal;
				border-bottom: 3px solid #efefef;
				color: #3f5364;
			}
	
			.comparison-chart thead th  {
				font-weight: 700;
				font-style: normal;
				font-size: 18px;
				line-height: 18px;
				padding: 15px 0 !important;
				text-align: center !important;
				vertical-align: middle;
				word-wrap: normal;
				color: #3f5364;
			}
	
			 .comparison-chart .heading td strong  {
				font-weight: 700;
				font-style: normal;
				font-size: 18px;
				line-height: 18px;
			}
			
			.comparison-chart tr {
				margin: 0;
				padding: 0;
				list-style-type: none;
				text-align: left;
			}
			
			
				.comparison-chart td {
					width: 20%;
					margin: 0;
					padding: 10px 2%;
					text-align: center;
					vertical-align: middle;
					border-top: 1px solid #efefef;
				}
				
				.comparison-chart td:nth-of-type(1) {
					font-size: 15px;
					line-height: 18px;
					text-align: left;
					width: 40%;
				}
	
					.comparison-chart td img {
						height: auto;
						width: 50px;
					}
		
				.comparison-chart td.description {
					margin: 0;
					padding: 10px 2%;
					list-style-type: none;
					text-align: left;
					vertical-align: middle;
					border-top: 1px solid #efefef;
					width: 56%;
					font-style: normal;
					font-size: 14px;
					line-height: 18px;
				}
	
				.comparison-chart.features td {
					padding: 20px 2%;
				}
				
					.comparison-chart strong {
						display: block;
						color: #d84127;
						font-weight: 400;
						font-size: 16px;	
					}
					
					a.chartbutton {
						font-size:12px;
						line-height:12px; 
						margin-left:10px; 
						padding:2px 5px; 
						background-color:#d84127; color:#fff;	
					}
	
					a.chartbutton:hover {color:#fff;}
					
					
			
	
	/* --------------------------------- */	
	/* Newsletter and Social Flip Cards */	
	/* --------------------------------- */
		
		.newsletters {
			padding:0 4%;
			margin: 0 auto 60px auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
			align-content: center;
		}
	
		.social-cards {
  padding: 0 4%;
  margin: 0 auto 60px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-content: center; }

.flip-container {
  margin: 20px;
  perspective: 1000px;
  transform-style: preserve-3d; }

.flip-container:hover .back {
  transform: rotateY(0deg); }

.flip-container:hover .front {
  transform: rotateY(180deg); }

.flip-container, .flip-container .front, .flip-container .back {
  width: 280px;
  height: 280px; }

.social-cards .flip-container, .social-cards .flip-container .front, .social-cards .flip-container .back {
  width: 230px;
  height: 230px; }

.flip-container .flipper {
  transition: 0.6s;
  transform-style: preserve-3d;
  position: relative; }

.flip-container .front, .flip-container .back {
  backface-visibility: hidden;
  transition: 0.6s;
  transform-style: preserve-3d;
  position: absolute;
  top: 0;
  left: 0; }

.flip-container .front {
  z-index: 2;
  transform: rotateY(0deg);
  background-color: #fff;
  border: 4px solid rgba(63, 83, 100, 0.1);
  text-align: center;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center; }

.flip-container .front img {
  width: 80%;
  height: auto; }

.flip-container .back {
  transform: rotateY(-180deg);
  background-color: #fff;
  border: 4px solid rgba(63, 83, 100, 0.2);
  text-align: center;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center;
  border-radius: 0 !important;}
	
.flip-container .back {background-image:none;}
	
.social-cards .flip-container .back img {
  width: 60%;
  height: auto; }

.flip-container .back h6 {
  font-size: 18px;
  font-weight: 700;
  color: rgba(63, 83, 100, 0.5);
  margin-bottom: 0px; }

.flip-container .back h6:nth-of-type(1) {
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
  color: rgba(63, 83, 100, 0.75);
  margin-bottom: 0px;
  padding: 0 4%; }

.flip-container .back p {
  margin-bottom: 40px;
	text-align: center !important;}

.flip-container .back a.btn, .flip-container .back a.btn:visited {
  background-color: #c42e24;
  margin-right: 0;
	margin-top: 10px !important;}

.flip-container .back a.btn:hover, .flip-container .back a.btn:visited:hover {
  background-color: #d84127; }

.flip-container .back ul.social {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: middle;
  border-right: none; }

.flip-container .back .social li {
  display: inline-block;
  list-style-type: none !important;
  width: 31px;
  height: 31px;
  margin: 4px 2px 0px 2px !important; }

.flip-container .back .twitter a {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: 500px;
  overflow: hidden;
  background-image: url(../images/icons-social.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 124px 30px; }

.flip-container .back .facebook a {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: 500px;
  overflow: hidden;
  background-image: url(../images/icons-social.png);
  background-position: -31px 0px;
  background-repeat: no-repeat;
  background-size: 124px 30px; }

.flip-container .back .linkedin a {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: 500px;
  overflow: hidden;
  background-image: url(../images/icons-social.png);
  background-position: -63px 0px;
  background-repeat: no-repeat;
  background-size: 124px 30px; }

.social-cards .flip-container .back .social li {
  display: inline-block;
  list-style-type: none;
  width: 41px;
  height: 41px;
  margin: 4px 4px 0px 4px; }

.social-cards .flip-container .back .twitter a {
  display: block;
  width: 41px;
  height: 41px;
  text-indent: 500px;
  overflow: hidden;
  background-image: url(../images/icons-social.png);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: 165px 40px; }

.social-cards .flip-container .back .facebook a {
  display: block;
  width: 41px;
  height: 41px;
  text-indent: 500px;
  overflow: hidden;
  background-image: url(../images/icons-social.png);
  background-position: -41px 0px;
  background-repeat: no-repeat;
  background-size: 165px 40px; }

.social-cards .flip-container .back .linkedin a {
  display: block;
  width: 41px;
  height: 41px;
  text-indent: 500px;
  overflow: hidden;
  background-image: url(../images/icons-social.png);
  background-position: -83px 0px;
  background-repeat: no-repeat;
  background-size: 165px 40px; }
	
	
	
	/* --------------------------------- */	
	/* BAD Campaign Features */	
	/* --------------------------------- */

		.BAD h3 {
			font-weight: 700;
			font-size: 24px;
			line-height: 32px;
			margin: 0 0 20px 0;
			text-align: center;
		}
	
	
		
		.BAD .flex-center {
			align-items: center;
			justify-content: center;
		}
		.BAD .flex-wrap {
			flex-wrap: wrap;
		}
		.BAD .container-1400-flex {
			width: 100%;
			max-width: 1400px;
			height: auto;
			margin: 0 auto;
			display: flex;
		}
	
		.container-1400 {
			width: 100%;
			max-width: 1400px;
			height: auto;
			margin: 0 auto;
		}
	
		.feature {
			width: 100%;
			max-width: 140px;
			margin: 2% 4%;
			font-size: 12px;
			line-height: 14px;
			text-align: center;
		}
	
		.feature img {
			width: 60%;
			height: auto;
			margin: 0 auto;
			-webkit-filter: grayscale(100%);
			filter: grayscale(100%);
		}
	
		.feature p {
			font-size: 14px;
			line-height: 16px;
			margin-bottom: 0;
			text-align: center;
		}
	
	
	
/* Footer */

		.footer {
			background-color: rgba(63,83,100,0.05);
			min-height: 120px;
			color: #3f5364;
			text-align: center;
			vertical-align: top;
			padding: 20px 0 0 0;
		}
		
		.footermenu li a:hover {
			color: #1fa3f6;
		}
		
		.footer p {
			padding: 0 0 0 0;	
			font-size: 14px;
			line-height: 24px;
			color: #3f5364;
		}
		

	.footer p.copyright {
		display:block;
		clear: right;
		padding: 15px 0 0 0;
		font-size: 14px;
		text-align: right;
	}
	
	.footer p a {
		color: #3f5364;
	}
	
	
}



/* -------------------------- */
/* -------------------------- */
/* -------------------------- */		
/* Tablet Landscape */
@media screen and (orientation:landscape) and (min-width:769px) and (max-width:1024px){


	/* Navigation */

	.back {
		position: fixed;
		bottom: 30px;
		left: 30px;
		height: 50px;
		width: 50px;
		z-index: 1000;
		border-radius: 50%;
		background-color: rgba(0,0,0,0.05);
		background-image: url(../images/back.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;	
		-moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
	}
	
	.back:hover {
		background-color: rgba(0,0,0,0.15);
		background-image: url(../images/back.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;		
	}
	
	
	.next {
		position: fixed;
		bottom: 30px;
		right: 30px;
		height: 50px;
		width: 50px;
		z-index: 1000;
		border-radius: 50%;
		background-color: rgba(0,0,0,0.05);
		background-image: url(../images/next.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;
		-moz-transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear;
	}
	
	.next:hover {
		background-color: rgba(0,0,0,0.15);
		background-image: url(../images/next.png);
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 80%;
	}





}




.social-numbers {
		width: 100%;
		padding: 0;
		margin: 0 0 30px 0;	
		border-bottom: 1px solid rgba(0,0,0,0.05);
	}
	
	.social-numbers th {
		padding: 0 1% 20px 1%;
		text-align: center;
		font-weight: bold;
		font-weight: normal;
		color: #3f5364;
	}
	
	.social-numbers th img {
		width: auto;
		height: auto;
		max-height: 30px;
		display: block;
		margin: 0 auto 10px auto;
	}
	
	.social-numbers th:nth-of-type(1) {
		text-align: left;
	}

	/* All */
	#page-content .social-numbers td {
		padding: 0 1%;
		text-align: center;
		vertical-align: middle;
		color: #3f5364;
		border-top: 1px solid rgba(0,0,0,0.05);
		background-color: rgba(255,255,255,1);
	}
	
	.social-numbers td.marketing {
		background-color: rgba(72,167,227,1) !important;
		border-top: 1px solid rgba(255,255,255,1) !important;
	}
	.social-numbers td.top {
		background-color: rgba(227,166,41,1) !important;
		border-top: 1px solid rgba(255,255,255,1) !important;
	}
	.social-numbers td.wire {
		background-color: rgba(196,46,36,1) !important;
		border-top: 1px solid rgba(255,255,255,1) !important;
	}
	.social-numbers td.cannabis {
		background-color: rgba(72,175,44,1) !important;
		border-top: 1px solid rgba(255,255,255,1) !important;
	}
	
	.social-numbers td img {
		width: 100%;
		max-width: 100px;
		height: auto;
	}
		
	.social-numbers td:nth-of-type(1) {
		text-align: left;
		width: 40px !important;
	}
	
	.social-numbers td:nth-of-type(7) {
		font-size: 24px;
		border-right: 1px solid rgba(51,51,51,0.1);
	}
	
	.social-numbers tr:hover td {
		-moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;
		background-color: rgba(255,255,255,1.0);
	}
	
	
	
	
	.social-totals {
		width: 100%;
		padding: 0;
		margin: 0 0 30px 0;		
	}
	
	.social-totals th {
		padding: 0 1% 20px 1%;
		text-align: center;
		font-weight: bold;
		font-weight: normal;
		color: #3f5364;
	}
	
	.social-totals th img {
		width: auto;
		height: auto;
		max-height: 30px;
		display: block;
		margin: 0 auto 10px auto;
	}
	
	
	.social-totals th:nth-of-type(1) {
		text-align: left;
	}
	
	
	#page-content .social-totals td {
		
		padding: 1%;
		text-align: center;
		vertical-align: middle;
		color: #3f5364;
		border-bottom: 1px solid rgba(51,51,51,0.1);
	}
	
	.social-totals td:nth-of-type(1) {
		text-align: left;
		width: 40px !important;
	}
	
	.social-totals tr:nth-of-type(2) td {
		font-weight: bold;
	}
	
	.social-totals td:nth-of-type(7) {
		font-size: 24px;
		border-right: 1px solid rgba(51,51,51,0.1);
	}
	
		
	#page-content .social-totals td.marketing {
		background-color: rgba(72,167,227,1) !important;
		border-bottom: 1px solid rgba(255,255,255,1) !important;
	}
	#page-content .social-totals td.top {
		background-color: rgba(227,166,41,1) !important;
		border-bottom: 1px solid rgba(255,255,255,1) !important;
	}
	#page-content .social-totals td.wire {
		background-color: rgba(196,46,36,1) !important;
		border-bottom: 1px solid rgba(255,255,255,1) !important;
	}
	#page-content .social-totals td.cannabis {
		background-color: rgba(72,175,44,1) !important;
		border-bottom: 1px solid rgba(255,255,255,1) !important;
	}
	
	/* Total */
	#page-content .social-totals tr:nth-of-type(2) td {
		background-color: rgba(11,111,151,1.0);
		color: rgb(255,255,255);
	}


/* --------------------------------- */
/* Comparison Chart */
/* --------------------------------- */
.tablepress.comparison-chart {
  width: calc(100% - 12px);
  background-color: white;
  border: 6px solid white;
  margin: 0 auto; }

.tablepress.comparison-chart thead th {
  font-weight: 800;
  font-style: normal;
  font-size: 14px;
  line-height: 18px;
  padding: 15px 0 !important;
  text-align: center;
  vertical-align: middle;
  word-wrap: normal;
  color: #3f5364;
  border-bottom: 1px solid rgba(63, 83, 100, 0.8); }

.tablepress.comparison-chart .heading td strong {
  font-weight: 800;
  font-style: normal;
  font-size: 18px;
  line-height: 21px; }

.tablepress.comparison-chart tr {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: left; }

.tablepress.comparison-chart .odd td {
  background-color: rgba(222, 222, 222, 0.0);
  line-height: 21px;
  padding: 22px 14px; }

.tablepress.comparison-chart .even td {
  line-height: 21px;
  padding: 22px 14px; }

.tablepress.comparison-chart td:nth-of-type(1) {
  width: 36%; }

.tablepress.comparison-chart td:nth-of-type(2), .tablepress.comparison-chart td:nth-of-type(3), .tablepress.comparison-chart td:nth-of-type(4), .tablepress.comparison-chart td:nth-of-type(5), .tablepress.comparison-chart td:nth-of-type(6), .tablepress.comparison-chart td:nth-of-type(7), .tablepress.comparison-chart td:nth-of-type(8) {
  text-align: center;
  vertical-align: middle;
  width: 11%; }

.tablepress.comparison-chart td:nth-of-type(2) img, .tablepress.comparison-chart td:nth-of-type(3) img, .tablepress.comparison-chart td:nth-of-type(4) img, .tablepress.comparison-chart td:nth-of-type(5) img, .tablepress.comparison-chart td:nth-of-type(6) img, .tablepress.comparison-chart td:nth-of-type(7) img, .tablepress.comparison-chart td:nth-of-type(8) img {
  width: 50%;
  height: auto;
  max-width: 40px; }

.tablepress.comparison-chart tr:hover td {
  background-color: rgba(222, 222, 222, 0.20) !important; }

.tablepress.comparison-chart strong {
  display: block;
  color: #b4361e;
  font-weight: 800;
  font-size: 21px;
  margin: 6px 0 12px 0; }

.tablepress.comparison-chart th strong {
  margin-bottom: 0; }

.tablepress.comparison-chart a.chartbutton {
  font-size: 12px;
  line-height: 12px;
  margin: 10px;
  padding: 4px 12px;
  border: 1px solid #f36c23;
  background-color: white;
  color: #f36c23;
  border-radius: 12px;
  white-space: nowrap; }

.tablepress.comparison-chart a.chartbutton:hover {
  color: #b4361e;
  border: 1px solid #b4361e; }

.tablepress.comparison-chart td[colspan]:not([colspan="1"]), .tablepress.comparison-chart tr:hover td[colspan]:not([colspan="1"]) {
  background-color: white !important;
  padding: 18px 14px;
  font-weight: 400;
  text-transform: none; }




/* -------------------------- */
/* -------------------------- */
/* -------------------------- */		
/* Widescreen */
@media screen and (min-width:2000px){
	
	.intro {
		padding: 120px 60px 180px 60px;
	}
	
	.logo {max-width: 350px;}
	
}