.hidden {
    display: none;
}
/*
.features li:before {

    content: "\e013";
    font-family: 'Glyphicons Halflings';
    float: left;
    margin-left: -20px;
    color: green;
}
 */

.feature-included, .feature-included:before {
    color:#888 !important;
}

.features-intro {
    color: #515050;
    padding-left:20px;
}

.heading-1 {
    text-align:center;
    font-size:16pt;
    color: #606060;
}
.heading-2 {
    text-align:center;
    font-size:14pt;
    color:green;
}
.period-switch-container {
    margin: 30px auto;
    width:200px;
}


/* ===== MOBILE ========== */
@media (max-width: 767.99px) {
    .plan_container {
        display: flex;
        flex-direction: column;
        row-gap: 24px;
        margin-top: 20px;
    }
    .features-intro {
        margin-bottom: 12px;
    }
    .plan-block {
        padding-bottom:12px;
        margin-bottom: 18px;
    }
}
/* ===== DESKTOP ========== */
@media (min-width: 768px) {
    .plan_container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 24px;
        margin-top: 40px;
    }
    .features-intro {
        margin-bottom: 20px;
        min-height: 66px;
    }
    .plan-block {
        padding-bottom:20px;
        min-height:560px;
        margin-bottom: 20px;
    }
}

.plan-section-heading {
    text-align: center;
    margin-top: 60px;
}
.plan-section-heading h2 {
    margin-bottom: 8px;
}
.plan-section-heading p {
    color: #666;
    font-size: 18px;
    margin: 0;
}

.plan-block {
    border-radius:3px;
    /*border:1px solid #eaf0f7;*/
    box-shadow: 0 4px 6px rgba(0,0,0,.175);
    margin-bottom: 20px;
}
.plan-title {
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding:20px;
    font-weight:bold;
    text-align:center;
    font-size: 17px;
    text-transform: uppercase;
    /*
    background-color:#eee;
    background-color: #eaf0f7;*/
    background-color: #F2DAD3;
    /*color: #33476C;*/
    color: #7F0052;
}
.plan-price {
    text-align:center;
    padding:50px 20px 20px 20px;
    font-size:36px;
    line-height: 32px;
    font-weight:normal;
    min-height: 141px;
}
.plan-price-period-item {
    font-size:15px;
    color:#999;
    font-weight:normal;
    /*vertical-align: 16px;*/
}
.plan-currency {
    font-size:16px;
    padding-left:6px;
}
.plan-price-period {
    text-align:center;
    font-size:15px;
    color:#999;
    padding-top:20px;
}
.plan-button-container {
    text-align:center;
    margin-bottom:20px;
    min-height: 42px;
}
.plan-button-container a {
    min-width: 110px;
}
.plan-dropdown {
    border: 2px solid #dadada;
    border-radius: 4px;
    font-size: 16px;
    color: #383838;
    padding: 10px 30px 10px 10px;
    outline: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20256%20448%22%20enable-background%3D%22new%200%200%20256%20448%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E.arrow%7Bfill%3A%23383838%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22arrow%22%20d%3D%22M255.9%20168c0-4.2-1.6-7.9-4.8-11.2-3.2-3.2-6.9-4.8-11.2-4.8H16c-4.2%200-7.9%201.6-11.2%204.8S0%20163.8%200%20168c0%204.4%201.6%208.2%204.8%2011.4l112%20112c3.1%203.1%206.8%204.6%2011.2%204.6%204.4%200%208.2-1.5%2011.4-4.6l112-112c3-3.2%204.5-7%204.5-11.4z%22%2F%3E%3C%2Fsvg%3E%0A);
    background-color: #fff;
    background-position: right 10px center;
    background-repeat: no-repeat;
    background-size: auto 50%;
}
.plan-dropdown::-ms-expand {
    display: none;
}
.recorded-tests-title {
    padding:0px 20px 0px 20px;
    font-weight:bold;
}
.selenium-tests-title {
    padding:10px 20px 0px 20px;
    font-weight:bold;
}
.features-container {
    padding:10px 20px 0px 0px;
}
.features-container .features {
    color: #383838;
}
.features-container .features li {
    font-size: 16px;
    display: grid;
    grid-template-columns: 28px 1fr;
    padding-top:10px;
    padding-bottom:10px;
}
.features-container .features li svg {
    width: 20px;
    height: 20px;
    margin-right:8px;
}


.btn-sel {
    background-color: #ddd;
}

.heading-2 {
    text-align:center;
    font-size:14pt;
    color:green;
    padding-top:20px;
}

.period-switch-container2 {
    margin: 0px;
    width:300px;
}
.plan2-button-container .btn {
    width: 160px;
}
#price-community {
    font-size: 30px;
}
/********* FAQ **********/
@media ( max-width :1023px) {
    .faq_container {
        /*padding: 0px 0px !important;
        padding-top:0px !important;*/
        margin-top: 0px !important;
    }
    .faq_header {
        padding: 0px !important;
    }
    .example-container div.example-item + div.example-item {
        margin-top: 40px;
    }
}

.faq_container {
    margin:0;
    padding: 0;
    padding-top:60px;
    padding-bottom:80px;
}

.faq_block {
    border-bottom: 2px solid rgb(230,234,237);

    padding: 0px 20px;
}
.faq_block_active {
    background-color: rgb(240,242,241);
}
.faq_header {
    text-align:center;

}
.faq_header h2 {
    font-weight: bold;
    font-size: 42px;
}
.faq_question {
    font-size: 22px;
    padding: 30px 0px;
}
.faq_answer {
    font-size: 18px;
    line-height: 160%;
    padding-bottom: 24px;
}

.appsumo_plan {
    background-color: #F9EDCC;
    padding: 30px 40px;
    text-align: center;
    margin: 40px 0;
}


/* Features table */

.features_section {
    padding-top: 80px;
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.features_section h2 {
    text-align: center;
    margin-bottom: 24px;
}
.features_container {
    border: 2px solid #dee2e6;
    border-radius: 8px;
}
.features_container > div {
    border-bottom: 2px solid #dee2e6;
    margin: 0 !important;
}
.features_container > div:last-child {
    border-bottom: none;
}

.feature_row {
    display: grid;
    grid-template-columns: 42px 2fr 1fr;
}
@media ( max-width :1023.98px) {
    .feature_row {
        grid-template-columns: 42px auto 42px;
        min-height: 56px;
    }

    .feature_name {
        padding-left: 12px;
        padding: 6px 12px;
    }
    .feature_checkmark {
        padding: 3px;
    }
    .feature_icon {
        padding-left: 12px;
    }
}
@media ( min-width :1024px) {
    .feature_row {
        grid-template-columns: 42px 2fr 1fr;
    }
    .feature_checkmark {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .feature_row div {
        padding: 16px 24px;
    }
    .feature_name {
        padding-left: 32px;
    }
    .feature_icon {
        padding-left: 32px;
    }
}
.feature_row div {
    display: flex;
    align-items: center;
}
.feature_name img {
    margin-right: 20px;
}
.feature_checkmark svg, .feature_icon svg {
    width: 24px;
    height: 24px;
}