html {
	font-size : 24px;
	}

body {
	font-family : verdana, sans-serif;
	font-weight : 300;
	color       : #ffffff;
	}

input, select, textarea, button {
	font-family : inherit;
	}

/*

Base Font Sizes

*/

.fontHuge {
	font-size : 2.3rem;
	}

.fontLarge {
	font-size : 1.6rem;
	}

.fontNormal {
	font-size : 1.3rem;
	}

.fontSmall {
	font-size : .9rem;
	}

.fontSmaller {
	font-size : .8rem;
	}

.fontTiny {
	font-size : .7rem;
	}

#main {
	height                  : auto;
	margin                  : 0 auto 0 auto;
	min-height              : 100%;
	width                   : 100%;
	overflow                : hidden;
	background-image        : url("../custom/bg.jpg");
	-webkit-background-size : cover;
	background-size: cover;
	background-position: center;
	}

#header {
	float               : left;
	height              : 7rem;
	line-height         : 7rem;
	clear               : none;
	width               : 100%;
	background-image    : url("../custom/logo.png");
	background-repeat   : no-repeat;
	background-position : center;
	background-size     : 11rem;
	background-color    : rgba(36, 30, 23, 0.5);
	border-top          : solid 1px rgb(181,181,181);
	border-bottom       : solid 1px rgb(181,181,181);
	position            : static;
	}

.step {

	float      : left;
	height     : auto;
	clear      : both;
	width      : 100%;
	position   : static;
	min-height : 25rem;

	}

.stepHeader {
	float         : none;
	display       : block;
	width         : 100%;
	text-align    : center;
	padding-left  : 3rem;
	padding-right : 3rem;
	margin-bottom : 1rem;
	}

.inputWrapper {

	height                : 3.5rem;
	width                 : 20rem;
	margin                : 1rem auto 1rem auto;
	text-align            : center;
	border                : 1px solid white;
	-webkit-border-radius : 3px;
	-moz-border-radius    : 3px;
	border-radius         : 3px;

	}

.inline {

	display        : inline-block;

	}

.inputNumberWrapper {

	height                : 3.5rem;
	width                 : 6rem;
	margin                : 1rem auto 1rem auto;
	text-align            : center;
	border                : 1px solid white;
	-webkit-border-radius : 3px;
	-moz-border-radius    : 3px;
	border-radius         : 3px;

	}


input[type=text] {

	height     : 100%;
	width      : 100%;
	padding    : 0 .5rem 0 .5rem;
	margin     : 0 auto 0 auto;
	text-align : center;
	color      : rgb(255, 255, 255);
	background : transparent;
	border     : none;
	}

input[type=number] {

	height     : 100%;
	width      : 100%;
	padding    : 0 .5rem 0 .5rem;
	margin     : 0 auto 0 auto;
	text-align : center;
	color      : rgb(255, 255, 255);
	background : transparent;
	border     : none;
	}

.buttonConfirm, .buttonCancel {
	float                   : none;
	clear                   : none;
	display                 : inline-block;
	height                  : 3rem;
	width                   : 3rem;
	margin                  : .25rem;
	border-radius           : 50%;
	-webkit-border-radius   : 50%;
	background              : transparent;
	background-image        : url("../img/arrowRight.png");
	background-position     : center;
	background-repeat       : no-repeat;
	-webkit-background-size : 1.8rem;
	background-size         : 1.8rem;
	outline                 : 0;
	border                  : 2px solid white;
	}

.buttonCancel {
	background-image : url("../img/xonly.png");
	}

.buttonConfirmModal, .buttonCancelModal{
	float                   : none;
	clear                   : none;
	display                 : inline-block;
	height                  : 3rem;
	width                   : 3rem;
	margin                  : .25rem;
	border-radius           : 50%;
	-webkit-border-radius   : 50%;
	background              : transparent;
	background-image        : url("../img/arrowRight.png");
	background-position     : center;
	background-repeat       : no-repeat;
	-webkit-background-size : 1.8rem;
	background-size         : 1.8rem;
	outline                 : 0;
	border                  : 2px solid white;

	}
.buttonCancelModal {
	background-image : url("../img/xonly.png");

	}

.vcenter {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	}

.buttonLeft {
	float                   : none;
	clear                   : none;
	display                 : inline-block;
	height                  : 3rem;
	width                   : 3rem;
	margin                  : .25rem;
	background-image : url("../img/arrowLeft.png");
	background-position     : 50% 80%;
	background-repeat       : no-repeat;
	-webkit-background-size : 1.8rem;
	background-size         : 1.8rem;
	outline                 : 0;
	border                  : none;

	}

.buttonRight {
	float                   : none;
	clear                   : none;
	display                 : inline-block;
	height                  : 3rem;
	width                   : 3rem;
	margin                  : .25rem;
	background-image : url("../img/arrowRight.png");
	background-position     : 50% 80%;
	background-repeat       : no-repeat;
	-webkit-background-size : 1.8rem;
	background-size         : 1.8rem;
	outline                 : 0;
	border                  : none;
	}


.tncBox {

	text-align : center;
	width      : 100%;
	float      : none;
	height     : 2rem;
	margin     : 1rem auto 1rem auto;
	clear      : none;

	}

.tncCheckBox {
	display                 : inline-block;
	height                  : 2rem;
	width                   : 2rem;
	padding                 : 0;
	clear                   : none;
	background              : transparent;
	-webkit-border-radius   : 3px;
	-moz-border-radius      : 3px;
	border-radius           : 3px;
	border                  : 1px solid white;
	background-size         : 100%;
	-webkit-background-size : 100%;
	}

.tncText {

	display     : inline-block;
	font-weight : normal;
	margin-left : 1rem;
	clear       : none;
	cursor      : pointer;
	}

.checkedImg {

	background-image    : url("../img/whitecheck.png");
	background-size     : 80%;
	background-position : center;
	background-repeat   : no-repeat;

	}

#ankle {
	float            : left;
	height           : 3.5rem;
	clear            : none;
	width            : 100%;
	border-top       : solid 1px rgb(60, 60, 60);
	position         : static;
	display          : block;
	background-color : rgba(36, 30, 23, 0.5);
	}

.ankleLink {
	float       : left;
	width       : 100%;
	height      : 100%;
	text-align  : center;
	clear       : none;
	display     : block;
	z-index     : 100;
	line-height : 3.5rem;
	cursor      : pointer;
	}

#footer {
	float            : left;
	height           : 4.5rem;
	clear            : none;
	width            : 100%;
	z-index          : 101;
	border-top       : solid 1px rgb(60, 60, 60);
	position         : static;
	display          : block;
	background-color : rgb(255, 255, 255);
	}

#footerText {
	float       : left;
	width       : 100%;
	height      : auto;
	text-align  : center;
	clear       : none;
	color       : rgb(83, 83, 83);
	line-height : 4.5rem;
	}

.slickContainer1 {
	width  : 16rem;
	margin : 0 auto 0 auto;
	}

.slickContainer2 {
	width  : 32rem;
	margin : 0 auto 0 auto;
	}


.subPlan {
	vertical-align : top;
	width          : 14rem;
	height         : 17rem;
	overflow       : hidden;
	text-align     : left;
	display        : inline-block;
	margin         : .5rem;
	padding        : .5rem;
	border         : 1px solid white;
	border-color   : rgba(255, 255, 255, 0);

	}

.active:hover {

	border                : 1px solid white;
	-webkit-border-radius : 3px;
	-moz-border-radius    : 3px;
	border-radius         : 3px;
	outline               : 0;
	-webkit-box-shadow    : 0 0 16px 0 rgba(128, 196, 255, 0.9);
	-moz-box-shadow       : 0 0 16px 0 rgba(128, 196, 255, 0.9);
	box-shadow            : 0 0 16px 0 rgba(128, 196, 255, 0.9);

	}

.subName {
	border-bottom : solid 1px white;
	}
.subCurrencySymbol {
	}
.subPrice {
	margin-top  : .5rem;
	margin-left : 2rem;
	display     : inline-block;
	}

.subDuration {
	display : inline-block;
	}

.subFine {
	display    : block;
	clear      : both;
	text-align : center;
	}

.subDescription {
	margin-top : .5rem;
	text-align : left;
	}

.subFeatures {
	margin  : .5em 0 .25em 0;
	padding : 0 0 0 .5em;
	}

.tncPanel {
	color : #ffffff;
	}

.tncDialog {
	color             : #ffffff;
	z-index           : 10001;
	position          : absolute;
	width             : 80%;
	padding           : 0 8% 0 8%;
	top               : 50%;
	left              : 50%;
	height            : 60%;
	transform         : translate(-50%, -50%);
	-webkit-transform : translate(-50%, -50%);
	-moz-transform    : translate(-50%, -50%);

	}

.tncFrame {
	height     : 100%;
	width      : 100%;
	overflow-y : scroll;
	}

input:focus {

	outline            : 0;
	-webkit-box-shadow : 0 0 1.2rem 0 rgba(128, 196, 255, 0.9);
	-moz-box-shadow    : 0 0 1.2rem 0 rgba(128, 196, 255, 0.9);
	box-shadow         : 0 0 1.2rem 0 rgba(128, 196, 255, 0.9);

	}

input:hover {
	outline            : 0;
	-webkit-box-shadow : 0 0 1.2rem 0 rgba(128, 196, 255, 0.9);
	-moz-box-shadow    : 0 0 1.2rem 0 rgba(128, 196, 255, 0.9);
	box-shadow         : 0 0 1.2rem 0 rgba(128, 196, 255, 0.9);
	}

.errorBorder {

	border             : solid 1px #ff0000;
	-webkit-box-shadow : 0 0 1.2rem 0 rgba(255, 32, 64, 0.7);
	-moz-box-shadow    : 0 0 1.2rem 0 rgba(255, 32, 64, 0.7);
	box-shadow         : 0 0 1.2rem 0 rgba(255, 32, 64, 0.7);

	}

.errorText {
	color : #ff0000;
	}

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after {

	content : "";
	display : table;

	}

.clearfix:after {

	clear : both;

	}

.clearfix {

	*zoom : 1;

	}

.ankleLink:hover {
	color : rgb(215, 243, 255);
	}

.placeholder {
	color : rgb(128, 128, 128);
	}

/*

Step vertical alignment


*/

.container {
	text-align : center;
	height     : 100%;
	position   : relative;
	}

.vertical-align-wrap {
	position : absolute;
	width    : 100%;
	height   : 100%;
	display  : table;
	}

.vertical-align {
	display : table-cell;
	}

.vertical-align--middle {
	vertical-align : middle;
	}

.modalOverlay {
	/* A dark translucent div that covers the whole screen */
	position         : absolute;
	z-index          : 9999;
	top              : 0;
	left             : 0;
	width            : 100%;
	height           : 100%;
	background-color : #000000;
	opacity          : 0.88;
	}

.modalDialog {
	color             : #ffffff;
	z-index           : 10001;
	position          : absolute;
	width             : 80%;
	top               : 50%;
	left              : 50%;
	transform         : translate(-50%, -50%);
	-webkit-transform : translate(-50%, -50%);
	-moz-transform    : translate(-50%, -50%);

	}

.aboveModalOverlay {
	/* A dark translucent div that covers the whole screen */
	position : absolute;
	z-index  : 10000;
	top      : 0;
	left     : 0;
	width    : 100%;
	height   : 100%;
	}

::-webkit-scrollbar {
	width : .8rem;
	}

#spinner {
	text-align : center;
	}

::-webkit-scrollbar-track {
	background-color : rgba(192, 192, 192, .5);
	}

::-webkit-scrollbar-thumb {
	background-color : rgba(255, 255, 255, 1);
	}

.disclaimer {
	max-width  : 80%;
	width:30rem;
	text-align : left;
	padding: 1rem;
	margin     : 0 auto 0 auto;
	}

.airplayLogo {
	display : inline-block;
	float   : left;
	top     : .2rem;
	width   : 2rem;
	height  :1.2rem;
	background-image : url("../img/airplay.png");
	background-size : 100%;
	background-repeat: no-repeat;
	background-position: center;

	}

.atvLogo {
	width      : 3rem;
	height      : 3rem;
	margin : 0 .5rem 0 .5rem;
	text-align : center;
	background-image : url("../img/atv.png");
	background-size : 100%;
	background-repeat: no-repeat;
	background-position: 0% 40%;
	display : inline-block;
	vertical-align: middle;
	}

.centeredLine {
	display    : inline-block;
	overflow   : hidden;
	text-align : left;
	}

.centered {
	width      : auto;
	text-align : center;
	margin     : 0 auto 0 auto;
	}

.borderBox {
	border                : 1px solid rgba(255, 255, 255, .4);
	-webkit-border-radius : 3px;
	-moz-border-radius    : 3px;
	border-radius         : 3px;
	padding               : .5rem;
	width                 : 20rem;
	margin                : 0 auto 0 auto;
	}

.infoPlan {
	width          : 16rem;
	vertical-align : top;
	text-align     : left;
	display        : inline-block;
	border         : 1px solid white;
	border-color   : rgba(255, 255, 255, 0);

	}
.infoBox {
	width                 : 16rem;
	border                : 1px solid rgba(255, 255, 255, .4);
	-webkit-border-radius : 3px;
	-moz-border-radius    : 3px;
	border-radius         : 3px;
	padding               : .25rem;
	margin                : .5rem auto .5rem auto;
	}

.language {
	width      : 20rem;
	text-align : center;
	margin     : .25em auto .25em auto;
	border     : 1px solid transparent;
	padding    : .5em;
	}
.return {
	width      : 36rem;
	text-align : center;
	margin     : .25em auto .25em auto;
	border     : 1px solid transparent;
	padding    : .5em;
	}

.pointer, .active {
	cursor : pointer;
	}

.faded {
	opacity : 0.25;
	}

/*

Media Resize Section

*/
@media only screen and (max-width : 2000px) {
	html {
		font-size : 18px;
		}
	#main {
		background-position : -0px 0;
		}
	}

@media only screen and (max-width : 1600px) {
	html {
		font-size : 16px;
		}
	#main {
		background-position : -64px 0;
		}
	}

@media only screen and (max-width : 1200px) {
	html {
		font-size : 14px;
		}
	#main {
		background-position : -128px 0;
		}
	}

@media only screen and (max-width : 1000px) {
	html {
		font-size : 12px;
		}
	#main {
		background-position : -256px 0;
		}
	}

@media only screen and (max-width : 800px) {
	html {
		font-size : 10px;
		}
	#main {
		background-position : -270px 0;
		}
	}

@media only screen and (max-width : 500px) {
	html {
		font-size : 9px;
		}
	}