body {
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.nav-tabs-services > li > a {
    color: #888;
}

h1.numscroller,
#typedm,
.cbp-l-grid-masonry-projects-title,
.tabpanel-title > h3 {
    color: #ffcd00 !important;
}

a, .navbar-nav li.active a, .nav > li > a:hover, .cbp-l-grid-masonry-projects-title,
.nav-tabs-services > li.active > a,
.nav-tabs-services > li.active > a:hover,
.nav-tabs-services > li.active > a:focus,
.tabpanel-title h3, .team-social a, .team-content .team-details h5, .blog-article article p.blog-article-btn, .features-icon span, .info-content .col-sm-3 h1, .footer-social a:hover,
.second-footer .col-sm-3 a:hover, .slider-typed span, .header-navbar .header-menu-content ul li p strong, .list-unstyled strong, .header-navbar .header-menu-content ul li a:hover,
.local-scroll i.scroll-down-icon, .blog-title a:hover, .blog-category ul li a:hover, .pagination > li > a:hover, .blog-cat-list li a:hover, .blog-tags a:hover, .blog-recent-post-item .media-body a:hover,
.tag-widget a:hover {
    color: #ffcd00;
}

.rk-separator,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link-fr,
.blog-pagination .pagination > .active > a, #clients-slider .owl-controls .owl-page span, #service-slider .owl-controls .owl-page span {
    background-color: #ffcd00;
    border: 2px solid #ffcd00;
}

.cbp-l-loadMore-button .cbp-l-loadMore-button-link:hover,
.cbp-l-loadMore-button .cbp-l-loadMore-button-link-fr:hover {
    background-color: #ffde66;
    border: 2px solid #ffde66;
}

.cbp-l-filters-buttonCenter .cbp-filter-item.cbp-filter-item-active,
.cbp-l-filters-buttonCenter .cbp-filter-item:hover {
    color: #ffde66;
    border-bottom: 2px solid #ffcd00;
}

#portfolio-filters-container .cbp-filter-item.cbp-filter-item-active {
    border-color: #ffcd00;
}

.footer-second-social a:hover, a:hover, a:focus, .share-widget a:hover {
    color: #ffde66;
}

/* Buttons */
.btn-pink {
    background-color: #ffcd00;
}

.btn-pink:hover {
    background-color: #ffde66;
}

.btn-pink-border {
    border: 2px solid #ffcc00;
}

.btn-pink-border:hover {
    background-color: #ffde66;
}

.navbar-header .navbar-toggle .icon-bar {
    background-color: #ffcc00;
}

a.cbp-l-loadMore-button-link,
a.cbp-l-loadMore-button-link-fr,
.btn-pink {
    color: #333 !important;
}

.btn-pink,
.btn-black {
    font-weight: bold !important;
}

::selection {
    color: #333;
    background-color: #ffcc00;
}

#slider-section .rk-separator {
    margin: 1em auto 0 !important;
    height: 5px;
}

.parallax {
    background-size: cover;
    background-position: center center;
}

.jpg-map-canvas {
    background: url("/assets/img/map.jpg") center center;
    background-size: cover;
    min-height: 500px;
    width: 100%;
}

.rk-clients-content div.thumbnail {
    background-color: #f2f2f2;
    border: none;
    border-radius: 0;
    padding: 65px;
    margin-bottom: 10px;
    cursor: default;
}

.rk-clients-content div.thumbnail.plus {
    padding: 45px 35px;
}

.rk-clients-content div.thumbnail:hover {
    background-color: inherit;
    cursor: default;
}

.rk-clients-content div.thumbnail img {
    width: 100%;
}

.project-single-header-where {
    position: relative;
    margin-bottom: 0;
    height: 400px;
    background: url('/assets/img/parallax-01-where.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.rk-head-title {
    margin-bottom: 40px;
}

.rk-head-title h1 {
    font-weight: bold;
    font-size: 2.5em;
}

.section-padding h2 {
    padding-bottom: 40px;
    font-size: 2em;
    line-height: 1.20em;
    margin: 0;
}

.about-content {
    padding: 0 20px 40px;
}

.jumbotron .elements-title {
    text-shadow: 0 0 2px #000000, 0 0 2px #000000;
    margin:0 20px;
}

.jumbotron .elements-title .h1 {
    font-weight: 800;
    color: #fff;
}

.jumbotron .elements-title p {
    font-weight: 500;
    font-style: italic;
    color: #ffffff;
}

@media (max-width: 768px) {
    .rk-clients-content div.thumbnail img {
        width: inherit;
    }
    .col-6 {
    }
    .mobilepatch {
        font-size: .85em !important;
        line-height: 1.25em !important;
    }
}

@media (min-width: 768px) {
    #contact-section .col-md-6 {
        width: 50%;
    }

    #contact-section .flexy {
        display: flex !important;
        align-items: stretch !important;
    }
}