@charset "utf-8";
/* CSS Document */

h2 {font-size:3em; }
h3 {font-size:2em; }

#top-wrapper {width:100%; overflow:hidden; }
#top-text {width:100%; }
#top {width:100%; padding-top:20px; }
#top-left {float:left; width:50%; }
#top-right {float:right; width:50%; }
.top-right-tl {margin:0 auto; width:70%; padding:20px; }

#intl-text-wrapper {width:60%; background-color:#fff; margin:20px auto; }
#intl-text {margin:0 auto; width:80%; padding-bottom:20px; }


#images {
	width: 80%;
	margin:0 auto;
	text-align:center;
}
/*
.image {
	border:2px black solid;
}
*/

#prod-desc {padding-bottom:20px; font-size:1.4em; }

.features-parent {width:100%; }

.features-wrapper {
	padding:20px 5%;
	overflow:visible;
	margin:0 auto;
	background-color:#fff;
}
.features-wrapper p {text-align:center; font-weight:bold; font-size:1.4em; }
/*.features {float:left; padding:5px 0; width:90%; font-size:1.3em; }*/
.features {position:absolute;  top:50%; left:52%; width:90%; transform: translate(-50%,-50%); font-size:1.3em; }

.dash {float:left; padding-top:5px; width:2%; }

.vert-align-wrapper {position:relative; width:100%; vertical-align:middle; padding:20px 0; }
.box-arrow {position:absolute; top:50%; left:3%; transform: translate(-50%,-50%); }

.product_row_wrapper {width:100%; padding:0; }
.product_row {
	float:left; 
	width:24%;
	padding:20px;
	margin:2% 2%;
	background-color:#fff;
}

#back-to-prod a {text-decoration:underline; }

#subscriptions { }

#sold_subscription {
    width:80%; 
    margin:20px auto; 
    padding:40px; 
    text-align:center; 
    list-style-type:none; 
}
#sold_subscription input {
    margin:20px; 
    padding:10px; 
    cursor:pointer; 
}

.subscription_row { 
	width:100%;
	margin:20px auto;
	min-height:200px;
}
.subscription {
	float:left;
	width:200px;
	margin-left:10%;
	padding:10px;
}
.subDetail {
	position:relative;
	background-color:#ccc;
	text-align:center;
	font-weight:bold;
	color:#fff;
}
.subBtn {
	display:inline-block; 
	width:100%; 
	padding: 5px 0;
}
.subInfo {
	float:left;
	padding:20px;
	width:60%;
}
.plan_name {
	font-size:2.2em;;
}
.plan_amount {
	display:inline-block;
	width:100%;
	text-align:center;
	position:absolute;
	top:24%;
	font-size:2.6em;
}
.plan_desc {
    height:90px; 
    padding-top:5px; 
}

.change-subscription_wrapper {
    width:80%;
}
.change-subscription {
	margin-left:10%;
	padding:10px;
}
.change-subDetail {
	background-color:#ccc;
	font-weight:bold;
	color:#fff;
    padding:3%;
    border-radius:20px;
	-moz-border-radius::20px;
	-webkit-border-radius:20px;
}
.change-plan_name {
	font-size:2.2em;;
}
.change-plan_amount {
	font-size:2.6em;
    margin-left:2%;
}
.change-plan_desc {
    height:50px; 
    padding-top:5px; 
}
.change-subBtn {
	display:inline-block; 
	width:100%; 
	padding: 5px 0;
    text-align: center;
}
.mth {font-size:.3em; }
