.page-wrapper .precalculator{
	background-color: #F0F5F7;
	height: auto;
	margin:auto;
	max-width: 1320px;
}
	.page-wrapper .precalculator .top h2 {
		font-family: Interstate;
		color: #0f1632;
		font-size: 27.979px;
		font-weight: 300;
		line-height: 30px;
		text-align: center;
		transform: scaleY(1.0007);
		padding-top: 29px;
		padding-bottom: 20px;
		max-width: 637px;
		margin: auto;
	}
	.page-wrapper .precalculator .middle{
		border-radius: 50%;
		background: -webkit-linear-gradient(90deg, #008444 0%, #329a28 58%, #77b800 100%);
		background: -moz-linear-gradient(90deg, #008444 0%, #329a28 58%, #77b800 100%);
		background: -o-linear-gradient(90deg, #008444 0%, #329a28 58%, #77b800 100%);
		background: -ms-linear-gradient(90deg, #008444 0%, #329a28 58%, #77b800 100%);
		background: linear-gradient(0deg, #008444 0%, #329a28 58%, #77b800 100%);
		width: 57px;
		height: 57px;
		margin: auto;
	}
	.page-wrapper .precalculator .middle img{
	  margin-top: 14px;
	  margin-left: 16px;
      cursor: pointer;
	}

	.page-wrapper .precalculator .bottom {
		font-family: Interstate;
		color: #0f1632;
		font-size: 18.027px;
		font-weight: 400;
		line-height: 22.38px;
		text-align: center;
		transform: scaleX(1.0002);
		padding-top: 10px;
	}
.page-wrapper .outercalculator{
  position:absolute;
  left: 50%;
  top: 10%;
  display: block;
}
.page-wrapper .calculator {
		box-shadow:  0px 0px 51px 0px rgba(0, 0, 0, 0.75);
		width:  1000px;
		/*height:  1201px;*/
		margin-left: auto;
		margin-right: auto;
		color:  #ffffff;
		margin-left: auto;
		margin-right: auto;
        position: relative;
        left: -50%;
        background-color:#73767a;
        z-index: 1;
}

	.page-wrapper .calculator .header{
		min-height: 100px;
		font-family: Interstate;
	}
		.page-wrapper .calculator .header .close{
			width: 28px;
			height: 28px;
			float: right;
			margin-right: 19px;
			margin-top: 19px;
            opacity: 1;
		}
		.page-wrapper .calculator .header h1{
			padding-top: 51px;
			font-size:  34px;
			font-weight:  300;
			line-height:  34px;
			text-align:  center;
			padding-bottom: 15px;
			margin: 0;
		}
		.page-wrapper .calculator .header h2{
			font-family: Interstate;
			margin-top:0px;
			font-size: 24px;
			font-weight: 300;
			line-height: 20px;
			text-align: center;
			margin:0;
		}
		
	.page-wrapper .calculator .icontext{
		font-family: Interstate;
		line-height: 13px;
		font-size: 13px;
	}
	.page-wrapper .calculator .sliders{
		min-height: 345px;
		padding-top: 31px;
	}
		.page-wrapper .calculator .sliders .sliderbox{
			float:left;
			width: 33%;
			text-align: center;
			margin: auto;
		}
		.page-wrapper .calculator .sliders .sliderbox .middle .toptext{
			font-family: Arial;
			color: #ffffff;
			font-size: 14px;
			font-weight: 700;
			line-height: 34px;
		}
		.page-wrapper .calculator .sliders .sliderbox .middle .toptext .left{
			float:left;
			width: 33.3%;
			margin-left: 10px;
		}
		.page-wrapper .calculator .sliders .sliderbox .middle .toptext .right{
			text-align:right;
			margin-right:60px;
		}
		.page-wrapper .calculator .sliders .middle .slider{
			margin: auto;
		}
		.page-wrapper .calculator .sliders .middle .sliderval{
			padding-top: 18px;
			font-family: Arial;
			font-size: 14px;
			font-weight: 400;
			line-height: 34px;
			text-align: left;
			text-align: center;
		}
		.page-wrapper .calculator .sliders .middle .sliderval b{
			font-family: Arial;
			color: #ffffff;
			font-size: 24px;
			font-weight: 400;
			line-height: 16px;
			text-align: right;

		}
		.page-wrapper .calculator .sliders .text {
			font-family:  Arial;
			color:  #ffffff;
			font-size:  14px;
			font-weight:  700;
			line-height:  16px;
			text-align:  center;
			width:80%;
			margin:auto;
			padding-top: 10px;
		}
    .page-wrapper .calculator .sliderdivider-wrapper
    {
        background-color:white;
        height: 50px;
    }
	.page-wrapper .calculator .sliderdivider{
		width: 0;
		height: 0;
		margin:auto;
		border-style: solid;
		border-width: 30px 40px 0 40px;
		border-color: #73767a transparent transparent transparent;
	}
	
	.page-wrapper .calculator .cardcompare{
		font-family:  Arial;
		color:  #395474;
		font-size:  24px;
		text-align:  center;
        background: white;
	}
	.page-wrapper .calculator .cardcompare h1{
		font-family:  Interstate;
		font-weight:  300;
		line-height:  28px; 
		font-family: Interstate;
		font-size: 24px;
        margin-top: 0px;
	}
	.page-wrapper .calculator .cardcompare h2{
		font-family:  Interstate;
		color:  #18303d;
		font-size:  13px; 
		font-weight:  400;
		line-height:  18px; 
	}
	.page-wrapper .calculator .cardcompare h4{
		font-family: Interstate;
		color: #000000;
		font-size: 14px;
		font-weight: 300;
		line-height: 20px;
		margin-bottom:0px;
        padding-bottom:5px;
	}
	.page-wrapper .calculator .cardcompare .cards{
		min-height:320px;
	}
	.page-wrapper .calculator .cardcompare .cards .divider {
		float: left;
		border-radius: 50%;
		background-color: #8c8f93;
		width: 65px;
		height: 65px;
		font-family: Interstate;
		color: #ffffff;
		font-size: 30px;
		font-weight: 300;
		line-height: 60px;
		text-align: center;
		margin-top: 70px;
	}
	.page-wrapper .calculator .cardcompare .cards .carddetail {
		float: left;
		width:387px;
		margin:0px 40px 30px;
	}
		.page-wrapper .calculator .cardcompare .cards .carddetail .cardpoints{
			font-family: Arial;
			color: #395474;
			font-size: 49.975px;
			font-weight: 700;
			line-height: 26px;
			text-align: center;
			transform: scaleY(1.0022);
		}
		.page-wrapper .calculator .cardcompare .cards .carddetail .cardname{
			font-family: Interstate;
			color: #18303d;
			font-size: 13px;
			font-weight: 400;
			line-height: 18px;
            margin-top: 0px;
            margin-bottom: 20px;
		}
		.page-wrapper .calculator .cardcompare .cards .carddetail h3{
			font-family:  Arial;
			color:  #395474;
			font-size:  16px;
			font-weight:  700;
			line-height:  19px;
            margin-bottom: 7px;
		}
		.page-wrapper .calculator .cardcompare .cards .carddetail .details{
			font-family: Arial;
			color: #395474;
			font-size: 16px;
			font-weight: 400;
			line-height: 22px;
			text-align: center;
		}
		.page-wrapper .calculator .cardcompare .cards .carddetail .details b{
			font-size: 24px;
		}
	.page-wrapper .calculator .feeslider{
		background-color: #33bbed;
		height: 126px;
		
	}
		.page-wrapper .calculator .feeslider .feemessage{
			font-family: Interstate;
			color: #43403d;
			font-size: 24px;
			font-weight: 400;
			line-height: 28px;
			float:left;
			margin-left: 75px;
			border-right: 1px solid white;
			margin-top: 20px;
			margin-right: 30px;
			padding-right: 30px;
		}
		.page-wrapper .calculator .feeslider .middle{
			width: 29%;
			float: left;
			margin-top: 10px;
		}
		.page-wrapper .calculator .feeslider .middle .toptext{
			font-family: Arial;
			color: #43403d;
			font-size: 14px;
			font-weight: 700;
			line-height: 34px;
			text-align: center;
		}
		.page-wrapper .calculator .feeslider .middle .toptext .left{
			float:left;
			width: 33.3%;
			margin-left: 10px;
		}
		.page-wrapper .calculator .feeslider .middle .toptext .right{
			text-align:right;
			margin-right:60px;
		}
		.page-wrapper .calculator .feeslider .middle .slider{
			margin: auto;
		}
		.page-wrapper .calculator .feeslider .middle .sliderval{
			padding-top: 18px;
			font-family: Arial;
			font-size: 14px;
			font-weight: 400;
			line-height: 34px;
			text-align: left;
			text-align: center;
		}
		.page-wrapper .calculator .feeslider .angle{
			float: left;
			padding-top:30px;
			padding-right: 30px;
		}
		.page-wrapper .calculator .feeslider .feessaved{
			float: left;
			padding-top:11px;
			text-align: center;
		}
		.page-wrapper .calculator .feeslider .feessaved  h1{
			font-family: Arial;
			color: #43403d;
			font-size: 14px;
			font-weight: 700;
			text-align: center;
		}
		.page-wrapper .calculator .feeslider .feessaved  h2{
			font-size: 14px;
			font-weight: 400;
			line-height: 15px;
			color: #43403d;
		}
		.page-wrapper .calculator .feeslider .feessaved  h2 b{
			font-size: 34px;
			font-weight: 700;
			line-height: 26px;
		}
	.page-wrapper .calculator .bottom{
		background-color:  #73767a;
		min-height: 195px;
		padding-top: 10px;
	}
        .page-wrapper .calculator .bottom .upgrade
        {
		   margin: auto;
	       display: block;
           background-image: url("/~/media/images/CardUpgrade/Buttons/start-upgrade-TYPremier.ashx");
           height: 39px;
           font-size:18px;
           font-family: Interstate;
           width: 162px;
           border: none;
        }
		.page-wrapper .calculator .bottom h1{
			font-family: Interstate;
			font-size: 24px;
			font-weight: 300;
			line-height: 38px;
			text-align: center;
		}
		.page-wrapper .calculator .bottom h2{
			font-size: 14px;
			font-weight: 400;
			line-height: 18px;
			text-align: center;
		}

.page-wrapper .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border-radius: 50%;
  background-image: -moz-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(255,255,255) 8%, rgb(0,0,0) 16%, rgb(255,255,255) 32%, rgb(0,0,0) 46%, rgb(255,255,255) 54%, rgb(0,0,0) 65%, rgb(255,255,255) 81%, rgb(0,0,0) 91%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(255,255,255) 8%, rgb(0,0,0) 16%, rgb(255,255,255) 32%, rgb(0,0,0) 46%, rgb(255,255,255) 54%, rgb(0,0,0) 65%, rgb(255,255,255) 81%, rgb(0,0,0) 91%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(0,0,0) 0%, rgb(255,255,255) 8%, rgb(0,0,0) 16%, rgb(255,255,255) 32%, rgb(0,0,0) 46%, rgb(255,255,255) 54%, rgb(0,0,0) 65%, rgb(255,255,255) 81%, rgb(0,0,0) 91%, rgb(255,255,255) 100%);
  box-shadow: -1.414px 1.414px 2px 0px rgba(0, 0, 0, 0.75);
  background: url("/~/media/images/CardUpgrade/calculator/slider.ashx") 50% 50%;
  z-index: 191;
}

.ui-widget-content {
	background: #33bbed;
	border: none;
}
.ui-slider-horizontal {
    height: 0.6em;
}
.ui-widget-header {
	background: #20354e;
}

.ui-slider{
	width: 210px;
}

.page-wrapper .ui-state-hover{
border: 1px solid #33bbed;}

.ui-widget .qtip{
font-weight: bold;
font-size: 1.2em;

}
.ui-tooltip-content{
 border: none;
 color: black;
 background: url("/~/media/images/CardUpgrade/calculator/blueqtip.ashx") 50% 50%;
 background-color: #74767A;
 background-repeat: no-repeat;
}
.qtip-content{
	padding: 13px 15px 30px 15px;
}
.qtip .qtip-tip canvas {
display: none;
}
.page-wrapper  .feeslider .ui-widget-content {
	background: white;
}
.page-wrapper .feeslider .ui-tooltip-content{
 border: none;
 color: white;
 background: url("/~/media/images/CardUpgrade/calculator/greyqtip.ashx") 50% 50%;
 background-color: #33bbed;
 background-repeat: no-repeat;

}
@media all and (max-width: 70em)
{
    .page-wrapper .precalculator
    {
        display:none;
    }
    .page-wrapper .outercalculator
    {
        display:none;
    }
}