/*----------------------------------------Pricing Page----------------------------------------*/
/*----------------------------------------Pricing Page----------------------------------------*/
/*----------------------------------------Pricing Page----------------------------------------*/



main section > h1,

main section > h2,

main section > h3,

main section > h4,

main section > h5,

main section > h6{

    font-family:'Poppins', sans-serif;

    font-weight:normal;

    display:block !important;

    padding:0px 35px !important;

}

.mainPricingPageHeader{
    font-size:60px;
    margin-bottom:10px;
}

.mainPricingPageSubHeader{
    font-size:25px;
}
section.pricing_main_section {
    margin-top: 0px !important;
    padding-top: 20px !important;
}

.pricingPage{

    text-align:center;

}



main{

    text-align:center;

}



main section{

    width:1250px;

    overflow:hidden;

    margin:auto;

}



.cSemiBlack{

    color:#161616 !important;

}



.centeringPadding{

    padding:0px 35px !important;

}

.collapsingDiv .cGray {
    color: #6a6a6a !important;
    font-size: 12px;
    font-weight: 300 !important;
}
/* Pricing Boxes */

.pricingOptionBoxes{
    font-family:'Poppins', sans-serif;
    border:solid 2px #0081ff;
    border-radius:20px;
    padding:25px 50px;
    margin:20px 15px !important;
    text-align:center;
}
.essenl_line{
    border: solid #feaa51 1px;
    background: #feaa51;
    display: inline-block;
    width: 60px;
    height: 3px;
    margin: 0px 0px;
    position: relative;
    bottom: 0px;
    border-radius: 4px;
}
.profesl_line{
    border: solid #0881ff 1px;
    background: #0881ff;
    display: inline-block;
    width: 60px;
    height: 3px;
    margin: 0px 0px;
    position: relative;
    bottom: 0px;
    border-radius: 4px;
}
.enterprise_line{
    border: solid #14ad42 1px;
    background: #14ad42;
    display: inline-block;
    width: 60px;
    height: 3px;
    margin: 0px 0px;
    position: relative;
    bottom: 0px;
    border-radius: 4px;
}

.pricingOptionBoxes > *:not(:last-child){

    margin-bottom:4px;

}
.pricingOptionBoxes .title{

    font-size:73px;
    line-height: 86px;
}
.pricingOptionBoxes .subtitle{

    font-size:25px;

    text-transform:uppercase;

    color:#4d636d;

}
.pricingOptionBoxes .description{

    font-size:17px;

    color:#4d636d;

    line-height:30px;

    font-weight:600;

}
h3.packagesHeader {
    font-size: 38px;
}
table.defaultTable.packageTable th, table.defaultTable.packageTable td {
    padding: 12px 25px 4px 25px;
}
.pricingOptionBoxes .button,
.pricingBlueButton{

    font-size:17px;

    font-weight:bold;

    text-transform:uppercase;

    color:white;

    background:#0081ff;

    border-radius:40px;

    padding:15px 20px;

    margin:auto;

    width:100px;

    cursor:pointer;

}

.pricingBlueButton{
    outline:none;
    border:none;
    width:auto;
}



/* Addons */

.addonTitle{

    font-size:35px;

    margin-top:30px !important;

    margin-bottom:27px !important;

}
.addonsContainer{
    width:calc(100% - 70px);
    padding:0px 35px;
}
.addonBoxes{
    border:solid 4px #0081ff;
    border-radius:5px;
    margin:15px 0px !important;
    margin-right:30px !important;
    width:calc(100%/6 - 36px);
    height:145px;
    padding-top:20px;
    overflow:hidden;
    display:inline-block;
    float:left;
    position: relative;

}
.pricing_p{
    float: right;
    font-size: 12px;
    font-weight: 300;
    padding-right: 51px;
}
.addonsContainer .addonBoxes:last-child{
    margin-right:0px !important;
}
.addonBoxes.clickable{
    cursor:pointer;
}
.addonBoxes img{
    height:65px;
    margin: auto;
    position: absolute;
    top: 18%;
    left: 35%;
}
.addonBoxes > div{

    font-family:'Poppins', sans-serif;

    font-size:15px;

    color:white;

    background:#0081ff;

    padding:10px;
    position: absolute;
    bottom: 0px;
    width: 90%;
    text-align: center;

}

.addonBoxes .whiteCheck{
    background:#339aff no-repeat center;
    background-image:url("/_images/pricing/tickWhite.png");
    height:115px;
    width:calc(100% - 20px);
    position:relative;
    bottom:32px;
    opacity:0.9;
    visibility:hidden;
    transition:0.25s;
}

.addonBoxes.selected .whiteCheck{
    visibility:visible;
}


/* Setup and Kick Start Page */

.kickStart{
    padding:50px 0px;
    padding-top:0px;
    height:404px;
}
.collapsingDiv .title{

    font-family:'Poppins', sans-serif;

    font-size:16px;

    color:#272727;

}



.collapsingDiv .title span{

    display:inline-block;

}
.collapsingDiv .title .collapser{

    margin-left:15px;

    margin-right:20px;

    font-size:25px;

    /*font-weight:bold;*/

    line-height:20px;

    position:relative;

    top:3px;

}
.collapsingDiv .content{

    font-family:'Poppins', sans-serif;

    font-size:16px;

    color:#6a6a6a;

}
.collapsingDiv .content ul{
    width:auto;
    min-width:0px;
    max-width:none;
    display:inline-block;
    text-align:left;
    margin: 4px 0px 0px 30px;

}
.packageTable{

    width:100%;

}
.packageTable tr .collapsingDiv .title span:last-child,

.packageTable tr td:nth-child(2){

    font-weight:600;

    text-align:center;

}

.packageTable td .collapsingDiv{
    position:relative;
    bottom:5px;
}



/* Professional Services */

.kickStart .leftSide{
    float:left;
    width:60%;
    padding:40px 0px;
}



.kickStart .rightSide{

    float:right;

    width:calc(40% - 35px - 80px);

    /*Full Max Height: 1030*/
    height: 434px;

    position:relative;

    right:35px;

}
.professionalServices{
    background:#0081ff;
    color:white;
    padding:20px 0px 0px 40px;
}
.professionalServices ul{
    font-family:'Poppins', sans-serif;
    font-size:22px;
    line-height:32px;
}
.professionalServices ul span{

    position:relative;

    left:10px;

}



.professionalServices span{

    font-family:'Poppins', sans-serif;

    font-size:17px;

}



/* Testimonials */
.testimonial{
    padding-top:60px;
}

.testimonial section{
    padding-left:70px;
}

.titleWithIcon .icon{

    display:inline-block;

    background:no-repeat center;

    background-image:url("/_images/pricing/testimonialsEmpty.png");

    background-size:100%;

    width:150px;

    height:200px;

}



.titleWithIcon .icon img{

    position:relative;

    top:30px;

    left:18px;

}



.titleWithIcon h3{

    display:inline-block;

    border-bottom:5px solid #0081ff;

    width:380px;

    padding:20px;

    padding-bottom:10px;

    font-family:'Poppins', sans-serif;

    font-size:35px;

    position:relative;

    bottom:60px;

    right:10px;

}

.titleWithIcon .underHeaderLine{
    display:none;
}



.testimony{

    position:relative;

    bottom:120px;

    left:170px;

}



.testimony p{

    font-family:'Poppins', sans-serif;

    font-size:16px;

}



.testimony .signature{

    font-family:'Poppins', sans-serif;

    font-size:16px;

}



/* Order Pages */

.basicPricingSettings{

    font-family:'Poppins', sans-serif;

    font-size:16px;

    font-weight:600;

    color:#3f3f3f;

    background:#e3e9ef;

    border:1px solid #c9c9c9;

    border-radius:5px;

    box-shadow:0px 0px 5px 5px #f8f8f8;

    padding:10px 20px;

    width:calc(1250px - 70px - 40px - 2px);

}



.basicPricingSettings > *{

    float:left;

    vertical-align:middle;

    margin-right:15px;

    position:relative;

    top:7px;

}



.basicPricingSettings .userNumber{

    border:solid 1px #c9c9c9;

    border-radius:5px;

    box-shadow:0px 0px 5px 5px #e0e6ec;

    padding:10px 20px;

    background:white;

    outline:none;

    width:50px;

    top:0px;

}



/* Custom Checkbox */

.basicPricingSettings .defaultCheckbox{

    width:10px;

    height:10px;

    padding:3px;

    position:relative;

    top:8px;

}



.basicPricingSettings .defaultCheckbox .defaultCheckbox{

    width:8px;

    height:8px;

    padding:0px;

    top:0px;

}



.basicPricingSettings .userNumber,

.basicPricingSettings .options{

    margin-right:35px;

}



.orderDetails{

    font-family:'Poppins', sans-serif;

    font-size:16px;

    color:#3f3f3f;

    background:#f7f7f7;

    border:1px solid #c9c9c9;

    border-radius:5px;

    box-shadow:0px 0px 5px 5px #f8f8f8;

    width:calc(1250px - 70px - -1px);

}



.orderDetails > *{

    padding:20px 30px;

}



.orderDetails > .title{

    background:#e2e2e2;

    height:30px;

}



.orderDetails > .title h3{

    font-size:25px;

    float:left;

}



.orderDetails > .title .button{

    font-size:16px;

    font-weight:600;

    text-transform:uppercase;

    color:white;

    background:#212121;

    border-radius:40px;

    padding:6px 0px;

    margin:auto;

    width:100px;

    cursor:pointer;

    position:relative;

    bottom:5px;

    float:right;

}



.features .title{

    text-align:left;

}



.features .title > span{

    margin:auto;

}



.features .title > span.collapser{

    width:20px;

    margin:0px;

    top:0px;

}



.features .title > span:not(.collapser){

    width:calc(100% - 55px - 140px);

}

.features .whiteContent{
    background:white;
    font-family:'Poppins', sans-serif;
    font-size:12px;
    color:#3f3f3f;
    padding:40px 0px;
    padding-top:10px;
    margin:20px 0px;
    border:1px solid #cacaca;
    border-radius:5px;
}

.features .whiteContent table{
    width:100%;
}

.mobileTable{
    display:none;
}

.features .whiteContent .imgContainer{
    border:solid 1px #d7d7d7;
    border-radius:5px;
    box-shadow:0px 0px 5px 5px #f1f1f1;
    display:inline-block;
    margin-top:20px;
    padding:10px;
    padding-left:0px;
    padding-bottom:0px;
    width:50px;
    height:50px;
    vertical-align: middle;
}

.features .whiteContent .imgContainer img{
    max-width:25px;
    max-height:30px;
    position:relative;
    top:5px;
    left:5px;
    margin-bottom:5px;
}

.features .whiteContent .imgContainer img.small{
    top:10px;
    margin-bottom:10px;
}

.features hr{
    position:relative;
    right: 7px;
    width: calc(97% + 70px);
}

.features .selectedAddOns,
.features .selectedPackages,
.features .totalPrice{
    padding:10px 0px;
    width:100%;
}

.features .addOnOrPackage{
    font-family:'Poppins', sans-serif;
    font-size:16px;
    color:#3f3f3f;
}

.features .addOnOrPackage > *,
.orderDetails .totalPrice .addOnOrPackage > *{
    text-align:left;
}

.features .addOnOrPackage .name,
.orderDetails .totalPrice .addOnOrPackage .name{
    width:70%;
}

.features .addOnOrPackage .price,
.orderDetails .totalPrice .addOnOrPackage .total{
    width:10%;
}

.features .addOnOrPackage .remove,
.orderDetails .totalPrice .addOnOrPackage .checkout{
    width:20%;
    text-align:right;
}

.orderDetails .totalPrice{
    margin-top:0px;
    background:#e2e2e2;
    position:relative;
    width:100%;
    font-family:'Poppins', sans-serif;
    font-size:16px;
    color:#3f3f3f;
    padding: 10px 30px;
}
.orderDetails .features {
    padding-bottom: 0px;
}
.orderDetails .totalPrice .addOnOrPackage .name{
    font-family:'Poppins', sans-serif;
}

.orderDetails .totalPrice .addOnOrPackage .total{
    font-family:'Poppins', sans-serif;
    font-weight:bold;
    overflow:visible;
    word-wrap:unset;
    white-space:nowrap;
}

.orderDetails .totalPrice .addOnOrPackage .checkout .pricingBlueButton{
    padding:10px 35px;
    float:right;
}

.addOnOrPackage .remove{
    cursor:pointer;
}
.orderDetails .collapsingDiv{
    border-left: 6px solid #fea952;
    padding: 5px 0px 6px 20px;
    border-radius: 2px;
}
.collapsingDiv.Professional {
    border-left: 6px solid #0881ff;
}
.collapsingDiv.Enterprise {
    border-left: 6px solid #14ae43;
}
.features{
    padding-left: 6px;
    padding-top: 10px;
}
/* Checkout Page */
.checkoutMain,
.checkoutMain #skyForm,
.checkoutMain #skyForm form{
    overflow:visible;
}

.checkoutMain h3{
    font-family:'Poppins', sans-serif;
    font-size:44px;
    color:black;
    text-align:left;
}

.checkoutMain h4{
    font-family:'Poppins', sans-serif;
    font-size:20px;
    color:#0081ff;
    text-align:left;
}

.checkoutMain #skyForm{
    width:100%;
    text-align:left;
}

.checkoutMain #skyForm form{
    text-align:left;
    padding: 0px 35px;
    width: calc(100% - 70px);
}

.checkoutMain .halfGray h4{
    position:relative;
    bottom:10px;
}

.checkoutMain img.paymentImg{
    display:inline-block;
    margin-left:10px;
}

.checkoutMain #skyForm form input{
    font-family:'Poppins', sans-serif;
    font-size:15px;
    color:#6b6b6b;
    width:calc(45% - 10px);
    min-width:0px;
    max-width:none;
    display:inline-block;
    margin-right:10px;
    margin-bottom:10px;
    box-shadow:0px 0px 1px 1px rgba(0,0,0,0.1);
}

.checkoutMain #skyForm form input.noRightMargin{
    margin-right:0px;
}

.checkoutMain #skyForm form input.fullWidth{
    width:calc(100% - 40px);
    margin-right:0px;
}

.checkoutMain .halfWhite,
.checkoutMain .halfGray{
    float:left;
    width:calc(50% - 25px);
}

.checkoutMain .halfWhite{
    background:none;
    padding-right:25px;
}

.checkoutMain .halfGray{
    background:#efefef;
    padding-left:25px;
}

.checkoutMain .halfGrayBackground{
    width:50vw;
    height:850px;
    background:#efefef;
    position:absolute;
    z-index:-1;
    top:0px;
    right:0px;
}

.checkoutMain .pricingBlueButton{
    width:100%;
    border-radius:5px;
}

.checkoutMain .grayHeader{
    font-family:"GothamPro";
    font-size:18px;
    color:#4d636d;
}

.checkoutMain .websiteDiv .inputDiv{
    width:auto;
    min-height:16px;
    display:inline-block;
    outline:none;
    border:solid white 1px;
    box-shadow:0px 0px 1px 1px rgba(0,0,0,0.1);
    padding:10px;
    margin:10px 0px;
}

.checkoutMain .websiteDiv .inputDiv.leftRoundBorder{
    border-radius:5px 0px 0px 5px;
    z-index:0;
}

.checkoutMain .websiteDiv .inputDiv.rightRoundBorder{
    border-radius:0px 5px 5px 0px;
    position:relative;
    right:10px;
    z-index:0;
    font-weight:600;
}

.checkoutMain .websiteDiv .mainInput{
    position:relative;
    right:5px;
    border-radius:0px;
    z-index:1;
    width:calc(48% + 39px) !important;
    margin-right:0px !important;
}

.checkoutMain .websiteDiv .example{
    text-align:right;
    padding-right:20px;
    color:#585858;
}

.configDescription{
    font-family:"GothamPro";
    font-size:14px;
    line-height:25px;
}
