/*
* style.css
* Web Styles
* https://www.melissa.com/css17/global.css
*/





/* Banners
   ============================= */

	/* === Banners === */
	header.banner {
		height: 100%;
	}

	header.banner-md {
		padding: 60px 0;
	}
	header.banner-sm {
		padding: 80px 0 90px 0;
	}
	header.banner p {
		font-size: 25px;
	}


	/* === Breadcrumbs === */
	header .breadcrumb {
		background: transparent;
	}





/* Cards
   ============================= */

	/* === Style 1 === */
	.card.style-1 {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 350px;
		padding: 0 25px;
		border: 0;
	}
	.card.style-1 .title {
		font-size: 21px;
		font-weight: 400;
	}
	.card.style-1 .text {
		font-size: 17px;
		line-height: 24px;
		color: hsla(200, 10%, 52%, 1);
	}
	.card.style-1 img {
		max-width: 125px;
		width: 100%;
		margin: 0 auto 22px;
	}

	/* === Style 2 === */
	.card.style-2 {
		border: 0;
		box-shadow: 0 1px 3px rgba(0,0,0,0.02), 0 1px 2px rgba(0,0,0,0.14);
	}
	.card.style-2 .bg {
		display: flex;
		justify-content: center;
		align-items: center;
		position: relative;
		background: #f7f7f8;
		padding: 100px 0 100px 0;
		border-top-left-radius: .25rem;
		border-top-right-radius: .25rem;
	}
	.card.style-2 .title {
		font-size: 19px;
		font-weight: 400;
	}
	.card.style-2 .text {
		color: #54585A;
		font-size: 15px;
		line-height: 20px;
	}
	.card.style-2 .category {
		font-size: 13px;
		position: absolute;
		bottom: 0;
		left: 0;
		padding: 2px 9px;
		background: hsla(200, 3%, 56%, 1);
		color: hsl(200, 4%, 95%);
		margin: 0 0 20px 20px;
	}
	.card.style-2 img {
		max-width: 185px;
		width: 100%;
		-webkit-filter: drop-shadow(4px 4px 4px #d2d2d2);
		filter: drop-shadow(2px 2px 2px hsl(240, 7%, 80%));
	}
	.card.style-2 a {
		color: #f47a18;
	}
	.card.style-2 a:hover, .card.style-2 a:focus {
		outline: none;
	}
	.card.style-2.img-top .card-img-top {
		max-width: none;
		width: 100%;
		border-top-left-radius: calc(.25rem - 1px);
		border-top-right-radius: calc(.25rem - 1px);
		filter: none;
	}

	/* === Style 3 === */
	.card.style-3 {
		padding: 20px 18px;
		border: 0;
		box-shadow: 0 1px 3px rgba(0,0,0,0.02), 0 1px 2px rgba(0,0,0,0.14);
		margin: 0 0 30px 0;
	}
	.card.style-3 .title {
		/* color: #5a6168; */
		font-weight: 400;
		font-size: 19px;
	}
	.card.style-3 .text {
		font-size: 16px;
		line-height: 1.5375rem;
	}
	.card.style-3 ul {
		font-size: 16px;
	}
	.card.style-3 img {
		max-width: 85px;
		width: 100%;
		-webkit-filter: drop-shadow(4px 4px 4px #d2d2d2);
		filter: drop-shadow(1px 1px 1px #d2d2d2);
	}
	.card.style-3 .cta {
		display: flex;
		align-items: center;
		font-size: 1rem;
		font-weight: 400;
	}
	.card.style-3 .cta a {
		color: #33a3ff;
	}
	.card.style-3 .cta .line {
		margin: 0 10px;
		border-right: 1px solid #f2f2f2;
		width: 1px;
		height: 14px;
	}

	/* === Style 4 === */
	.card.style-4 {
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		text-align: center;
		cursor: default;
		border-radius: .25rem;
		box-shadow: 0px 0px 51px 0px rgba(0, 0, 0, 0.08), 0px 6px 18px 0px rgba(0, 0, 0, 0.05);
		transition: 0.35s cubic-bezier(0.4, 0, 0.2, 1);
		transform: translateY(0px);
		background-size: cover;
		background-position: center;
		height: 325px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.card.style-4 .info-top,
	.card.style-4 .info-bottom { font-weight: 500; }
	.card.style-4 .info-top { color: #FFB844 }
	.card.style-4 .info-middle { }
	.card.style-4 .info-bottom { color: #549EFF }
	.card.style-4 .text {
	}
	.card.style-4 .title {
		font-weight: 500;
		font-size: 45px;
		line-height: 1;
		color: hsla(200, 3%, 98%, 1);
	}
	.card.style-4 .overlay {
		width: 100%;
		height: 100%;
		position: absolute;
		overflow: hidden;
		top: 0;
		left: 0;
		opacity: 0;
		background-color: rgba(0, 0, 0, 0.5);
		-webkit-transition: all .4s ease-in-out;
		transition: all .4s ease-in-out;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.card.style-4 .overlay a.btn {
		margin-top: 220px;
		background-color: #3f87f5;
		color: #ffffff;
	}
	.card.style-4:hover {
		box-shadow: 0px 0px 114px 0px rgba(0, 0, 0, 0.08), 0px 30px 25px 0px rgba(0, 0, 0, 0.05);
		transform: translateY(-5px);
	}
	.card.style-4:hover img {
		-ms-transform: scale(1.2);
		-webkit-transform: scale(1.2);
		transform: scale(1.2);
	}
	.card.style-4:hover .overlay {
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.card.style-4:hover h2, .card.style-4:hover a.info {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-transform: translatey(0);
		-webkit-transform: translatey(0);
		transform: translatey(0);
	}
	.card.style-4:hover a.info {
		-webkit-transition-delay: .2s;
		transition-delay: .2s;
	}

	/* === Style 5 === */
	.card.style-5 {
		height: 325px;
		display: flex;
		justify-content: center;
		padding: 20px;
	}
	.card.style-5 .card-top {
		font-size: 14px;
	}
	.card.style-5 .card-top {
		font-size: 15px;
	}
	.card.style-5 .title {
		font-size: 19px;
		line-height: 28px;
		font-weight: 400;
		color: hsla(200, 3%, 20%, 1);
	}
	.card.style-5 .text {
		font-size: 17px;
		line-height: 26px;
		color: hsla(200, 10%, 52%, 1);
	}
	.card.style-5 .author svg {
		color: hsla(200, 3%, 70%, 1);
		font-size: 18px;
	}
	.card.style-5 .date,
	.card.style-5 .category {
		color: hsla(200, 3%, 66%, 1);
	}

	.card.style-5 .category {
		font-weight: 500;
	}

	/* === Card Home - === */
	.card.card-home {
		padding: 60px 50px;
		border: 1px solid hsl(200, 3%, 91%);
		border: 0;
		box-shadow: 0 1px 3px rgba(0,0,0,0.02), 0 1px 2px rgba(0,0,0,0.14);
	}
	.card.card-home img {
		max-width: 135px;
		width: 100%;
	}
	.card.card-home .title {
		font-size: 21px;
		font-weight: 400;
	}
	.card.card-home .title:hover {
		text-decoration: none;
	}
	.card.card-home .text {
		font-size: 16px;
		line-height: 26px;
		height: 81px;
		color: #54585a;
	}

	/* === Card Site - === */
	.card.card-site-news {
		padding: 50px 20px;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,.02), 0 6px 18px 0 rgba(0,0,0,.055);
	}
	.card.card-site-news .text {
		font-size: 16px;
		line-height: 25px;
		height: 75px;
	}
	.card.card-site-news .img-box {
		height: 80px;
	}
	.card.card-site-news img {
		max-width: 180px;
		width: 100%;
	}

	/* === Card Credit === */
	.card-credit {
		display: flex;
		align-items: center;
		height: 100%;
		padding: 30px 20px;
		box-shadow: 0 1px 2px 0 rgba(0,0,0,.02), 0 6px 18px 0 rgba(0,0,0,.055);
	}
	.card-credit .title {
		font-size: 20px;
	}
	.card-credit .icon {
		font-size: 80px;
		margin-bottom: 30px;
	}
	.card-credit .credits {
		font-size: 40px;
		font-weight: 500;
		margin-top: 20px;
	}
	.card-credit .credits-text {
		margin-top: -5px;
	}
	.card-credit .btn {
		background-color: #549eff;
		color: #ffffff;
		max-width: 185px;
		width: 100%;
		margin-top: 30px;

	}





/* Buttons
   ============================= */
   .btn-feature {
	   display: block;
	   box-shadow: 0 1px 3px rgba(0,0,0,0.02), 0 1px 2px rgba(0,0,0,0.14);
	   font-size: 22px;
	   padding: 30px 0;
	   background: hsla(200, 3%, 99%, 1);
	   white-space: normal;
   }
   .btn-feature svg {
	   font-size: 60px;
   }
   .btn-feature img {
	   max-width: 100px;
   }
   .btn-credit {

   }





/* Icon Box
   ============================= */

	/* === Style 1 === */
	.icon-box.style-1 {
		border-radius: .25rem;
		padding: 20px;
		color: hsla(200, 3%, 51%, 1);
		display: block;
		border: 1px solid #fafafa
	}
	.icon-box.style-1:hover {
		background-color: #ffffff;
		border: 1px solid hsla(200, 3%, 89%, 1);
		text-decoration: none;
		transition-duration: 0.30s;
	}
	.icon-box.style-1 img {
		max-width: 85px;
		width: 100%;
		margin: 0 auto 9px;
		display: block;
	}
	.icon-box.style-1 span {
		font-size: 15px;
	}

	/* === Style 2 === */
	.icon-box.style-2 {
		display: block;
	}
	.icon-box.style-2 .fa-stack-2x {
		color: hsla(200, 3%, 94%, 1);
	}
	.icon-box.style-2 .fa-stack-1x {
		color: hsla(200, 3%, 65%, 1);
	}
	.icon-box.style-2 .text {
		color: hsla(200, 3%, 60%, 1);
		font-weight: 400;
	}
	.icon-box.style-2:hover {
		text-decoration: none;
	}
	.icon-box.style-2:hover .fa-stack-2x {
		color: hsla(0, 0%, 90%, 1);
	}





/* Tabs
   ============================= */

	/* === Home Tabs === */
	.nav-basicTabs {

	}
	.nav-basicTabs .btn-homeTabs {
		margin-top: 75px;
		max-width: 200px;
		width: 100%;
		background-color: hsla(200, 3%, 61%, 1);
		border: 1px solid hsla(200, 3%, 57%, 1);
	}
	.nav-basicTabs .nav-link {
		color: hsla(200, 3%, 74%, 1);
	}
	.nav-basicTabs .nav-link.active {
		background-color: #549eff;
	}

	/* === Resource Tabs === */
	nav.nav-resources {
		max-width: 1400px;
		width: 100%;
		margin: 0 auto;
		/* border: 1px solid hsla(200, 3%, 95%, 1); */
		margin-top: 15px;
		border-radius: .25rem;
		background-color: #ffffff;
		padding: 0;
		/* border: 1px solid #ebebeb; */
	}
	nav.nav-resources .nav-link {
	   font-size: 1.1rem;
	}
	nav.nav-resources .nav-link.active {
	   background-color: #549EFF;
	}
	@media (max-width: 991px) {
		nav.nav-resources .nav-item {
			padding-left: 15px;
			padding-right: 15px;
			display: block;
			width: 100%;
			margin: 0 auto;
		}
	}





/* Tables
   ============================= */

	/* === Tables === */
	.table-basic-blue {
		background-color: #ffffff;
		border: 1px solid #dee2e6;
		border-radius: .25rem;
	}
	.table-basic-blue thead {
		background-color: #7ab4ff;
	}
	.table-basic-blue thead th {
		border-bottom: 0;
		border-top: 0;
		font-size: 21px;
		font-weight: 500;
		color: #fff;
	}
	.table-basic-blue tbody th {
		font-weight: 500;
	}

	.table-basic {

	}
	.table-basic .thead-light th {
		background-color: hsla(200, 3%, 98%, 1);
		border-bottom: 0;
	}
	.table-basic td {
		border-top: 1px solid #e5e6e6;
	}
	.table-basic tbody {
		border: 1px solid #e5e6e6;
	}
	.table-basic .thead-light th:first-child {
		border-left: 1px solid #e5e6e6;
	}
	.table-basic .thead-light th:last-child {
		border-right: 1px solid #e5e6e6;
	}
	.table-basic tbody .btn {
		background: hsla(200, 3%, 98%, 1);
		border-color: hsla(200, 3%, 88%, 1);
		color: hsla(200, 3%, 54%, 1);
	}






/* Media Objects
   ============================= */

	/* === Style 1 === */
	.media.style-1 {
		display: block;
	}
	.media.style-1 h2 {
		font-size: 30px;
	}
	.media.style-1 ul {
		font-size: 17px;
	}
	.media.style-1 .collapse-media {
		font-size: 17px;
	}
	.media.style-1 p {
		font-size: 18px;
		line-height: 28px;
	}


	.media.style-1 img {
		display: block;
		max-width: 550px;
		width: 100%;
		margin: 0 auto;
		flex-shrink: 0;
	}
	.media.style-1 img.blr-rounded {
		border-bottom-left-radius: 25px;
		border-bottom-right-radius: 25px;
	}
	.media.style-1 img.hover-lift:hover {
		transform: translateY(-5px);
	}




/* Forms
   ============================= */

	.form-group {
		position: relative;
	}

	/* === Contact Form === */
	form.contactForm {
		max-width: 375px;
		width: 100%;
		height: auto;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		background-color: #fff;
		margin: 0 auto 0 auto;
		padding: 40px 30px 45px 30px;
		position: relative;
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		border-radius: 4px;
	}
	form.contactForm .form-header {
		display: block;
		font-size: 26px;
		font-weight: 500;
		line-height: 28px;
		text-align: center;
		color: rgba(0,0,0,0.6);
	}
	form.contactForm hr {
		margin: 20px auto; width: 15%; border-top: 2px solid #f2f2f2;
	}
	form.contactForm label {
		font-size: 0.84rem;
		font-weight: 500;
		color: #8690a6;
		margin-left: auto;
		line-height: 21px;
		margin-bottom: 0.3rem;
	}
	form.contactForm .form-control {
		background: transparent;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		border: 1px solid #d3dce7;
		color: #2b303b;
		font-size: 0.9375rem;
		font-weight: 400;
		height: 40px;
		line-height: 2em;
		padding: 4px 20px;
		-webkit-transition: border 200ms ease-in-out;
		-o-transition: border 200ms ease-in-out;
		transition: border 200ms ease-in-out;
		width: 100%;
		text-transform: none;
		-moz-appearance: none !important;
		appearance: none !important;
		-webkit-appearance: none !important;
	}
	form.contactForm button {
		width: 100%;
		margin: 0 auto 0 auto ;
		display: block;
		text-transform: none !important;
		padding: 12px 22px !important;
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		background-color: #549eff;
		color: #ffffff;
	}
	.custom-control.material-checkbox {
		--color: #549eff;
	}
	.custom-control.material-checkbox .material-control-input {
		display: none;
	}
	.custom-control.material-checkbox .material-control-input:checked~.material-control-indicator {
		border-color: var(--color);
		-webkit-transform: rotateZ(45deg) translate(1px, -5px);
		transform: rotateZ(45deg) translate(1px, -5px);
		width: 10px;
		border-top: 0px solid #fff;
		border-left: 0px solid #fff;
	}
	.custom-control.material-checkbox .material-control-indicator {
		display: inline-block;
		position: absolute;
		top: 3px;
		left: 0;
		width: 16px;
		height: 16px;
		border: 1px solid #d3dce7;
		transition: .3s;
	}
	.seperator {
		color: #f2f2f2;
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		text-align: center;
		line-height: 1.2em;
	}
	.separator::after, .separator::before, .seperator::after, .seperator::before {
		border-bottom: 1px solid #eee;
		content: "";
		display: inline-block;
		height: .65em;
		margin: 0 -4px 0 -100%;
		vertical-align: top;
		width: 50%;
	}
	.separator::after, .seperator::after {
		margin: 0 -100% 0 0;
	}
	.separator a, .separator svg, .separator span, .seperator a, .seperator svg, .seperator span {
		margin: 0 20px 0 24px;
		display: inline-block;
	}
	.separator svg {
		font-size: 18px;
	}
	.seperator.half {
		width: 40%;
	}
	.seprator.half {
		width: 200;
	}

	/* === Form Validation === */
	form.contactForm .form-group {
		position: relative;
		margin-bottom: 1.6rem;
	}
	.form-red-m {
		position: absolute;
		top: 0;
		right: 0;
		margin: 40px 10px 0px 0;
		color: red;
	}
	.form-red-t {
		position: absolute;
		right: 0;
		font-size: 12px;
		color: hsla(0, 100%, 66%, 1);
		font-weight: 400;
		margin: 2px 0 0 0;
	}
	.form-green-m {
		position: absolute;
		top: 0;
		right: 0;
		margin: 40px 10px 0 0;
		color: green;
	}
	.p-thank-you-m {
		font-weight: bold!important;
		color: black!important;
		text-align: center;
		line-height: 0;
	}

	/* === Form Modal - Thank You === */
	section.form-thankYou {
		height: 100%;
		padding: 110px 20px;
		text-align: center;
	}
	section.form-thankYou img {
		max-width: 190px;
		width: 100%;
	}
	section.form-thankYou .msg {
		display: block;
	}
	section.form-thankYou .msg.title {
		font-size: 32px;
		line-height: 46px;
	}
	section.form-thankYou .msg.text {
		font-size: 22px;
		line-height: 29px;
	}

	/* === Form Modal === */
	.modal-form-dialog {
		max-width: 400px;
		width: 100%;
	}
	.modal-form-dialog .close {
		position: absolute;
		top: 0;
		right: 0;
		margin: 73px -70px 0 0;
		font-size: 50px;
		font-weight: 300;
		color: #FFB844;
		opacity: 0.9;
		text-shadow: none;
	}
	.modal-form-dialog .modal-body {
		padding: 0;
	}





/* Promo
   ============================= */

	/* === Style 1 === */
	.promo.style-1 .title {
		color: hsla(200, 3%, 100%, 1);
	}
	.promo.style-1 .text {
		color: hsla(200, 3%, 98%, 1);
		line-height: 26px;
	}

	/* === Style 2 === */
	.promo.style-2 .title {

	}
	.promo.style-2 .text {

	}
	.promo.style-2 img {
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	.promo.style-2 .btn {
		max-width: 250px;
		width: 100%;
		padding: 10px;
	}


	/* === Try It Promo === */
	section.try-it {
		background: hsla(200, 3%, 97%, 1);
		padding: 50px 0;
		border-top: 1px solid #eaebeb;
		border-bottom: 1px solid #eaebeb;
	}
	section.try-it img {
		max-width: 178px;
		width: 100%;
		margin: 0 auto;
		display: block;
	}
	section.try-it .title {
		font-size: 22px;
	}
	section.try-it p {
		font-size: 18px;
	}
	section.try-it .container-fluid {
		max-width: 1400px;
		width: 100%;
	}





/* Lists
   ============================= */

	/* === Font List === */
	.fa-ul li:not(:last-child) {
		margin: 0 0 4px 0;
	}

	/* === Link List === */
	.link-list {
		list-style-type: none;
		font-size: 17px;
		padding-left: 0;
		margin-bottom: 0;
	}
	.link-list .title {
		margin-bottom: 0.5rem;
	}

	/* === Info Box === */
	.info-box {
		font-size: 17px;
	}
	.info-box p {
		font-size: 17px;
		line-height: 25px;
	}
	.info-box .title {
		margin-bottom: 0.5rem;
	}
	.info-box span {
		display: block;
	}
	.info-box ul {
		font-size: 17px;
	}
	.info-box ul li:not(:last-child) {
		margin: 0 0 10px 0;
	}

	/* === Blog Box === */
	.blog-box p {
		font-size: 17px;
		line-height: 32px;
	}





/* Product Page Chat
   ============================= */

   .need-help {
	   display: flex;
	   align-items: center;
	   justify-content: center;
	   font-size: 15px;
	   margin-top: 20px;
   }
   .need-help .chat-text {
	   color: #54585a;
	   font-weight: 500;
   }
   .need-help .chat-link {
	   font-weight: 400;
	   margin-left: 5px;
   }
   .need-help .chat-icon {
	   font-size: 14px;
	   margin-left: 4px;
   }





/* Modal
   ============================= */

	/* === Basic Modal === */
	main.form-modal form.contactForm {
		max-width: none;
		box-shadow: none;
		padding: 50px 35px 40px 35px;
	}

	/* === Basic Modal === */
	.modal.modal-basic {

	}
	.modal.modal-basic .modal-header {
		display: flex;
		align-items: center;
	}
	.modal.modal-basic .modal-header .thumb {
		max-width: 50px;
		width: 100%;
	}
	.modal.modal-basic .modal-header .close span {
		position: absolute;
		top: 0;
		right: 0;
		margin: 2px 5px 0 0;
	}
	.modal.modal-basic .modal-header .close {
		text-shadow: none;
		opacity: 1;
		padding: 0;

	}
	.modal.modal-basic .modal-header .close:focus {
		outline: none;
		visibility: hidden;
	}
	.modal.modal-basic .modal-title {
		line-height: 24px;
	}
	.modal.modal-basic .modal-title small {
		font-weight: 300;
		color: hsla(200, 3%, 45%, 1);
	}
	.modal.modal-basic .modal-body p {
		font-size: 17px;
		line-height: 26px;
	}
	.modal.modal-basic .modal-body ul {
		font-size: 17px;
	}
	.modal.modal-basic .modal-body ul li:not(:last-child) {
		margin: 0 0 7px 0;
	}


	/* === Modal Dialog === */
	.modal-dialog-750 {
		max-width: 750px;
	}




/* Backgrounds
   ============================= */
   	.banner-homeAugust2018 {
		background-image: url(http://www.melissa.com/images17/analytics-clear-insight-homepage-banner.jpg);
		background-size: cover;
	}
	.banner-homeAugust2018 .box {
		background-color: rgba(255,255,255,.80);
		padding: 20px;
		max-width: 890px;
		width: 100%;
		margin: 0 auto;
		height: 350px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.banner-homeAugust2018 .btn {
		max-width: 300px;
		width: 100%;
		margin: 0 auto;
		padding: 12px;
		font-size: 18px;
		font-weight: 400;
		background-color: #549EFF;
		box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
		color: #FFFFFF;
		border: 0;
	}
	.banner-homeAugust2018 .seq-1 {
		animation-duration: 0.75s;
		animation-delay: 0.20s;
	}
	.banner-homeAugust2018 .seq-2 {
		animation-duration: 1.50s;
		animation-delay: 0.85s;
	}
	.banner-homeAugust2018 .seq-3 {
		animation-duration: 1.00s;
		animation-delay: 1.35s;
	}
	@media (max-width: 767px) {
		.banner-homeAugust2018 .box {
			height: 100%;
			padding: 30px;
		}
		.media.style-1 .media-body h2 {
			margin-top: 20px;
		}
	}
	.event-0 {
		background-image: linear-gradient(rgba(0, 0, 0, .70), rgba(0, 0, 0, .70)), url(../images17/nocoug-2018.jpg);
	}
	.event-1 {
		background-image: linear-gradient(rgba(0, 0, 0, .70), rgba(0, 0, 0, .70)), url(../images17/fintech-2018.jpg);
	}

	.event-totalRetail {
		background-image: linear-gradient(rgba(0, 0, 0, .70), rgba(0, 0, 0, .70)), url(https://tech.mytotalretail.com/wp-content/themes/total-retail-tech/images/headers/home.jpg);
	}
	.event-pccGoldrush {
		background-image: linear-gradient(rgba(0, 0, 0, .70), rgba(0, 0, 0, .70)), url(http://www.socalpcc.org/uploads/1/1/0/4/11045384/background-images/1130396964.jpg);
	}
	.event-sqlsatSd {
		background-image: linear-gradient(rgba(0, 0, 0, .50), rgba(0, 0, 0, .50)), url(https://www.sqlsaturday.com/Portals/_default/Skins/SQLSaturday-2014/images/bg/hero-home.jpg);
	}
	.casestudy-car2go {
		background-image: linear-gradient(rgba(0, 0, 0, .70), rgba(0, 0, 0, .70)), url(/images17/case-study-car2go.jpg);
	}
	.casestudy-z1 {
		background-image: linear-gradient(rgba(0, 0, 0, .70), rgba(0, 0, 0, .70)), url(/images17/case-study-z1.jpg);
	}
	.casestudy-huf {
		background-image: linear-gradient(rgba(0, 0, 0, .70), rgba(0, 0, 0, .70)), url(/images17/case-study-huf.jpg);
	}
	.grey-gradient {
		background: linear-gradient(rgba(255,255,255,.85), rgba(255,255,255,.85)), url(/images17/gradient-blurGrey.jpg);
		background-size: 100% 100%;
		background-position: 100% 100%;
		background-repeat: no-repeat;
	}
	.line-bg {
		background: url(/../images17/data--hero-left.png) no-repeat left, linear-gradient(to right, hsla(200, 3%, 45%, 1), hsla(200, 3%, 45%, 1));
		background-position: -2% 52%;
		background-repeat: no-repeat;
		overflow: hidden;
		/* padding-top: 76px; */
		position: relative;
	}
	.border-line {
		margin: 0 0 90px;
	}
	.border-line--arrow {
		background: url(/../images17/border-line-arrow.png) no-repeat 50%;
		background-size: 64px 66px;
		width: 64px;
		height: 66px;
		margin: -30px auto auto;
	}






/* === USE WHEN NO MORE LINK LIST === */