/*
    Theme Name: db2015
    Author: Leonard Koh
    Version: 1.0
*/
/* Table of Content
==================================================
  1. Animations
  2. Document Setup (body, common classes, etc)
  3. Misc and Re-usable Elements
  4. Navigation
  5. Hero (Video / Image / Slider)
  6. About Us Section 
  7. Quote Section
  8. What We Do 
  9. Achievements 
  10. Portfolio 
  11. Pricing Tables 
  12. Features
  13. Testimonials 
  14. Clients 
  15. Team Section 
  16. Request a Quote CTA 
  17. Blog Section on HomePage
  18. Twitter Section 
  19. Contact Form 
  20. Callout Box 
  21. Footer 
  22. Portfolio Single 
  23. Single Post 
  24. Page Elements Used in Inside Pages 
  25. Single Page
  26. Media Queries
*/

.cursor {
    cursor: pointer;
}
.achor-point {
    position: relative;
    top: -150px;
}
.manus,
a.link-manus {
    font-family: Manus;
    text-transform: none!important;
    font-weight: 100;
}
.fjalla {
    font-family: "Fjalla One";
}
h1.manus {
    letter-spacing: 3px;
}
/* =========================================================== 
    1. Full Page
============================================================ */

a.db-white-button {
    background-color: #fff;
    color: #333333;
    font-family: "Fjalla One";
    border: none;
    font-weight: 500;
    text-transform: none;
    border-radius: 1px;
    margin: 0 1%;
    width: 117px;
    padding: 15px 0 10px 0;
    font-size: 1.1rem;
    letter-spacing: 0px;
}
a.db-white-button:hover {
    background-color: #f0cb00;
}
.transparent-textbox {
    display: inline-block;
    font-style: normal;
    border-radius: 2px;
    padding: 7px 0;
}
.transparent-textbox input[type=submit] {
    font-family: FontAwesome;
    border: none;
    background-color: transparent;
    color: #a1a1a1;
    float: right;
    margin-right: 10px;
    width: 5px;
    font-style: normal;
    font-weight: 100;
}
.search-holder {
    display: block;
    margin-top: 60px;
}
.search-holder .transparent-textbox {
    background-color: rgba(52, 51, 50, 0.3);
    width: 435px;
    margin: auto;
}
.search-holder input {
    border: none;
    display: inline-block;
    text-align: center;
    width: 85%;
    font-style: normal;
}
.search-holder input[type=submit] {
    margin-top: 4px;
}
.search-holder input[type=submit]:focus,
.search-holder input[type=submit]:active {
    border: none;
    outline: 0;
    color: #999999;
}
.logo-full-page {
    position: relative;
    margin-top: 2.5rem;
}
.tagline-full {
    margin-top: 2rem!important;
}
.hero-inner p {
    padding: 1rem;
    font-weight: 100;
    word-spacing: 2px;
    font-size: 1.1rem;
    line-height: 1.6rem;
    margin-bottom: 0;
}
.trademark {
    font-size: 1.4rem;
    color: #fff!important;
    position: relative;
    bottom: 2rem;
}
/* =========================================================== 
    2. Search Form
============================================================ */

.search-form {
    margin-top: 50px;
}
.search-form .transparent-textbox {
    margin: 0;
}
.search-holder input {
    color: #fefefe;
    text-align: left;
}
.search-term-results {
    margin-left: 15px;
}
.header-search-form {
    position: relative;
    top: 2px;
    background-color: #4f4f4f;
    padding: 5px;
    margin-left: 20px;
}
.header-search-form input {
    border: none;
    display: inline;
    font-size: 1rem;
    color: #f3f3f3;
}
/* =========================================================== 
    2. Masonry Page
============================================================ */

.box-panel {
    background-color: #fff;
    padding: 25px 35px 55px 35px;
    margin-bottom: 50px;
    margin-left: 12px;
    margin-right: 12px;
    text-align: center;
    position: relative;
}
.box-panel a.link-manus {
    position: absolute;
    text-align: center;
    bottom: 25px;
    width: 100%;
    left: 0;
    font-size: 1.8rem;
    line-height: 2rem;
}
#masonry-row1 .box-panel {
    min-height: 760px;
}
#masonry-row3 .box-panel {
    min-height: 360px;
}
#thumbnail-venn {
    padding-bottom: 35px;
}
a.link-manus {
    font-size: 1.4rem;
    color: #333333;
}
a.link-manus.text-white {
    color: #fff;
}
a.link-manus:hover {
    color: #f0cb17;
}
a.link-manus::after {
    font-family: FontAwesome;
    font-size: 0.75rem;
    margin-left: 5px;
    content: "\f061";
    position: relative;
    bottom: 2px;
}
a.recent-article-link p {
    color: #fff;
}
figure {
    position: relative;
    overflow: hidden;
    margin: 20px 0 40px 0;
    max-height: 260px;
    width: auto;
    height: 260px;
    text-align: center;
    cursor: pointer;
}
figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
}
figure figcaption {
    padding: 0rem;
    color: #fff;
    font-size: 1.25em;
}
figure figcaption {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
figure h2 {
    font-family: "Fjalla One";
    font-weight: 700;
    font-size: 2.5rem;
    line-height: 3.4rem;
    color: #fff;
}
figure h2,
figure p {
    margin: 0;
}
figure.effect-jazz {
    background: -webkit-linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);
    background: linear-gradient(-45deg, #f3cf3f 0%, #f33f58 100%);
}
figure.effect-jazz img {
    opacity: 0.4;
}
figure.effect-jazz figcaption::after,
figure.effect-jazz img,
figure.effect-jazz p {
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
figure.effect-jazz h2,
figure.effect-jazz p {
    opacity: 1;
    -webkit-transform: scale3d(0.8, 0.8, 1);
    transform: scale3d(0.8, 0.8, 1);
}
figure.effect-jazz h2 {
    padding-top: 3%;
    -webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
}
figure.effect-jazz:hover img {
    opacity: 0.7;
    -webkit-transform: scale3d(1.05, 1.05, 1);
    transform: scale3d(1.5, 1.5, 1);
}
figure.effect-jazz:hover figcaption::after {
    opacity: 1;
    -webkit-transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
    transform: rotate3d(0, 0, 1, 45deg) scale3d(1, 1, 1);
}
figure.effect-jazz:hover h2,
figure.effect-jazz:hover p {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}
.box-grey-panel {
    background-color: #e9e9e9;
    padding: 35px;
}
.recent-article-box.recent-article-link {
    position: relative;
}
.recent-article-box .recent-article-link figure {
    max-height: 320px;
    height: 320px;
}
.recent-article-box .recent-article-link figure img {
    max-width: none;
}
.recent-article-box .recent-article-link figure.effect-jazz h2 {
    font-size: 2.2rem;
    line-height: 3rem;
}
.recent-article-box .recent-article-link figure figcaption {
    padding: 1rem;
}
.recent-article-box .excerpt {
    font-size: 1rem;
    margin-bottom: 0.5rem;
}
.recent-article-box h3 {
    font-size: 1.4rem;
    line-height: 2rem;
    margin-bottom: 0.4rem;
}
.recent-article-box-hover {
    opacity: 0;
    position: absolute;
    background-color: #E9E9E9;
    top: 0;
    padding: 20px;
    height: 100%;
    width: 100%;
    text-align: center;
    webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}
.recent-article-box:hover .recent-article-box-hover {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/* =========================================================== 
   VENN DIAGRAM
============================================================ */

.venn-banner-container h2 {
    font-size: 3.2rem;
    line-height: 4rem;
}
img.venn-icon {
    opacity: 0.5;
}
.venn-banner-container img.venn-icon.smaller {
    width: 180px;
    height: 180px;
}
img.venn-icon:hover {
    opacity: 1!important;
    -webkit-transform: scale(1.1, 1.1)!important;
    transform: scale(1.1, 1.1)!important;
}
img.venn-icon:hover {
    -webkit-transition: all 500ms ease!important;
    -moz-transition: all 500ms ease!important;
    -ms-transition: all 500ms ease!important;
    -o-transition: all 500ms ease!important;
    transition: all 500ms ease!important;
}
.ls-l.btn-yellow {
    padding: 10px;
}
/*
   NAVIGATION
==================== */

.venn-banner-container .dotstyle {
    position: absolute;
    top: 9rem;
    right: 2rem;
    z-index: 30;
}
.venn-banner-container .tparrows {
    display: none!important;
}
.dotstyle ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dotstyle li {
    position: relative;
    display: block;
    margin: 0 16px;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 15px;
}
.dotstyle li a {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    outline: none;
    border-radius: 50%;
    text-indent: -999em;
    cursor: pointer;
    position: absolute;
}
.dotstyle li a:focus {
    outline: none;
}
/* Tooltip */

.dotstyle-tooltip li {
    border: 2px solid #666;
    border-radius: 50%;
    z-index: 1;
    -webkit-transition: border-color 0.3s ease;
    transition: border-color 0.3s ease;
}
.dotstyle-tooltip li a {
    top: auto;
    bottom: -8px;
    left: -145px;
    visibility: hidden;
    padding: 0 10px;
    font-size: 0.8rem;
    width: 290px;
    text-transform: uppercase;
    text-align: right;
    height: auto;
    border-radius: 0;
    color: #fff;
    text-indent: 0;
    opacity: 0;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease, visibility 0s 0.3s ease;
}
.no-touch .dotstyle-tooltip li:hover a,
.dotstyle-tooltip li.current a {
    z-index: 100;
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateX(-50%) translateY(0%);
    transform: translateX(-50%) translateY(0%);
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
}
.dotstyle-tooltip li.current {
    border-color: #F0CB00;
    background-color: #F0CB00;
}
.dotstyle-tooltip li:hover {
    z-index: 100;
}
.no-touch .dotstyle-tooltip ul:hover li.current a {
    opacity: 0.2;
}
.dotstyle-tooltip ul li.current:hover a {
    opacity: 1;
}
/* =========================================================== 
   rs slider
============================================================ */

.slider-title {
    font-family: 'Fjalla One', sans-serif;
    font-size: 3rem;
    color: #fff;
}
.slider-text {
    font-size: 1.1rem;
    line-height: 1.6rem;
    color: #fff;
    width: 85%;
    word-wrap: break-word;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    margin: auto;
}
/* =========================================================== 
    21. 404
============================================================ */

.errorpage-container {
    text-align: center;
    padding: 50px;
}
.errorpage-container h1 {
    font-size: 10rem;
}
.errorpage-message {
    font-family: Manus;
    font-size: 4rem;
    margin-top: 8rem;
    margin-bottom: 4rem;
}
/* =========================================================== 
    21. GREY HEADER
============================================================ */

.first-section-after-menu {
    margin-top: 90px;
}
section.header-top {
    background-color: #666666;
    padding: 6px 0;
}
section.header-top a {
    font-size: 0.7rem;
    color: #A0A0A0;
    display: inline-block;
}
section.header-top a:hover {
    color: #f0cb18!important;
}
/* =========================================================== 
	Parallax
============================================================ */

.parallax-home-full {
    background-image: url(../images/parallax/parallax-header-blog.jpg);
}
.parallax-who-we-are {
    background-image: url(../images/parallax/parallax-who-are-we.jpg);
}
.parallax-contact-us {
    background-image: url(../images/parallax/parallax-contact-us.jpg);
    background-position: bottom center;
}
.parallax-our-clients {
    background-image: url(../images/parallax/parallax-our-clients.jpg);
    background-position: bottom center;
}
.parallax-header-blog {
    background-image: url(../images/parallax/parallax-header-blog.jpg);
}
.parallax-header2-blog {
    background-image: url(../images/parallax/parallax-blog-2.jpg);
}
.parallax-blog-list {
    background-image: url(../images/parallax/parallax-blog-listing.jpg);
}
.parallax-autumn-leaves {
    background-image: url(../images/parallax/parallax-autumn-leaves.jpg);
}
.parallax-beanie-jacket {
    background-image: url(../images/parallax/parallax-beanie-jacket.jpg);
}
.parallax-boatshed-river {
    background-image: url(../images/parallax/parallax-boatshed-river.jpg);
}
.parallax-bus-aisle {
    background-image: url(../images/parallax/parallax-bus-aisle.jpg);
}
.parallax-cafe-scene {
    background-image: url(../images/parallax/parallax-cafe-scene.jpg);
}
.parallax-escalator {
    background-image: url(../images/parallax/parallax-escalator.jpg);
}
.parallax-feet-on-bus {
    background-image: url(../images/parallax/parallax-feet-on-bus.jpg);
}
.parallax-ferriswheel-bw {
    background-image: url(../images/parallax/parallax-ferriswheel-bw.jpg);
}
.parallax-ferriswheel {
    background-image: url(../images/parallax/parallax-ferriswheel.jpg);
}
.parallax-guy-on-bench {
    background-image: url(../images/parallax/parallax-guy-on-bench.jpg);
}
.parallax-hands-holding-sparkler {
    background-image: url(../images/parallax/parallax-hands-holding-sparkler.jpg);
}
.parallax-jetty-ladder {
    background-image: url(../images/parallax/parallax-jetty-ladder.jpg);
}
.parallax-lady-ocean {
    background-image: url(../images/parallax/parallax-lady-ocean.jpg);
}
.parallax-mac-screen {
    background-image: url(../images/parallax/parallax-mac_screen.jpg);
}
.parallax-man-on-mountain {
    background-image: url(../images/parallax/parallax-man-on-mountain.jpg);
}
.parallax-man-profile-sun {
    background-image: url(../images/parallax/parallax-man-profile-sun.jpg);
}
.parallax-park-bench {
    background-image: url(../images/parallax/parallax-park-bench.jpg);
}
.parallax-sunset-girl {
    background-image: url(../images/parallax/parallax-sunset-girl.jpg);
}
.parallax-touch-screen {
    background-image: url(../images/parallax/parallax-touch-screen.jpg);
}
.parallax-cafe-mobile {
    background-image: url(../images/parallax/parallax-cafe-mobile.jpg);
}
.parallax-lady-mobile {
    background-image: url(../images/parallax/parallax-lady-mobile.jpg);
}
.parallax-lady-red-tablet {
    background-image: url(../images/parallax/parallax-lady-red-tablet.jpg);
}
.parallax-laptop-typing {
    background-image: url(../images/parallax/parallax-laptop-typing.jpg);
}
.parallax-mac-devices {
    background-image: url(../images/parallax/parallax-mac-devices.jpg);
}
.parallax-mac-screen {
    background-image: url(../images/parallax/parallax-mac-screen.jpg);
}
.parallax-mobile-laptop {
    background-image: url(../images/parallax/parallax-mobile-laptop.jpg);
}
.parallax-cafe-mobile-blur {
    background-image: url(../images/parallax/parallax-cafe-mobile-blur.jpg);
}
.parallax-lady-mobile-blur {
    background-image: url(../images/parallax/parallax-lady-mobile-blur.jpg);
}
.parallax-lady-red-tablet-blur {
    background-image: url(../images/parallax/parallax-lady-red-tablet-blur.jpg);
}
.parallax-laptop-typing-blur {
    background-image: url(../images/parallax/parallax-laptop-typing-blur.jpg);
}
.parallax-mac-devices-blur {
    background-image: url(../images/parallax/parallax-mac-devices-blur.jpg);
}
.parallax-mac-screen-blur {
    background-image: url(../images/parallax/parallax-mac-screen-blur.jpg);
}
.parallax-mobile-laptop-blur {
    background-image: url(../images/parallax/parallax-mobile-laptop-blur.jpg);
}
/* =========================================================== 
    21. Blog
============================================================ */

section.section-page-blog {
    padding: 45px 0;
}
h2.blog-title {
    margin-bottom: 1.6rem;
}
h2.blog-title a {
    font-family: 'Fjalla One', sans-serif;
    color: #414141;
    font-size: 2.2rem;
    line-height: 0rem;
}
h2.blog-title a:hover {
    color: #f0cb18;
}
.author-name a,
.comments-number {
    color: #333333;
    font-weight: 500;
    font-style: inherit;
}
.comments-number {
    margin-left: 80px;
}
.comments-number::before {
    font-family: FontAwesome;
    display: inline-block;
    content: '\f086';
    margin-right: 10px;
}
.blog-info {
    margin-bottom: 15px;
    font-style: italic;
    font-size: 0.8rem;
}
.blog-thumbnail {
    max-height: 300px;
    overflow: hidden;
    box-sizing: border-box;
    clear: both;
    margin-bottom: 25px;
}
.blog-thumbnail img {
    width: 100%;
}
.blog-actions {
    padding-bottom: 25px;
}
.share {
    font-style: italic;
    font-weight: 500;
}
.share > a {
    font-size: 0.6rem;
    margin-left: 3px;
    position: relative;
    bottom: 3px;
    color: #333333;
}
.share > a:hover {
    color: #F0CB00;
}
.blog-actions > a.btn-yellow {
    position: relative;
    bottom: 4px;
}
.blog-tags {
    padding: 25px 0;
}
.blog-tags a {
    color: #333333;
    font-weight: 900;
    font-size: 0.9rem;
}
.blog-author {
    background: #f2f2f4;
    padding: 15px;
    margin: 35px 0;
}
.blog-author img {
    border: 1px solid #d5d5d5;
}
.blog-author h2 {
    margin-bottom: 10px;
}
.blog-downloads {
    margin: 5px 0 35px 0;
}
.blog-downloads a {
    margin-right: 15px;
}
article .blog-excerpt h2 {
    font-size: 1.9rem;
    line-height: 2.4rem;
}
article .blog-excerpt h3 {
    font-size: 1.5rem;
    line-height: 2.2rem;
}
article .blog-excerpt a {
    font-size: 1.1rem;
}
.entry-content img {
    margin: 20px 0;
}
.pagination {
    background: #f2f2f4;
    text-align: center;
    padding: 15px 25px;
}
.pagination a.prev::before,
.pagination a.next::after {
    font-family: FontAwesome;
    content: "\f053";
    margin-right: 5px;
    font-size: 0.7rem;
}
.pagination a.next::after {
    content: "\f054";
    margin-left: 5px;
}
.pagination a.prev,
.pagination a.next {
    color: #333;
}
.pagination a.prev:hover,
.pagination a.next:hover,
.pagination a.num:hover {
    color: #F0CB00;
}
.pagination a.num {
    margin: 0 5px;
    color: #333;
    padding: 5px 10px;
    border-radius: 17px;
    -webkit-border-radius: 17px;
}
.pagination a.current {
    background-color: #fff;
    border-radius: 15px;
    -webkit-border-radius: 15px;
}
.side-bar {
    padding-left: 40px;
    font-size: 0.9rem;
    margin-bottom: 20px;
}
.side-bar a {
    font-size: 0.85rem;
    color: #333333;
    font-weight: 500;
}
.side-bar h3 {
    border-bottom: solid 1px #999;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-family: Manus;
}
.side-bar section {
    padding: 1rem 0;
}
.side-bar section:first-child {
    padding-top: 0;
}
.side-bar ul {
    margin-bottom: 0;
}
.side-bar-form input {
    width: 100%;
    margin-bottom: 1rem;
}
ul.side-bar-social span {
    font-size: 0.7rem;
    margin-right: 5px;
}
ul.side-bar-social a:hover {
    color: #f0cb00;
}
ul.side-bar-social li {
    margin-bottom: 5px;
}
ul.side-bar-bullet-list li:before {
    font-family: FontAwesome;
    content: '\f111';
    font-size: 0.4rem;
    margin-right: 20px;
    margin-left: 15px;
}
.side-bar .col-minipost-img {
    float: left;
    display: inline-block;
    width: 35%;
}
.side-bar .col-minipost-info {
    float: left;
    display: inline-block;
    width: 65%;
}
.side-bar img.attachment-thumbnail {
    width: 110px;
    padding-right: 15px;
}
.side-bar a.minipost-title {
    display: inline-block;
    line-height: 1rem;
}
.side-bar .minipost-date,
.side-bar .minipost-date,
.minipost-author,
.minipost-comment {
    font-size: 0.8rem;
}
.minipost-comment::before {
    font-family: FontAwesome;
    display: inline-block;
    content: '\f086';
    margin-right: 6px;
}
.side-bar .minipost {
    margin-bottom: 25px;
}
.author-description {
    margin-bottom: 2rem;
}
/* =========================================================== 
    21. STUFF TO STEAL
============================================================ */

.stuff-to-steal-boxes.recent-article-link {
    position: relative;
}
.stuff-to-steal-boxes.recent-article-link figure {
    max-height: 320px;
    height: 320px;
}
.stuff-to-steal-boxes.recent-article-link figure img {
    max-width: none;
}
.stuff-to-steal-boxes.recent-article-link figure.effect-jazz h2 {
    font-size: 2rem;
    line-height: 2.4rem;
}
.stuff-to-steal-boxes.recent-article-link figure figcaption {
    padding: 1rem;
}
.stuff-to-steal.owl-carousel {
    margin-bottom: 80px;
}
.stuff-to-steal .owl-item {
    padding-right: 35px;
}
.stuff-to-steal .owl-item figure {
    margin-top: 0;
}
.stuff-to-steal-hover {
    opacity: 0;
    position: absolute;
    background-color: #E9E9E9;
    top: 0;
    padding: 20px;
    height: 100%;
    width: 100%;
    text-align: center;
    webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
    -webkit-transform: translate3d(-40px, 0, 0);
    transform: translate3d(-40px, 0, 0);
}
.stuff-to-steal-boxes:hover .stuff-to-steal-hover {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.stuff-to-steal-boxes a p {
    color: #333;
}
}
img.stuff-to-steal-thumbnail,
.stuff-to-steal-presentation iframe {
    border: solid 4px;
    margin-top: 4rem;
}
.stuff-to-steal-presentation iframe {
    width: 100%;
    padding: 0!important;
}
a.share-icon-link {
    display: inline-block;
}
/* =========================================================== 
    21. SERVICES
============================================================ */

.service-icons {
    color: #f0cb00;
    font-weight: 100;
    font-size: 6rem;
}
.service-icons.small {
    font-size: 4rem;
    padding-bottom: 3rem;
    display: block;
    min-height: 120px;
}
a span.service-icons:hover {
    font-size: 4.5rem;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
}
/* =========================================================== 
    21. Newsletter section
============================================================ */

section.news-letter-section {
    background-color: #4b4b4a;
    padding: 40px 0;
    text-align: center;
    color: #fff;
}
section.news-letter-section h2 {
    margin-bottom: 5px;
}
.news-letter-section-form input, .news-letter-section-form div.mc-field-group {
    color: #fff;
    background-color: #343332;
    width: 20%;
    font-size: 0.8rem;
    display: inline-block;
    border: none;
    padding: 9px;
}

.news-letter-section-form div.mc-field-group select {
    background-color: #343332;
    border-radius: 2px;
    border: none;
    height: 17px;
    color: #fff;
}

/* =========================================================== 
    21. Footer
============================================================ */

footer {
    background-color: #343332;
    font-size: 0.8rem;
    padding: 3px 0;
    color: #999999;
}
footer a {
    color: #fff;
    font-size: 0.75rem;
}
footer a:hover {
    color: #F0CB00
}
footer ul {
    text-align: left;
    padding-top: 8px;
    margin-bottom: 8px;
}
ul.footer-text {
    padding-top: 15px;
}
ul.footer-text li {
    list-style: none;
    display: inline-block;
    padding: 0 5px;
}
.h-seperate {
    width: 2px;
    margin: 0;
    border-left: 1px solid #808080;
    display: inline;
}
ul.footer-social li {
    display: inline-block;
}
ul.footer-social li a {
    color: #fff;
    font-size: 14px;
    display: block;
}
ul.footer-social li a:hover {
    color: #F0CB00;
}
/* =========================================================== 
    21. Modal
============================================================ */

.dialog,
.dialog__overlay {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999999999999;
}
.dialog {
    position: fixed;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    pointer-events: none;
}
.dialog__overlay {
    position: absolute;
    z-index: 999999999;
    background: rgba(55, 58, 71, 0.9);
    opacity: 0;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    -webkit-backface-visibility: hidden;
}
.dialog--open .dialog__overlay {
    opacity: 1;
    pointer-events: auto;
}
.dialog__content {
    width: 50%;
    max-width: 660px;
    min-width: 290px;
    background: #fff;
    padding: 0em;
    text-align: left;
    position: relative;
    z-index: 9999999999999999999;
    opacity: 0;
}
#team-members .dialog__content img {
    border-radius: 0;
    width: 40%;
}
.team-profile-img {
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    width: 40%;
    display: block;
    float: left;
    background-size: cover;
    position: absolute;
}
.team-info {
    padding: 2rem 1.5rem;
    width: 60%;
}
.team-info p {
    font-size: 0.9rem;
    line-height: 1.5rem;
}
.team-info a {
    display: inline-block;
}
.team-dialog-icon {
    font-size: 1rem;
    bottom: 5px;
}
.team-info .first-icon {
    margin-left: 1rem!important;
}
.contact-column {
    height: auto!important;
}
.box-team-panel {
    background-color: #e9e9e9;
    padding: 35px;
    margin-top: 5%;
}
.dialog--open .dialog__content {
    pointer-events: auto;
}
.dialog h2 {
    margin: 0;
    font-weight: 400;
    font-size: 2em;
    padding: 0em;
    margin: 0;
}
.dialog__overlay {
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
}
.dialog__content {
    overflow: hidden;
}
.dialog.dialog--open .dialog__content,
.dialog.dialog--close .dialog__content {
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.dialog.dialog--open .dialog__content {
    -webkit-animation-name: anim-open;
    animation-name: anim-open;
    -webkit-animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
    animation-timing-function: cubic-bezier(0.7, 0, 0.3, 1);
}
.dialog.dialog--close .dialog__content {
    -webkit-animation-name: anim-close;
    animation-name: anim-close;
}
.dialog.dialog--open h2,
.dialog.dialog--open button {
    -webkit-animation: anim-elem 0.4s both;
    animation: anim-elem 0.4s both;
}
.dialog.dialog--open h2 {
    -webkit-animation-delay: 0.25s;
    animation-delay: 0.25s;
}
.dialog.dialog--open button {
    -webkit-animation-delay: 0.15s;
    animation-delay: 0.15s;
}
.dialog-btn-close {
    cursor: pointer;
    position: absolute;
    top: 5px;
    right: 15px;
}
.dialog-btn-close:hover {
    font-size: 1.2rem;
    color: #F0CB00;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}
/* =========================================================== 
    21. Color
============================================================ */

.text-dark-grey {
    color: #333230;
}
.text-header-grey {
    color: #666666;
}
.text-light-grey {
    color: #a1a1a1;
}
.text-header-grey {
    color: #656565;
}
/* =========================================================== 
    WIDGET CONFIG OVERRIDES
============================================================ */

.tp-bullets.simplebullets.round .bullet {
    width: 15px;
    height: 15px;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #d9d9d9;
    background-image: none;
    margin: 0 10px;
}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected {
    background-color: #d9d9d9!important;
}
/* =========================================================== 
	Back to top
============================================================ */

.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 10px;
    right: 30px;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    /* image replacement properties */
    
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: rgba(240, 203, 0, 1) url(../images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #F0CB00;
    opacity: 1;
}
.page-template-page-home-full .cd-top {
    display: none;
}
/* =========================================================== 
    Animations
============================================================ */

@-webkit-keyframes anim-open {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -400px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}
@keyframes anim-open {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -400px, 0);
        transform: translate3d(0, -400px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@-webkit-keyframes anim-close {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
    }
}
@keyframes anim-close {
    0% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
    100% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100px, 0);
        transform: translate3d(0, 100px, 0);
    }
}
/* Inner elements animations */

@-webkit-keyframes anim-elem {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
    }
}
@keyframes anim-elem {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100px, 0);
        transform: translate3d(0, -100px, 0);
    }
    100% {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
/* =========================================================== 
    Screen Size Overrides
============================================================ */

@media screen and (max-width: 400px) {
    /* =================== TEAM */
    
    #team-members img {
        max-width: 100%;
    }
    #team-members .column:hover .team-image span {
        background: none;
        width: 100%;
        height: 100%;
    }
    .team-info p {
        font-size: 0.85rem;
    }
    .dialog-btn-close {
        top: 45px;
    }
    /* =================== RECENT ARTICLES */
    
    .recent-article-box figure {
        max-height: none;
        height: 320px;
    }
    .recent-article-box figure h2 {
        font-size: 2.2rem;
        line-height: 3rem;
    }
    .recent-article-box h3 {
        font-size: 1rem;
        line-height: 1.5rem;
        margin-bottom: 0.4rem;
    }
    .recent-article-box .excerpt {
        font-size: 0.8rem;
    }
    /* =================== STUFF TO STEAL */
    
    .stuff-to-steal-boxes.recent-article-link figure img {
        width: 100%;
    }
    .stuff-to-steal .owl-item {
        padding-right: 0;
    }
}
@media screen and (max-width: 768px) {
    /* =================== FULL HOME PAGE */
    
    .trademark {
        display: none;
    }
    .search-holder {
        margin-top: 0rem;
        margin-bottom: 2rem;
    }
    section.header-top .column {
        margin-bottom: 0;
    }
    .news-letter-section-form input, .news-letter-section-form div.mc-field-group {
        width: 100%;
        margin-bottom: 20px;
        padding: 15px;
    } 
    
    /* =================== STUFF TO STEAL */
    
    .stuff-to-steal-boxes.recent-article-link figure img {
        width: 100%;
    }
    /* =========================================================== 
    	Full Page
    ============================================================ */
    
    a.db-white-button {
        width: 100%;
    }
    .search-holder .transparent-textbox {
        width: 100%;
        margin-top:
    }
    /* =========================================================== 
    	Team Modal
    ============================================================ */
    
    .dialog__content {
        width: 80%;
    }
    .team-profile-img {
        position: relative;
        width: 100%;
        height: 0!important;
        background-position: top;
    }
    /* =========================================================== 
    	Footer
    ============================================================ */
    
    footer ul {
        text-align: center;
    }
    .mobile-center {
        text-align: center;
    }
}
@media screen and (max-width: 992px) {
    /* =========================================================== 
      1. Full Page
    ============================================================ */
    
    a.db-white-button {
        width: 100%;
        margin: 0;
        margin-bottom: 30px;
    }
    /* =========================================================== 
    	Team Modal
    ============================================================ */
    
    .team-profile-img {
        position: relative;
        width: 100%;
        height: 400px;
        background-position: top;
    }
    .team-info {
        width: 100%;
        text-align: center;
    }
    /* =========================================================== 
    	Contact
    ============================================================ */
    
    #contact .column.six {
        width: 100%;
    }
}
/* =========================================================== 
	PRECODE
============================================================ */

pre.prettyprint {
    width: 100%;
    font-size: 0.9rem;
    word-wrap: break-word;
    margin: 1rem;
    padding: 1rem;
    background-color: #F4F4F4;
}
pre.prettyprint span.tag {
    color: #d2135a;
}
pre.prettyprint span.atn {
    color: rgba(4, 94, 21, 0.86);
}
pre.prettyprint span.atv {
    color: rgba(77, 77, 51, 0.86);
}
/* =========================================================== 
	UTILITIES
============================================================ */

a.btn-yellow,
button.btn-yellow {
    padding: 3px 10px;
    background-color: #F0CB00;
    text-transform: initial;
    color: #333333;
    font-family: 'Fjalla One', sans-serif;
    font-size: 0.8rem;
    display: inline-block;
    font-style: normal;
    border: none;
}
button.btn-yellow {
    padding: 8px 10px;
}
button.btn-yellow:focus {
    outline: 0;
}
a.btn-yellow::after,
.btn-yellow::after {
    font-family: FontAwesome;
    display: inline-block;
    content: '\f138';
    margin-left: 10px;
    font-size: 1.1rem;
    position: relative;
    top: 1px;
    color: #fff;
}
a.btn-yellow:hover,
button.btn-yellow:hover {
    background-color: #808285;
    color: #fff;
}
.text-right {
    text-align: right
}
.text-left {
    text-align: left
}
.text-center {
    text-align: center
}
.clear {
    clear: both;
}
.pull-left {
    float: left;
}
.pull-right {
    float: right;
}
.pull-none {
    float: none;
}
.text-white {
    color: #fff;
}
.text-yellow {
    color: #F0CB00!important;
}
.text-black {
    color: #333!important;
}
.background-grey {
    background-color: #F4F4F4;
}
.background-white {
    background-color: #FFFFFF;
}
.p-0 {
    padding: 0;
}
.p-t-b-20 {
    padding: 20px 0;
}
.p-t-b-40 {
    padding: 40px 0;
}
.p-t-10 {
    padding-top: 10px;
}
.p-t-20 {
    padding-top: 20px;
}
.p-t-30 {
    padding-top: 30px;
}
.p-b-0 {
    padding-bottom: 0!important;
}
.p-b-10 {
    padding-bottom: 10px;
}
.p-b-20 {
    padding-bottom: 20px;
}
.p-b-30 {
    padding-bottom: 30px;
}
.m-t-b-20 {
    margin: 20px 0;
}
.m-t-10 {
    margin-top: 10px;
}
.m-t-15 {
    margin-top: 15px;
}
.m-t-20 {
    margin-top: 20px;
}
.m-t-30 {
    margin-top: 30px;
}
.m-t-40 {
    margin-top: 40px;
}
.m-b-0 {
    margin-bottom: 0;
}
.m-b-5 {
    margin-bottom: 5px;
}
.m-b-20 {
    margin-bottom: 20px;
}
.m-b-30 {
    margin-bottom: 30px;
}
.p-t-0 {
    padding-top: 0;
}
.p-b-0 {
    padding-bottom: 0;
}
.m-b-10 {
    margin-bottom: 10px;
}
.m-l-30 {
    margin-left: 30px;
}
.form-error {
    border-color: #6B0505!important;
}
.overlay-white {
    background: rgba(255, 255, 255, 0.8);
}
.overlay-dark {
    background: rgba(0, 0, 0, 0.6);
}
.relative {
    position: relative;
}
.font-light {
    font-weight: 100;
}
:focus {
    outline: -webkit-focus-ring-color auto 0;
}
/* =========================================================== 
	Newsletter signup 2016
============================================================ */

input.parallax-form {
    background-color: #fff;
    color: #000;
}
.parallax-response {
    font-size: 1rem;
    font-weight: 900;
}
.nl2016-response {
    display: none;
    margin-top: 1rem;
}

.nl2016-form input {
		border: none;
}	
.nl2016-form input:required {
	box-shadow:none !important;
}
.nl2016-form input:invalid {
    box-shadow:0 0 0 white !important;
}