@charset "utf-8";
body{
    font-family: 'Inter Tight', sans-serif;
    background: #ededed;
}
a{
    cursor:pointer;
}
.well-style {
    text-align:center;
    max-width:517px;
    margin-bottom:9px!important;
    font-size:18px;
    margin-left:61px;
    background-image:none!important;
    background-color:#3bbdad;
}
.landing_page_pro{
    background:#e6f7f5;
    width:100%;
    border-bottom:solid 1px #3bbdad;
    padding:0 13px;
}
.main_logo_pro{
    padding:10px 0!important;
}
.kudospro_menus {
    padding:19px 0;
}
.kudospro_menus ul {
    padding:0;
    margin:0;
}
.kudospro_menus ul li {
    display:inline-block;
    padding:0 10px;
}
.kudospro_menus ul li a {
    font-family: 'Inter Tight', sans-serif;
    font-size:18px;
    color:#3a3a3a;
    text-decoration:none;
}
.kudospro_menus ul li a.sign_in_pro {
    color:#000;
    border-bottom:solid 2px #3bbdad;
    padding-bottom:3px;
}
.kudospro_menus.kudospro_menus_systemF li a {
    font-family: 'Inter Tight', sans-serif;
    font-weight:400;
}
.writing_resumes {
    padding:90px 0!important;
}
.vcenter {
    
}
.remove_space {
    padding:0;
}
.writing_pro_resumes{
    max-width:540px;
    color:#000;
}
.writing_pro_resumes_sign {
    max-width:400px;
    width:100%;
}
.signup-btn {
    font-family: 'Inter Tight', sans-serif;
    border-radius:5px;
    color:#00c5ae;
    background:#fff;
    border:none;
    width:100%;
    font-size:18px;
    padding: 10px 0;
    margin-top: 20px;
    max-width:300px;
}
.signup-btn-teal {
    font-family: 'Inter Tight', sans-serif;
    border-radius:5px;
    color:#fff;
    background:#00c5ae;
    border:none;
    width:100%;
    font-size:18px;
    padding: 10px 0;
    margin: 20px 10px;
    max-width:300px;
    font-weight: 500;
    letter-spacing: 1pt;
}
.writing_pro_resumes h5{
    font-size:48px;
    font-family: 'Inter Tight', sans-serif;
    font-weight: 700;
    color:#000;
    line-height:1;
    margin-bottom: 25px;
}
.writing_pro_resumes h5 span{
    display:block;
}
.writing_pro_resumes p{
    font-family: 'Inter Tight', sans-serif;
    font-size:20px;
    font-weight:400;
    margin:0;
    line-height:30px;
}
.writing_pro_resumes p.start_buliding{
    margin-top:20px;
}
.start_buliding,.start_buliding a{
    font-family: 'Inter Tight', sans-serif;
    color:#000;
    font-size:20px;
    font-weight:700;
}
.writing_pro_resumes_sign ul{
    padding:0;
    margin:0;
}
.writing_pro_resumes_sign ul li{
    display:block;
    padding:5px 0;
}
.writing_pro_resumes_sign ul li input{
    font-family: 'Inter Tight', sans-serif;
    font-weight:400;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    outline:0;
    width:100%;
    height:45px;
    background:#fff;
    border:solid 1px #c0fef3;
    border-radius:5px;
    font-size:16px;
    padding:10px 20px;
}
.writing_pro_resumes_sign ul li input::-webkit-input-placeholder{
    color:#00c5ae;
}
.writing_pro_resumes_sign ul li input::-moz-placeholder{
    color:#00c5ae;
}
.writing_pro_resumes_sign ul li input:-ms-input-placeholder{
    color:#00c5ae;
}
.writing_pro_resumes_sign ul li input:-moz-placeholder{
    color:#00c5ae;
}
button.sign_up_its_free{
    font-family: 'Inter Tight', sans-serif;
    height:45px;
    border-radius:5px;
    color:#fff;
    background:#3bbdad;
    border:none;
    width:100%;
    font-size:18px;
    margin-top:10px;
    font-weight: 500;
}
.or_class_in{
    min-height:10px;
    text-align:center;
    position:relative;
    font-size:18px;
    margin-top:50px;
    margin-bottom:20px;
}
.before_or{
    position:absolute;
    width:100%;
    display:block;
    height:1px;
    left:0;
    background:#d0d1d1;
    top:11px;
    z-index:0
}
span.in_class{
    z-index:1111;
    width:60px;
    display:block;
    text-align:center;
    margin:0 auto;
    position:absolute;
    left:0;
    right:0;
}
span.in_class_sign{
    z-index:1111;
    width:60px;
    display:block;
    text-align:center;
    margin:0 auto;
    position:absolute;
    left:0;
    right:0;
    background:#fff
}
.writing_pro_resumes_sign ul li .social_network li{
    width:33%;
    float:left;
}
.writing_pro_resumes_sign ul li .social_network li+li+li{
    padding-right:0;
}
.social_network a:hover{
    text-decoration:none;
}
.writing_pro_resumes_sign ul li .social_network li{
    width:100%;
}
.well-style-signUp-Home{
    text-align:center;
    max-width:517px;
    margin-bottom:9px!important;
    font-size:14px;
    margin-left:0;
    background-image:none!important;
    background-color:#f5fcfb;
}
.email-exists-signup{
    display:none;
}
.footer-div{
    background:#00c5ae;
    padding-top:10px;
    text-align:center;
}
@media (max-width:1299px) {
    .writing_pro_resumes h5 {
        font-size: 50px;
    }
    .writing_pro_resumes p {
        font-size: 20px;
    }
}
@media (min-width:992px) and (max-width:1199px) {
    .well-style {
        max-width: 70%;
        margin: 0 auto;
    }
    .well-style-signIn {
        max-width: 400px!important;
        margin: 0 auto!important;
    }
    .main_logo_pro {
        padding: 30px 15px!important;
    }
}
@media(max-width:1199px) {
    .landing_page_pro {
        /* min-height: 95vh; */
    }
    .writing_resumes {
        padding: 20px 10px!important;
    }
}
@media (max-width:991px) { 
    .writing_resumes {
        padding: 0 10px 20px!important;
    }
    .footer_kudos_pro_wrap {
        width: 95px !important;
        float: left;
    }
}
@media(min-width:768px) {
    .writing_pro_resumes{
        max-width: 100%;
        text-align: left;
        margin: 0 auto 15px;
    }
}
@media (max-width:767px) {
    .main_logo_pro {
        padding: 20px 10px 0!important;
    }
    .writing_pro_resumes {
        max-width: 100%;
        text-align: left;
        margin: 0 auto 15px;
    }
    .writing_pro_resumes p.start_buliding {
        margin-top: 4px;
    }
    .writing_pro_resumes_sign {
        max-width: 400px;
        width: 100%;
        float: none!important;
        margin: 0 auto;
    }
}
@media(max-width:540px) {
    .kudospro_menus ul li a {
        font-size: 15px;
    }
    .kudospro_menus ul li {
        display: inline-block;
        padding: 0 3px;
    }
    .kudospro_menus {
        padding: 19px 0;
    }
}
@media(max-width:499px) {
    .sign_in_pro_up a {
        font-size: 19px;
    }
    .writing_pro_resumes h5 {
        font-size: 40px;
        margin-top:50px;
        line-height: 1.1;
    }
    .writing_pro_resumes p {
        font-size: 18px;
        margin-bottom: 15px;
        line-height: 1.3;
    }
    .writing_pro_resumes_sign ul li input {
        width: 100%;
        height: 40px;
        background: #C0FEF3;
        border: solid 1px #C0FEF3;
        font-size: 14px;
        padding: 10px 12px;
    }
    button.sign_up_its_free {
        height: 40px;
        font-size: 16px;
        margin-top: 3px;
    }
    .social_network li button {
        height: 40px;
        font-size: 15px;
    }
}
@media(max-width:399px) {
    .kudospro_menus ul li a {
        font-size: 14px;
    }
    .writing_pro_resumes h5 {
        /* font-size: 19px; */
    }
    .writing_pro_resumes {
        max-width: 100%;
    }
    .writing_pro_resumes p {
        font-size: 17px;
    }
    .start_buliding, .start_buliding a{
        font-size: 17px;
        /*word-break: break-all;*/
    }
}
.abovefold-image {
    min-height: 400px;
    min-width: 300px;
    display: flex;
    justify-content: right;
    align-items: center;
}
.abovefold-image img {
    max-height: 350px;
    max-width: 80%;
}
.hero-text {
    font-size: 20px;
    font-weight: bold;
}
.feature-cards {
    padding: 0;
}
.feature-card {
    min-height: 250px;
    margin: 10px 10%;
    text-align: left;
    align-items: center;
    background: #fff;
    border: 1px solid #c6c6c6;
}
.feature-card .card {
    padding: 0 10px;
    text-align: left;
}
.feature-card .card-title {
    font-size: 16px;
    font-weight: bold;
    color: #000;
}
.feature-card .card-text {
    font-size: 14px;
}
.card h4 {
    font-size: 16px;
    font-weight: bold;
}
.card p, li {
    font-size: 14px;
}
.mail_link {
    color: #03F;
}
.large_link {
    color: #F60;
}
.three-steps-image {
    min-height: 350px !important;
}
.three-steps-image img {
    max-height: 350px;
}
.feature-image {
    /* background: #eee; */
    min-height: 300px;
    min-width: 300px;
    border-radius: 30px;
    margin: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.feature-image img {
    max-height: 350px;
    max-width: 100%;
}
.pricing-plans {
    padding-bottom: 5%;
    border-top: 1px solid #eee;
    margin-top: 40px;
    background: #f9f9f9;
}
.pricing-description {
    padding: 10px 0%;
    font-size: 20px;
    width: 60%;
    margin: 0 auto; 
}
.pricing-caption {
    font-size: 30px;
    font-weight: bold;
    margin-top: 25px;
}
.plan-container {
    display: flex;
    width: 100%;
    overflow-y: scroll;
}
.plan {
    flex: 1;
    margin: 0 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    width: 100%;
    min-width: 200px !important;
    flex-direction: column;
    background: #fff;
    box-shadow: 0 5px 5px #b5ebe4;
}
.plan-contents {
    padding: 20px;
}
.plan-price {
    font-size: 28px;
    margin-top: 10px;
    text-align: center;
    color: #00b88a;
    font-weight: 300;
}
.plan-title {
    font-size: 18px;
    text-align: center;
}
.plan-subtitle {
    font-size: 14px;
    text-align: center;
    color: #8d8c8c;
    margin-top: 5px;
}
.plan-features {
    margin-top: 20px;
}
.plan-features .feature {
    margin-bottom: 5px;
    font-size: 14px;
    padding: 5px;
    color: #000;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    /* -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; */
}
.mat-icon {
    background-repeat: no-repeat;
    display: inline-block;
    fill: currentColor;
    height: 24px;
    width: 24px;
}
.green-tick {
    color: #0ab743;
    font-size: 18px !important;
    margin-right: 5px;
    margin-top: 2px;
    height: 20px;
    width: 20px;
}
.red-cross {
    color: #ff0000;
    font-size: 18px !important;
    margin-right: 5px;
    margin-top: 2px;
    height: 20px;
    width: 20px;
}
.footer_kudos_pro {
    background: #f4f4f4;
    border-top: solid 1px #727272;
    padding: 50px 0;
    min-height: 300px;
}
.footer_menu_section_in_all {
    display: block;
}
.footer_kudos_pro_wrap {
    width: 10%;
    float: left;
}
.footer_kudos_pro_wrap ul {
    padding: 0;
    margin: 0;
}
.footer_kudos_pro_wrap ul li {
    display: block;
}
.footer_kudos_pro_wrap li a.footer_menu_top {
    display: block;
    font-size: 16px;
    color: #727272;
    text-decoration: none;
    margin-bottom: 15px;
}
.footer_kudos_pro_wrap li a.footer_menus {
    display: block;
    font-size: 14px;
    color: #8c8c8c;
    text-decoration: none;
    margin-bottom: 10px;
}
.footer_pro_menu_logo {
    text-align: right;
    display: block;
}
.card-col {
    display: flex;
    flex-direction: column;
}
.img-col {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}
.p-0 {
    padding: 0;
}
.move-right {
    /* float: right; */
    order: 2;
}
.example-row {
    margin-top: 25px;
}
.example-resume-col {
    text-align: center;
}
.example-resume {
    height: 300px;
    padding: 5px;
    margin: 5px;
    box-shadow: 0 5px 5px #c9c9c9;
    border: 1px solid #eee;
    border-radius: 5px;
}
.more-examples {
    height: 300px;
    padding: 5px;
    margin: 5px;
    box-shadow: 0 0 15px #5c5c5c;
}
.see-more-examples {
    height: 300px;
    padding: 5px;
    margin: 5px;
    box-shadow: 0 0 15px #5c5c5c;
}
.see-more-link {
    color: #3bbdad;
    position: relative;
    top: 50%;
}
.top-logo {
    padding-top: 10px;
}
.top-logo-mobile {
    margin-top: 10px;
}
.no-automatic-renewals {
    font-size: 23px;
    font-weight: 500;
    padding: 10px 0;
    margin-top: 0;
}
.comparison-table.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle !important;
}
.green-check {
    color: #0ab743;
    line-height: 1.42857143!important;
}
.red-cross {
    color: #ff0000;
    line-height: 1.42857143!important;
}
.pricing-table.table {
    background: #f9f9f9;
}
.pricing-table.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle !important;
}
.plan-feature {
    font-weight: 500;
}
.highlights-list {
    font-size: 16px;
    line-height: 1.5;
    list-style: disclosure-closed;
}
@media (max-width: 991px) {
    .writing_pro_resumes_sign {
        overflow: hidden;
    }
    .feature-cards {
        padding: 0 13px;
    }
    .move-right {
        order: unset;
    }
    .see-more-examples {
        width: 240px;
        margin: 5px auto;
    }
    .pricing-description {
        width: 100%;
    }
    .why-kudoswall-wrapper, .pricing-table-wrapper {
        padding: 0;
    }
    .plan-price {
        font-size: 20px;
    }
    .feature-image {
        min-height: 0;
    }
    .abovefold-image {
        display: none;
    }
    
}
@media (max-width: 768px) {
    .feature-image img {
        max-width: 100%;
    }
    .feature-card {
        margin: 10px 0;
    }
}
@media (min-width: 768px) {
    .feature-card {
        padding: 30px 50px;
    }
}