/* min 700px (tablets & desktop) */
@media all and (min-width: 700px) {

	#mobile {
		display:none;
	}


}

/* devices up to 700px (smartphones) */
@media all and (max-width: 700px) {
	
	#desktop { 
		display:none;
	}
	
	#mobile {
		display:flex;
	}
	
	.option-group {
			width:100% !important;
		
	}
	.sub-header {
		width:100% !important;

	}
	
}/* end max 700px */


/* extra small devices 360px (smartphones) */
@media all and (max-width: 700px) {
	
	.sub-header {
		font-size:18px !important;

	}
	
}/* end max 360px */
			
/* ---------------------------------------------------------------------- */




body {
	background-color:#dae0e5 !important;
}
.container {
	 min-height:1000px; 
	 max-width:1000px !important;
	 background-color:white;
}

#top-ctn {
	display:flex;
	flex-flow:column;
	align-items:center;
	margin-bottom:20px;
}


.main-form {
	display:flex;
	flex-flow:column;
	justify-content:center; 
	min-height:800px; 
	width:100%; 
	margin-top:-10px; 
	border-radius:5px;
}


.select-type-dialogue {
	display:flex;
	flex-flow:row wrap;
	justify-content:space-between;
	width:100%;
	padding-bottom:15px;

}
.option-group {
	display:flex;
	flex-flow:column;
	align-items:center;
	width:50%;
}

.call-to-action-box {
	border:1px solid #d3d3d3;
	display:flex;
	flex-flow:column;
	align-items:center;
	width:100%;
	padding-bottom:30px;
	margin-bottom:10px;
}

/* profiles landing page labels */
.p-lp-label {

	background-color:white;
	
}

/* Begin benefits cards */

#benefits-ctn {
	width:100%;
	display:flex;
	flex-flow:row wrap;
	justify-content:space-evenly;
	
}
.benefit-card {
	width:300px;
}

.blogging-seo-ico {
	display:inline-block;
	background: url('../images/channels-lp-sprite.png') no-repeat -13px -8px;
	width: 76px;
	height: 75px;
}
.analytics-ico {
	display:inline-block;
	background: url('../images/channels-lp-sprite.png') no-repeat -20px -96px;
	width: 71px;
	height: 63px;
}
.business-ico {
	display:inline-block;
	background: url('../images/channels-lp-sprite.png') no-repeat -20px -178px;
	width: 68px;
	height: 75px;
}
.viral-ico {
	display:inline-block;
	background: url('../images/channels-lp-sprite.png') no-repeat -12px -267px;
	width: 83px;
	height: 83px;
}
.branding-ico {
	display:inline-block;
	background: url('../images/channels-lp-sprite.png') no-repeat -15px -370px;
	width: 76px;
	height: 75px;
}
.engage-ico {
	display:inline-block;
	background: url('../images/channels-lp-sprite.png') no-repeat -10px -464px;
	width: 76px;
	height: 74px;
}
.money-ico {
	display:inline-block;
	background: url('../images/channels-lp-sprite.png') no-repeat  -21px -556px;
	width: 61px;
	height: 65px;
}
.email-ico {
	display:inline-block;
	background: url('../images/channels-lp-sprite.png') no-repeat  -5px -642px;
	width: 83px;
	height: 47px;
}

/* end benefits cards */

/* Begin custom radio buttons */

.radio {
	opacity: 0;
}
.label {
	border: 1px solid #06c;
    width: 300px;
    padding: 7px;
    padding-left: 10px;
    border-radius: 5px;
    margin-bottom: -13px;
  
}
.radio:checked + .label {
		box-shadow:0px 0px 1px 1px #06c !important;
		background-color:#e2f1ff;
		color:#06c;
		font-weight:bold;
}
.label:hover {
		box-shadow:0px 0px 1px 1px #06c !important;
		background-color:#e2f1ff;
		transition:box-shadow 0.25s;
		color:#06c;
}



/* end custom radio buttons */