﻿@charset "UTF-8";
/* Sample CSS Document */
.mainContainer,
header{
	left:0;
	width:100%;	
}
.mainContainer{
	padding-top:0;	
}
.filterWrap{
	left:-50%;
	width:50%;	
}
/*.register h3 {
    display: none;
}*/

#main-content{
	min-height:100%;
	height:auto;
	background-repeat:no-repeat;
	background-size:cover;
	background-attachment:local;
	background-position:center top;	
    padding: 0;
	margin:0;
}

#main-content .container{
	color:#ffffff;
	z-index:3;
	position:relative;
	padding:0;
}

header .ghost{
	display:inline-block;
}

#bg {
  position: fixed; 
  top: -50%; 
  left: -50%; 
  width: 205%; 
  height: 205%;
  z-index:-1;
}
div#bg:before {
    content: '';
    position: absolute;
    z-index: 0;
    background-color: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
	max-width:none;
}
#bg img#imageSnippet {
	position: absolute; 
	top: 0; 
	left: 0; 
	right: 0; 
	bottom: 0%; 
	margin: auto; 
	min-width: 50%;
	min-height: 50%;
	-moz-filter:blur(1px) grayscale(1);
	-webkit-filter:blur(1px) grayscale(1);
	filter:blur(1px) grayscale(1);
	z-index:-1;
	max-width:none;
	display: block;
	width: 100vw;
	height: 100vh;
	object-fit: cover;
}

div.pText{
	font-family:'Open Sans', sans-serif;
	font-weight:300;	
	font-size:16px;
	font-size:1rem;
	line-height:32px;
	line-height:2rem;
	text-align:center;
}
h1.logo{
	font-size:0;
	line-height:0;	
}
div.pText h1,
div.pText h2,
div.pText h3{
	font:inherit;
	line-height:inherit;
	text-transform:none;	
	padding:0;
	margin:0;
}

.biggerText{
	font-size:24px;
	font-size:1.5rem;
	line-height:32px;	
	line-height:2rem;
	margin:16px auto;
	padding:0;
}
img#apliiqCampaignsLogo{
	    width: 90%;
    max-width: 300px;
    margin: 170px 0 0;
}
.socialShareWrap{
	margin-top:60px;	
	max-width:90%;
	display:inline-block;
	width:100%;
}

.fb-share-button.fb_iframe_widget{
	position:relative;
	top:-3px;
}
#twitter-widget-0,
#___plus_0{
	margin-left:10px !important;
	display:inline-block !important;	
}

section.footer{
	background-color:rgba(239,239,239,.9);
	z-index:3;	
}


@media screen and (min-width:768px){
	.filterWrap {
		left:-25%;
		width:25%;	
	}
	#bg{
		display:none;	
	}
	#main-content{
		background-image:url('/Images/sell-custom-t-shirts-online-big.jpg');
		min-height:100%;
		height:100%;
		margin-bottom:0;
	}
	#main-content:before{
		position:absolute;
		top:0;
		bottom:0;
		left:0;right:0;
		margin:auto;
		content:'';
		z-index:0;	
		float:left;
		background:inherit;
		-moz-filter:blur(1px) grayscale(1);
		-webkit-filter:blur(1px) grayscale(1);
		filter:blur(1px) grayscale(1);
	}
	#main-content:after{
		position:absolute;
		top:0;
		bottom:0;
		left:0;right:0;
		margin:auto;
		content:'';
		z-index:0;	
		background-color:rgba(0,0,0,.5);
	}
}

@media screen and (min-width:1024px) and (min-height:768px){
	
}

@media screen and (min-width:1025px){
	
	.filterWrap{
		left:-15%;
		width:15%;	
	}
	
	.fb-share-button.fb_iframe_widget{
		top:-4px;
	}
	
}

