/* ==============================================================
							BASIC COLORS
================================================================= */



.bgGray { background-color: rgba(244,247,248,1); }






/* ==============================================================
							UTILITY CLASSES
================================================================= */

/* Text Specific
-----------------------------------------------------------------*/

.coloredText { color: rgba(21,129,238,1); }

/*.smallText {
	font-size: 0.875rem;
	color: rgba(39,49,64,0.6);
	font-weight: 400;
}

.bgDark .smallText,
.bgBlue .smallText { color: rgba(255,255,255,0.6);}
*/
/* Spacing & Positioning
-----------------------------------------------------------------*/

.relPosition { position: relative; }

.marginTop { margin-top: 2.5rem; }

.marginBottom { margin-bottom: 2.5rem; }

.noMargin { margin: 0!important; }

/* Heading Dividers
-----------------------------------------------------------------*/

.divider,
.dividerCenter,
.dividerWhite,
.dividerCenterWhite {
	width: 60px;
	height: 2px;
	background-color: rgba(21,129,238,1);
	margin: 1.5rem 0;
}

.dividerWhite,
.dividerCenterWhite {
	background-color: rgba(255,255,255,1);
}

.dividerCenter,
.dividerCenterWhite { margin: 1.5rem auto; }

.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/* ==============================================================
							TYPOGRAPHY
================================================================= */



/* ==============================================================
							GENERAL STYLES
================================================================= */


.container2 { padding: 7rem 1rem; }



ul { list-style: none; }




/*------------ Header & Hero Styles ------------*/




/*------------ Off Canvas Menu Styles ------------*/



/*------------ Client Section Styles ------------*/



/*------------ Icon Blocks ------------*/

.featuresList,
.benefitsList { 
	margin-left: 1.75rem;
}

.featuresList li,
.benefitsList li {
    position: relative;
    padding-bottom: 20px;
    padding-left: 20px;
    z-index: 0;
}

.featuresList li span {
	color: rgba(39,49,64,0.1);
	display: block;
	font-size: 5rem;
	position: absolute;
	top: -15px;
	left: -15px;
	z-index: -1;
}

.bgDark .featuresList li span { color: rgba(0,0,0,0.15); }

.benefitsList li { margin-top: 20px; }

.benefitsList li:not(:last-child) { 
	border-bottom: 1px solid rgba(39,49,64,0.1);
}

.benefitsList > li [class*="icon-"], 
.benefitsList > li [class^=icon-] {
	position: absolute;
	left: -2rem;
	text-align: center;
	top: -8px;
	padding: 5px;
	font-size: 1.75rem;
}

.benefitsList > li h6 { margin-bottom: 10px; }

.benefitsList > li p { margin-bottom: 0; }


/*------------ Testimonials Grid ------------*/




/*------------ Footer Styles ------------*/




/* ==============================================================
							BUTTONS
================================================================= */




/* ==============================================================
							MEDIA QUERIES
================================================================= */

@media only screen and (min-width: 40.063em) {

	.deviceShowcaseLeft,
	.deviceShowcaseRight {
		position: initial;
    	margin: 0 auto;
	}

	.deviceShowcaseLeft img,
	.deviceShowcaseRight img { width: 100%; }
}

@media only screen and (min-width: 64.0625em) { 

	.deviceShowcaseLeft,
	.deviceShowcaseRight {
		position: absolute;
    	top: 110px;
    	right: 50%;
	}

	.deviceShowcaseRight { 
		left: 50%;
		right: auto;
	}

}