/* Homepage CSS!

- Header Bar / Menu
- Banner
- Section 2: A Powerful Front End Framework / Framework
- Wrapper:
	- Section 1: What can TicktBox Do for You?
	- Section 3: End to End Promotional Software
	- Section 4: Software for Every Kind of Industry;
	- Section 5: See what ticktBox can do for you
- Footer
- Images

 */



/* Header for Web Page, controls layout of "Menu" and the ticktBox logo
		also you need to include ticktBox logo and place it within cs
		otherwise the logo will look transparent too and that's weird */



	
		
		
		/* The location of the Menu Bar  */ 
		
		#header nav {
			height: inherit;
			line-height: inherit;

		}

			#header nav > ul {
				list-style: none;
				margin: 0;
				padding: 0;
				white-space: nowrap;
				height: inherit;
			}

				#header nav > ul > li {
					display: inline-block;
					padding: 0;
				}

					#header nav > ul > li > a {
						border: 0;
						color: #ffffff;
						font-size: 0.8em;
						text-transform: uppercase;
					}

						#header nav > ul > li > a.menuToggle {
							outline: 0;
							position: absolute;
							top:20px;
						}

						/* you will need to create a new icon, or get the icon from Kammy for the menu bar */
							#header nav > ul > li > a.menuToggle:after {
								background-image: url("https://ticktbox.com/images/menu2.png");
								background-position: right center;
								background-repeat: no-repeat;
								content: '';
								display: inline-block;
								height: 3.75em;
								vertical-align: top;
								width: 2em;
							}


							/* different aspect ratio compatibility */
							@media screen and (max-width: 736px) {

								#header nav > ul > li > a.menuToggle {
									padding: 0 1.5em;
								}

									#header nav > ul > li > a.menuToggle span {
										display: none;
									}

							}

						@media screen and (max-width: 736px) {

							#header nav > ul > li > a {
								padding: 0 0 0 1.5em;
							}

						}

					#header nav > ul > li:first-child {
					}



			#header.alt h1 {
				-moz-pointer-events: none;
				-webkit-pointer-events: none;
				-ms-pointer-events: none;
				pointer-events: none;
				opacity: 0;
			}


	#headerbar {
		background: #FFFFFF;
		height: 5.5em;
		line-height: 3em;
		width: 100%;
		color: #696969;
	}

/* location of alternate pages menu bar */
		
		#header2 nav {
			height: inherit;
			line-height: inherit;
			position: absolute;
			left: 0;
			top: 0;
		}

			#header2 nav > ul {
				list-style: none;
				margin: 0;
				padding: 0;
				white-space: nowrap;
			}

				#header2 nav > ul > li {
					display: inline-block;
					padding: 0;
				}

					#header2 nav > ul > li > a {
						border: 0;
						color: #ffffff;
						display: block;
						font-size: 0.8em;
						padding: 0 1.5em;
						text-transform: uppercase;
					}

						#header2 nav > ul > li > a.menuToggle {
							outline: 0;
							position: relative;
						}

						/* you will need to create a new icon, or get the icon from Kammy for the menu bar */
							#header2 nav > ul > li > a.menuToggle:after {
								background-image: url("https://ticktbox.com/images/menu2.png");
								background-position: right center;
								background-repeat: no-repeat;
								content: '';
								display: inline-block;
								height: 3.75em;
								vertical-align: top;
								width: 2em;
							}


							/* different aspect ratio compatibility */
							@media screen and (max-width: 736px) {

								#header2 nav > ul > li > a.menuToggle {
									padding: 0 1.5em;
								}

									#header2 nav > ul > li > a.menuToggle span {
										display: none;
									}

							}

						@media screen and (max-width: 736px) {

							#header2 nav > ul > li > a {
								padding: 0 0 0 1.5em;
							}

						}

					#header2 nav > ul > li:first-child {
						margin-left: 14em;
						margin-top: 1em;
					}



			#header.alt h1 {
				-moz-pointer-events: none;
				-webkit-pointer-events: none;
				-ms-pointer-events: none;
				pointer-events: none;
				opacity: 0;
			}



/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
			Page Wrapper + Menu
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
#page-wrapper {
		-moz-transition: opacity 0.5s ease;
		-webkit-transition: opacity 0.5s ease;
		-ms-transition: opacity 0.5s ease;
		transition: opacity 0.5s ease;
		opacity: 1;
		padding-top: 3em;
	}

		#page-wrapper:before {
			background: transparent;
			content: '';
			display: block;
			display: none;
			height: 100%;
			left: 0;
			position: fixed;
			top: 0;
			width: 100%;
			z-index: 10001;
		}

	#menu {
	-moz-transform: translateX(-13em);
	-webkit-transform: translateX(-13em);
	-ms-transform: translateX(-13em);
	transform: translateX(-13em);
	-moz-transition: -moz-transform 0.5s ease;
	-webkit-transition: -webkit-transform 0.5s ease;
	-ms-transition: -ms-transform 0.5s ease;
	transition: transform 0.5s ease;
	-webkit-overflow-scrolling: touch;
	background: #3497db;
	color: #ffffff;
	height: 100%;
	max-width: 80%;
	overflow-y: auto;
	padding: 3em 1.5em;
	line-height: 3em;
	position: fixed;
	left: 0;
	top: 0;
	width: 13em;
	z-index: 10002;
	text-align: right;
	}

		#menu ul {
			list-style: none;
			padding: 0;
		}

			#menu ul > li {
				border-top: solid 1px rgba(0, 0, 0, 0.125);
				margin: 0.5em 0 0 0;
				padding: 0.5em 0 0 0;
			}

				#menu ul > li:first-child {
					border-top: 0 !important;
					margin-top: 0 !important;
					padding-top: 0 !important;
				}

				#menu ul > li > a {
					border: 0;
					color: inherit;
					display: block;
					font-size: 0.8em;
					outline: 0;
					text-decoration: none;
					text-transform: uppercase;
				}



		#menu .close {
			background-position: 1em 1em;
			background-repeat: no-repeat;
			border: 0;
			cursor: pointer;
			display: block;
			height: 3em;
			position: absolute;
			left: 0;
			top: 0;
			vertical-align: middle;
			width: 7em;
		}



	body.is-menu-visible #page-wrapper {
		opacity: 0.35;
	}

		body.is-menu-visible #page-wrapper:before {
			display: block;
		}

	body.is-menu-visible #menu {
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}

	/* Banner for the Web Page */

	

	#banner2
	{
		min-height: 45em;
		display: flex;
		-moz-flex-direction: column;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-moz-justify-content: center;
		-webkit-justify-content: center;
		-ms-justify-content: center;
		cursor: default;
		text-align: center;
	}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 Banner - A World Class Digital Marketing and Ticketing Platform 
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

 .headeranimation.desktop{
	width: 80%;
	min-height: 200px;
	margin: auto;
	font-size: 50px;
	line-height: 1.3em;
	font-family: "Museo", Helvetica, sans-serif;
 }

  .headeranimation.mobile{
	width: 80%;
	min-height: 130px;
	margin: auto;
	font-size: 30px;
	line-height: 1.3em;
	font-family: "Museo", Helvetica, sans-serif;
 }

	body.landing #page-wrapper {
		/* you're going to need to change the linear-gradient so it looks more like kammy's*/
		background-image: url("https://ticktbox.com/images/headerbg.png");
		background-image: url("https://ticktbox.com/images/headerbg.png");
		background-attachment: fixed;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 0; 
	}

	body.landing #footer {
		background-color: #ffffff;
		color: #34495e;
	}

	body.landing #footer2 {
		background-color: #ffffff;
		color: #34495e;
		padding: 1em 24em 5em;
	}

/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
This sets up the styling and alighment for "A Powerful Front End Framework"
	if you remove this, then you will break the page
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

 .box {
  width: 77em;
  height: 12em;
  background-color: #1ABC9C;
  margin: 0 auto;
}

 .boxyellow {
  width: 77em;
  height: 12em;
  background-color: #F39C12;
  margin: 0 auto;
}

 .boxred {
  width: 77em;
  height: 12em;
  background-color: #EF6E67;
  margin: 0 auto;
}

 .boxred2 {
  width: 77em;
  height: 12em;
  background-color: #e23940;
  margin: 0 auto;
}


	.framework {
		-moz-align-items: center;
		-webkit-align-items: center;
		-ms-align-items: center;
		align-items: center;
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
	}

		.framework .image {
			-moz-order: 1;
			-webkit-order: 1;
			-ms-order: 1;
			order: 0;
			border-radius: 0;
			width: 40%;
		}

			.framework .image img {
				border-radius: 0;
				width: 100%;
			}

		.framework .content {
		padding: 12em 19em 1.1em 0em;
		-moz-order: 2;
		-webkit-order: 2;
		-ms-order: 2;
		order: 1;
		max-width: 48em;
		width: 60%;
		margin-top: -13em;
		}

		.framework .content2 {
			padding: 3em 8em 0.1em 0em ;
			-moz-order: 2;
			-webkit-order: 2;
			-ms-order: 2;
			order: 0;
			max-width: 48em;
			width: 60%;
		}

		.framework .content3 {
		padding: 3em 11em 0.1em 0em;
		-moz-order: 2;
		-webkit-order: 2;
		-ms-order: 2;
		order: 0;
		max-width: 60em;
		width: 56%;
		}


		.framework:nth-child(2n) {
			-moz-flex-direction: row-reverse;
			-webkit-flex-direction: row-reverse;
			-ms-flex-direction: row-reverse;
			flex-direction: row-reverse;
		}

		.framework:nth-child(1) {
		}

		.framework:nth-child(2) {
		}

		.framework:nth-child(3) {
			background-color: rgba(0, 0, 0, 0.225);
		}

		.framework:nth-child(4) {
			background-color: rgba(0, 0, 0, 0.3);
		}

		.framework:nth-child(5) {
			background-color: rgba(0, 0, 0, 0.375);
		}

		.framework:nth-child(6) {
			background-color: rgba(0, 0, 0, 0.45);
		}

		.framework:nth-child(7) {
			background-color: rgba(0, 0, 0, 0.525);
		}

		.framework:nth-child(8) {
			background-color: rgba(0, 0, 0, 0.6);
		}

		.framework:nth-child(9) {
			background-color: rgba(0, 0, 0, 0.675);
		}

		.framework:nth-child(10) {
			background-color: rgba(0, 0, 0, 0.75);
		}

		@media screen and (max-width: 1280px) {

			.framework .image {
				width: 45%;
			}

			.framework .content {
				width: 55%;
			}

		}

		@media screen and (max-width: 980px) {

			.framework {
				display: block;
			}

				.framework br {
					display: none;
				}

				.framework .image {
					width: 100%;
				}

				.framework .content {
					padding: 4em 3em 2em 3em ;
					max-width: none;
					text-align: center;
					width: 100%;
				}

		}

		@media screen and (max-width: 736px) {

			.framework .content {
				padding: 3em 2em 1em 2em ;
			}

		}


/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Wrapper -- IMPORTANT!!
	This creates the look and aesthetic of HTML5 and creates separate sections 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

	.wrapper {
		/*padding has to do with how much space is reserved for the borders*/
		padding: 7em 0 7em 0 ;

	}

		.wrapper > .inner {
			width: 80em;
			margin: 0 auto;
		}

			@media screen and (max-width: 1280px) {

				.wrapper > .inner {
					width: 90%;
				}

			}

			@media screen and (max-width: 980px) {

				.wrapper > .inner {
					width: 100%;
				}

			}

		.wrapper > .inner3 {
			width: 60em;
			margin: 0 auto;
		}

			@media screen and (max-width: 1280px) {

				.wrapper > .inner3 {
					width: 90%;
				}

			}

			@media screen and (max-width: 980px) {

				.wrapper > .inner3 {
					width: 100%;
				}

			}

			.wrapper > .inner4 {
			width: 93em;
			margin: 0 auto;
		}


			.wrapper > .inner5 {
			width: 75em;
			margin: 0 auto;
		}

			@media screen and (max-width: 1280px) {

				.wrapper > .inner4 {
					width: 90%;
				}

			}

			@media screen and (max-width: 980px) {

				.wrapper > .inner4 {
					width: 100%;
				}

			}


			.wrapper {
		/*padding has to do with how much space is reserved for the borders*/
		padding: 7em 0 0em 0;

	}

		.wrapper > .inner6 {
			margin: 0 auto;
			padding: 3em 100em 0em 0em;
			text-align:right;
		}

			@media screen and (max-width: 1280px) {

				.wrapper > .inner6 {
					width: 90%;
				}

			}

			@media screen and (max-width: 980px) {

				.wrapper > .inner6 {
					width: 100%;
				}

			}

		.wrapper.alt {
			padding: 0;
		}

		/* section1 - What can TicktBox Do For You? */
		.wrapper.style1 {

			background-color: #ffffff;
			color: #808b8d;
		}

			.wrapper.style1 strong, .wrapper.style1 b {
				color: #ffffff;
			}

			.wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 {
				color: #34495e;
			}

		
			/* Font color for the paragraph in section1 */
			.wrapper.style1 header p {
				color: #a6e0db;
			}


			/* font color for subheader text for section 1*/
			.wrapper.style1 header.major p {
				color: #808b8d;
			}

			.wrapper.style1 label {
				color: #ffffff;
			}

			
		/* Section 2 formatting */
		.wrapper.style2 {
			background-color: #3497db;


		}

		/* Section 3 formatting */
		.wrapper.style3 {
			background-color: #ffffff;
			color: #808b8d;

		}

			.wrapper.style3 strong, .wrapper.style3 b {
				color: #34495e;
			}

			.wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 h4, .wrapper.style3 h5, .wrapper.style3 h6 {
				color: #34495e;
			}


			.wrapper.style3 header p {
				color: #808b8d;
			}

			.wrapper.style3 header.major p {
				color: #808b8d;

			}

			.wrapper.style3 label {
				color: #ffffff;
			}

	

			/* i kinda got lost here but we'll come back to this eventually*/
			.wrapper.style3 ::-webkit-input-placeholder {
				color: #b9bad3 !important;
			}

			.wrapper.style3 :-moz-placeholder {
				color: #b9bad3 !important;
			}

			.wrapper.style3 ::-moz-placeholder {
				color: #b9bad3 !important;
			}

			.wrapper.style3 :-ms-input-placeholder {
				color: #b9bad3 !important;
			}

			.wrapper.style3 .formerize-placeholder {
				color: #b9bad3 !important;
			}

			.wrapper.style3 .icon.major {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style3 ul.alt li {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style3 table tbody tr {
				border-color: rgba(0, 0, 0, 0.125);
			}

				.wrapper.style3 table tbody tr:nth-child(2n + 1) {
					background-color: rgba(255, 255, 255, 0.075);
				}

			.wrapper.style3 table th {
				color: #ffffff;
			}

			.wrapper.style3 table thead {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style3 table tfoot {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style3 table.alt tbody tr td {
				border-color: rgba(0, 0, 0, 0.125);
			}

			.wrapper.style3 input[type="submit"],
			.wrapper.style3 input[type="reset"],
			.wrapper.style3 input[type="button"],
			.wrapper.style3 button,
			.wrapper.style3 .button {
				color: #ffffff;
			}


				.wrapper.style3 input[type="submit"]:active,
				.wrapper.style3 input[type="reset"]:active,
				.wrapper.style3 input[type="button"]:active,
				.wrapper.style3 button:active,
				.wrapper.style3 .button:active {
					background-color: rgba(255, 255, 255, 0.2);
				}

			@media screen and (max-width: 736px) {

				.wrapper.style3 .features li {
					border-top-color: rgba(0, 0, 0, 0.125);
				}

			}

		.wrapper.iconhovers {
			background-color: #ffffff;
			color: #808b8d;
		}
		
		/*Section 4 Styling */
		
		.wrapper.style4 {

		background-color: #000000;
		background-image: url("https://ticktbox.com/images/section4bgv4.png");
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 25em;
		padding-bottom: 25em;

		}

		.wrapper.style42 {

		background-color: #000000;
		background-image: url("https://ticktbox.com/images/section4bgv5.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
		padding-top: 37%;
		padding-bottom: 37%;

		}



		/*Section 5 Styling */
		.wrapper.style5{
			background-color: #34485e;

		}

		.quoteinner
		{
			padding-top: 2em;
		}

		/*Section 6 Styling */
		.wrapper.style6 {
		padding:  30em 30em 20em 30em;
		background-image: url("https://ticktbox.com/images/audience.png");
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;

		}


		/*Section 7 Styling */
		.style7 {
			background-color: #34485e;

		}

		.wrapper.style8bar {
			background-color: #c0392b;

		}

		/*Section 8 Styling - Contact Us  */
			.wrapper.style8 {
			background-color: #3396d9;

		}

		/*Section 9 Styling - Contact Us Section 2  */
			.wrapper.style9 {
			background-color: #FFFFFF;

		}

			/* Font color for section9 */
			.wrapper.style9 {
				color: #34485e;
			}


		.wrapper.styleheader{
			background-color: #FFFFFF;
		}


		.wrapper.titleyellowbar{
			background-color: #f39c12;
		}

		.wrapper.titlebluebar{
			background-color: #1ABC9C;
		}

		.wrapper.titleredbar{
			background-color: #E74C3C;
		}


		.wrapper.titleredbar{
			background-color: #E74C3C;
		}

		.wrapper.titlebluebar2{
			background-color: #3396d9;
		}

		.wrapper.titlebluebar3{
			background-color: #3175a2;
		}

		.wrapper.clientstitle{
			background-color: #ffffff;
		}

		.wrapper.clients{
			background-color: #ffffff;
		}

		.wrapper.sitemap{
			background-color: #3396d9;
		}


		.wrapper.appverifybanner {

		background-color: #000000;
		background-image: url("https://ticktbox.com/images/VerifyBanner.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center center;
		background-size: cover;
		padding-top: 0;
		display:flex;

		}

		.wrapper.aboutusbg {

		background-color: #000000;
		background-image: url("https://ticktbox.com/images/aboutusbg.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding-top: 0;
		display:flex;

		}

	

		.wrapper.securebg {

		background-color: #000000;
		background-image: url("https://ticktbox.com/images/securebg.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center center;
		background-size: cover;
		padding-top: 0;
		display:flex;

		}

				.wrapper.clientsBanner {

		background-color: #000000;
		background-image: -moz-radial-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://ticktbox.com/images/clientsBanner.png");
		background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://ticktbox.com/images/clientsBanner.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding-top: 0;
		display:flex;

		}


	.wrapper.pricingbanner {

		background-color: #000000;
		background-image: -moz-radial-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://ticktbox.com/images/pricingbanner.png");
		background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://ticktbox.com/images/pricingbanner.png");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center center;
		background-size: cover;
		padding-top: 0;
		display:flex;

		}

		.wrapper.marketingbg {

		background-color: #000000;
		background-image: url("https://ticktbox.com/images/marketingbg.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding-top: 0;
		display:flex;

		}

		.wrapper.privacybg {

		background-color: #000000;
		background-image: url("https://ticktbox.com/images/privacypolicybanner.png");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding-top: 0;
		display:flex;

		}

		.wrapper.mafyellow{
			background-color: #f39c12;
			color: #FFFFFF;
		}

			.wrapper.mafblue{
			background-color: #3396d9;
			color: #FFFFFF;
		}

		.wrapper.mafdownload{
			color: #808b8d;
			background-color: #ffffff;
		}

			.wrapper.marketing {
	    color: #808b8d;
	    background-color: #ffffff;
		}

			.wrapper.mafverify{
			color: #808b8d;
			background-color: #ffffff;
		}

		.wrapper.audience{
			background-color: #ffffff;
		}
 
 		.wrapper.secure{
			background-color: #ffffff;
		}

		.wrapper.solution{
		background-color: #ffffff;
		}
 
  		.wrapper.patented{
			background-color: rgb(26, 187, 155);
		}
 
 		.wrapper.privacypolicy{
			background-color: #ffffff;
		}

/* See What ticktBox can do for you section - cta */

	#cta .inner {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		max-width: 76em;
	}

	#cta .inner2 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		max-width: 50em;
		margin:auto;
		width:300px;
	}

		#cta .inner header {
			-moz-order: 1;
			-webkit-order: 1;
			-ms-order: 1;
			order: 1;
			padding-left: 4em;
			width: 150%;
		}

			#cta .inner header p {
				color: inherit;
			}

		#cta .inner .actions {
			-moz-order: 2;
			-webkit-order: 2;
			-ms-order: 2;
			order: 2;
			width: 30%;
		}

		@media screen and (max-width: 980px) {

			#cta .inner {
				display: block;
				text-align: center;
			}

				#cta .inner header {
					padding-right: 0;
					width: 100%;
				}

				#cta .inner .actions {
					margin-left: auto;
					margin-right: auto;
					max-width: 20em;
					width: 100%;
				}

		}

		@media screen and (max-width: 736px) {

			#cta .inner .actions {
				max-width: none;
			}

		}

		#cta .inner {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		display: flex;
		max-width: 76em;
	}

	#cta2 .leftbox {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		max-width: 50em;
		margin:auto;
		float: left;
		padding: 7em 5em 0em 4em;
	}

		#cta2 .leftbox2 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		max-width: 48em;
		margin: auto;
		float: left;
		padding: 5em 0em 0em 5em;
		margin-left: 7em;
	}

	#cta2 .rightbox {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		margin:auto;
		padding: 8em 20em 0em 58em;
	}

	#cta2 .rightbox2 {
		display: -moz-flex;
		display: -webkit-flex;
		display: -ms-flex;
		margin: auto;
		padding: 5em 14em 0em 63em;
	}
	
/* Main */

	#main > header {
		padding: 12em 0 10em 0 ;
		background-attachment: fixed;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		text-align: center;
	}

		#main > header h2 {
			font-size: 1.75em;
			margin: 0 0 0.5em 0;
		}

		#main > header p {
			color: inherit;
			top: 0;
		}

			#main > header p a {
				color: inherit;
			}

		@media screen and (max-width: 1680px) {

			#main > header {
				padding: 10em 0 8em 0 ;
			}

		}

		@media screen and (max-width: 1280px) {

			#main > header {
				padding: 8em 3em 6em 3em ;
			}

		}

		@media screen and (max-width: 980px) {

			#main > header {
				padding: 10em 3em 8em 3em ;
			}

		}

		@media screen and (max-width: 736px) {

			#main > header {
				padding: 5em 3em 3em 3em ;
			}

				#main > header h2 {
					font-size: 1.25em;
					margin: 0 0 1em 0;
				}

		}

	body.is-mobile #main > header {
		background-attachment: scroll;
	}

/* Footer */

	#footer {
		padding: 3em 0 15em 0;
		background-color: #ffffff;
		text-align: center;
	}

		#footer2 {
		padding: 7em 0 2em 0 ;
		background-color: #ffffff;
		text-align: center;
	}

		#footer .icons {
			font-size: 1.25em;
		}

			#footer .icons a {
				color: rgba(255, 255, 255, 0.5);
			}

				#footer .icons a:hover {
					color: #fff;
				}

		#footer .copyright {
			color: rgba(255, 255, 255, 0.5);
			font-size: 0.8em;
			list-style: none;
			padding: 0;
		}

			#footer .copyright li {
				border-left: solid 1px rgba(255, 255, 255, 0.5);
				display: inline-block;
				line-height: 1em;
				margin-left: 1em;
				padding-left: 1em;
			}

				#footer .copyright li:first-child {
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}

				#footer .copyright li a {
					color: inherit;
				}

					#footer .copyright li a:hover {
						color: #fff;
					}

				@media screen and (max-width: 480px) {

					#footer .copyright li {
						border: 0;
						display: block;
						line-height: 1.65em;
						margin: 0;
						padding: 0.5em 0;
					}

				}

		@media screen and (max-width: 980px) {

			#footer {
				padding: 4em 3em 2em 3em ;
			}

		}

		@media screen and (max-width: 736px) {

			#footer {
				padding: 3em 2em 1em 2em ;
			}

		}



/* -----------------------------------------------------------------------
						ICONS/IMAGES 
----------------------------------------------------------------------- */
.ticktBox-laptop {
	margin: auto;
	width: 771px;
	height: 356px;
	background: url(https://ticktbox.com/images/logos/homelaptop2.png) no-repeat right;
	background-size: 771px 356px;
}

.ticktBox-devices {
	float: right;
	width: 100%;
	height: 448px;
	background: url(https://ticktbox.com/images/logos/devices.png) no-repeat right;
	background-size: 658px 448px;
	position: relative;
	bottom: -5em;
	transform: scale(1.1, 1.1);
}

.ticktBox-iphones {
	float: left;
	width: 600px;
	height: 550px;
	background: url(https://ticktbox.com/images/logos/iphones.png) no-repeat left;
	background-size: 479px 453px;
}

.ticktBox-ticketingneeds {
	float: left;
	width: 1100px;
	height: 248px;
	background: url(https://ticktbox.com/images/logos/ticketingneeds.png) no-repeat center;
	background-size: 905px 248px;
}



.ticktBox-ticktboxlogo {
	width: 418px;
	height: 324px;
	background: url(https://ticktbox.com/images/logos/main_box.png) no-repeat center;
	background-size: 418px 324px;
	float: right;
	position: relative;
	bottom: 17em;
	transform: scale(1.5,1.5);
}

.ticktBox-ticktboxicon {
	width: 30px;
	height: 21px;
	background: url(https://ticktbox.com/images/logos/ticktboxicon.png) no-repeat center;
	background-size: 30px 21px;
	float: left;
	position: relative;
	bottom: -10px;
	left: 2em;
}

.ticktBox-laptop2 {
	float: left;
	width: 100%;
	height: 255px;
	background: url(https://ticktbox.com/images/logos/laptop2.png) no-repeat left;
	background-size: 301px 255px;
	position: relative;
	bottom: -1em;
	transform: scale(1.2,1.2);
}

.ticktBox-event {
	float: left;
	width: 87px;
	height: 106px;
	background: url(https://ticktbox.com/images/logos/event.png) no-repeat center;
	background-size: 87px 117px;

}

.ticktBox-eventbookings {
	float: left;
	width: 89px;
	height: 115px;
	background: url(https://ticktbox.com/images/logos/eventbookings.png) no-repeat center;
	background-size: 89px 115px;

}

.ticktBox-movies {
	float: left;
	width: 68px;
	height: 100px;
	background: url(https://ticktbox.com/images/logos/movies.png) no-repeat center;
	background-size: 68px 100px;

}

.ticktBox-televisions {
	float: left;
	width: 109px;
	height: 101px;
	background: url(https://ticktbox.com/images/logos/televisions.png) no-repeat center;
	background-size: 109px 101px;

}

.ticktBox-theaterevents {
	float: left;
	width: 140px;
	height: 115px;
	background: url(https://ticktbox.com/images/logos/theaterevents.png) no-repeat center;
	background-size: 140px 115px;

}

.ticktBox-bottomheader {
	background: url(https://ticktbox.com/images/logos/bottomheader.png) ;
	background-size: cover;

}

.ticktBox-paramount {
	float: left;
	width: 86px;
	height: 72px;
	background: url(https://ticktbox.com/images/logos/paramount.png) no-repeat center;
	background-size: 86px 72px;
	padding:8em 10em 0em 0em;
}



.ticktBox-regal {
	float: left;
	width: 87px;
	height: 48px;
	background: url(https://ticktbox.com/images/logos/regal.png) no-repeat center;
	background-size: 87px 48px;
	padding:8em 10em 0em 0em;
}

.ticktBox-sony {
	float: left;
	width: 55px;
	height: 81px;
	background: url(https://ticktbox.com/images/logos/sony.png) no-repeat center;
	background-size: 55px 81px;
	padding:8em 10em 0em 0em;
}

.ticktBox-lionsgate {
	float: left;
	width: 120px;
	height: 15px;
	background: url(https://ticktbox.com/images/logos/lionsgate.png) no-repeat center;
	background-size: 120px 15px;
	padding:8em 10em 0em 0em;
}


.ticktBox-warnerbros {
	float: left;
	width: 74px;
	height: 69px;
	background: url(https://ticktbox.com/images/logos/warnerbros.png) no-repeat center;
	background-size: 74px 69px;
	padding:8em 10em 0em 0em;
}

.ticktBox-netflix {
	float: left;
	width: 88px;
	height: 25px;
	background: url(https://ticktbox.com/images/logos/netflix.png) no-repeat center;
	background-size: 88px 25px;
	padding:8em 10em 0em 0em;
}

.ticktBox-20thcentury {
	float: left;
	width: 77px;
	height: 63px;
	background: url(https://ticktbox.com/images/logos/20thcentury.png) no-repeat center;
	background-size: 77px 63px;
	padding:8em 10em 0em 0em;
}

.ticktBox-amc {
	float: left;
	width: 88px;
	height: 33px;
	background: url(https://ticktbox.com/images/logos/amc.png) no-repeat center;
	background-size: 88px 33px;
	padding:8em 10em 0em 0em;
}

.ticktBox-headerlogo {
	float: left;
	width: 200px;
	height: 48px;
	background: url(https://ticktbox.com/images/logos/ticktBoxfooterlogo.png) no-repeat center;
	background-size: 200px 48px;

}

.ticktBox-ticktBoxfooterlogo {
	float: right;
	width: 200px;
	height: 48px;
	background: url(https://ticktbox.com/images/logos/ticktBoxfooterlogo.png) no-repeat center;
	background-size: 200px 48px;
	position: relative;
	top: -6em;
	margin-right: 8%;
}

.ticktBox-ticktBoxfooterlogo {
	float: right;
	width: 200px;
	height: 48px;
	background: url(https://ticktbox.com/images/logos/ticktBoxfooterlogo.png) no-repeat center;
	background-size: 200px 48px;
	position: relative;
	top: -3em;
	right: 53em;
}

.ticktBox-ticktBoxfooterlogo2 {
	float: left;
	width: 200px;
	height: 48px;
	background: url(https://ticktbox.com/images/logos/ticktBoxfooterlogo.png) no-repeat center;
	background-size: 200px 48px;
	position: relative;
	left: 11em;
}

.ticktBox-airplane {
	float: left;
	width: 209px;
	height: 153px;
	background: url(https://ticktbox.com/images/logos/airplane.png) no-repeat center;
	background-size: 209px 153px;
	position: relative;
	top: -5em;
	left: 7em;

}

.ticktBox-logodivider {
	float: left;
	width: 82px;
	height: 379px;
	background: url(https://ticktbox.com/images/logos/logodivider.png) no-repeat center;
	background-size: 82px 379px;
	position: absolute;
	left: 60em;
	bottom: 0em;
}



.ticktBox-menu {
	float: left;
	width: 31px;
	height: 37px;
	background: url(https://ticktbox.com/images/logos/menu.png) no-repeat center;
	background-size: 31px 37px;
	margin-right: 2%;
	position: absolute;
	top: 20px;
	left: 20px;

}
.ticktBox-bluemenu {
	float: left;
	width: 31px;
	height: 37px;
	background: url(https://ticktbox.com/images/logos/bluemenu.png) no-repeat center;
	background-size: 31px 37px;
	margin-right: 2%;
	position: absolute;
	top: 20px;
	left: 20px;

}

.ticktBox-menudivider {
	float: left;
	width: 1px;
	height: 47px;
	background: url(https://ticktbox.com/images/logos/menudivider.png) no-repeat center;
	background-size: 1px 47px;
	margin-right: 3%;
	position: relative;
	left: 2em;
	}

.ticktBox-get-app-icon-hover {
	float: left;
	width: 314px;
	height: 427px;
	background: url(https://ticktbox.com/images/logos/get-app-icon-hover.png) no-repeat center;
	background-size: 314px 427px;
	margin-left: 10em;
}

.ticktBox-appstore {
	float: left;
	width: 241px;
	height: 81px;
	background: url(https://ticktbox.com/images/logos/appstore.png) no-repeat center;
	background-size: 241px 81px;
	margin-left:13em;
	margin-top:11em;
}

.ticktBox-button-google-play-coming-soon {
	float: left;
	width: 243px;
	height: 86px;
	background: url(https://ticktbox.com/images/logos/button-google-play-coming-soon.png) no-repeat center;
	background-size: 243px 86px;
	margin-left: 13em;
	margin-top:3em;
}

.ticktBox-qrcode {
	width: 259px;
	height: 250px;
	background: url(https://ticktbox.com/images/logos/qrcode.png) no-repeat center;
	background-size: 259px 250px;
	margin: 0 auto;

}

.ticktBox-verification2 {
	width: 202px;
	height: 285px;
	background: url(https://ticktbox.com/images/logos/verification2.png) no-repeat center;
	background-size: 202px 285px;
	margin: 0 auto;

}

.ticktBox-data {
	width: 320px;
height: 102px;
background: url(https://ticktbox.com/images/logos/data.png) no-repeat center;
background-size: 320px 102px;
margin: 0 auto;

}

.ticktBox-pipeople {
	float: left;
	width: 1016px;
	height: 1010px;
	background: url(https://ticktbox.com/images/logos/pipeople.png) no-repeat center;
	background-size: 250px 280px;
	position: absolute;
	top: 66em;
	left: 4em;

}

.ticktBox-logodivider2 {
	float: left;
	width: 177px;
	height: 1307px;
	background: url(https://ticktbox.com/images/logos/logodivider2.png) no-repeat center;
	background-size: 80px 600px;
	position: absolute;
	left: 60em;
	bottom: -42em;
}

.ticktBox-laptop3 {
	float: left;
	width: 570px;
	height: 360px;
	background: url(https://ticktbox.com/images/logos/laptop3.png) no-repeat center;
	background-size: 570px 360px;
	position: relative;
	bottom: -2em;

}

.ticktBox-buttons {
	float: right;
	width: 600px;
	height: 200px;
	background: url(https://ticktbox.com/images/logos/buttons.png) no-repeat center;
	background-size: 500px 200px;
}

.ticktBox-logodivider3 {
	width: 177px;
	height: 423px;
	background: url(https://ticktbox.com/images/logos/logodivider3.png) no-repeat center;
	background-size: 177px 423px;
	margin: 0 auto;
	position: absolute;
	top: 1em;
	top: 36em;
	left: 62em;
	transform: scale(0.5, 0.5);
	-ms-transform: scale(0.5, 0.5);
	-webkit-transform: scale(0.5, 0.5);
}



a#video-space img {
	opacity: .77;
	-webkit-transition: all 1s ease;
  	   -moz-transition: all 1s ease;
  	    -ms-transition: all 1s ease;
  	     -o-transition: all 1s ease;
  	        transition: all 1s ease;
}


a#video-space:hover img {
	opacity: 1;
}


/* CSS for Integrating Marketing Page */

#gradbox {
	padding: 2em;
	border-radius: 5px;
	    background: -webkit-linear-gradient(#ffffff, #e1e2e3); /* For Safari 5.1 to 6.0 */
	    background: -o-linear-gradient(#ffffff, #e1e2e3); /* For Opera 11.1 to 12.0 */
	    background: -moz-linear-gradient(#ffffff, #e1e2e3); /* For Firefox 3.6 to 15 */
	    background: linear-linear-gradient(#ffffff, #e1e2e3); /* Standard syntax (must be last) */
	margin: 0 auto;
	border: 1px solid #e1e2e3;
}


#gradboxtext
{
	padding:  0em 0em 0em 16em;
}


#gradboxtext2
{
	padding: 3em 0em 0em 16em;
}



.ticktBox-money {
	float:left;
	width: 146px;
	height: 146px;
	background: url(https://ticktbox.com/images/logos/money.png) no-repeat center;
	background-size: 146px 146px;
	position: relative;
	left: 2em;
top: 3em;
}

.ticktBox-speakerphone {
	float:left;
	width: 146px;
	height: 146px;
	background: url(https://ticktbox.com/images/logos/speakerphone.png) no-repeat center;
	background-size: 146px 146px;
	position: relative;
	left: 2em;
	top: 3em;
}

.ticktBox-tickets {
	float: left;
	width: 146px;
	height: 146px;
	background: url(https://ticktbox.com/images/logos/tickets.png) no-repeat center;
	background-size: 146px 146px;
	position: relative;
	left: 2em;
	top: 3em;
}

.ticktBox-laptop4 {
	width: 492px;
	height: 274px;
	background: url(https://ticktbox.com/images/logos/laptop4.png) no-repeat center;
	background-size: 492px 274px;
	margin: 0 auto;
}

.ticktBox-line2 {
	width: 2px;
	height: 70px;
	background: url(https://ticktbox.com/images/logos/line2.jpg) no-repeat center;
	background-size: 3px 534px;
	margin: 0 auto;
	z-index: 0;
}

.ticktBox-line3 {
	width: 10px;
	height: 78px;
	background: url(https://ticktbox.com/images/logos/line3.jpg) no-repeat center;
	background-size: 10px 78px;
	margin: 0 auto;
}


/* Privacy Policy CSS */
#privacy{
	color:#696969;


}

#privacy{
	color:#000000;


}

/* ticktBox for Agencies CSS */
.wrapper.careersBanner {

		background-color: #000000;
		background-image: -moz-radial-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://ticktbox.com/images/careersBanner.jpg");
		background-image:-webkit-linear-gradient(top, rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url("https://ticktbox.com/images/careersBanner.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		padding-top: 0;
		display:flex;

		}



/* ticktBox for Agencies CSS */
.wrapper.agenciesbanner {

		background-color: #000000;
		background-image:url("https://ticktbox.com/images/agenciesbanner.png");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-position: center center;
		background-size: cover;
		padding-top: 0;
		display:flex;

		}


	.wrapper.solution{
			padding: 2em 30em 5em 30em;
			background-color: #ffffff;
		}

.ticktBox-man {
width: 292px;
height: 277px;
background: url(https://ticktbox.com/images/logos/man.png) no-repeat center;
background-size: 292px 277px;
margin-left: 10em;
margin-top: 5em;
}

	.wrapper.marketing{
			padding: 4em 30em 0em 30em;
			background-color: #ffffff;
		}

.ticktBox-marketing {
width: 292px;
height: 277px;
background: url(https://ticktbox.com/images/logos/marketing.png) no-repeat center;
background-size: 292px 277px;
float: left;
margin-left: 10em;
margin-top: 3em;
position: relative;
top: -4em;

}

.ticktBox-cloud {
width: 292px;
height: 277px;
background: url(https://ticktbox.com/images/logos/cloud.png) no-repeat center;
background-size: 292px 277px;
float: left;
margin-left: 7em;
margin-top: 3em;

}

.ticktBox-people {
width: 292px;
height: 277px;
background: url(https://ticktbox.com/images/logos/people.png) no-repeat center;
background-size: 292px 277px;
float: left;
margin-left: 3em;
margin-top: -3em;
}

.ticktBox-orangelogo {
float: left;
width: 177px;
height: 1307px;
background: url(https://ticktbox.com/images/logos/orangelogo.png) no-repeat center;
background-size: 80px 600px;
position: absolute;
left: 60em;
bottom: -39em;

}

.ticktBox-lineyellow2 {
float: left;
width: 510px;
height: 450px;
background: url(https://ticktbox.com/images/logos/lineyellow2.png) no-repeat center;
background-size: 510px 450px;
position: absolute;
left: 30em;
bottom: -45.7em;

}

.ticktBox-lineyellow3 {
float: left;
width: 5px;
height: 350px;
background: url(https://ticktbox.com/images/logos/lineyellow3.png) no-repeat center;
background-size: 5px 350px;
position: absolute;
left: 66.2em;
bottom: -70.3em;

}


.boxinner{
	padding: 1em 2em 1em 29em;
}

.boxinner2{
	padding: 2em 0em 1em 5em;
}

.innersoftware{
	margin: 0px auto;
	position: relative;
	overflow: auto;
	text-align: center;
	display: inline-block;
	width: 100%;
	padding: 10em 0em 10em 0em;
}


/* Careers TicktBox*/
	.wrapper.careers{
			background-color: #3498DB;
		}

.careers1
{
	text-align: justify;
	padding: 5em 0em 0em 0em;

}

.careers1 div
{
	display: inline-block;
	width: 10%;
	margin-left: 15em;

}

.careers1:after
{
	  content: '';
    display: inline-block;
    width: 100%;
}

.ticktBox-lunch {
float: left;
width: 175px;
height: 245px;
background: url(https://ticktbox.com/images/logos/lunch.png) no-repeat center;
background-size: 175px 245px;

}

.ticktBox-arcade {
float: left;
width: 175px;
height: 245px;
background: url(https://ticktbox.com/images/logos/arcade.png) no-repeat center;
background-size: 175px 245px;

}

.ticktBox-contedu {
float: left;
width: 175px;
height: 245px;
background: url(https://ticktbox.com/images/logos/contedu.png) no-repeat center;
background-size: 175px 245px;

}

.ticktBox-health {
float: left;
width: 175px;
height: 245px;
background: url(https://ticktbox.com/images/logos/health.png) no-repeat center;
background-size: 175px 245px;

}

.ticktBox-moviescreenings {
float: left;
width: 175px;
height: 245px;
background: url(https://ticktbox.com/images/logos/moviescreenings.png) no-repeat center;
background-size: 175px 245px;

}

.ticktBox-snacks {
float: left;
width: 175px;
height: 245px;
background: url(https://ticktbox.com/images/logos/snacks.png) no-repeat center;
background-size: 175px 245px;

}

.ticktBox-nomean {
float: left;
width: 175px;
height: 245px;
background: url(https://ticktbox.com/images/logos/nomean.png) no-repeat center;
background-size: 175px 245px;

}


.ticktBox-timeoff {
float: left;
width: 175px;
height: 245px;
background: url(https://ticktbox.com/images/logos/timeoff.png) no-repeat center;
background-size: 175px 245px;

}



.ticktBox-sitemaplogo {
width: 418px;
height: 324px;
background: url(https://ticktbox.com/images/logos/sitemaplogo.png) no-repeat center;
background-size: 418px 324px;
float: right;
position: relative;
bottom: 20em;

}

.ticktBox-whiteline {
width: 350px;
height: 5px;
background: url(https://ticktbox.com/images/logos/whiteline.png) no-repeat center;
background-size: 350px 5px;
position: relative;
left: 11em;

}



.ticktBox-icon1 { 
	margin-right: 4em;
	margin-left:7em;
	float: left;
	width: 175px; 
	height: 227px;
	background: url(https://ticktbox.com/images/logos/icon1.png) no-repeat; 
	} 

	.ticktBox-icon1:hover { 
			float: left;

		width: 175px; 
	height: 227px;
		background: url(https://ticktbox.com/images/logos/icon1blue.png) no-repeat; 
	} 

.ticktBox-icon2 { 
	margin-right: 4em;
		float: left;

	width: 175px; 
	height: 227px;
	background: url(https://ticktbox.com/images/logos/icon2.png) no-repeat; 
	} 

	.ticktBox-icon2:hover { 
		margin-right: 4em;
			float: left;

		width: 175px; 
	height: 227px;
		background: url(https://ticktbox.com/images/logos/icon2blue.png) no-repeat; 
	} 

.ticktBox-icon3 { 
	margin-right: 4em;
		float: left;

	width: 175px; 
	height: 241px;
	background: url(https://ticktbox.com/images/logos/icon3.png) no-repeat; 
	} 

	.ticktBox-icon3:hover { 
			float: left;

		width: 175px; 
	height: 241px;
		background: url(https://ticktbox.com/images/logos/icon3blue.png) no-repeat; 
	} 

.ticktBox-icon4 { 
	margin-right: 4em;
		float: left;

	width: 175px; 
	height: 241px;
	background: url(https://ticktbox.com/images/logos/icon4.png) no-repeat; 
	} 

	.ticktBox-icon4:hover { 
			float: left;

		width: 175px; 
	height: 241px;
		background: url(https://ticktbox.com/images/logos/icon4blue.png) no-repeat; 
	}