@charset "utf-8";
/* CSS Document */

.pricing-tool .group-box{
	background: #f3f3f3;
	border-radius: 5px;
	padding: 23px 25px 25px;
	margin:0 0 25px;}

.pricing-tool .large-red-header{
	color:#cc0000;
	font-size:1.85em;
	font-weight: 700;
	text-align: center;
	margin:0 0 30px;}

.pricing-tool .level-box .levels label{
	font-size:1.2em;
	display:inline-block;
	margin:5px 0;
	vertical-align: middle;}

.pricing-tool .level-box .levels input[type="radio"] {
	margin-right:10px;
	-webkit-appearance: checkbox;
	-moz-appearance: checkbox;
	-ms-appearance: checkbox;
	-o-appearance: checkbox;
	vertical-align: middle;}

.pricing-tool .level-box .levels input[type="radio"] + label {
	color: #999;}

.pricing-tool .level-box .levels input[type="radio"]:checked + label {
  color: #111;
	font-weight: 600;} 

.pricing-tool p.subtitle{
	font-size:1.2em;
	font-weight: 600;
	text-align: center;}

.pricing-tool p.subtitle-red{
	color:#cc0000;
	font-size:1.3em;
	font-weight: 600;
	text-align: center;}

.pricing-tool .contact-number{
	font-size:1.7em;
	text-align: center;
	margin:0 0 25px;}

.pricing-tool .contact-number span{
	color:#cc0000;
	font-weight:700;}

.pricing-tool ul.checklist{
	list-style-image: url(../images/check-icon-accent.svg);}

.pricing-tool ul.checklist li{
	font-size: 1.15em;
	line-height: 1.4;
	padding-left:5px;
	margin-bottom:18px;}

.pricing-tool ul.checklist li span{
	white-space: nowrap;}

.pricing-tool ul.checklist img,
.pricing-tool ul.function-toggles img{
	height:15px;
	margin-left:6px;
	vertical-align: baseline;
	width:auto;}

.pricing-tool ul.function-toggles{
	list-style: none;
	margin:0;}

.pricing-tool ul.function-toggles li{
	display:flex;
	font-size: 1.15em;
	margin-bottom: 15px;
	text-align: left;}

.pricing-tool .switch-container{
	display:inline-block;
	vertical-align: top;
	height: 2.25rem;
	position: relative;
	margin-right: 10px;
}

 /* The switch - the box around the slider */
.function-toggles .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 28px;
}

/* Hide default HTML checkbox */
.function-toggles .switch input {
	display:none;
}

/* The slider */
.function-toggles .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.function-toggles .slider:before {
	position: absolute;
	content: "";
	height: 20px;
	width: 20px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

.function-toggles input:checked + .slider {
	background-color: #53aaf0;
}

.function-toggles input:focus + .slider {
	box-shadow: 0 0 1px #53aaf0;
}

.function-toggles input:checked + .slider:before {
	-webkit-transform: translateX(32px);
	-ms-transform: translateX(32px);
	transform: translateX(32px);
}

/* Rounded sliders */
.function-toggles .slider.round {
	border-radius: 28px;
}

.function-toggles .slider.round:before {
	border-radius: 50%;
}


.pricing{
	background:#eee;
	border-radius: 5px;
	padding:18px 10px 20px;
	margin:0 0 15px;}

.pricing .top-text{
	font-size:1.3em;
	font-weight: 600;
	line-height: 1.2em;
	text-align: center;}

.pricing .top-text span{
	display:block;
	font-size:.9em;
	font-weight: 500;
	font-style: italic;}

.pricing .top-text-small{
	font-size:1.2em;
	font-weight: 600;
	line-height: 1.2em;
	margin-bottom:5px;
	text-align: center;}

.pricing .onboarding-price{
	clear:both;
	color:#cc0000;
	display:none;
	font-size:3.3em;
	font-weight: 700;
	text-align:center;}

.pricing .onboarding-price span{
	color:#444;
	display:block;
	font-size:.4em;
	font-weight: 500;
	margin-top:10px;}

.pricing .onboarding-price sup{
	font-size: .6em;
	font-weight: 600;
	vertical-align: super;}

.pricing .monthly-price{
	color:#cc0000;
	font-size:3.3em;
	font-weight: 700;
	text-align:center;}

.pricing .monthly-price sup{
	font-size: .6em;
	font-weight: 600;
	vertical-align: super;}

.pricing .monthly-price span.month{
	font-size:.5em;
	font-weight: 600;}

.pricing .monthly-price-small{
	color:#2196f3;
	font-size:2.2em;
	font-weight: 600;
	text-align:center;}

.pricing .monthly-price-small sup{
	font-size: .6em;
	font-weight: 500;
	vertical-align: super;}

.pricing .monthly-price-small span.month{
	font-size:.5em;
	font-weight: 500;}

.pricing-monthly .top-text{
	border-top:1px solid #ddd;
	margin-top:15px;
	padding-top:15px;}

.pricing-monthly .plus{
	color:#444;
	display: inline-block;
	font-size:2em;
	font-weight: 700;
	margin:0 0 5px;}

.pricing-tool ul.includes{
	color:#333;
	font-size:1.1em;
	list-style: none;
	margin:0 0 0 10px;}

.pricing-tool ul.includes li{
	margin-bottom:10px;}

li.extra{
	color:#ccc;
	transition: color .3s ease-in-out;}

.pricing-tool .chat-button{
	text-align: center;}

.pricing-tool .chat-button button{
	background:#2196f3;
	border:0;
	color:#fff;
	cursor:pointer;
	font-size:1.2em;
	font-weight: 600;
	padding:15px 30px;}

.pricing-tool .pricing-sidebar{
	border-left:1px dashed #ddd;}

.pricing-tool .add-users{
	font-size:1.15em;}

.pricing-tool .add-users input[type="number"]{
	border:1px solid #bbb;
	margin-right:5px;
	padding:7px 10px;
	width:50px;}

.pricing-tool .what-you-get{
	border-right:1px dashed #ddd;}

/*//////////////////////////////////////////////////////////////////////
REVISED RANGESLIDER STYLES
//////////////////////////////////////////////////////////////////////*/

.rangeslider {
	background-image:url(../images/rangeslider-background.png);
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat;
	background-color:#e6e6e6;}

.rangeslider--horizontal{
	height:24px;}

.rangeslider,
.rangeslider__fill{
  display: block;
  -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
	border-radius: 12px;}

.rangeslider__fill{
	background: #2196f3;
	opacity: .75;}

.rangeslider__handle{
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);}


/*//////////////////////////////////////////////////////////////////////
FIX FOR POPUP OVERLAY "JUMP" ISSUE
//////////////////////////////////////////////////////////////////////*/

.pum-open-overlay.pum-open-scrollable {
   margin-right: 17px;   
   position: relative;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>[aria-hidden] {
   padding-right: inherit;
   padding-right: inherit;
}

.popmake-title{
	line-height: 1.2em !important;
	margin-bottom:15px;
}

.popmake-content{
	line-height: 1.6em !important;
}


/*//////////////////////////////////////////////////////////////////////
RESPONSIVE STYLES
//////////////////////////////////////////////////////////////////////*/

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

	ul.checklist{
		margin-bottom:40px !important;}
	
	.pricing-tool .group-box{
		padding: 18px 20px 20px;}
	
	.pricing-tool .pricing-sidebar{
		border-left:none;}
	
	.pricing-tool .what-you-get{
		border-right:none;}
	
}