/* Minification failed. Returning unminified contents.
(314,1): run-time error CSS1019: Unexpected token, found '}'
 */
/* CSS Document */
#main-content{
	text-align:center;	
}

p{
	display:inline-block;
	max-width:90%;
	line-height: 1.5rem !important;
	margin-bottom:10px;
	color:black;
}

h2{
	text-align:center;
	width:90%;
	max-width:700px;
	display:inline-block;
	line-height:2.5rem;
}

h3{
	text-align:center;
	width:90%;
	max-width:700px;
	display:inline-block;
}

h1{
	padding-top:25px;
	width:90%;
	max-width:700px;
	display:block;
}

.listitem{
	margin:3%;
}
img{
	width:100%;
	height:auto;	
}

.cTAWrap{
	max-width:600px;
	display:inline-block;
}
.cTAWrap h2,
.cTAWrap h3{
	text-align:left;
	
	display:inline-block;
	max-width: 700px;
}
.applyForm label{
	width:90%;
	display: inline-block;
	text-align: left;
	margin: 10px 0 3px;
	font-weight: bolder;
	
}
.applyForm input{
	width:90%;    display: inline-block;
}
.applyForm{
	color: black;
	font-weight: bolder;
	background-color:lightgray;
}
.helpTxt{
	font-size: 1rem;
    font-family: sans-serif;
	text-align: left;
}
ul.bullet{
	max-width:700px;
	width:90%;
	display:inline-block;
	text-align:left;
	list-style:disc outside none;
	padding-left:20px;
	margin-bottom:30px;
	font-family:'Open Sans', sans-serif;
	
}
.bullet li{
	line-height:2rem;
	font-size:1.5rem;	
	font-weight:300;
	width:80%;
}

.cta{
	text-align:left;
	width:90%;
	max-width:700px;
	display:inline-block;
	margin:10px 0 50px;	
}

#zohoSupportWebToCase #signupForm {
        /*position: absolute;*/
    background-color: #d3d3d3ed;
    margin: auto;
    width: 100%;
    /*height: 79%;*/
    z-index: 1;
}
@media screen and (max-width:768px){
	
	.button{
		width:95%;
		
		font-size:24px;
		font-size:1.5rem;	
	}
	 p{
		font-size:1.5rem;
		line-height:1.5rem;
	}

}
@media screen and (min-width:768px){
	.positionDescription{
		float:left;
		max-width: 55%
	}
    .applyForm {
        float: right;
        max-width: 40%;
        display: inline-block;
        background-color: lightgray;
        position: relative;
    }
    .bullet li {
        line-height: 1.5rem;
        font-size: 1rem;
        width: 80%;
    }
    .applyForm input {
        width: 80%;
    }
    .applyForm label {
        width: 80%;
    }
    .helpTxt {
        font-size: .6rem;
        max-width: 80%;
    }
}

h1{
	font-size:2.25rem;
	padding:25px;
	display: block;
    margin: auto;
	font-family: 'Permanent Marker', cursive;
}
h2{
	font-size:1.75rem;
	line-height: 2rem;
}
p{
	text-align:center;
}
.stores{
	display:inline-block
}

.storelogos{
	display:inline-block;
	max-width: 250px;
	margin:50px;
	
}
.space{
	margin-bottom:32px !important;
}
.imgwrap{
	width: 90%;
    border-radius: 5px;
}
.bannerwrap{
	width:50%;
}
.content-dropship{
	overflow: hidden;
    max-width: 560px;
    margin: auto;
}
.applyForm{
    margin-top:20px;
    background-color: #00b798;
}

.plus{
	width:10%;
}
.vidStyle{
	width:100%;
	height:315px;
}

@media screen and (min-width: 768px) {
    .positionDescription {
        float: initial;
        max-width: initial;
    }
    .applyForm {
        width: auto;
        display: block;
        padding: 3% 0;
        max-width: inherit;
    }
}

@media screen and (min-width: 1024px) {
    .content-dropship {
        max-width: 1024px;
    }
    .positionDescription {
        float: left;
        max-width: 560px;
        width: 50%;
    }
    .applyForm {
        width: 40%;
        float: right;
        margin-top: 0;
    }
}

@media (min-width:767px){
	.vidStyle{
	width:560px;
	height:315px;
	}
	.triple{
		max-width:28%;
		display:inline-block;
		vertical-align:top;
	}
	.bannerwrap{
		max-width:20%;
	}
	.plus{
		width:5%;
	}
	.center{
		margin:1% 0 0;
	}
	#benefits{
		margin-top:5%;
	}
	#apliiq{
	animation:apliiq 2s forwards;
   -moz-animation:apliiq 2s forwards; /* Firefox */
   -webkit-animation:apliiq 2s forwards; /* Safari and Chrome */
	}
	@keyframes apliiq{
		0% {
		transform: translateX(-900px);
		}
		100% {
		transform: translateX(0);
		}
	}
	@-moz-keyframes apliiq{
		0% {
		transform: translateX(-900px);
		}
		100% {
		transform: translateX(0);
		}
	}
	@-webkit-keyframes apliiq{
		0% {
		transform: translateX(-900px);
		}
		100% {
		transform: translateX(0);
		}
	}
		#shopify{
	animation:shopify 2s forwards;
   -moz-animation:shopify 2s forwards; /* Firefox */
   -webkit-animation:shopify 2s forwards; /* Safari and Chrome */
	}
	@keyframes shopify{
		0% {
		transform: translateX(900px);
		}
		100% {
		transform: translateX(0);
		}
	}
	@-moz-keyframes shopify{
		0% {
		transform: translateX(900px);
		}
		100% {
		transform: translateX(0);
		}
	}
	@-webkit-keyframes shopify{
		0% {
		transform: translateX(900px);
		}
		100% {
		transform: translateX(0);
		}
	}
}
