body {   
	color: #fff;
    background: #353535;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}
    
img { max-width:100% !important; }	

.mainContainPricingDetailSub {
    margin: 40px auto 30px auto;
    font-weight: 500;
    font-size: 1.55rem;
    color: #fff;
    text-align: center;
}
.mainContainPricing {
	width:100%; padding: 0 20px 40px 20px; text-align:center;
}
.mainContainPricingDetail {
	width:100%; max-width:1000px; display:inline-block; margin:0 auto;
}

.subheader { font-size: 3.2rem; font-weight: bold; }
.mainHead h1 { font-size: 3.0rem; font-weight: 400; }
.pricedetails {
	text-align: left;
	width:75%;
	padding:15px;
	background-color:#fff;
	line-height: 1.4rem;
	font-size: 0.9rem;
	color: #444;
}
.pricedetailsheader { font-weight:500; font-size: 1.25em; padding-bottom:12px; color: #111;}

.priceSizeCurrency {
	font-size: 1.3rem;
	display:inline-block;
	padding:0 3px 7px 0;
	vertical-align:bottom;
}

.priceSizeAmount {
	font-size: 2.7rem;
}
.priceBox {
	background: #29a3db;
	background: -moz-linear-gradient(top,  #29a3db 0%, #166d96 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #29a3db 0%,#166d96 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #29a3db 0%,#166d96 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29a3db', endColorstr='#166d96',GradientType=0 ); /* IE6-9 */
    color: #fff;
    border-radius: 12px;
    margin: 8px 0;
    padding-bottom:14px;
}
.priceBox a {
	color: #fff;
}
.block-inlineblock480 {
	display:block;
}
.monthAnnualText {
	font-size: 0.9rem; font-weight: 300; letter-spacing: 1px;
}
.dollarsign {
	display:inline-block; vertical-align:middle; font-size:1.3rem; padding:0 1px 5px 0;
}
.dollarsigngreen {
	display:inline-block; vertical-align:middle; font-size:1.3rem; padding:0 1px 5px 0;
}
.mainToutTop {
	font-size: 0.9rem;
    font-weight: 600;
    letter-spacing: 0.35rem;
    text-transform: uppercase;
    margin-top: 10px;
    margin-bottom: 14px;
}
.mainToutMid {
	letter-spacing: 0.01rem;
	font-weight: 300;
	color: #ffffff;
	padding: 0px 10px 6px 10px;
	white-space: nowrap;
}
.mainToutMidDescription  {
	letter-spacing: 0.01rem;
	font-weight: 300;
	color: #ffffff;
	padding: 0px 10px 6px 10px;
	white-space: wrap;
	font-size: 0.8em;
}
.mainToutBottom {
	font-size: 0.8rem;
	font-weight: 500;
	margin-top: 20px;
	padding-bottom: 15px;
	text-transform: uppercase;
	letter-spacing: 0.08rem;
	border-top: 1px solid #999;
	padding-top: 10px;
	background:rgba(0,0,0,0.35);
}
.mainContain {
	padding-top:15px;
}




/* START FLEX GRID */

.parentGrid {
    display: inline-grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 0;
    align-items: center;
    width:100%;
    max-width:1200px;
} 
.div1 {
    font-size:0.8rem;
    text-transform: uppercase;
    font-weight:500;
    padding: 20px 10px 0 5px;
    letter-spacing: 0.02rem;
    text-align:right;
    width: 100%;
    color:#fff;
    background:#666;
    width:150px !important;
    Xborder-bottom: 1px solid #fff;
    Xborder-right:1px solid rgba(0, 0, 0, 0.1);
    position:absolute;
    z-index:99; 
    height: 80px;
} 

.div1.included { width: 150px !important; height: 80px; display: block; text-align:right; padding-top: 34px; border-top-right-radius:14px; border-top-left-radius:14px; }


.div1.sectionheader {
    font-size:1.1rem;
    text-transform: none;
    font-weight:600;
    padding:20px 10px 20px 10px;
    letter-spacing: 0.02rem;
    text-align:right;
    width: 100%;
    color:#fff;
} 
.div1.plansdiv {
	height: 200px;
    font-size: 1.3rem;
    line-height: 170px;
    background: #353535;
    xmargin-top: 8px;
    padding: 20px 10px 20 5px;
}
.div1.choose {
	xheight:60px;
	background:transparent;
}
.div2.chooseright {
	height:60px;
}
.div1.totaljobs {
	height:93px;
	padding-top:40px;
	border-top-right-radius:14px;
	border-top-left-radius:14px;
}
.div1.singleline {
	padding-top:30px;
}
.div1.borderrighttransparent {
	border-right:1px solid transparent;
}
.div1.siteintegration {
	border-bottom-right-radius:14px;
	border-bottom-left-radius:14px;
	height: 60px;	
	padding-top: 8px;
}
.div2 {
    font-size:1.0rem;
    font-weight: 600;
    text-align:center;
    padding:20px 10px;
    min-width:170px;
    border-bottom: 1px solid #888;
}  
.div2.included {
	height:140px;
}
.div2.getstarted {
    font-size: 0.8rem;
    10px 10px 10px 10px !important;
    text-align: center;
    border-bottom: 1px solid transparent;
} 
.div2.marginlefty {
	margin-left:150px;
}
.div2.plansright {
	height:210px;
}
.div2.nobottomborder {
    border-bottom: 1px solid transparent;
} 

.tooltipJW, .tooltipJWright {
    position: relative;
    margin-left: 2px;
    display: inline-block;
    vertical-align: middle;
}
.features {
	display:inline-block;
	vertical-align:middle;
	width:calc(100% - 25px);
}

button {
background:transparent;
color:#67c5f5;
border: 1px solid #67c5f5;
border-radius:8px;
font-size:0.9rem;
font-weight:600;
letter-spacing:0.05rem;
white-space: nowrap;
}
.blue, .blue a { color: #7dd4ff; }
.multinumberrow {
    line-height: 9px; padding: 20px 16px;
} 
.div3 {
    font-size:1.0rem;
    text-align:center;
    padding:20px;
    border-bottom:1px solid #bbb;
}   
.borderbottomtransparent {
	border-bottom: 1px solid transparent;
}
.circlenumber {
	display:inline-block; border-radius:50%; font-size:1.0rem; line-height: 9px; background: #ccc; padding: 20px; color:#000; letter-spacing: 0.09rem;
}
.circlenumber.multinumber {
	line-height: 9px; padding: 20px 16px;
}
.free {
	font-weight: 400;
    font-size: 1.1rem;
    color: #67c5f5;
    display: inline-block;
    padding: 20px;
    border: 1px solid #67c5f5;
}

@media screen and (max-width: 1000px){
	button { font-size:0.8rem !important; }
}

@media screen and (max-width: 890px){
	/* 
.div1 { width:150px !important; padding: 14px 10px 0 5px; font-size:0.75rem; font-weight:600; }
	.div1.included { width: 150px !important; height: 80px; display: block; }
 */
	.nodisplay890 { display: none; }
}

@media screen and (max-width: 640px){
	.div1 { width:130px !important; padding-top:15px; font-size:0.75rem;  }
	.div1.singleline { padding-top:20px; }
	.div1.included { width: 130px !important; height: 80px; display: block; padding-top: 34px; }
	.div1.totaljobs { border-top-left-radius: 0; }
	.div2 { min-width: 140px; }
	.div2.marginlefty { margin-left:120px; }
	.div2.chooseright { height: 50px; }
	.div1.notopleftradius { border-top-left-radius: 0; }
	.div1.nobottomleftradius { border-bottom-left-radius:0 !important; }
	.mainContainPricingDetailSub { margin: 20px auto 5px auto; font-size: 1.4rem; padding:0 20px; }
	.mainContainPricing { padding: 0 0 40px 0; }
	.div1.plansdiv { font-size: 1.25rem; line-height:190px; height:190px; padding-top:0; }
	.div2.plansright { height: 160px; }
	.priceSizeAmount { font-size: 2.1rem; }
	.mainToutTop { font-size: 0.8rem; letter-spacing: 0.15rem; margin-bottom: 8px; }
	.mainToutMidDescription { 0.75em; }
	.mainToutMid { padding: 0px 10px 0px 10px; }
	button { font-size: 0.75rem !important; }
	.circlenumber { font-size: 0.85rem; padding:16px; }
	.circlenumber.multinumber { line-height: 9px; padding: 16px 12px; }
	.multinumberrow { padding: 16px; font-size:1.0em; }
	.free { font-size: 1.05rem; margin-top: 20px; }
}
@media screen and (max-width: 640px){ 
	div1.plansdiv {  }
}