﻿@charset "UTF-8";

.social,
.link {
	display: none;
}
/* .mobileContact  {
	display:block;
}*/
.footerhead{
	font-size:1.5rem !important;
	font-weight:bold;
}
.footerlink a{
	font-size:.75rem;
}
/*.footerlink .ghost{
	text-align: center;
    padding: 5px;
	margin: 15px 0px 15px 0px;
    width: 100px;
}*/
.footerTxt{
	font-size: 1.75rem;
    vertical-align: middle;
    line-height: 2.5rem;
    float: right;
    min-width: 202px;
	position:relative;
	left:0;
}
/*.mobileContact a {
	width: 100%;
	text-align: center;
	margin-top: 1em;
}*/
/*#footer-disclaimer,*/
.column,
.footer p{
	width:100%;
	max-width:none;
	margin:16px auto;
	text-align:center;	
	color:#5a5a5a;
}
/*.ftrshrink{
	font-size: .8rem;
	display:inline-block;
	color:red;
}
*/

.footer {
	position:relative;
	z-index:0;
	width:100%;
	padding:2% 2%;
	background-color:#efefef;
	text-align:center;	
}

.footer div.legal li a{
	color:#ffffff;	
	font-size:10px;
	font-family: 'Open Sans', sans-serif;
	font-weight:lighter;
}
/*.connectCTA a{
	margin:0;	
    font-size: 2rem;
    font-family: 'Permanent Marker', cursive;
    line-height: 2.5rem;
	text-decoration:none;
	color:#5a5a5a;
}*/

.footer p{
	margin:0;	
    font-size: 2rem;
    font-family: 'Permanent Marker', cursive;
    line-height: 2.5rem;
}
/*.twist{
	-ms-transform: rotate(-9deg);
    -webkit-transform: rotate(-9deg);
    transform: rotate(-9deg);
}
#branding{
	display:none;
}*/
/*#footer-disclaimer {
	text-align:center;
	color:#ffffff;
	font-size:10px;
}*/
ul.link li {
	text-align: left;
	margin: 10px 0;
}
ul.social li {
	display: inline-block;
	margin:0 0 0 1px;
	float:none;
	width: 20px;
	height:20px;
	padding:0;
}
ul.social li:first-child{
	margin:0;	
}
div.legal {
	width: 100%;
	display: inline-block;
	background-color: #222222;
	font-size: 10px;
	height: auto;
	padding: 24px 0;
	font-weight:lighter;
	color:white;
}
div.legal .column{
	margin:0;	
}
section.footer p.footerPlove{
    padding:0;
	text-align:center;
	max-width:100%;
	font-weight:normal;
	font-family: 'Questrial', sans-serif;
	font-size:20px;
	color:#ffffff;
	margin:16px auto;
}
.column {
    width: 33%;
    float: left;
    text-align: center;
}

.topBlock {
	height: auto;
	padding: 24px 0;
	text-align: center;
	display:inline-block;
	width:100%;
}

.footer img {
	width: 100%;
	height: auto;
}

li.brand > a.badgeWrap {
	max-width: 115px;
	margin: 0px 0 25px;
	display:inline-block;
}

ul.social li a {
	background-image: url('https://assets.apliiq.com/images/Footer/social-media-icons-sprite.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	text-align: left;
	text-indent: -99999px;
	height: 20px;
	width: 20px;
	color: transparent;
	float: left;
}

/*#tumblr {
	background-position: center 1%;
}


#pinterest {
	background-position: center 19%;
}


#facebook {
	background-position: center 37%;
}

#youtube {
	background-position: center 55%;
}


#twitter {
	background-position: center 72.5%;
}


#instagram {
	background-position: center 90.5%;
}*/

li.terms,
li.terms a{
	text-align:center;	
	line-height:50px;
	color:#fff;
	display:inline;
	font-size:13px;
	font-size:.8125rem;
}
li.terms{
	bottom:0;
}


.legal{
	position:relative;
	bottom:0;
	left:0;
	right:0;
	margin:0 auto 0;
	display:inline-block;
	text-align:center;
	padding:0;
	width:100%;
}	

.paymentLabel{
	width:100%;
	padding:0;
	color:#222;
	font-size:13px;
	text-align:left;	
}

.paymentOptions{
	background-image:url(https://assets.apliiq.com/images/Footer/cc-icons-sprite.png);
	background-size:55% auto;
	background-repeat:no-repeat;
	background-position:-1px bottom;
	width:300px;
	display:inline-block;	
	height:35px;
	/*margin-top:20px;*/
    margin-top: -8px;
}


ul.social.block {
	text-align: center;
	padding:0;
}

li.brand {
	padding: 110% 0 0;
	float:left;
	width:100%;
	display: inline-block;
	text-align:center;
}

.footerPaymentOptions{
	display:none;	
}

/*.footerBrandMark{
	display:inline-block;	
	margin-top:20px;
}*/

/*.connectCTA{
		background-image: url('https://assets.apliiq.com/images/footer/knuckles.png');
		margin:auto;
		width:275px;
		height:275px;
}*/
.centerTxt{
		position: relative;
		top: 34%;
}
.linkBlock{
    width: 50%;
    margin: auto;
    padding: 25px;
    float: left;
}
/*.bumpLft {    
    width: 45%;
}
.miniBumpLft {
    width:54%;
}*/
.dropship {
    line-height:4.5rem;
}

li.footerLink {
	display: block;
	line-height: 2rem;
	text-align: left;
	font-size: 1rem;
	padding: 2px 0;
}

	li.footerLink a,
	li.footerLink a:visited {
		display: block;
		width: 100%;
		line-height: 2rem;
		text-align: left;
		font-size: .75rem;
	}
@media screen and (min-width:768px){
	.footerTxt{
		left:6%;
	}
	/*.miniBumpLft{
		float:right;
		width:47%;
	}*/
	.centerTxt{
		top:20%;
	}
	.linkBlock{
		width:49%;
		float:left;
	}
    .dropship {
        line-height:2.5rem;
    }
    .paymentOptions {
        background-size: 80% auto;
        margin-top: 2px;
    }
}
@media screen and (min-width:1024px){
	/*.footerlink.ghost{
	text-align: center;
    padding: 5px;
    padding-left: 86px !important;
	margin: 15px 0px 15px 0px;
    width: 250px;
	}*/
	
	/*.footer {
	height:400px;
	}*/
	
	.footerhead{
	 font-size: 1rem !important;
    font-weight: bold;
	}
	.footerTxt{
		font-size: 1.15rem;
		left:0px;
	}
	.linkBlock{
		float: left;
		width: 25%;
		margin:0%;
		padding-left:45px;
	}
	.bumpTop{
		margin-top:165px;
	}
	.notActive{
		pointer-events: none;
		cursor: default;
	}
	.bumpLft{
		padding-left:8%;
	}
	.footerPaymentOptions{
		display:inline-block;
		float:left;	
	}
	/*.footerBrandMark{
		float:right;	
	}*/
	.footer{
		padding: 2%;
	}
	.centerTxt{
		top: 6%;
	}
	.ProductController .footer{
		width:100%;
		left:0;	
	}
	div.topBlock .column,
	div.legal .column{
		width:33%;
		float:left;	
	}
	.social,
	.link {
		display: inline-block;
	}
	/*#footer-disclaimer {
		text-align:right;
	}
	li.mobileContact{
		display:none;
	}
	.footerBrandMark{
		margin-top:5px;	
	}*/
	.paymentLabel{
		font-size:1rem;
		line-height:2rem;
	}
	.paymentOptions{
		background-position: 0px top;
		margin-top:10px;
	}

	.footerLink{
		float: left;
		display: block;
		/*width: 100%;*/
		line-height: 1.5rem;
		text-align: left;
		clear:both;
		padding:0px;
		
	}
	li.footerLink a{
		font-size: .75rem;
	}
	/*.connectCTA{
		float:left;
		margin:0px;
	}*/
	.miniBumpLft{
		padding-left:25px;
	}
	/*#chatCTA{
		display:block;
	}*/
}
@media screen and (min-width:1025px){
	.footer a:hover, .footer .clickable:hover,
	.footer div.legal li a:hover,
	li.terms a:hover {
		opacity:.5;
	}
	/*#tumblr:hover {
		background-position: center 10%;
	}
		#pinterest:hover {
		background-position: center 28%;
	}
	#facebook:hover {
		background-position: center 46%;
	}
	#youtube:hover {
		background-position: center 64%;
	}
	#twitter:hover {
		background-position: center 81.5%;
	}
	#instagram:hover {
		background-position: center 99.5%;
	}
	#branding{
		display:clear;
	}*/
	.linkBlock {
		width: 25%;
	}
}
