﻿.s-clients-v1 {
    display: block;
    width: 11rem;
    height: auto;
    margin: 0 auto;
    opacity: 1;
    cursor: pointer;
    transition-duration: 200ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

s-btn--white-brd {
    color: #fff;
    background: transparent;
    border-width: 0.0625rem;
    border-style: solid;
    border-color: #fff;
}

.s-btn--white-brd:focus, .s-btn--white-brd:hover {
    color: #222324;
    background: #fff;
    border-color: #fff;
}

.s-btn--white-bg {
    color: #222324;
    background: #fff;
}

    .s-btn--white-bg:focus, .s-btn--white-bg:hover {
        color: #13b1cd;
        background: #fff;
    }

.s-btn--dark-bg {
    color: #fff;
    background: #222324;
    border-width: 0.0625rem;
    border-style: solid;
    border-color: #222324;
}

    .s-btn--dark-bg:focus, .s-btn--dark-bg:hover {
        color: #fff;
        background: #13b1cd;
        border-color: #13b1cd;
    }

.s-btn--dark-brd {
    color: #222324;
    background: transparent;
    border-width: 0.0625rem;
    border-style: solid;
    border-color: #222324;
}

    .s-btn--dark-brd:focus, .s-btn--dark-brd:hover {
        color: #fff;
        background: #222324;
        border-color: #222324;
    }

.s-btn--primary-bg {
    color: #fff;
    background: #13b1cd;
    border-width: 0.0625rem;
    border-style: solid;
    border-color: #13b1cd;
}

    .s-btn--primary-bg:focus, .s-btn--primary-bg:hover {
        color: #fff;
        background: #13b1cd;
        border-color: #13b1cd;
    }

.s-btn--primary-brd {
    color: #13b1cd;
    background: transparent;
    border-width: 0.0625rem;
    border-style: solid;
    border-color: #13b1cd;
}

    .s-btn--primary-brd:focus, .s-btn--primary-brd:hover {
        color: #fff;
        background: #13b1cd;
        border-color: #13b1cd;
    }

.s-btn-icon--white-brd {
    border-left: none;
}

.s-btn-icon--dark-brd {
    border-left: none;
}


/*----------------------------------
FAQ
------------------------------------*/
.s-faq__pseudo {
    position: relative;
}

    .s-faq__pseudo:before {
        position: absolute;
        left: 12.5rem;
        bottom: -1rem;
        z-index: -1;
        font-size: 9.375rem;
        font-family: Playfair Display, serif;
        color: rgba(245, 248, 249, 0.8);
        content: "\0026";
    }

.s-faq-grid__divider {
    display: inline-block;
    border-bottom: 0.0625rem solid rgba(255, 255, 255, 0.3);
    margin: .3125rem 0;
}

.s-faq-grid__title {
    font-size: 1rem;
    color: #fff;
    margin: .3125rem 0 0 .5rem;
}

.s-faq .cbp-caption {
    border-bottom: none;
}

/*----------------------------------
Form Input
------------------------------------*/
/* Form Input v1 */
.s-form-v1__input {
    height: 3.375rem;
    color: #fff;
    font-size: 0.875rem;
    font-weight: 300;
    background: transparent;
    border-color: #fff;
    border-right: none;
    box-shadow: none;
    letter-spacing: .1rem;
    text-transform: uppercase;
    padding: .625rem 2.5rem;
}

    .s-form-v1__input::-webkit-input-placeholder {
        color: #fff;
    }

    .s-form-v1__input::-moz-placeholder {
        color: #fff;
    }

    .s-form-v1__input:-ms-input-placeholder {
        color: #fff;
    }

    .s-form-v1__input::placeholder {
        color: #fff;
    }

    .s-form-v1__input:focus {
        box-shadow: none;
        border-color: #fff;
        background: rgba(255, 255, 255, 0.1);
    }

/* Form Input v2 */

.g-bg-color--sky-light {
    background-color: #f5f8f9 !important;
}

.s-form-v2__input {
    height: 3.5rem;
    font-size: 0.875rem;
    font-weight: 300;
    color: #656565;
    border: none;
    box-shadow: none;
    letter-spacing: .1rem;
    text-transform: uppercase;
    padding: .625rem 1.25rem;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

    .s-form-v2__input::-webkit-input-placeholder {
        color: #656565;
    }

    .s-form-v2__input::-moz-placeholder {
        color: #656565;
    }

    .s-form-v2__input:-ms-input-placeholder {
        color: #656565;
    }

    .s-form-v2__input::placeholder {
        color: #656565;
    }

    .s-form-v2__input:focus {
        font-weight: 400;
        color: #656565;
        box-shadow: none;
        transition-duration: 300ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

        .s-form-v2__input:focus::-webkit-input-placeholder {
            color: #656565;
        }

        .s-form-v2__input:focus::-moz-placeholder {
            color: #656565;
        }

        .s-form-v2__input:focus:-ms-input-placeholder {
            color: #656565;
        }

        .s-form-v2__input:focus::placeholder {
            color: #656565;
        }

/*----------------------------------
Button
------------------------------------*/
.s-btn {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    border: none;
    white-space: nowrap;
    touch-action: manipulation;
    cursor: pointer;
    user-select: none;
    transition-duration: 300ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
}

    .s-btn:focus, .s-btn:hover {
        text-decoration: none;
        transition-duration: 300ms;
        transition-property: all;
        transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1);
    }

    .s-btn.focus {
        text-decoration: none;
    }

    .s-btn:active, .s-btn.active {
        background-image: none;
        outline: 0;
    }

    .s-btn.disabled, .s-btn:disabled,
    fieldset[disabled] .s-btn {
        cursor: not-allowed;
        opacity: .65;
    }

.s-btn__element--left, .s-btn__element--right {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}