/* ////////////////// */
/*      OLD_PAGE      */
/* ////////////////// */

.main_business{
	margin-left: 1%;
	margin-right:1%;
	margin-top:1%;
	margin-bottom:1%;
	width: 48%;
	height: 100%;
	position: relative;
}

.main_personal{
	margin-left: 1%;
	margin-right:1%;
	margin-top:1%;
	margin-bottom:1%;
	width: 48%;
	height: 100%;
	position: relative;
}

/* Theme Modification */
/* Need to remove padding from row for some reason */
#theme-page .theme-page-wrapper .theme-content.no-padding,
#mk-page-id-28292{
	padding: 0 !important;
}
.mk-padding-wrapper{
	padding: 0 !important;
}
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*        PRODUCTS PAGE         */
/* https://www.bagel-labs.com/new_pie */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/* Grey Grids (Single & Double) */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */

/* Columns */
/* Nest an inner column in an outer column to get 10px white padding on PC views */
.product_col_grey_single_outer{
	display: grid;
	width: 50%;
	padding: 10px !important; 
}
.product_col_grey_double_outer{
	display:grid;
	width: 100%;
	padding: 10px !important;
}
.product_col_grey_single_inner,
.product_col_greyapp_single_inner{
	height: 600px;
	background-color: #eeeeee;
}
.product_col_grey_double_inner,
.product_col_grey60_double_inner{
	height: 500px;
	background-color: #eeeeee;
}

/* Images */
.product_image_grey_single{
	position: absolute;
	bottom: 0;
}
.product_image_grey_double{
	position: absolute;
	max-width: 50%;
	bottom: 0;
}

/* Characteristic Titles */
.product_col_grey_single_inner h2,
.product_col_greyapp_single_inner h2{
	font-size: 2rem !important;
	color: #212121;
	max-width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 13%;
}
.product_col_grey_double_inner h2,
.product_col_grey60_double_inner h2{
	font-size: 2rem !important;
	color: #212121;
	margin-top: 15%;
	margin-left: 50%;
}

/* Characteristic Descriptions */
.product_col_grey_single_inner h3,
.product_col_greyapp_single_inner h3{
	font-size: 1rem !important;
	line-height: 1.75;
	color: #212121;
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
}
.product_col_grey_double_inner h3,
.product_col_grey60_double_inner h3{
	font-size: 1rem !important;
	color: #212121;
	margin-left: 50%;
}
/* App Characteristic Titles */
.product_titleapp_grey_single{
	margin-top: 19% !important;
}

@media only screen and (max-width: 768px){
	/* Columns */
	/* Outer columns stretch to 100 for tablets & phones */
	.product_col_grey_single_outer,
	.product_col_grey_double_outer{
		width: 100%;
		padding: 0 !important;
		margin-bottom: 20px;
	}
	.product_col_grey_single_inner,
	.product_col_greyapp_single_inner,
	.product_col_grey_double_inner{
		height: max(480px, 100vw);
	}
	.product_col_grey60_double_inner{
		height: max(600px, 100vw);
	}

	/* Images */
	.product_image_grey_double{
		max-width: 75%;
	}
	.product_image_grey60_double{
		top: auto;
		bottom: 0;
		max-width: 100%;
	}

	/* Characteristic Titles & Descriptions */
	.product_col_grey_single_inner h2,
	.product_col_greyapp_single_inner h2{
		margin-top: 10%;
	}
	.product_col_grey_single_inner h3,
	.product_col_greyapp_single_inner h3{
		margin-top: 1%;
	}
	.product_titleapp_grey_single{
		margin-top: 16% !important;
	}
	.product_col_grey_double_inner h2,
	.product_col_grey60_double_inner h2{
		margin-top: 10%;
		margin-left: 0;
	}
	.product_col_grey_double_inner h3{
		margin-top: 1%;
		max-width: 40% !important;
		margin-left: auto;
		margin-right: auto;
	}
	.product_col_grey60_double_inner h3{
		margin-top: 1%;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (max-width: 414px){
	/* Inner column height for very small displays*/
	.product_col_greyapp_single_inner{
		height: 120vw !important;
	}
	.product_col_grey60_double_inner{
		height: 120vw !important;
	}
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*         White Grids          */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.product_col_white_double_outer{
	display:grid;
	width: 100%;
	padding: 10px !important;
	
}
.product_col_white_double_inner{
	height: 50vh;
}
.product_col_white_double_inner h2{
	text-align: left !important;
	font-size: 2rem !important;
	color: #212121;
	max-width: 40%;
	margin-top: 12vh;
	margin-left: 5%;
}
.product_col_white_double_inner h3{
	text-align: left !important;
	font-size: 1rem !important;
	color: #212121;
	max-width: 40%;
	margin-left: 5%;
}
.product_text_lesstop{
	margin-top: 10vh !important;
}

/* Video */
.product_video_white_double{
	position: absolute;
	max-width: 50%;
	right: 0;
	top: 5vh;
}

/* Image */
.product_image_white_double{
	position: absolute;
	max-width: 50%;
	right: 0;
	top: 5vh;
}

@media only screen and (max-width: 768px){
	.product_col_white_double_outer{
		padding: 0 !important;
		margin-bottom: 20px;
	}
	.product_col_white_double_inner{
		height: auto !important;
	}
	.product_col_white_double_inner h2{
		text-align: center !important;
		max-width: 80vw;
		margin-top: 7vh;
		margin-right: auto;
	}
	.product_col_white_double_inner h3{
		text-align: center !important;
		max-width: 80vw;
		margin-right: auto;
	}
	.product_video_white_double{
		position: relative;
		padding-top: 5vh;
		max-width: 100vw;
	}
	.product_image_white_double{
		position: relative;
		max-width: 100vw;
		padding-top: 0;
	}
}

@media only screen and (max-width: 414px){
	/* Inner column height for very small displays*/
	.product_col_white_double_inner{
		height: auto !important;
	}
	.product_col_white_double_inner h2{
		max-width: 90vw;
		margin-top: 5vh;
	}
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*             TOP              */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product_image_top_pie{
	position: absolute;
}
.product_image_top_pie_m{
	display: none !important;
}
.product_image_top_logo{
	position: absolute;
	top: 140px;
	width: 100%;
}
/* ALT Title */
.product_title_text_top{
	position: absolute;
	font-weight: 800 !important;
	margin-top: 140px;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100%;
}
.product_title_top{
	position: absolute;
	margin-top: 230px;
	margin-left: auto !important;
	margin-right: auto !important;
	width: 100%;
}

@media only screen and (max-width: 768px){

	.product_image_top_pie{
		display: none !important;
	}
	.product_image_top_pie_m{
		display: initial !important;
		position: relative !important;
		height: 10%;
	}
	.product_image_top_logo{
		position: relative !important;
		top: 10vh;
		width: 100%;
	}
	.product_title_top{
		position: relative !important;
		margin-top: 12vh;
		width: 80vw;
	}
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*        MID FULL LENGTH       */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product_section_mid_full{
	margin-top: 10px;
	margin-bottom: 10px !important;
}
.product_image_mid_full{
	
}
.product_image_mid_full_m{
	display: none !important;
}

@media only screen and (max-width: 768px){
	.product_section_mid_full{
		margin-top: 0px !important;
	}
	.product_image_mid_full{
		display: none !important;
	}
	.product_image_mid_full_m{
		display: initial !important;
	}
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*     FULL IMG NO PADDING      */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */

.product_image_l_fullimg,
.product_image_r_fullimg{
	margin-top: 10px;
}
.product_image_l_fullimg{
	margin-left: 10px !important;
}
.product_image_r_fullimg{
	margin-right: 10px !important;
}

@media only screen and (max-width: 768px){
	.product_image_l_fullimg{
		margin-top: 0px !important;
		margin-left: 0px !important;
	}
	.product_image_r_fullimg{
		display: none;
	}
}

/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */
/*              SPEC            */
/* %%%%%%%%%%%%%%%%%%%%%%%%%%%% */
.product_col_spec{
	height: 500px !important;
}
.product_image_spec{
	margin-top: 22%;
}
.product_table_spec{
	margin-top: 20%;
	font-size: 11px;
	line-height: 100%;
}
@media only screen and (max-width: 768px){
	.product_col_spec{
		max-height: 50vh !important;
	}
	.product_image_spec{
		margin-top: 25%;
	}
	.product_table_spec{
		font-size: 9px;
		line-height: 100%;
		margin-top: 1%;
	}
}