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


main.pricingPage{
    background-color: #0e2f50;
}
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: 36px;
    letter-spacing: 1px;
    line-height: 44px;
    color: #ffffff !important;
    font-weight: 300;
    font-family: "Unbounded";
    text-align: center;
    padding-top: 10px;
}

.mainPricingPageSubHeader{
    height: 55px;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 44px;
    color: #ffffff !important;
    font-weight: 300;
    font-family: "Unbounded";
    text-align: center;
}
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.col-lg-4 {
    width: 30%;
    position: relative;
}
.pricingOptionBoxes{
    font-family:'Poppins', sans-serif;
    
    border-radius:25px;
    padding:0px 0px;
    margin:20px 15px !important;
    text-align:center;
    background-color: #fff;
}
.first_price{background-image: url("/img/price-strt-bg.png");}
.second_price{background-image: url("/img/second-price-bg.png");}
.third_price{background-image: url("/img/third-price-bg.png");}
.top_price {
    width: 100%;
    padding: 30px 45px 40px;
    margin: 0px 0px;
    border-radius: 25px 25px 0px 0px;
    background-position: bottom;
    position: relative;
}
.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;
}
.sticker_starter {
    position: absolute;
    right: 10px;
    width: 23%;
    bottom: -19px;
}
.pricingOptionBoxes > *:not(:last-child){

    margin-bottom:4px;

}
.pricingOptionBoxes .title{

    font-size: 64px;
    line-height: 94px;
    text-transform: uppercase;
    color: #0e2f50 !important;
    font-weight: 400;
    font-family: "Unbounded";
    text-align: center;
}
.pricingOptionBoxes .subtitle{

    font-size: 24px;
    line-height: 48px;
    text-transform: uppercase;
    color: #0e2f50;
    font-weight: 400;
    font-family: "Unbounded";
    text-align: center;
}

}
.pricingOptionBoxes .description{

   font-size: 13px;
    line-height: 19px;
    color: #0e2f50;
    font-weight: 400;
    font-family: "Poppins";
    text-align: center;
    margin-bottom: 11px;

}
h3.packagesHeader {
    font-size: 38px;
}
.bottom_price ul {
    list-style: none;
    float: left;
    width: 100%;
    padding: 15px 25px;
    margin: 0;
    text-align: left;
}
.first1 ul li{
    background: url(../img/pric-check-1.png) left 4px no-repeat;
}
.second2 ul li{
    background: url(../img/pric-check-2.png) left 4px no-repeat;
}
.third3 ul li{
    background: url(../img/pric-check-3.png) left 4px no-repeat;
}
.bottom_price ul li {
    color: #445971;
    font-size: 16px;
    float: left;
    width: 100%;
    text-align: left;
    padding: 0px 5px 1px 30px;
}
table.defaultTable.packageTable th, table.defaultTable.packageTable td {
    padding: 12px 25px 4px 25px;
}
.pricingOptionBoxes .button,
.pricingBlueButton{
    font-size: 17px;
    line-height: 43px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Poppins";
    text-align: center;
    width: 168px;
    height: 44px;
    border-radius: 12px;
    margin-bottom: 50px;
    margin-top: 15px;
    background-color: #0e2f50;

}

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



/* Addons */

.addonTitle{
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 44px;
    color: #0e2f50 !important;
    font-weight: 300;
    font-family: "Unbounded";
    text-align: center !important;
    margin-top:72px;
    margin-bottom: 37px;
}
.addonsContainer{
    width:calc(100% - 70px);
    padding:0px 35px;
}
.addonBoxes{
   margin: 23px 17px !important;
    margin-right: 30px !important;
    padding-top: 20px;
    overflow: hidden;
    display: inline-block;
    float: left;
    position: relative;
    width: 234px;
    height: 207px;
    border-radius: 22px;
    background-color: #e0e9f2;
}
.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{

   padding: 19px 0px 38px 18px;
    position: absolute;
    bottom: 0px;
    width: 90%;
    text-align: center;
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 19px;
    color: #0e2f50;
    font-weight: 300;
    font-family: "Poppins";
    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:100px 0px;
    padding-top:0px;
    background: url(../img/plus-bgimg.png) center -20px no-repeat;
}
.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;
}
h2.accr_kickpkg {
    text-align: left;
    font-size: 25px;
    line-height: 44px;
    color: #445971;
    padding: 20px 0px 0px 10px;
}
.kick_card{
    padding-left: 10px;
    padding-right: 10px;
}

/* Professional Services */

.kickStart .leftSide{
    float:left;
    width:60%;
    
}



.kickStart .rightSide{

    float:right;

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

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

    position:relative;

    right:35px;
    margin-top:47px;

}
.professionalServices{
    border-radius: 12px;
    background-color: #0e2f50;
    color: white;
    padding: 30px 15px 20px 15px;
    margin-left: 36px;
}
.col-md-4.textLeft.professionalServices {
    max-width: 30%;
    flex: 0 0 30%;
}
.row.srt_pkg_row {
    padding-top: 80px;
}
.srt_pkg_left{
    border-radius: 12px;
    filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.04));
    background-color: #ffffff;
    border: 1px solid #e0e9f2;
}
.professionalServices ul{
    font-family:'Poppins', sans-serif;
    font-size:22px;
    line-height:32px;
}
.professionalServices ul span{
    position: relative;
    left: 10px;
    font-size: 17px;
    letter-spacing: 0px;
    line-height: 44px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Poppins";

}
.pro_text a {
    font-size: 13px;
    color: #1b93d4;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-weight: 700;
}


.professionalServices span{
    font-family:'Poppins', sans-serif;
    font-size:17px;
    padding-top: 25px;
    float: left;
    padding-left: 15px;
}



/* 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: 396px;
    padding: 57px;
    padding-bottom: 25px;
    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;
}
.sub_subtitle{
    font-size: 13px;
    line-height: 19px;
    color: #0e2f50;
    font-weight: 300;
    font-family: "Poppins";
    text-align: center;
}

.plus_option{
    border-radius: 22px;
    background-color: #e0e9f2;
}
.plus_option_img{
    margin: 33px 0px 0px 0px;
}
.plus_option_text{
    font-size: 20px;
    letter-spacing: 0px;
    line-height: 60px;
    color: #0e2f50;
    font-family: "Poppins";
    text-align: center;
    margin-bottom: 5px;
}
p.plus_star {
    font-size: 16px;
    text-align: center;
    color: #0e2f50;
    line-height: 0px;
}
.plus_option_text_below{
    margin-top: 20px;
    font-size: 12px;
    letter-spacing: 0px;
    line-height: 20px;
    color: #445971 !important;
    font-weight: 300;
    font-family: "Poppins";
    text-align: center;
}
.kit_package_row{
    width: 750px;
    border-radius: 12px;
    filter: drop-shadow(0px 4px 4px rgba(0,0,0,0.04));
    background-color: #ffffff;
    border: 1px solid #e0e9f2;
}
.kit_package_header{    font-size: 25px;
    line-height: 44px;
    color: #445971;
    font-weight: 400;
    font-family: "Poppins";
    text-align: left;}

.pro_text{
    letter-spacing: 1px;
    line-height: 44px;
    color: #ffffff;
    font-weight: 300;
    font-family: "Unbounded";
    font-size: 36px;
    padding-left: 15px;
}
.list_withimg {
    font-size: 18px;
    line-height: 44px;
    font-weight: 500;
    letter-spacing: 0px;
}
.list_withimg img {
    padding-right: 20px;
}
.service_list {
    padding-left: 15px;
}
.sky_why{
    font-size: 36px;
    letter-spacing: 1px;
    line-height: 44px;
    color: #0e2f50;
    font-weight: 300;
    font-family: "Unbounded";
    text-align: center;
    margin-top: 77px;
    margin-bottom: 45px;
}
.card-text{
        font-size: 14px;
    letter-spacing: 0px;
    line-height: 24px;
    color: #0e2f50;
    font-weight: 300;
    font-family: "Poppins";
    padding-right: 11px;
}
.card-title {
    font-size: 30px;
    line-height: 26px;
    font-weight: 600;
    font-family: "Unbounded";
    text-align: center;
    margin-top: 15px;
    float: left;
    width: 100%;
}
.why_crm_card{
    background-color: #fafdfe;
    border-radius: 15px;
}
.quotation_img1 {
    float: left;
    font-size: 100px;
    line-height: 26px;
    color: #e0e9f2;
    font-weight: 600;
    font-family: "Unbounded";
    padding-top: 35px;
}
.quotation_img2{
    width: 50px;
    float: right;
    font-size: 100px;
    line-height: 26px;
    color: #e0e9f2;
    font-weight: 600;
    font-family: "Unbounded";
    padding-top: 35px;
    transform: rotate(180deg);
}
.description_text_why_crm{
      margin-top: 22px;
      float: left;
}

.below_line_crm{

    margin-top: 12px;
    float: left;
    width: 100%;
}
.why_crm_card .card-body{
  padding: 25px 30px 19px 30px;
}