@charset "utf-8";
/* CSS Document */

/* ===== Primary Styles ========================================================
   Author: PBS Creative
    ========================================================================== */

body {
    background-color: #ffffff;
    font-family: 'Poppins', Arial, sans-serif;
    font-weight: 300;
    color: #646464;
    font-size: 18px;
    text-align: center;
}

hr {
    border: 0;
    border-bottom: 1px solid #e4e4e4;
    margin: 0 0 40px 0;
}

h1, h2, h3, h4 {
    text-transform: uppercase;
    font-weight: bold;
}

h2.lead {
    font-size: 48px;
    font-weight: 700;
}

h2 {
    font-size: 48px;
    margin-bottom: 30px;
}

.special-heading h1, .special-heading h2, .special-heading h3, .special-heading h4 {
    margin: 0 0 20px 0;
    font-weight: 300;
    text-transform: lowercase;
}

.special-heading h1 strong, .special-heading h2 strong, .special-heading h3 strong, .special-heading h4 strong {
    font-weight: 700;
    text-transform: uppercase;
}

strong {
    font-weight: bold;
}

.btn {
    font-weight: bold;
    font-size: 24px;
    border-radius: 0;
    padding: 10px 15px;
    margin-top: 15px;
    text-transform: uppercase;
}

@media(max-width: 600px){
    .btn {
        font-size: 5vw;
    }
}

.btn-primary {
    color: #fff;
    background-color: #82a4a3;
    border-color: #82a4a3;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
    color: #fff;
    background-color: #648c8b;
    border-color: #648c8b;
}

.btn-secondary {
    color: #fff;
    background-color: #646464;
    border-color: #646464;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
    color: #fff;
    background-color: #4d4949;
    border-color: #4d4949;
}

.lead {
    font-size: 24px;
}

.section {
    padding: 50px 0;
}

.section-edit {
    padding: 50px 0;
}

.prim-colour-01, .prim-colour-02 {
    color: #ffffff;
}

.prim-colour-01 {
    background-color: #83a5a4
}

.prim-colour-02 {
    background-color: #646464
}

.prim-colour-01 a, .prim-colour-01 a.link, .prim-colour-01 a:visited {
    color: #ffffff;
    text-decoration: none;
}

.prim-colour-01 a:hover, .prim-colour-01 a:active {
    color: #646464;
    text-decoration: underline;
}

.prim-colour-02 a, .prim-colour-02 a.link, .prim-colour-02 a:visited {
    color: #ffffff;
    text-decoration: none;
}

.prim-colour-02 a:hover, .prim-colour-02 a:active {
    color: #83a5a4;
    text-decoration: underline;
}

/* header */
header {
    color: #83a5a4;
    padding: 20px 0;
}

header #logo {
    margin-top: 10px;
}

header p {
    margin: 0;

}

header a, header a.link, header1 a:visited {
    color: #646464;
    text-decoration: none;
}

header a:hover, header a:active {
    color: #83a5a4;
    text-decoration: underline;
}

.header-contact {
    text-align: right;
}

.header-contact strong {
    color: #646464;
    font-weight: 300;
}

.live-chat {
    position: absolute;
    right: 0;
    top: 60px;
    display: block;
    width: 203px;
    height: 68px;
    background: url('../img/live-chat.png') no-repeat;
}

/* nav */
nav {
}

.nav-link {
    padding: .5rem 0.7rem;
}

.li-end a {
    padding-right: 0;
}

/* carousel */
.alpha-setting {
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(130, 164, 163);
    /* RGBa with 0.6 opacity */
    background: rgba(130, 164, 163, 0.9);
}

.alpha-setting {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#9936170225, endColorstr=#9936170225);
}

.carousel-banner {
    position: relative;
}

.carousel-title {
    position: absolute;
    color: #ffffff;
    margin-top: 40px;
}

@media(min-width: 1200px) and (max-width: 1599px){
    .carousel-title {
        max-width: 40%;
    }
}

@media(min-width: 1600px){
    .carousel-title {
        max-width: 30%;
    }
}

.carousel-title h1 {
    font-size: 48px;
}

.carousel-title p {
    margin: 0;
    font-size: 24px;
}

.carousel-title strong.highlight {
    color: #83a5a4;
}

.carousel-img {
    display: block;
    width: 100%;
    height: 675px;
    background: url('../img/temp-banner.jpg') no-repeat center center;
    background-size: cover;
}

/* icons */
.icon-coloured-bg {
    color: #83a5a4;
}

#content-main h3 {
    font-size: 24px;
}

.screen-demos {
    margin: 40px 0;
}

.content-item {
    margin-bottom: 30px;
}

#content-signup {
    padding: 0
}

#content-features {
    padding-bottom: 0;
}

#content-about {
    position: relative;
}

.talk-head {
}

.talk-bubble {
    padding: 20px;
    background-color: #82a4a3;
}

.bubble-tail {
    position: absolute;
    right: 20px;
    background: url('../img/bubble-tail.png') no-repeat;
    width: 70px;
    height: 25px;
}

.talk-bubble-man {
    position: absolute;
    right: 0;
    bottom: -139px;
    margin-top: 24px;
    background: url('../img/icon-business-man.png') no-repeat;
    display: block;
    width: 204px;
    height: 272px;
}

#content-meet {
    text-align: center;
}

#content-meet strong {
    color: #82a4a3;
}

#content-meet h3 {
    margin-top: 15px;
    font-size: 18px;
}

.staff-row {
    padding-bottom: 40px;
}

.footer-logo img {
    max-height: 75px;
}

.footer-outer, .footer-outer a {
    padding: 15px 0;
    font-size: 12px;
    color: #666666;
    background-color: #313131;
}



.footer-outer p {
    margin: 0;
}

/*
Mailchimp
 */

#mc_embed_signup #mce-success-response {
    color: #fff !important;
}