.wrapper, .row {
	*zoom: 1;
}

.wrapper:before, .row:before, .wrapper:after, .row:after {
	content: " ";
	display: table;
}

.wrapper:after, .row:after {
	clear: both;
}

.visuallyhidden, input[type="checkbox"] {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

input[type="checkbox"] + label {
	position: relative;
	padding-left: 55px;
	cursor: pointer;
	color: #6c7883;
}

input[type="checkbox"] + label:before {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	/* Safari and Chrome */
	-moz-transform: translate(0, -50%);
	/* Firefox */
	-ms-transform: translate(0, -50%);
	/* IE 9 */
	-o-transform: translate(0, -50%);
	/* Opera */
	left: 0;
	content: " ";
	display: block;
	width: 38px;
	height: 38px;
	background: url("../images/checkbox-off.png") no-repeat center;
}

input[type="checkbox"]:checked + label {
	color: #031b31;
}

input[type="checkbox"]:checked + label:before {
	background: url("../images/checkbox-on.png") no-repeat center;
}

.button {
	width: 100%;
	height: 73px;
	line-height: 73px;
	font-weight: 700;
	font-size: 24px;
	letter-spacing: 3px;
	text-transform: uppercase;
	text-align: center;
	border: none;
	font-family: "proxima-nova", Arial;
	margin-top: 60px;
	cursor: pointer;
	margin-bottom: 40px;
	-webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.3);
}

.blue {
	color: #0096ff;
}

.button .fa-circle-notch {
	display: none;
}

.button.green {
	background-color: #34ca46;
	color: #ffffff;
}

.button.green.loading {
	color: rgba(255, 255, 255, 0.6);
	background-color: #48d058;
	cursor: not-allowed;
}

.button.green.loading .fa-circle-notch {
	display: inline-block;
}

.button.green:hover {
	background-color: #48d058;
}

*, *:after, *:before {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: 50ms;
	/* Safari */
	transition: 50ms;
}

body {
	font-family: "proxima-nova", Arial;
	color: #070c0e;
}

img {
	width: auto;
	max-width: 100%;
	height: auto !important;
}

.relative {
	position: relative;
}

.full-height {
	height: 100%;
}

.text-right {
	text-align: right;
}

.text-center {
	text-align: center;
}

.wrapper {
	width: 100%;
	margin: 0 auto;
}

.v-mid {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	/* Safari and Chrome */
	-moz-transform: translate(0, -50%);
	/* Firefox */
	-ms-transform: translate(0, -50%);
	/* IE 9 */
	-o-transform: translate(0, -50%);
	/* Opera */
}

[class*='column-'] {
	float: left;
	padding: 0 1em;
	width: 100%;
	min-height: 1px;
}

.header {
	height: 131px;
	background: url("../images/header-bg.jpg") no-repeat center;
	background-size: cover;
}

.header .logo {
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	/* Safari and Chrome */
	-moz-transform: translate(0, -50%);
	/* Firefox */
	-ms-transform: translate(0, -50%);
	/* IE 9 */
	-o-transform: translate(0, -50%);
	/* Opera */
}

.header .congratulation-heading {
	color: #ffffff;
	font-size: 37px;
	line-height: 131px;
}

.header .congratulation-heading b {
	font-weight: 800;
	text-transform: uppercase;
}

.text-below-header {
	font-size: 23px;
	color: #000000;
	letter-spacing: 0.7px;
	text-align: center;
	font-weight: 300;
	position: relative;
	padding-top: 34.5px;
	padding-bottom: 34.5px;
}

.text-below-header img {
	width: 24px;
	margin-top: -5px;
	vertical-align: middle;
	margin-right: 6px;
}

.text-below-header span {
	font-weight: 800;
	text-transform: uppercase;
}

.text-below-header span.blue {
	color: #0096ff;
}

.text-below-header span.green {
	color: #34ca46;
}

.card {
	-webkit-box-shadow: 0px 25px 55px 0px rgba(7, 145, 242, 0.2);
	box-shadow: 0px 25px 55px 0px rgba(7, 145, 242, 0.2);
	position: relative;
	cursor: pointer;
}

.card:before {
	content: "";
	-webkit-box-shadow: 0px 16px 28px 10px rgba(7, 145, 242, 0.2);
	box-shadow: 0px 16px 28px 10px rgba(7, 145, 242, 0.2);
	position: absolute;
	width: 100%;
	height: 100%;
}

.card.blue-border:before {
	border: 5px solid #0096ff;
	border-radius: 5px;
}

.card.green-border:before {
	border: 5px solid #34ca46;
	border-radius: 5px;
}

.card .image {
	overflow: hidden;
}

.card .image img {
	width: 100%;
}

.card .contents {
	min-height: 210px;
	padding: 10px 35px;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	line-height:1.5em;
}

.card .checkbox {
	height: 105px;
	line-height: 105px;
	font-weight: 800;
	text-align: center;
	font-size: 45px;
	margin-top: -5px;
}

.card .checkbox.bg {
	background-color: #f3f8fd;
}

.grey-text {
	color: rgba(7, 12, 14, 0.5);
	font-size: 20px;
	font-weight: 400;
	text-align: center;
}

.featured-on {
	color: #6c7883;
	font-size: 18px;
	font-weight: 800;
	letter-spacing: 3px;
	text-align: center;
	margin-top: 70px;
	margin-bottom: 70px;
}

.featured-on .featured-on-image {
	margin-top: 30px;
}

footer .row {
	border-top: 1px solid rgba(7, 12, 14, 0.3);
	padding-top: 70px;
	padding-bottom: 70px;
}

footer .row .copyright {
	font-size: 13px;
	font-weight: 400;
	color: #122232;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 25px;
}

footer .row .footer-menu {
	text-align: center;
}

footer .row .footer-menu a {
	font-size: 13px;
	font-weight: 400;
	color: #122232;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none;
}

footer .row .footer-menu a:hover {
	text-decoration: underline;
}

footer .row .footer-menu span {
	margin-left: 20px;
	margin-right: 20px;
}

.flex-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-flow: row wrap;
	        flex-flow: row wrap;
}

.flex-container .col {
	-webkit-box-flex: 1;
	    -ms-flex: 1 0;
	        flex: 1 0;
}

.flex-container .col .card {
	/*height: 100%;*/
}

.wrapper-container{
	max-width: 1285px;
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: center;
}

.packages{
	max-width: 425px !important;
	margin-bottom: 50px;
}


@media only screen and (max-width: 1230px) {
	.header .congratulation-heading {
		font-size: 35px;
	}
	.grid-cols {
		grid-template-columns: repeat(3,minmax(0,1fr)) !important;
	}
}

@media only screen and (max-width: 1185px) {
	.header .congratulation-heading {
		font-size: 30px;
	}
	.grid-cols {
		grid-template-columns: repeat(2,minmax(0,1fr)) !important;
	}
}

@media only screen and (max-width: 1080px) {
	.header .congratulation-heading {
		font-size: 25px;
	}

}

@media only screen and (max-width: 900px) {
	.header .congratulation-heading {
		font-size: 22px;
	}
}

@media only screen and (max-width: 768px) {
	.header .congratulation-heading {
		font-size: 19px;
	}
	.card .contents {
		font-size: 16px;
		word-break: break-word;
		padding: 10px 15px;
	}
	.grid-cols {
		grid-template-columns: repeat(1,minmax(0,1fr)) !important;
	}
}

@media only screen and (min-width: 40em) {
	.wrapper {
		max-width: 1283px;
	}
	.small-show {
		display: none;
	}
	.column-1 {
		width: 8.33333%;
	}
	.column-2 {
		width: 16.66667%;
	}
	.column-3 {
		width: 25%;
	}
	.column-4 {
		width: 33.33333%;
	}
	.column-5 {
		width: 41.66667%;
	}
	.column-6 {
		width: 50%;
	}
	.column-7 {
		width: 58.33333%;
	}
	.column-8 {
		width: 66.66667%;
	}
	.column-9 {
		width: 75%;
	}
	.column-10 {
		width: 83.33333%;
	}
	.column-11 {
		width: 91.66667%;
	}
	.column-12 {
		width: 100%;
	}
}

@media only screen and (max-width: 39.9375em) {
	html, body {
		overflow-x: hidden;
	}
	[class*='column-'] {
		padding: 0;
	}
	.flex-container {
		/*display: block;*/
	}
	.wrapper {
		max-width: 100%;
	}
	.wrapper .row {
		max-width: 400px;
		margin: 0 auto;
	}
	.small-pad-bot-15 {
		padding-bottom: 15px;
	}
	.small-padding {
		padding: 1em;
	}
	.small-hide {
		display: none !important;
	}
	.small-show {
		display: block !important;
	}
	.small-text-center {
		text-align: center !important;
	}
	.small-fixed {
		position: fixed;
		z-index: 999;
		bottom: 0px;
		left: 0;
		right: 0;
		margin-bottom: 0;
	}
	.column-sm-1 {
		width: 8.33333%;
	}
	.column-sm-2 {
		width: 16.66667%;
	}
	.column-sm-3 {
		width: 25%;
	}
	.column-sm-4 {
		width: 33.33333%;
	}
	.column-sm-5 {
		width: 41.66667%;
	}
	.column-sm-6 {
		width: 50%;
	}
	.column-sm-7 {
		width: 58.33333%;
	}
	.column-sm-8 {
		width: 66.66667%;
	}
	.column-sm-9 {
		width: 75%;
	}
	.column-sm-10 {
		width: 83.33333%;
	}
	.column-sm-11 {
		width: 91.66667%;
	}
	.column-sm-12 {
		width: 100%;
	}
	.header {
		height: auto;
	}
	.header .logo {
		width: 175px;
		position: relative;
		margin-top: 20px;
		margin-bottom: 25px;
		-webkit-transform: inherit;
		        transform: inherit;
	}
	.header .congratulation-heading {
		font-size: 21px;
		line-height: 40px;
		text-align: center;
	}
	.header .congratulation-heading b {
		display: block;
		font-size: 27px;
	}
	.text-below-header {
		font-size: 22px;
		line-height: 36px;
	}
	.card {
		margin-bottom: 20px;
	}
	.card .contents {
		padding: 10px 20px;
	}
	.button {
		margin-top: 0;
	}
	.grey-text {
		font-size: 18px;
		margin-top: 10px;
		line-height: 30px;
	}
	.featured-on {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.featured-on .featured-on-image {
		margin-top: 20px;
	}
	.featured-on .featured-on-image img {
		margin: 0 auto;
		margin-top: 10px;
	}
	footer .row {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	footer .row .copyright {
		font-size: 11px;
		letter-spacing: 3px;
		line-height: 27px;
	}
	footer .row .footer-menu a {
		font-size: 11px;
		letter-spacing: 3px;
		line-height: 27px;
		display: block;
	}
}

@media only screen and (max-width: 20em) {
	.header .congratulation-heading b {
		font-size: 25px;
	}
}