@font-face {
    font-family: 'lobster_1.4regular';
    src: url('../fonts/lobster_1.4-webfont.eot');
    src: url('../fonts/lobster_1.4-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/lobster_1.4-webfont.woff2') format('woff2'),
    url('../fonts/lobster_1.4-webfont.woff') format('woff'),
    url('../fonts/lobster_1.4-webfont.ttf') format('truetype'),
    url('../fonts/lobster_1.4-webfont.svg#lobster_1.4regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

::selection {
    background: #339af2;
    color: #fff;
    text-shadow: none;
}

::-moz-selection {
    background: #339af2;
    color: #fff;
    text-shadow: none;
}

.container {
    padding: 100px 20px;
}

.brand {
    background: url(../images/JackdawLight@2x.png) 0 0 no-repeat;
    height: 140px;
    margin: 0 auto 10px auto;
    text-indent: -9999px;
    width: 550px;
}

.light-content .brand  {
    background: url(../images/JackdawDark@2x.png) 0 0 no-repeat;
}

h1, h2, h3, h4, h5, h6 {
    color: #212121;
    font-family: 'lobster_1.4regular', sans-serif;
    text-transform: lowercase;
}

.radial-counter input {
    font-family: 'lobster_1.4regular', sans-serif!important;
}

.dropcap-normal {
    font-family: 'lobster_1.4regular', sans-serif;
}

.dropcap {
    font-family: 'lobster_1.4regular', sans-serif;
}

.clapat-counter .number {
    font-family: 'lobster_1.4regular', sans-serif;
}

.video-text-left, .video-text-right {
    font-family: 'lobster_1.4regular', sans-serif;
}

.p-table-title, .p-table-num, .p-table-num sup {
    font-family: 'lobster_1.4regular', sans-serif;
}

#typed {
    font-family: 'lobster_1.4regular', sans-serif;
}

.email-box input[type="text"], .email-box input[type=email] {
    font-family: 'lobster_1.4regular', sans-serif;
}

.clapat-button {
    background-color: #339af2;
    color: #fff;
}

.clapat-button.outline {
    border: #339af2 2px solid;
    color: #339af2;
}

.clapat-button.outline:hover {
    background-color: #339af2;
    color: #fff;
    opacity: 1;
}

.light-content .clapat-button {
    background-color: #339af2;
    color: #fff;
}

.light-content .clapat-button.outline {
    background-color: transparent;
    border: 2px #339af2 solid;
    color: #339af2;
}

.light-content .clapat-button.outline:hover {
    background-color: #339af2;
    color: #fff;
}

.light-content .clapat-button i {
    color: #fff;
}

.next-section {
    background-color: #339af2;
}

.navbar-inner {
    background: #212121;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
    color: #339af2 !important;
}

.section-title h3 {
    background-color: #339af2;
    color: #fff;
}

.background-title {
    background-color: #339af2;
    color: #fff;
}

.outlined-title {
    border: 2px solid #339af2;
    color: #339af2;
}

.title-dots li {
    background-color: #339af2;
}

.dropcap.square {
    background-color: #339af2;
    color: #fff;
}

.dropcap.outline {
    border: #339af2 2px solid;
    color: #339af2;
}

.active .p-table-item-inner, .p-table-item-inner:hover {
    border-color: #339af2;
}

.light-content .client-slider .flex-control-paging li a {
    background: none repeat scroll 0 0 rgba(255, 255, 255, 0);
    border: 1px solid rgba(51, 154, 242, 1);
}

.light-content .client-slider .flex-control-paging li a.flex-active, .light-content .client-slider .flex-control-paging li a:hover {
    background: none repeat scroll 0 0 rgba(51, 154, 242, 1);
    border: 1px solid rgba(51, 154, 242, 1);
}

.error_message {
    color: #fa514f;
}

#footer {
    background-color: #212121;
}

#footer a {
    color: #fff;
}

#footer a:hover {
    color: #339af2;
}

#menu_top {
    background-color: #339af2;
}

#testimonials h2,
#press h1, #press h2, #press h3, #press h4, #press h5, #press h6 {
    text-transform: none;
}

@media (max-width: 767px) {

    #home h1 {
        background-size: 275px 70px;
        height: 70px;
        width: 275px;
    }
}