/*
Theme Name: ThemeKraft 2017
Theme URI: https://themekraft.com
Author: Konrad Sroka
Author URI: https://konradsroka.com
Description: Cool Shit From ThemeKraft.
Version: 3.1.24
License: GNU General Public License v3.0 /
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: coffee, surf

Based on _tk v1.1.10

This theme is the most seamless and minimalistic integration of Twitter Bootstrap Framework into
the _s starter theme from Automattic, the guys behind WordPress.

_s (or Underscores) http://underscores.me/, (C) 2012-2013 Automattic, Inc. Twitter Bootstrap

More Credits:

1. Bootstrap
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=f58353a31151a8c05d7c)
 * Config saved to config.json and https://gist.github.com/f58353a31151a8c05d7c

2. wp_bootstrap_navwalker
* Class Name: wp_bootstrap_navwalker
* GitHub URI: https://github.com/twittem/wp-bootstrap-navwalker

*/

/* My Minimal WordPress Styling comes here */
body {
    word-wrap: break-word;
    background: #2f2f2f;
    color: #3f3f3f;
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-size: 17px;
}

/* The ThemeKraft Font "Rezland"! */
@font-face {
    font-family: 'REZ';
    /*src: url('includes/resources/rezland/fonts/REZ.eot');*/
    /*src: url('includes/resources/rezland/fonts/REZ.eot?#iefix') format('embedded-opentype'),*/
    url('includes/resources/rezland/fonts/REZ.woff') format('woff'),
    /*url('includes/resources/rezland/fonts/REZ.ttf') format('truetype'),*/
    /*url('includes/resources/rezland/fonts/REZ.svg') format('svg');*/
    /*src: url('includes/resources/rezland/fonts/REZ.eot');
    src: local('☺'), url('includes/resources/rezland/fonts/REZ.woff') format('woff'), url('includes/resources/rezland/fonts/REZ.ttf') format('truetype'), url('includes/resources/rezland/fonts/REZ.svg') format('svg');*/
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.themekraft {
    font-family: 'REZ', 'rezland', 'rez', 'ubuntu', arial, sans-serif;
    letter-spacing: 1px;
}

/* The TK Icon Fonts! */
@font-face {
    font-family: 'icomoon';
    src: url('includes/resources/tk_icons/fonts/icomoon.eot');
    src: url('includes/resources/tk_icons/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
    url('includes/resources/tk_icons/fonts/icomoon.woff') format('woff'),
    url('includes/resources/tk_icons/fonts/icomoon.ttf') format('truetype'),
    url('includes/resources/tk_icons/fonts/icomoon.svg#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'icomoon';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.tk-icon-store,
.tk-icon-support,
.tk-icon-blog,
.tk-icon-buddyforms {
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    font-size: 120%;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.tk-icon-store:before {
    content: "\e002";
}

.tk-icon-support:before {
    content: "\e001";
}

.tk-icon-blog:before {
    content: "\e003";
}

.tk-icon-buddyforms:before {
    content: "\e000";
}

.tk-icon-tile {
    display: block;
    width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
    font-size: 21px;
}

.tk-icon-tile.tk-icon-buddyforms {
    font-size: 25px;
    line-height: 18px;
}


/* Help Elements */

@media (max-width: 767px) {
    .center-xs {
        text-align: center;
    }
}

@media (max-width: 991px) {
    .center-sm {
        text-align: center;
    }
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

@media (min-width: 768px) {
    .textcenter {
        text-align: center;
    }

    .textright {
        text-align: right;
    }
}

.hidden {
    display: none;
}

.small {
    font-size: 13px;
}

.small-xs {
    font-size: 15px;
}

.smaller-xs {
    font-size: 13px;
}

@media (min-width: 768px) {
    .small-xs,
    .smaller-xs {
        font-size: 17px;
    }
}


/* Border Help Classes */
.border-top {
    border-top: 1px solid #ddd;
}

.border-bottom {
    border-bottom: 1px solid #ddd;
}

.no-border-top {
    border-top: none;
}

.no-border-bottom {
    border-bottom: none;
}

.no-border {
    border: none;
}

.nomargin {
    margin: 0;
}

.nopad {
    padding-bottom: 0;
}


/* Typography */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Oswald', 'Source Sans Pro', Helvetica, Arial, sans-serif;
    letter-spacing: 0;
    text-transform: none;
    font-weight: normal;
    line-height: 1.4;
}

.nocap {
    text-transform: none;
}

h1, h2, h3 {
    margin-bottom: 15px;
    line-height: 1.6;
}

h1.page-title {
    margin-bottom: 25px;
    margin-top: 30px;
}

/* enhance readabilty in main entry content */
.entry-content,
.entry-content p {
    font-size: 19px;
}

h1 {
    font-size: 26px;
}

h2 {
    font-size: 22px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

@media (min-width: 768px) {
    h1 {
        font-size: 48px;
    }

    h2 {
        font-size: 34px;
    }

    h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 24px;
    }

    /* little test */
    .entry-content,
    .entry-content p {
        font-size: 21px;
    }
}

@media (min-width: 1200px) {
    h1 {
        font-size: 48px;
    }
}

a {
    color: #A6C559;
}

a {
    font-weight: bold;
}

a:hover,
a:focus {
    color: #8ba744;
    text-decoration: underline;
}

a.underline {
    color: #2f2f2f;
    text-decoration: underline;
}

a.underline:hover,
a.underline:focus {
    color: #2f2f2f;
    text-decoration: none;
}

.sidebar ul li a,
.nav li a,
.nav li a:hover,
.nav li a:focus,
.button:hover,
.button:focus,
.btn,
.btn:hover,
.btn:focus {
    font-weight: normal;
    text-decoration: none;
}

.sidebar ul li a {
    color: inherit;
    margin-bottom: 5px;
    padding: 10px;
}

.sidebar ul li a:hover,
.sidebar ul li a:focus {
    background: #f1f1f1;
    color: inherit;
}

.sidebar .current-menu-item,
.sidebar ul li.current-menu-item a:hover,
.sidebar ul li.current-menu-item a:focus {
    background: #f1f1f1;
}

.sidebar .current-menu-item a {
    font-weight: bold !important;
}

/* Buttons */
input[type="button"],
input[type="reset"],
input[type="submit"],
.btn,
.button {
    border: 2px solid transparent;
    padding: 8px 14px;
    margin-right: 10px;
    border-radius: 0px;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: none;
    background: #aaa;
    color: #fff;
    transition: all 0.08s ease-out;
    -webkit-transition: all 0.08s ease-out;
    text-transform: capitalize;
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.btn:hover,
.btn:focus,
.button:hover,
.button:focus {
    background: #bbb;
    color: #fff;
    box-shadow: none;
}

.btn-white {
    border: 2px solid transparent;
    padding: 8px 16px;
    background: transparent;
    color: #fff;
}

.btn-white:hover,
.btn-white:focus {
    border: 2px solid transparent;
    background: #fff;
    color: #3f3f3f;
}

.btn-white-o {
    border: 2px solid #fff;
    /* padding: 8px 16px; */
    background: transparent;
    color: #fff;
}

.btn-white-o:hover,
.btn-white-o:focus {
    border: 2px solid #fff;
    background: #fff;
    color: #3f3f3f;
}

.btn-white.solid {
    background: #fff;
    color: #3f3f3f;
}

.btn-white.solid:hover,
.btn-white.solid:focus {
    background: #f4f4f4;
    border-color: #f4f4f4;
    color: #3f3f3f;
}

.btn-black {
    border: 2px solid transparent;
    padding: 8px 16px;
    background: transparent;
    color: #3f3f3f;
}

.btn-black:hover,
.btn-black:focus {
    border: 2px solid transparent;
    background: #3f3f3f;
    color: #fff;
}

.btn-black.solid {
    border: 2px solid transparent;
    padding: 8px 16px;
    background: #3f3f3f;
    color: #fff;
}

.btn-black.solid:hover,
.btn-black.solid:focus {
    border: 2px solid transparent;
    background: #555;
    color: #fff;
}

.btn-primary,
.inspired-btn .button {
    background: #A6C559;
    border: 2px solid transparent;
    padding: 10px 17px;
    color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.inspired-btn .button:hover,
.inspired-btn .button:focus {
    background: #afd74e;
    color: #fff;
    border: 2px solid transparent;
}

.btn-large {
    font-size: 17px;
    padding: 15px 35px;
}

.btn-buddyforms {
    background: #2ba7a7;
}

.btn-buddyforms:hover,
.btn-buddyforms:focus {
    background: #30b3b3;
}

.btn-wcbp {
    background: #ff9900;
}

.btn-wcbp:hover,
.btn-wcbp:focus {
    background: #fba11a;
}

.btn-highlight {
    background: #fc6434;
    border: none;
    /*padding: 10px 17px;*/
    color: #fff;
}

.btn-highlight:hover,
.btn-highlight:focus {
    background: #ed5a2c;
    color: #fff;
    border: none;
}

.btn-xlarge {
    font-size: 22px;
    padding: 20px 40px;
}

.btn-block-mobile {
    margin: 30px auto;
    display: block;
}

@media (max-width: 767px) {
    .btn-block-mobile {
        padding: 20px 10px;
        min-width: 80%;
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .btn-block-mobile {
        display: inline-block;
        margin: 0;
    }

    .btn-large {
        font-size: 19px;
        padding: 18px 42px;
    }

    input[type="button"],
    input[type="reset"],
    input[type="submit"] {
        padding: 10px 20px;
        font-size: 17px;
    }

    .btn {
        font-size: 17px;
    }

    .btn-xlarge {
        font-size: 25px;
        padding: 25px 55px;
    }
}

.btn-small {
    font-size: 13px !important;
    padding: 6px 15px !important;
    border: none !important;
}

.btn-xsmall {
    font-size: 13px;
    padding: 4px 8px !important;
}

.pager li > a,
.pager li > span {
    margin: 20px 0;
    border-radius: 25px;
    border: 1px solid #ddd;
    background: #f2f2f2;
    color: #777;
    text-shadow: unset;
    font-weight: normal;
    font-size: 13px;
    padding: 10px 15px;
}

.pager li > a:hover,
.pager li > a:focus,
.pager li > span:hover,
.pager li > span:focus {
    border-radius: 25px;
    background: #f9f9f9;
    border: 1px solid #ddd;
    color: #3f3f3f;
    font-weight: normal;
    font-size: 13px;
    padding: 10px 15px;
}

@media (max-width: 767px) {
    .pager .next > a,
    .pager .next > span {
        float: none;
    }

    .pager .previous > a,
    .pager .previous > span {
        float: none;
    }

    .pager li {
        display: block;
        text-align: left;
    }
}


/* Form Submit */
.wpcf7-submit {
    font-family: FontAwesome, 'Source Sans Pro', Helvetica, Arial, sans-serif;
    padding-left: 20px;
    font-size: 15px;
    color: #e7e7e7;
}


/* Other Bootstrap elements */
.panel {
    border-radius: 0;
}

.panel-footer {
    padding: 0px 15px 15px;
    background-color: transparent;
    border-top: none;
    border-radius: 0;
}

.panel-default > .panel-heading {
    background: #fafafa;
    border-radius: 0;
}

.container-flex {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 10px;
}

/* Alignment */
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin: 0 auto;
}

/* Images and wp-captions should always fit and be responsive */
img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}

img[class*="wp-image-"] {
    margin-top: 5px;
    margin-bottom: 5px;
}

.wp-caption {
    border: 1px solid #ccc;
    margin-bottom: 10px;
    max-width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 0 10px;
}

.wp-caption.aligncenter {
    margin-bottom: 10px;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
}

.wp-caption .wp-caption-text {
    text-align: center;
    margin-top: 10px;
}

/* WP Gallery */
.gallery {
    margin-bottom: 1.5em;
}

.gallery a img {
    border: none;
    height: auto;
    max-width: 90%;
}

.gallery dd {
    margin: 0;
}

.gallery-caption {
    display: block;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}


/* Text meant only for screen readers */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar */
}


/* Wells, Boxes, Alerts, ...  */

.well {
    border-radius: 0;
    box-shadow: none;
    overflow: auto;
    border: none;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
}

.well-alt {
    background: #e7e7e7;
    border: 1px solid #ccc;
}

.well-primary {
    background: #3f3f3f;
    border: 1px solid #303030;
    color: #e7e7e7;
}

.well.well-alert {
    background: #fff9ed;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.well.well-green {
    background: #bbd22a;
    border: none;
    color: #fff;
}

.alert {
    border-radius: 0;
}

/* List Specials */

.nopoints {
    list-style: none;
    padding-left: 0;
}

.nopoints li {
    margin: 0;
    border-top: 1px solid #ddd;
    display: block;
    float: none;
}

.nopoints li i.fa {
    margin-right: 5px;
}

.nopoints li a {
    padding: 10px 5px;
    color: #2f2f2f;
    display: block;
}

.nopoints li a:hover,
.nopoints li a:focus {
    color: #2f2f2f;
    background: #eee;
}


/* Content */
.main-content-inner {
    padding-bottom: 1.5em;
}

.hentry {
    margin: 0 0 40px;
}

.sticky {
    display: block;
}

.bypostauthor {
    display: block;
}


/* Clearing */
.clear {
    clear: both;
}


/* Navigation */
.dropdown-submenu {
    position: relative;
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:active > .dropdown-menu, .dropdown-submenu:hover > .dropdown-menu {
    display: block;
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #cccccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:active > a:after {
    border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/* Here some needed widget styles
 * Most widgets are adapted in the file bootstrap-wp.js - and REALLY easy to modify! ;) */
.widget {
    margin-bottom: 40px;
}

.widget_nav_menu ul.sub-menu li, .widget_pages ul.children li {
    padding-left: 15px;
}

/* Hiding the search widget's button in widgets. thats just too old-skool. :) but if you want it back, just delete the next line.
 * Note: you can change the whole appearance of the search_form() function in our searchform.php */
.widget_search .search-form input[type="submit"] {
    display: none;
}

/* Make sure select elements fit in widgets */
.widget select {
    max-width: 100%;
}

/* Nested comments? They are threaded and nested already, you just need to add your own styling to finalize!
 * For example with some margin, like the line below ;) Delete, modify, change classes in HTML if you desire another style */
.comment .children {
    margin-left: 1.5em;
}

/* WP Theme Repository Requirements */
.sticky {
}

.gallery-caption {
}

.bypostauthor {
}

.entry-meta {
    clear: both;
}

/* The Burger Icon Man! */
#tf-slide-nav {
    position: fixed;
    z-index: 99999;
    float: none;
    top: 0;
    right: 0;
    overflow: auto;
    height: 58px;
    width: 100%;
    background: #3f3f3f;
    z-index: 99999;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
}

#tf-slide-nav .tk-main-areas {
    display: none;
}

@media (min-width: 768px) {
    #tf-slide-nav .tk-main-areas {
        display: block;
    }
}

#tf-slide-nav li a {
    padding: 22px 20px;
    font-size: 15px;
    line-height: 1;
    height: 58px;
    font-weight: normal;
    text-transform: capitalize;
    color: #fff;
    background: transparent;
}

#tf-slide-nav li a:hover,
#tf-slide-nav li a:focus {
    color: #fff;
    background: #2f2f2f;
}

#tf-slide-nav li.active a,
#tf-slide-nav li.active a:hover,
#tf-slide-nav li.active a:focus {
    background: #000;
}

#tf-slide-nav.tf-open {
    -webkit-transform: translateX(-230px);
    -ms-transform: translateX(-230px);
    transform: translateX(-230px);
}

@media (min-width: 492px) {
    #tf-slide-nav.tf-open {
        -webkit-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        transform: translateX(-260px);
    }
}

.tk-cart-nav,
.tk-cart-nav:hover {
    padding: 12px 16px;
    position: absolute;
    top: 0;
    height: 58px;
    width: 58px;
    text-align: center;
    vertical-align: middle;
    right: 66px;
    color: #fff;
    font-size: 24px;
    cursor: pointer;
}

.tk-cart-nav:focus {
    /*background: #000;*/
    color: #fff;
}


.tf-burger {
    position: absolute;
    right: 0;
    overflow: hidden;
    cursor: pointer;
    margin: 0;
    padding: 0;
    width: 66px;
    height: 58px;
    border-radius: 0;
    border: none;
    -webkit-transition: all .25s;
    transition: all .2s;
    background-color: transparent;
    z-index: 9999;
    background: transparent;
}

.tf-burger span {
    display: block;
    position: absolute;
    top: 27px;
    left: 20px;
    right: 20px;
    height: 3px;
    background: #fafafa;
    border-radius: 3px;
    -webkit-transition: background 0.25s .25s;
    transition: background 0.25s .25s;
    -o-transition: background 0s 0s;
    -webkit-transition-delay: 0.25s, 0s;
    transition-delay: 0.25s, 0s;
}

.tf-open .tf-burger span {
    background: 0 0 transparent;
    transform: rotate(90deg);
    -webkit-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
    -o-transition: all 0s ease;
    -webkit-transition-delay: 0.1s, 0s;
    transition-delay: 0.1s, 0s;
}

.tf-burger span::after,
.tf-burger span::before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background: #fafafa;
    content: "";
    border-radius: 3px;
    -webkit-transition-duration: .3s, .3s;
    transition-duration: .3s, .3s;
    -webkit-transition-delay: 0.3s, 0s;
    transition-delay: 0.3s, 0s;
}

.tf-burger span::before {
    top: -8px;
    -webkit-transition-property: top, -webkit-transform;
    transition-property: top, transform;
}

.tf-burger span::after {
    bottom: -8px;
    -webkit-transition-property: bottom, -webkit-transform;
    transition-property: bottom, transform;
}

.tf-open .tf-burger span::after,
.tf-open .tf-burger span::before {
    -webkit-transition-delay: 0s, .25s;
    transition-delay: 0s, .25s;
}

.tf-open .tf-burger span::before {
    top: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.tf-open .tf-burger span::after {
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

/* fix for old android stock browsers */
.tf-burger.oldandroid span,
.tf-burger.oldandroid span:before,
.tf-burger.oldandroid span:after,
.tf-open .tf-burger.oldandroid span,
.tf-open .tf-burger.oldandroid span:before,
.tf-open .tf-burger.oldandroid span:after {
    transition: all 0s linear;
    transition-delay: 0s, 0s;
}

.tf-open .tf-burger.oldandroid span:after {
    top: -8px;
}

@media (min-width: 992px) {
    .tf-burger, #tf-slide-nav {
        display: none;
    }
}

/* Slide Nav & Site Wrap */
#slidenav-wrap {
    position: fixed;
    top: 0;
    right: 0;
    width: 230px;
    height: 100%;
    background: #282828;
    z-index: 99;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    box-shadow: inset 2px 0px 2px rgba(0, 0, 0, 0.2);
}

#slidenav-wrap .navbar-nav {
    margin: 0;
    float: none;
    border-bottom: 1px solid #2f2f2f;
    border-top: 1px solid #222;
}

#slidenav-wrap .nav li {
    float: none;
    width: 100%;
}

#slidenav-wrap .nav li a {
    color: #b3b3b3;
    padding: 17px 20px;
    border-bottom: 1px solid #222;
    border-top: 1px solid #2f2f2f;
    font-size: 15px;
}

#slidenav-wrap .nav li a::before {
    /* font awesome styles */
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#slidenav-wrap .nav li a:hover,
#slidenav-wrap .nav li a:focus {
    color: #dfdfdf;
    background: #0f0f0f;
    border-bottom: 1px solid #141414;
    border-top: 1px solid #000;
}

#slidenav-wrap .nav > li:first-child a,
#slidenav-wrap .nav > li:first-child a:hover,
#slidenav-wrap .nav > li:first-child a:focus {
    border-top: none;
}

#sitewrap {
    background: #fff;
    -webkit-transition: -webkit-transform .25s ease-out;
    transition: transform .25s ease-out;
    z-index: 99;
    overflow: auto;
}

#sitewrap.slidenav-open {
    -webkit-transform: translateX(-230px);
    -ms-transform: translateX(-230px);
    transform: translateX(-230px);
    width: 100%;
    overflow: hidden;
}

@media (min-width: 492px) {
    #slidenav-wrap {
        width: 260px;
        -webkit-transform: translateX(260px);
        -ms-transform: translateX(260px);
        transform: translateX(260px);
    }

    #sitewrap.slidenav-open {
        -webkit-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        transform: translateX(-260px);
    }
}

.tf-open#slidenav-wrap {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
}

@media (min-width: 992px) {
    #sitewrap.slidenav-open {
        -webkit-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        transform: translateX(-260px);
    }
}


/* Header Top Nav */
#topnav {
    background: #3f3f3f;
    height: auto;
    overflow: visible;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
    transition: all 0.08s ease-out;
    display: none;
}

#topnav ul {
    float: left;
}

#topnav ul.tk-main-areas {
    float: left;
}

#topnav li a {
    padding: 28px 20px;
    font-size: 14px;
    font-weight: normal;
    text-transform: capitalize;
    color: #fff;
    background: transparent;
}

#topnav li a:hover,
#topnav li a:focus {
    color: #fff;
    background: #2f2f2f;
}

/* Dropdown Stuff */
#topnav :not(ul.dropdown-menu) li.active > a,
#topnav li.active a:hover,
#topnav li.active a:focus {
    background: #2f2f2f;
}

#topnav .dropdown-menu li a {
    padding: 22px;
    min-width: 250px;
}

#topnav li.custom-work a {
    position: fixed;
    right: 0;
    /*background: #f95252;*/
    background: #55656e;
    font-weight: bold;
    /*font-size: 15px;*/
}

#topnav li.custom-work a:hover,
#topnav li.custom-work a:focus {
    background: #4b575d;
}

#topnav li.custom-work a:before {
    content: "\f086  ";
    /* f003 envelope-o */
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 10px;
}


.navbar-brand {
    padding: 20px 20px 20px 15px;
    background: transparent;
    margin-left: 0px;
    height: 58px;
    text-align: center;
    font-family: 'REZ', 'rezland', 'rez', 'ubuntu', arial, sans-serif;
    font-size: 23px;
    letter-spacing: 1px;
    font-weight: normal;
    color: #fff;
    transition: all 0.04s ease-out;
    overflow: hidden;
}

.navbar-brand:hover,
.navbar-brand:focus {
    color: #fff;
}

#topnav .navbar-brand {
    padding: 28px 20px 28px 0;
}

#topnav li a[title="Cart"]::before {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\f07a";
    margin-right: 5px;
}

@media (min-width: 768px) {
    #topnav li a {
        padding: 28px 19px;
    }
}

@media (min-width: 992px) {
    #topnav {
        display: block !important;
    }

    #topnav .navbar-brand {
        padding: 28px 25px 28px 0;
        height: auto;
    }

    #topnav li a {
        padding: 28px 25px;
    }
}

#topnav .navbar-nav > li > .dropdown-menu {
    background: #3f3f3f;
}

/*#topnav li.active .dropdown-menu a {
	background: #3f3f3f;
}*/
#topnav .navbar-nav > li:hover > .dropdown-menu {
    display: block;
}


/* Header Main Nav / Second Nav */
#nav {
    overflow: auto;
    height: auto;
    background: #fff;
    position: absolute;
    width: 100%;
    z-index: 9999;
    top: 0;
    transition: all 0.15s ease-out;
}

.front-page #nav {
    width: 100%;
    transition: all 0.15s ease-out;
}

.front-page #nav.darken {
    background: #fff;
}

#nav .container {
    padding-bottom: 0;
}

#nav .navbar-brand {
    padding: 18px 20px;
    background: transparent;
    margin-left: 0px;
    height: auto;
    text-align: center;
    /* font-size: 21px;
      font-family: 'oswald', arial, sans-serif; */
    font-weight: bold;
    color: #3f3f3f;
    transition: all 0.04s ease-out;
}

#nav span.navbar-brand::before {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    transform: rotate(45deg);
    background: #000;
    top: -17px;
    text-align: center;
    left: 81px;
}

.navbar-brand.home {
    display: none;
}

#mainnav {
    display: none;
}

#nav .navbar-nav {
}

#nav li {
}

#nav li a {
    color: #3f3f3f;
    text-shadow: none;
    padding: 18px 20px;
    text-align: center;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    transition: all 0.04s ease-out;
}

#nav li a:hover,
#nav li a:focus {
    background: #eee;
}

@media (min-width: 768px) {
}

@media (min-width: 1200px) {
    #nav {
        position: fixed;
        width: 100%;
        z-index: 9999;
        top: 76px;
        box-shadow: 0px 0px 2px #3f3f3f;
    }

    .front-page #nav {
        top: 76px;
    }

    #mainnav {
        display: block;
    }
}


/* Custom Work Nav Adaptions */
#nav.custom-work-nav {
    background: #fff;
}

/*
#nav.custom-work-nav li a {
	width: 100%;
	border-right: 1px solid rgba(0,0,0,0.1);
}
#nav.custom-work-nav li {
	width: 20%;
}
#nav.custom-work-nav ul.navbar-nav {
	width: 100%;
	border-left: 1px solid rgba(0,0,0,0.1);
}
*/


/* BuddyForms Nav */

#nav.buddyformsnav {
    background: #3c969a;
    color: #fff;
}

#nav.buddyformsnav .navbar-brand {
    padding: 18px 20px 18px 0;
    font-weight: normal;
}

#nav.buddyformsnav a {
    color: #fff;
}

/* WCBP Nav Adaptions */

#nav.wcbpnav {
    background: #f4f4f4; /* #f3f7e2 #e7f1b5 #E6F3A0 #FFD371 */
}

#nav.wcbpnav .navbar-brand {
    padding: 20px 20px 20px 0;
    color: #3f3f3f;
    margin-left: 0px;
    height: auto;
    text-align: center;
    font-family: 'Oswald', arial, sans-serif;
    letter-spacing: 1px;
    font-weight: normal;
    text-shadow: none;
    font-size: 18px;
}

#nav.wcbpnav .navbar-brand:hover,
#nav.wcbpnav .navbar-brand:focus {
    text-shadow: none;
    background: #eee;
    color: #3f3f3f;
}

#nav.wcbpnav li a {
    color: #3f3f3f;
    text-shadow: none;
    text-align: center;
    padding: 28px 30px;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: normal;
    margin: 0;
}

#nav.wcbpnav li a:hover,
#nav.wcbpnav li a:focus {
    background: #DBE893;
    color: #3f3f3f;
}

@media (min-width: 1200px) {
    #nav.wcbpnav .navbar-brand {
        padding: 28px 20px;
    }
}


/* Header */
#masthead {
    overflow: auto;
    background: transparent;
    width: 100%;
}

.page-template-custom-work #masthead {
    background: url('includes/img/tk-header-bg2.jpg') no-repeat 0 0 transparent;
    background-size: cover;
    background-color: #d9845a; /* #57aba0 #d9845a #A6C559 #e4b352 #667c7b 				und noch andere von vorher - #5B7372 #40948f #55A09C #95B34C #C0D67C */
    height: 560px;
    width: 100%;
    position: absolute;
}

@media (min-width: 768px) {
    .page-template-custom-work #masthead {
        height: 650px;
    }
}

@media (min-width: 1200px) {
    .page-template-custom-work #masthead {
        height: 672px;
    }
}

/* Main Content */
#mainwrap {
    padding-top: 0;
    margin-top: 32px;
    overflow: hidden;
}

@media (min-width: 992px) {
    #mainwrap {
        margin-top: 52px;
    }

    .page-template-custom-work #mainwrap {
        padding-top: 71px;
        margin-top: 0;
    }

    /* only when double menu for Themes & Plugins Pages
    .page-template-themes-plugins #mainwrap {
        margin-top: 136px;
    }
    */
}

.tk-scrolldown {
    position: absolute;
    bottom: 40px;
    width: 100%;
    text-align: center;
    font-size: 32px;
}

.tk-scrolldown a {
    color: #f4f4f4;
    text-decoration: none;
}

.front-page .tk-scrolldown a {
    color: #3f3f3f;
}

.front-page .tk-scrolldown a {
    color: #3f3f3f;
}

.tk-linkbox {
    overflow: auto;
    width: 400px;
    margin: 0 auto;
    max-width: 100%;
}


.main-content {
    padding: 40px 0 0;
    background: #fbfbfb;
}

#all-tools .main-content {
    padding: 40px 0;
}


/* Front Page Normal */

#hellothere {
    padding: 60px 0 60px;
    color: #fff;
    text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2);
    text-align: center;
    overflow: hidden;
    z-index: 0;
    min-height: 502px;
}

.hellobg {
    position: absolute;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    filter: blur(2.5px);
    top: 0;
    left: 0;
    -webkit-filter: blur(2.5px);
}

.hello-title-wrap {
    padding-bottom: 40px;
}

.hello-title {
    font-size: 23px;
    font-weight: 300;
    font-family: 'Oswald';
    /*border-top: 1px solid rgba(0,0,0,0.1);*/
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: inline-block;
    padding: 10px 0 10px;
}

.hello-sub.big {
    font-size: 15px;
}

.hello-sub {
    width: 70%;
    min-width: 235px;
    margin: 0 auto;
    font-size: 15px;
}

.or {
    margin: 0 22px 0 10px;
    font-style: italic;
    display: none;
}

#hellothere .btn {
    margin: 0 15% 2px;
    font-size: 17px;
    display: block;
}

#hellothere .btn:hover,
#hellothere .btn:focus {
    color: #141414;
}

@media (min-width: 520px) {
    .hello-title {
        font-size: 40px;
    }

    .hello-sub.big {
        font-size: 23px;
    }
}

@media (min-width: 768px) {
    .hello-title-wrap {
        padding-bottom: 50px;
    }

    #hellothere {
        padding: 100px 0 40px;
        height: 600px;
    }

    .hello-title {
        font-size: 48px;
        padding: 10px 0 10px;
    }

    .hello-sub {
        font-size: 22px;
        width: auto;
        min-width: unset;
    }

    .hello-sub.big {
        font-size: 36px;
        margin: 0;
    }

    #hellothere .btn {
        width: auto;
        min-width: unset;
        margin: 0;
        display: inline-block;
        font-size: 25px;
    }

    .newsitehomebtn {
        margin-left: 10px;
    }

    .or {
        display: inline-block;
        margin: 0 25px;
    }
}

@media (min-width: 992px) {
    .hello-title {
        font-size: 68px;
    }
}


/* Homepage 2017 */
body.front-page {
    background: #fff;
}

.homesection {
    padding: 70px 0 70px;
}

.homesection.white {
    background: #fff;
}

#tk-start-header {
    /*padding: 40px 0 0;*/
    background: #fff;
    text-align: center;
    padding: 100px 0;
    height: auto;
    overflow: auto;
}

@media (min-width: 768px) {
    #tk-start-header {
        /* 		padding-top: 100px; */
        /*overflow: auto;*/
        /*height: 560px;
        width: 100%;
        position: absolute;*/
        /* 		top: 260px; */
    }
}

@media (min-width: 992px) {
    #tk-start-header {
        /*padding-top: 100px;*/
        /*height: 650px;*/
    }
}

.tk-start-title {
    margin: 10px 0 0;
}

#tk-start-title {
    font-size: 30px;
    min-height: 48px;
}

#tk-start-header p.toplead {
    margin: 0;
}

.tk-since {
    padding: 0;
    line-height: 1;
}

.start-btns {
    margin-top: 30px;
}

.start-btns-mobile {
    margin: 50px 0 0;
}

.start-btns-mobile a {
    background: #f4f4f4;
    color: inherit;
    font-weight: normal;
    text-decoration: none;
    width: calc(50% - 4px);
    margin: 2px;
    padding: 40px 0;
    float: left;
    font-size: 15px;
    height: 140px;
}

.start-btns-mobile a:hover,
.start-btns-mobile a:focus {
    background: #e7e7e7;
    color: inherit;
    font-weight: normal;
    text-decoration: none;
}

@media (min-width: 492px) {
    .start-btns-mobile a {
        padding: 60px 0;
    }

    #tk-start-title {
        font-size: 42px;
        min-height: 67px;
    }
}

@media (min-width: 768px) {
    #tk-start-title {
        font-size: 74px;
        min-height: 118px;
    }

    #tk-start-header p.toplead {
        font-size: 24px;
    }
}

@media (min-width: 1200px) {
    #tk-start-title {
        font-size: 92px;
        min-height: 147px;
    }

    #tk-start-header p.toplead {
        font-size: 36px;
    }

    .tk-since {
    }

    .start-btns {
        margin-top: 40px;
    }
}


#wordpresstools-title .fa {
    font-size: 20px;
    vertical-align: middle;
    padding-bottom: 8px;
}

@media (min-width: 768px) {
    #wordpresstools-title {
        font-size: 58px;
    }
}

#wordpress-tools {
    padding: 0 0 30px;
    margin: 0;
    background: #eee;
    border-bottom: 1px solid #ddd;
}

@media (min-width: 768px) and (max-width: 1200px) {
    #wordpress-tools .col-sm-4 {
        padding: 0 2px;
    }
}

.tk-tool {
    color: #3f3f3f;
    overflow: auto;
    padding: 15px 5px 25px;
    background: #f4f4f4;
    border: 1px solid #ddd;
    text-align: center;
    margin: 0 0 15px;
}

@media (min-width: 1200px) {
    .tk-tool {
        padding: 15px 15px 25px;
    }
}

.tk-tool:hover,
.tk-tool:focus {
    color: #3f3f3f;
    background: #fff !important;
    border: 1px solid #ddd;
}

.tk-tool-intro {
    margin-bottom: 5px;
    font-size: 17px;
    color: #888;
    display: none;
}

.tk-tool-img {
    background: transparent;
    /*border-bottom: 1px solid #e3e3e3;*/
    margin: -15px 0 0;
    padding: 10px 0 0;
    overflow: auto;
    text-align: center;
}

#tk-tk {
    padding: 30px 0 10px;
}

.tk-tool:hover .tk-tool-img,
.tk-tool:focus .tk-tool-img {
    opacity: 1;
    background: #fff;
}

#wordpress-tools .tk-tool-title {
    margin: 7px 0 10px;
    font-size: 14px;
}

@media (min-width: 992px) {
    #wordpress-tools .tk-tool-title {
        margin: 0 0 10px;
        font-size: 19px;
    }
}

.tk-tool-desc {
    padding: 0 5px;
    font-size: 15px;
    line-height: 18px;
    max-width: 100%;
    width: 380px;
    margin: 0 auto 25px;
}

@media (min-width: 1200px) {
    .tk-tool-desc {
        padding: 0 10px;
        font-size: 17px;
        line-height: 21px;
        max-width: none;
        width: auto;
        margin: 0 0 25px;
    }
}

.front-page #wordpress-tools {
    position: relative;
    margin-top: 500px;
    padding: 15px 0 55px;
    background: #eee;
    border-top: 1px solid #ddd;
}

@media (min-width: 768px) {
    .front-page #wordpress-tools {
        margin-top: 0;
    }
}

/*@media (min-width: 992px) {
	.front-page #wordpress-tools {
		margin-top: 590px;
	}
}*/

/* Typed.JS CSS */
#typed-strings {
    display: none;
}

.typed-cursor {
    opacity: 1;
    -webkit-animation: blink 0.7s infinite;
    -moz-animation: blink 0.7s infinite;
    animation: blink 0.7s infinite;
}

@keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-moz-keyframes blink {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


/* Flash Message */

#bang {
    padding: 30px 0;
    background: #fff;
    color: #5c686c;
    text-transform: none;
    text-align: center;
}

#bang h2 {
    text-transform: none;
}


/* Main Content Elelements */

.title-wrap {
    margin: 0 0 20px;
    text-align: left;
    font-size: 17px;
}

@media (min-width: 768px) {
    .title-wrap {
        margin: 0 0 40px;
        font-size: 19px;
        text-align: center;
    }

    .title-alt {
        border-bottom: 1px solid #ddd;
        display: inline-block;
        padding-bottom: 20px;
        margin-bottom: 12px;
        font-size: 50px;
    }
}


/* Tools */

#tools {
    padding: 50px 0 50px;
    background: #f2f7e7;
    border-bottom: 1px solid #e7eed7;
    border-top: 1px solid #e7eed7;
}

.front-page #tools {
    position: relative;
    margin-top: 650px;
}

@media (min-width: 1200px) {
    .front-page #tools {
        position: relative;
        margin-top: 650px;
    }
}

.row-wrap {
    overflow: auto;
}

.tool {
    margin-bottom: 15px;
    background: #fff;
    box-shadow: 1px 0px 3px rgba(0, 0, 0, 0.3);
}

.tools-img {
    background: #5c686c;
    height: 150px;
}

.tools-title-wrap {
    margin: 0 0 30px;
}

.tools-title-wrap h1 {
    font-size: 37px;
    border-bottom: 1px solid #ccc;
    display: inline-block;
    padding-bottom: 10px;
}

.tool-title {
    margin: 30px 0 15px;
}

.tool p {
    font-size: 15px;
}

#tk-img {
    background: #c7db88;
}

#wc4bp-img {
    background: #d0e29b;
}

#buddyforms-img {
    background: #c7db88;
}


#tools .btn {
    margin-bottom: 20px;
    margin-top: 10px;
}

@media (min-width: 768px) {
    .tools-img {
        height: 120px;
    }

    .tools-title-wrap {
        margin: 0 0 50px;
    }

    .tools-title-wrap h1 {
        padding-bottom: 15px;
        margin-bottom: 12px;
        font-size: 54px;
    }

    .row-wrap {
        background: #f2f7e7;
        padding-bottom: 30px;
    }

    .tool {
        margin-bottom: 0;
    }

    .tool-title {
        margin-bottom: 25px;
    }

    #tools .btn {
        margin-top: 25px;
    }
}

@media (min-width: 992px) {
    .tools-img {
        height: 150px;
    }
}


/* Start A New Site Section */
#newsite {
    /*padding: 0 0 50px 0;*/
    background: #fbfbfb; /* #f3f6e4 #f6f1da #f6f59c #93DECD  #b4ff8b #fe9696 #FFC46B #ffb55d #FFD280						#A8F5F0	#A7FFF7 #0fffb7 #7dfffb */
}

#newsite .steps-wrap {
    margin: 50px 0 20px;
}

#newsite .steps {
    margin: 10px 0;
    float: none;
    overflow: auto;
    padding: 20px 15px 12px;
    text-align: left;
    background: #fff;
    border: 1px solid #ddd;
    opacity: 0.8;
    color: #666;
    min-width: 150px;
}

#newsite small {
    font-size: 79%;
    font-weight: 700;
}

#newsite .steps-icon {
    font-size: 44px;
    float: left;
    margin-right: 20px;
    line-height: 1.1;
}

@media (min-width: 768px) {
    #newsite .steps {
        padding: 30px 10px 15px;
        margin: 15px 0;
        text-align: center;
        position: relative;
    }

    #newsite .steps-icon {
        font-size: 44px;
        float: none;
        width: 100%;
        text-align: center;
        padding: 0;
        margin: 0 0 20px;
    }
}

@media (min-width: 1200px) {
    #newsite small {
        font-size: 90%;
    }

    #newsite .steps {
        padding: 35px 10px 15px;
    }
}


/* Custom Work - Services Section */

#services {
    /*border-top: 1px solid #eee;*/
    background: #fbfbfb;
    padding: 50px 0;
}

#services .services-box {
    min-height: 140px;
    padding: 30px 15px 15px;
    box-shadow: none;
}


/* Enquire */
#enquire {
    /*background: #EAF1E6; */ /* #e8f6df #b4ff8b; */
    background: #f4f4f4;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 50px 0;
}

#enquire-title {
    margin-bottom: 10px;
}

.enquire-sub {
    margin-bottom: 15px;
}

.enquire-note {
    margin-top: 25px;
    margin-bottom: 35px;
}

#enquire .btn {
    font-size: 19px;
    color: #fff;
    background: #2f2f2f;
}

#enquire .btn:hover,
#enquire .btn:focus {
    background: #444;
}

#enquire .form-control {
    /*background: #f5faf1;
    border-color: #d7e7cc;*/
    background: #fff;
    border: 1px solid #d3d3d3;
}

#enquire textarea.form-control {
    height: auto;
    min-height: 210px;
}

#enquire .gform_wrapper .ginput_container label,
#enquire .gform_wrapper .gfield_label {
    display: none;
}

#enquire .gfield {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    #enquire {
        padding: 50px 0;
    }

    .enquire-steps {
        background: #f4f4f4;
        border: 1px solid #d3d3d3;
        color: #888;
        padding: 5px 20px;
        border-radius: 15px;
    }
}

@media (min-width: 992px) {
    #enquire-title {
        font-size: 70px;
        margin-bottom: 20px;
    }
}


/* Meet The Team */
#theteam {
    padding: 40px 0;
    background: #f9f9f9;
}

#theteam .textcenter h1 {
    font-size: 43px;
    margin: 20px 0 15px;
    padding: 10px 0 10px;
    border-bottom: 1px solid #ddd;
    display: inline-block;
}

.svenrad-double-wrap {
    overflow: auto;
    width: 100%;
    margin: 0 0 70px;
}

.svenrad-wrap {
    overflow: auto;
    width: 100%;
    height: auto;
    min-height: 380px;
    padding: 0;
}

.about-tk-box {
    background: #d4d4de;
    min-height: 350px;
    margin-top: 0;
}

.about-tk-box .title {
    color: #fff;
    text-shadow: 2px 2px 2px #000;
    font-size: 32px;
    text-align: right;
    bottom: 11%;
    position: absolute;
    right: 20px;
}

.about-tk-box .lead {
    font-size: 17px;
    text-align: right;
    margin: 0 -15px;
    padding: 8px 20px;
    color: #fff;
    text-shadow: 2px 2px 2px #000;
    position: absolute;
    bottom: 0%;
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
}

#svenl77 {
    background: url('includes/img/sven-lehnert-themekraft-svenl77.jpg') no-repeat top left #e7e7e7;
    background-size: cover;
}

#konrads {
    background: url('includes/img/konrad-sroka-themekraft-konrads.jpg') no-repeat top left #dddec1;
    background-size: cover;
}

@media (min-width: 768px) {
    #theteam {
        padding: 50px 0;
    }

    #theteam .textcenter h1 {
        font-size: 72px;
        padding-bottom: 0px;
    }

    #theteam .textcenter .lead {
        font-size: 26px;
        margin-bottom: 55px;
    }

    .svenrad-wrap {
        padding: 0;
        max-width: 1600px;
        margin: 0 auto;
    }

    .about-tk-box {
        min-height: 420px;
    }
}


/* As Seen On */
#seen-on {
    padding: 15px 0 15px 0;
    background: #fff;
    border-top: 1px solid #e7e7e7;
}

.seen-on-inner-wrap {
    padding: 20px 0 0 0;
}

.seen-on-title {
    margin: 0px 0 0px;
    color: #b4b4b4;
    font-size: 32px;
    text-align: center;
}

#seen-on img {
    padding-top: 0;
    width: 113.75px;
    height: auto;
    display: block;
    margin: 0 auto 10px;
    float: none;
}

#seen-on-title {
    position: relative;
    float: none;
    margin: 0 0 30px;
    color: #b4b4b4;
    font-size: 24px;
    font-weight: bold;
    padding: 25px 0 0;
    display: block;
    text-align: center;
    font-style: italic;
}

@media (min-width: 420px) {
    #seen-on img {
        display: inline-block;
    }
}

@media (min-width: 768px) {
    #seen-on-title {
        margin-right: 23px;
        padding: 75px 10px 30px;
        display: inline-block;
    }

    .seen-on-title {
        padding-left: 0px;
    }

    #seen-on img {
        margin: 10px 0;
        width: 113.75px;
    }
}

@media (min-width: 992px) {
    #seen-on-title {
        margin-right: 53px;
    }

    .seen-on-title {
        padding-left: 35px;
    }

    #seen-on img {
        margin: 10px 0;
        width: 217.5px;
    }
}

@media (min-width: 1200px) {
    #seen-on img {
        margin: 10px 30px;
    }
}


/* Client Stories */
#stories {
    padding: 50px 0;
    background: #fff;
}

#stories .maintitle {
    font-size: 45px;
    display: inline-block;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}

#stories .story {
    margin: 0;
    padding: 70px 0 0;
}

#stories .story-img {
    float: none;
    margin: 0 auto 20px;
}

#stories .story-content .title {
    margin-bottom: 20px;
}

#stories .story-content p {
    margin-bottom: 20px;
}

@media (min-width: 768px) {
    #stories {
        padding: 60px 0;
    }

    #stories .story {
        padding: 70px 0 0;
    }

    #stories .maintitle {
        font-size: 65px;
    }

    #stories .story-content {
        margin: 0 15px;
    }
}

@media (min-width: 992px) {
    #stories .story-img {
        float: left;
        margin: 0 15px 15px 0;
    }
}

/* Client Review */
.client-review {
    clear: both;
    margin: 40px 0;
}

.client-review img {
    float: left;
    margin: 10px 10px 20px 0;
    width: 50px;
}

.review-img {
    padding-top: 0;
    width: auto;
    overflow: auto;
    float: none;
}

.review-author {
    color: #3f3f3f;
    line-height: 1.4;
    margin-top: 5px;
}

.review-author small {
    font-size: 13px;
}

.client-review-txt {
    padding: 20px;
    float: none;
    display: block;
    width: 100%;
    font-size: 17px;
    min-height: 75px;
    background: #fff;
    border: 1px solid #ddd;
}

.page-template-buddyforms .client-review-txt {
    background: #fafafa;
}

@media (min-width: 768px) {
    .client-review {
        margin: 60px 0 40px;
    }

    .client-review img {
        float: none;
        width: 75px;
    }

    .review-img {
        width: 160px;
        float: left;
    }

    .client-review-txt {
        float: left;
        display: inline;
        padding: 50px;
        width: calc(100% - 160px);
        font-size: 21px;
    }
}


/* Themes & Plugins Archives */

#themes-plugins-header {
    padding: 40px 0 20px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    overflow: auto;
}


/* NEW SHOP VIEW JUNE 2017 */

.tk-product-link {
    color: #3f3f3f;
    font-weight: normal;
    text-decoration: none;
}

.tk-product-link:hover,
.tk-product-link:focus {
    color: #3f3f3f;
    font-weight: normal;
    text-decoration: none;
}

.tk-product-link:hover > .tk-product,
.tk-product-link:focus > .tk-product {
    /*opacity: 0.84;*/
    /*background: #eff7c3;*/
    padding: 0;
    border: 2px solid #3f3f3f;
}

.tk-product-link:hover .product-image,
.tk-product-link:focus .product-image {
    /*opacity: 0.8;*/
}

.tk-product-container {
    padding: 0 15px 15px;
}

@media (min-width: 550px) and (max-width: 767px) {
    .tk-product-container {
        width: 50%;
        padding: 0 5px 10px;
    }
}

@media (min-width: 768px) {
    .tk-product-container {
        padding: 0 5px 10px;
    }
}

.sidebar .tk-product-container {
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
    max-width: 300px;
    margin-right: 10px;
}

.front-page #wordpress-tools .tk-product-container:nth-child(3n+1) {
    clear: none !important;
}

@media (min-width: 992px) {
    .tk-product-container:nth-child(3n+1) {
        clear: left;
    }

    .tk-product-container.twocol:nth-child(3n+1) {
        clear: none;
    }

    .tk-product-container.twocol:nth-child(2n+1) {
        clear: left;
    }

    .tk-product:first-of-type {
        clear: none;
    }

    .tk-product-container {
        padding: 0 15px 30px;
    }
}

.tk-product {
    background: #fff;
    border: 2px solid #eee;
    /*margin-bottom: 30px;*/
    padding: 0px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.08);
}

.tk-product .product-image {
    height: auto;
    border-bottom: 1px solid #e3e3e3;
    /*margin: -4px -4px 0;*/
}

/*@media (min-width: 420px) and (max-width: 549px) {
	.tk-product .product-image {
		height: auto;
	}
}*/
@media (min-width: 550px) and (max-width: 767px) {
    /*.tk-product .product-image {
        height: 160px;
    }*/
    #products-main-content {
        padding: 0 10px;
    }
}

@media (min-width: 768px) {
    .tk-product .product-image {
        height: 126px;
    }

    #products-main-content {
        padding: 0 10px;
    }
}

@media (min-width: 992px) {
    .tk-product .product-image {
        height: 160px;
    }

    #products-main-content {
        padding: 0;
    }
}

@media (min-width: 1200px) {
    .tk-product .product-image {
        height: 200px;
    }
}


.tk-product .title {
    font-size: 17px;
    font-weight: normal;
    padding: 10px 15px 0;
    line-height: 1.5;
    /*margin-top: 0;
    padding: 50px 10px;
    height: 120px;
    line-height: 1.5;
    overflow: hidden;
    color: #fff;
    background: #3f3f3f;
    text-align: center;*/
}

.product-info-wrap {
    height: 135px;
    max-height: 135px;
}

.product-info {
    padding: 0 15px;
    margin-bottom: 20px;
    font-size: 13px;
    line-height: 18px;
    height: 52px;
    max-height: 52px;
    overflow: hidden;
}

.product-price {
    padding: 15px 15px 0;
    margin-bottom: 20px;
    font-size: 13px;
    font-weight: bold;
}

.product-buttons {
    padding: 15px 15px 0 0;
    margin-bottom: 30px;
}

.tk-product .btn {
    border-radius: 0 30px 30px 0;
    padding: 6px 20px 6px 15px;;
    background: #d14962;
    border: none;
    font-weight: bold;
    font-size: 13px;
    transition: none;
}

.tk-product-link:hover .tk-product .btn,
.tk-product-link:focus .tk-product .btn {
    border-radius: 0 30px 30px 0;
    padding: 6px 20px 6px 15px;;
    background: #3f3f3f;
    border: none;
    font-weight: bold;
    font-size: 13px;
    transition: none;
}


/* TK Post Grid View */
.tk-grid-row.row {
    margin: 0 -10px;
}

.tk-postgrid {
    width: 50%;
    padding: 0 5px;
    float: left;
    margin-bottom: 15px;
}

@media (min-width: 492px) {
    .tk-postgrid {
        width: 33.33%;
    }
}

@media (min-width: 768px) {
    .tk-postgrid {
        width: 25%;
    }
}

@media (min-width: 1200px) {
    .tk-postgrid {
        width: 20%;
    }
}

.sidebar .tk-postgrid {
    width: 50%;
}

.tk-grid-link {
    color: inherit;
    text-decoration: none;
}

.tk-grid-link:hover,
.tk-grid-link:focus {
    color: inherit;
    text-decoration: none;
}

.tk-tile {
    background: #f3f3f3;
    overflow: auto;
    min-height: 300px;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.08);
}

@media (min-width: 420px) {
    .tk-tile {
        min-height: 300px;
    }
}

@media (min-width: 492px) {
    .tk-tile {
        min-height: 300px;
    }
}

@media (min-width: 560px) {
    .tk-tile {
        min-height: 300px;
    }
}

@media (min-width: 660px) {
    .tk-tile {
        min-height: 300px;
    }
}

@media (min-width: 768px) {
    .tk-tile {
        min-height: 300px;
    }
}

@media (min-width: 992px) {
    .tk-tile {
        min-height: 300px;
    }
}

@media (min-width: 1200px) {
    .tk-tile {
        min-height: 300px;
    }
}

.tk-grid-link:hover .tk-tile,
.tk-grid-link:focus .tk-tile {
    background: #fcfcfc;
    /*box-shadow: 1px 1px 3px rgba(0,0,0,0.24);*/
}

.tk-thumb {
    border-bottom: 1px solid #ddd;
}

.tk-grid-link:hover .tk-thumb,
.tk-grid-link:focus .tk-thumb {
    opacity: 1;
}

.tk-content-wrap {
    padding: 0 8px 4px;
}

.tk-entry-title {
    font-family: 'Open Sans Condensed', 'Oswald', Helvetica, Arial, sans-serif;
    line-height: 1.5;
    font-size: 17px;
    color: #666;
    font-weight: normal;
    letter-spacing: -0.5px;
}

.tk-content-wrap p {
    font-size: 15px;
    color: #666;
    font-weight: normal;
    letter-spacing: -0.5px;
}

.tk-tile .btn {
    display: none;
}

.tk-price {
    padding: 3px 10px 5px;
    border-radius: 20px;
    line-height: 1;
    border: 1px solid #ddd;
    float: left;
}


/* Support Page */

#support-header {
    padding: 40px 0 0;
    height: 214px;
    background: #fff;
    border-bottom: 1px solid #ddd;
    overflow: hidden;
}

#help-truck {
    position: absolute;
    bottom: -62px;
    left: 80px;
    font-size: 24px;
}

.page-template-support .main-content {
    background: #fafafa;
    padding: 80px 0 0;
}

@media (min-width: 768px) {
    #support-header {
        padding: 40px 0 0;
        height: 256px;
    }
}

@media (min-width: 1200px) {
    #support-header {
        height: 259px;
    }
}


/* WooCommerce Archives
.woocommerce ul.products li.product a * {
	transition: all 0.03s ease-out;
	-webkit-transition: all 0.06s ease-out;
	-moz-transition: all 0.06s ease-out;
	-ms-transition: all 0.06s ease-out;
	-o-transition: all 0.06s ease-out;
}
.woocommerce ul.products li.product a img {
    margin: 0 0 5px;
		background: #c81f1f;
}
.woocommerce ul.products li.product h3 {
    padding: 5px 0 5px;
    margin: 0;
    font-size: 17px;
    color: #141414;
    text-transform: inherit;
}
.woocommerce ul.products li.product .price {
    color: #c81f1f;
    font-weight: 300;
    margin-bottom: 0px;
    font-size: 15px;
}
.woocommerce ul.products li.product a:hover *,
.woocommerce ul.products li.product a:focus * {
    opacity: 0.8;
}
@media (max-width: 768px) {
	.woocommerce ul.products li.product,
	.woocommerce-page ul.products li.product {
	    width: 46%;
	}
}
*/


/* WooCommerce Global Styles
.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
	background: #fff;
	box-shadow: 2px 2px 2px rgba(0,0,0,0.2);
}
*/

/* WooCommerce Buttons
.woocommerce a.button,
.woocommerce input.button,
.woocommerce button.button,
.woocommerce #respond input#submit {
	border-radius: 0;
	background: #141414;
	font-weight: normal;
	color: #e7e7e7;
}
.woocommerce a.button:hover,
.woocommerce input.button:hover,
.woocommerce button.button:hover,
.woocommerce #respond input#submit:hover,
.woocommerce a.button:focus,
.woocommerce input.button:focus,
.woocommerce button.button:focus,
.woocommerce #respond input#submit:focus {
	border-radius: 0;
	background: #444;
	color: #e7e7e7;
	font-weight: normal;
}
.woocommerce a.button.alt,
.woocommerce input.button.alt,
.woocommerce button.button.alt,
.woocommerce .button.wc-forward,
.woocommerce #respond input#submit.alt {
	border-radius: 0;
	background: #c81f1f;
	font-weight: normal;
	color: #fff;
}
.woocommerce a.button.alt:hover,
.woocommerce input.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce .button.wc-forward:hover,
.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:focus,
.woocommerce input.button.alt:focus,
.woocommerce button.button.alt:focus,
.woocommerce .button.wc-forward:focus,
.woocommerce #respond input#submit.alt:focus {
	border-radius: 0;
	background: #e01414;
	font-weight: normal;
	color: #fff;
}
*/

/* WooCommerce Single Products
.single.woocommerce div.product .woocommerce-tabs ul.tabs {
}
.single.woocommerce .quantity .qty {
  height: 34px;
}
.single.woocommerce div.product .woocommerce-tabs .panel {
	padding: 0;
	background: transparent;
	box-shadow: none;
}
.woocommerce div.product .stock,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
    color: #888;
}
.single-product form.cart .variations td.label {
    display: none;
}
.single-product form.cart .variations {
	margin: 20px 0;
}
.single-product .summary button {
  font-size: 30px;
}
.single-product div.images img {
  border: 1px solid #ddd;
}
.single-product div.product .summary form.cart .button {
    float: none;
		font-size: 30px;
	  margin: 20px 0;
		clear: both;
		display: block;
}
.single-product div.product .summary form.cart div.quantity {
    float: left;
    margin: 0 4px 20px 0;
}

@media (min-width: 768px) {
	.single-product h1 {
    font-size: 38px;
    line-height: 1.4;
	}
}
*/
/* Cart & Checkout Process
#shipping_method label {
    padding-left: 30px;
}
.woocommerce-cart form input#coupon_code {
    height: 47px;
}
*/


/* Blog */
.blog #content,
.archive.author #content {
    margin-top: 22px;
}

.blog #content .page-title,
.archive.author #content .page-title {
    margin-bottom: 30px;
    margin-top: 0;
}

.blog #content .hentry,
.archive.author #content .hentry {
    padding: 20px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
}

.blog #content .entry-title,
.archive.author #content .entry-title {
    margin: 10px 0;
    font-size: 24px;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .blog #content .entry-title,
    .archive.author #content .entry-title {
        font-size: 28px;
    }
}

.blog #content .entry-meta,
.archive.author #content .entry-meta {
    margin: 10px 0;
    background: transparent;
    border: none;
    color: #999;
    display: block;
    font-size: 14px;
}

.blog #content .entry-content,
.archive.author #content .entry-content {
    margin: 0 0 30px;
}

.blog #content .entry-summary,
.archive.author #content .entry-summary {
    font-size: 17px;
    margin: 0 0 15px;
}


/* Post Single */
.single-post #content .hentry {
    padding: 20px 20px;
    background: #fff;
    border: 1px solid #ddd;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.08);
}

@media (min-width: 520px) {
    .single-post #content .hentry {
        padding: 40px 40px;
    }
}

.single-post h1.entry-title {
    /*text-align: center;*/
    font-size: 32px;
    font-family: inherit;
    margin: 0 0 30px;
    line-height: 1.4;
}

@media (min-width: 768px) {
    .single-post h1.entry-title {
        font-size: 36px;
        /*margin: 30px 0;*/
    }
}

.single-post .post-date {
    /*text-align: center;*/
    width: 100%;
}

.single-post .entry-meta {
    margin: 0px 10px 0px 0;
    background: transparent;
    border: none;
    color: #999;
    display: inline-block;
    font-size: 17px;

}

.single-post .entry-content-thumbnail {
    float: left;
}

.blog .entry-content-thumbnail img {
    margin-bottom: 20px;
}

.single-post .entry-content-thumbnail img {
    margin: 8px 30px 25px 0;
}

@media (min-width: 768px) {
    .single-post.postid-15909 h1.entry-title {
        font-size: 78px;
        margin: 20px 0 0 0;
    }
}

.single-post .wp-block-spacer {
    height: 30px !important;
}


/* Comments */
#comments h5 cite {
    margin-right: 3px;
    font-style: normal;
}

#comments h5 {
    font-family: 'Source Sans Pro', Helvetica, Arial, sans-serif;
    text-transform: none;
    font-size: 19px;
}

#comments .comment-meta {
    font-size: 80%;
}

form.comment-form .comment-form-author label,
form.comment-form .comment-form-email label,
form.comment-form .comment-form-url label {
    display: none;
}

form.comment-form input#author,
form.comment-form input#email,
form.comment-form input#url {
    border: 1px solid rgba(0, 0, 0, 0.15);
    width: 100%;
    display: block;
    padding: 12px;
    margin: 5px 0;
}

li.comment {
    list-style: none;
}

/* Footer */
#customworkfooter {
    padding: 60px 0 70px;
    background: #A6C559;
    color: #fff;
    overflow: auto;
}

#aboutfooter {
    padding: 60px 0 70px;
    background: #f95252;
    color: #fff;
    overflow: auto;
}

/* Footer */
#footer {
    padding: 0;
    background: #3f3f3f;
    background-size: cover;
    background-repeat: unset;
    color: #fff;
    position: absolute;
    width: 100%;
    height: auto;
}

.front-page #footer {
    display: none;
}

@media (min-width: 768px) {
    .front-page #footer {
        display: block;
    }
}

#footer .container-fluid {
    height: 75vh;
    max-height: 1000px;
}

#footer a {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}

#footer a:hover,
#footer a:focus {
    color: rgba(0, 0, 0, 0.6);
}

.footer-big-block {
    padding: 60px 0 120px;
    text-align: center;
}

#footer a.btn-white {
    border-color: #fff;
}

#footer a.btn-white:hover,
#footer a.btn-white:focus {
    color: #A6C559;
    background: #fff;
}

#aboutfooter a.btn {
    min-width: 200px;
    margin-bottom: 10px;
}

#aboutfooter a.btn-white:hover,
#aboutfooter a.btn-white:focus {
    color: #c75642;
    background: #fff;
}

/*
.footer-big-block .fa {
	font-size: 30px;
	padding: 20px 10px;
	font-weight: normal;
} */
.footer-title {
    /* text-transform: uppercase; */
}

#footer .credits {
    text-transform: uppercase;
    color: #888;
    text-align: right;
    font-size: 15px;
    margin-right: 25px;
}

#footer .credits.legal {
    text-align: left;
    margin-left: 25px;
    float: left;
}

#footer .credits a {
    color: #888;
    text-decoration: none;
    font-weight: bold;
}

#footer .credits a:hover,
#footer .credits a:focus {
    color: #fafafa;
    text-decoration: none;
    font-weight: bold;
}

@media (min-width: 768px) {
    .footer-title {
    }

    .footer-big-block {
        padding: 130px 0 120px;
        text-align: center;
    }
}

/* Bottom Nav */
#bottomnav {
    height: auto;
    overflow: auto;
    background: #2f2f2f;
    border-top: 1px solid #2f2f2f;
    color: #eee;
}

#bottomnav .container {
    padding-bottom: 0;
}

#bottomnav .nav {
    float: none;
    margin: 25px -15px 15px;
}

#bottomnav .nav li a {
    padding: 10px 15px;
    margin-right: 15px;
    font-size: 15px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
    background: transparent;
    color: #aaa;
    font-weight: normal;
}

#bottomnav .nav li a:hover,
#bottomnav .nav li a:focus {
    background: transparent;
    color: #eee;
}

@media (min-width: 768px) {
    #bottomnav .nav {
        float: left;
        margin: 7.5px -15px;
    }

    #bottomnav .nav li a {
        padding: 50px 15px;
    }
}


/* Footer Last */
#footer-last {
    padding: 0 0 0 0;
    font-size: 15px;
    color: #555;
    background: #3f3f3f;
    overflow: auto;
}

#footer-last .container {
    padding-bottom: 0;
}

#footer-last .nav.social li {
    font-size: 19px;
    float: left;
}

#footer-last .nav.social {
    float: left;
}

#footer-last .navbar-brand,
#footer-last .nav li a {
    padding: 0 15px;
    margin: 20px 0;
    float: none;
    font-weight: normal;
    background: transparent;
}

#footer-last a {
    color: #888;
}

#footer-last a:hover,
#footer-last a:focus {
    color: #e3e3e3;
}

#footer-last a.themekraft {
    padding: 0;
    margin: 0;
    display: none;
}

@media (min-width: 768px) {
    #footer-last {
        padding: 0 0 0 0;
    }

    #footer-last .nav.social {
        float: right;
    }

    #footer-last .navbar-brand,
    #footer-last .nav li a {
        padding: 29px 15px 23px;
        margin: 0;
        float: left;
    }

    #footer-last a.themekraft {
        padding: 27px 20px 20px 0;
        display: inline-block;
    }
}


/* Extra Tweak */
.form-control {
    border-radius: 0;
    padding: 10px 25px;
    font-size: 21px;
    height: auto;
}

.fa-ul {
    margin-bottom: 30px;
}

.fa-ul li {
    margin-bottom: 10px;
}


/* Form Submit - Icon gotta be added in the plugin settings of the form! */
.wpcf7-submit {
    font-family: FontAwesome, 'Source Sans Pro', Helvetica, Arial, sans-serif;
    padding-left: 20px;
    font-size: 15px;
    color: #e7e7e7;
}


/* ugly quick fix grr */
/*#sitewrap h3 {
	margin: 30px 0 15px 0;
}*/
.single-post #jp-relatedposts {
    display: none;
}

.sharedaddy {
    margin: 30px 0;
}


/***************    EDD    ********************/

/* Single Downloads */

.single-download .single-product-header h1 {
    margin: 0 0 30px 0;
}

.single-download .entry-content-thumbnail {
    float: left;
    margin: 0 20px 20px 0;
    display: none;
}

.single-download .single-product-price {
    margin-bottom: 20px;
}

.smallhigh {
    font-size: 13px;
    vertical-align: 6px;
}

.single-download .edd-submit.button {
    border-radius: 0;
    background: #A6C559;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    width: 100%;
    padding: 15px 25px;
    font-size: 21px;
}

.single-download .edd-submit.button:hover,
.single-download .edd-submit.button:focus {
    border-radius: 0;
    background: #96b93f;
    border: 1px solid rgba(0, 0, 0, 0.1);
    display: block;
    width: 100%;
    padding: 15px 25px;
    font-size: 21px;
}

.single-download .edd-getit {
    background: #eee;
    border: 1px solid #ddd;
    margin: 0 0 50px;
    padding: 30px 20px 20px;
}

.sidebar-download .widget {
    margin-bottom: 50px;
}


/* NEW SINGLE DOWNLOAD FULLWIDTH STYLES */

#tk-single-product-start {
    background: #A6C559;
    color: #fff;
    text-shadow: 0px 0px 2px 0 rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 0;
}

.tk-header-price {
    margin: 15px 0;
    /*color: #c8214e;*/
    /*color: #999;*/
    /*font-weight: bold;*/
    font-size: 21px;
    text-transform: uppercase;
}

.fat {
    padding: 30px 0 50px;
    border-bottom: 1px solid #ddd;
}

.flat {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}


.pricing-col {
    background: #f4f4f4;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-bottom: 20px;
    text-align: center;
    /*box-shadow: 0px 0px 2px rgba(0,0,0,0.3);*/
}

.highlight.pricing-col {
    margin-top: 0;
}


/***********************
 * EDD WCBP
 ***********************/

/* Front Page */
#wcbpstart {
    padding: 60px 0 30px;
    background: #fff;
    overflow: auto;
}

@media (min-width: 768px) {
    #wcbpstart {
        padding: 50px 0 60px;
    }
}

#wcbpstart .hello-title {
    margin-top: 30px;
    font-size: 19px;
    border: none;
    padding: 0;
}

#wcbpstart .lead {
    font-size: 15px;
}

@media (min-width: 500px) {
    #wcbpstart .hello-title {
        font-size: 32px;
    }
}

@media (min-width: 768px) {
    #wcbpstart .hello-title {
        margin-top: 0px;
        font-size: 38px;
    }

    #wcbpstart .lead {
        font-size: 17px;
    }
}

@media (min-width: 1200px) {
    #wcbpstart .hello-title {
        font-size: 48px;
    }

    #wcbpstart .lead {
        font-size: 19px;
    }
}

#wcbpstart .header-screenshot {
    margin: 0 0 30px 0;
}

/* Features Summary */
#features-summary {
    padding: 50px 0 20px 0;
    background: #3f3f3f;
    color: #fafafa;
}

#features-summary .nopoints {
    margin-bottom: 0;
}

#features-summary .nopoints li {
    font-size: 15px;
}

@media (min-width: 768px) {
    #features-summary .nopoints li {
        font-size: 17px;
    }
}

.feature-content-wrap.intro {
    padding: 15px;
    background: #fff;
    margin-top: 20px;
    border: 1px solid #ddd;
}

.feature-content-wrap.intro .section-title {
    font-size: 17px;
}

@media (min-width: 500px) {
    .feature-content-wrap.intro .section-title {
        font-size: 28px;
    }
}

@media (min-width: 768px) {
    .feature-content-wrap.intro {
        padding: 40px;
    }

    .feature-content-wrap.intro .section-title {
        font-size: 38px;
    }
}

@media (min-width: 1200px) {
    .feature-content-wrap.intro .section-title {
        font-size: 48px;
    }
}


/* Main Content Elelements */
.title-wrap {
    margin: 0 0 20px;
    text-align: left;
    font-size: 17px;
}

@media (min-width: 1200px) {
    .title-wrap {
        margin: 0 0 40px;
        font-size: 19px;
        text-align: center;
    }

    .title-alt {
        border-bottom: 1px solid #ddd;
        display: inline-block;
        padding-bottom: 20px;
        margin-bottom: 12px;
        font-size: 50px;
    }

    .lead.big {
        font-size: 25px;
    }

    .lead {
        font-size: 23px;
    }
}

.section {
    padding: 60px 0;
}

.section.light {
    background: #f4f4f4;
}

.section.grey {
    background: #e7e7e7;
}

@media (min-width: 992px) {
    .bf-title-section h1 {
        font-size: 48px;
        margin: 40px 0;
        padding: 0;
        text-align: left;
    }
}


/*
 * BuddyForms Page Template - EDD
 ********************************/

#buddyforms-header {
    padding: 0 0 0;
    background: #2ba7a7;
    border-bottom: none;
    overflow: hidden;
    color: #fff;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.16);
}

/*#buddyforms-header:before {
    content: ' ';
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.2;
    background-image: url('http://themekraft.staging.wpengine.com/wp-content/uploads/2017/04/bfbg.jpg');
    background-repeat: no-repeat;
    background-position: 50% 0;
    -ms-background-size: cover;
    -o-background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
    background-size: cover;
}*/
#buddyforms-header .container {
    /*width: auto;*/
}

@media (min-width: 768px) {
    #buddyforms-header {
        padding: 20px 0 0;
    }
}

@media (min-width: 1200px) {
    #buddyforms-header .container {
        width: 1170px;
    }
}

.buddyforms-header a {
    color: #fff;
    text-decoration: underline;
    font-weight: normal;
}

.buddyforms-header a:hover {
    text-decoration: none;
}

.buddyforms-header .btn {
    text-decoration: none;
}

@media (max-width: 1200px) {
    #buddyforms-header .fa-ul li {
        margin-bottom: 6px;
        font-size: 15px;
    }
}

#buddyforms-header .subtitle {
    font-size: 32px;
    line-height: 1.6;
    margin: 25px 0;
}

/*@media (min-width: 400px) {
	#buddyforms-header h1 {
		font-size: 34px;
	}
}
@media (min-width: 550px) {
	#buddyforms-header h1 {
		font-size: 38px;
	}
}*/
@media (min-width: 768px) {
    #buddyforms-header .subtitle {
        font-size: 38px;
        margin: 10px 0 20px;
        /*line-height: 1.3;*/
    }
}

@media (min-width: 1200px) {
    #buddyforms-header .subtitle {
        font-size: 62px;
        margin: 20px 0 40px;
    }
}

.bf-startimg-xs {
    overflow: hidden;
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    .bf-startimg-xs {
        padding: 0 30px;
    }
}

a#bf-pricing-start {
    padding: 20px 35px;
    font-size: 23px;
    background: #ffac4b;
    /*background: #a6c559;*/
    color: #fff;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border: none;
}

a#bf-pricing-start:hover,
a#bf-pricing-start:focus {
    padding: 20px 35px;
    font-size: 23px;
    background: #f4a141;
    /*background: #b4d75c;*/
    color: #fff;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
    border: none;
}

.bf-pricing-label {
    margin: 10px 0 10px 0;
    padding: 6px 16px;
    text-align: center;
    background: #fff;
    color: #000;
    border-radius: 15px 15px 0 15px;
    opacity: 0.6;
    display: inline-block;
}

.demolink {
    font-size: 15px;
}

@media (min-width: 992px) {
    .bf-logos {
        width: 200px;
        opacity: 0.55;
    }
}

.mini-nav {
    /*font-size: 16px;*/
    padding-top: 10px;
    /*display: none;*/
}

.mini-nav a {
    display: block;
    margin-bottom: 5px;
    margin-right: 2px;
    padding: 8px 15px;
    text-decoration: none;
    background: #0b8080;
    text-shadow: none;
    font-size: 13px;
    text-align: center;
}

@media (min-width: 550px) {
    .mini-nav a {
        display: inline-block;
    }
}

.mini-nav a:hover,
.mini-nav a:focus {
    background: #0f8b8b;
    text-decoration: none;
}

.mini-nav .fa {
    /*display: none;*/
    font-size: 12px;
}

.bf-header-img {
    margin-top: 50px;
    margin-bottom: -5px;
}

@media (min-width: 992px) {
    .bf-header-img {
        margin-bottom: -13px;
    }
}

@media (min-width: 1200px) {
    .bf-header-img {
        margin-bottom: -13px;
    }
}

.trythefreeversion {
    text-align: center;
}

@media (min-width: 768px) {
    .trythefreeversion {
        text-align: right;
    }
}


/* Highlights */
#highlights {
    padding: 10px 0 50px;
}

.feature-highlight {
    padding: 30px 0;
}

@media (max-width: 767px) {
    #highlights h3 {
        font-size: 19px;
    }
}

@media (min-width: 992px) {
    #highlights {
        padding: 40px 0 60px;
    }

    .feature-highlight {
        padding: 50px 0;
    }
}


#keyfeatures {
    /*color: #777;*/
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
    background: #fbfbfb;
}

.bf-keyfeature {
    padding: 10px 0 20px;
}

#usecases .bf-keyfeature {
    min-height: 175px;
}

.bf-keyfeature .fa {
    margin-right: 10px;
}

.bf-featuretitle {
    font-weight: bold;
    font-size: 21px;
    /*font-size: 24px;
    padding-bottom: 12px;
    margin-bottom: 8px;
    border-bottom: 1px solid #e7e7e7;*/
}

#usecases {
    /*color: #777;*/
    border-bottom: 1px solid #e7e7e7;
}

.bf-docs-links {
    float: left;
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    display: block;
}

.bf-docs-links li {
    float: left;
    display: block;
    width: auto;
}

.bf-docs-links a {
    color: #888;
    font-size: 13px;
    padding: 10px 7px;
    font-weight: normal;
    text-decoration: none;
    display: block;
}

.bf-docs-links a:hover {
    color: #3f3f3f;
}

.bf-docs-links a .fa {
    font-size: 14px;
    margin-right: 3px;
}

@media (min-width: 768px) {
    .bf-docs-links a {
        font-size: 15px;
    }
}

@media (min-width: 992px) {
    .bf-docs-links {
        float: right;
    }
}

@media (min-width: 992px) {
    .right-md {
        float: right;
    }
}

/* Pre Sales Questions */
.bf-question {
    padding: 0 0 30px 0;
}

#bf-social-footer {
    padding: 220px 0;
    text-align: center;
    background: #fb5241;
    color: #fff;
}

#bf-social-footer a {
    color: #fff;
}

#bf-social-footer ul.navbar-nav {
    float: none;
    margin-top: 40px;
}

#bf-social-footer .navbar-nav > li {
    float: none;
    display: inline;
}

#bf-social-footer .navbar-nav > li a {
    display: inline;
    font-size: 28px;
    background: transparent;
}

#bf-social-footer .navbar-nav > li a:hover {
    color: #f6ccc7;
}


/* Pricing Section
 * ****************************** (used globally) */

#pricing {
    background: #fff; /* #f6fcd3 */
    padding: 30px 0 60px;
    border-bottom: none;
    border-top: 1px solid #ddd;
}

#pricing .section-title {
    margin-bottom: 30px;
}

@media (min-width: 768px) {
    #pricing-maintitle {
        text-align: center;
        font-size: 58px;
    }
}

#pricing.bf-pricing .pricing-col .well.well-offer {
    /*background: #599c9c;*/
    background: #2ba7a7;
    box-shadow: none;
    border: none;
    color: #fff;
}

#pricing.bf-pricing .pricing-col.bf-starter .well.well-offer {
    background: #ffac4b;
}

#pricing.bf-pricing .pricing-col.bf-starter .btn {
    background: #ffac4b;
}

#pricing.bf-pricing .pricing-col.bf-starter .btn:hover,
#pricing.bf-pricing .pricing-col.bf-starter .btn:focus {
    background: #fdb24e;
}

#pricing.bf-pricing .pricing-col.bf-business .well.well-offer {
    background: #3f3f3f;
}

#pricing.bf-pricing .pricing-col.bf-business .btn {
    background: #3f3f3f;
}

#pricing.bf-pricing .pricing-col.bf-business .btn:hover,
#pricing.bf-pricing .pricing-col.bf-business .btn:focus {
    background: #4f4f4f;
}

.pricing-col {
    background: #f4f4f4;
    margin-top: 20px;
    margin-bottom: 15px;
    padding-bottom: 20px;
    text-align: center;
    /*box-shadow: 0px 0px 2px rgba(0,0,0,0.3);*/
}

.pricing-col.bf-pro {
    margin-top: 0;
}

.pricing-col h3 {
    margin: 30px 0;
}

.pricing-col.bf-pro h3 {
    margin: 45px 0;
}

.pricing-col .subtitle {
    margin-bottom: 30px;
}

.pricing-col.price-2 {
    background: #eee;
}

.pricing-col.price-3 {
    background: #e3e3e3;
}

.pricing-feature {
    min-height: 27px;
    text-align: center;
}

.pricing-col select.price-select {
    margin: 25px 0 12px;
}

.pricing-feature .btn {
    margin: 15px 0;
    font-size: 23px;
}

.fa.margin {
    margin-right: 5px;
}

.payment-notice {
    text-align: center;
    font-size: 11px;
    color: #999;
    padding: 6px 10px 4px;
    background: rgba(0, 0, 0, 0.05);
    display: inline-block;
}

#guarantee {
    background: #3bb0d8;
    border-top: 1px solid rgba(0, 0, 0, 0.14);
    border-bottom: 1px solid rgba(0, 0, 0, 0.14);
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.14);
}

.guarantee {
    text-align: center;
    padding: 30px 0;
    clear: both;
}

.guarantee-title {
    font-size: 24px;
}

@media (min-width: 768px) {
    .guarantee-title {
        font-size: 36px;
    }
}

#presales-questions {
    border-top: 1px solid #ddd;
}


/* Main Features */
.main-feature-wrap {
    padding: 20px;
    background: #f6fcd3;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}

@media (min-width: 1200px) {
    .main-feature-wrap {
        padding: 60px 100px;
        margin: 0 15px;
    }

}


/* Features */
#features {
    padding: 0 0 40px 0;
    background: #eee;
    border-bottom: 1px solid #ddd;
}

.features-intro {
    background: #fff;
    border-bottom: 1px solid #ddd;
}

#idealfor {
    background: #d9fcd3;
    border: 1px solid #c4e3bf;
    padding: 40px 20px 20px;
}

@media (min-width: 768px) {
    #idealfor {
        padding: 40px 40px 15px;
    }
}


@media (min-width: 1200px) {
    #features p {
        font-size: 19px;
    }

    #features .lead.big {
        font-size: 25px;
    }

    .feature-content-wrap {
        padding: 60px;
        background: #fff;
        border: 1px solid #ddd;
    }

    .feature-content-wrap.intro {
        margin: 70px 0 0 0;
    }

    .feature-content-wrap.intro .section-title {
        padding-bottom: 15px;
        margin-bottom: 30px;
        border-bottom: 1px solid #ccc;
    }
}

/* Extensions Homepage Section */
#extensions {
    padding: 60px 0;
}

/* Custom Work Homepage Section */
#custom-work {
    background: #f6fcd3; /* #f6fcd3 */
    padding: 80px 0 90px;
    border-top: 1px solid #e3ecb2;
}


#mainwrap #content .epyt-gallery-thumb.epyt-listview .epyt-gallery-title {
    font-weight: bold;
    text-align: left;
    padding-top: 0 !important;
}

li.widget-download-with-thumbnail {
    list-style: none;
}


/* Wysija Mailpoet Mail Stuff Styling */

.sidebar .wysija-input {
    width: 100%;
    padding: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
}

.sidebar input.wysija-submit.wysija-submit-field {
    width: 100%;
    padding: 12px !important;
}


.startingat {
    position: absolute;
    top: 120px;
    right: 4px;
    z-index: 9999;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: #128484;
    /*background: #f24e44;*/
    padding: 30px 10px;
    color: #fff;
    font-size: 13px;
    /*font-weight: bold;*/
    text-align: center;
    -ms-transform: rotate(-12deg); /* IE 9 */
    -webkit-transform: rotate(-12deg); /* Chrome, Safari, Opera */
    transform: rotate(-12deg);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

.startingatprice {
    font-size: 64px;
    line-height: 64px;
}


/*.startingat:hover,
.startingat:focus {
	background: #ff4259;
	color: #fff;
	text-decoration: none;
}*/


.single-post .saboxplugin-wrap {
    margin: 40px 0;
    overflow: auto;
    border-radius: 7px;
}

.single-post .saboxplugin-wrap img.avatar {
    border-radius: 5px;
}

.single-post .saboxplugin-wrap .saboxplugin-authorname a {
    text-decoration: none;
    color: #3f3f3f;
    font-family: 'Oswald', 'Source Sans Pro', Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 24px;
    /*text-transform: uppercase;*/
    letter-spacing: 1px;
}


p#breadcrumbs {
    padding: 20px 0;
    margin: 20px 0;
    /*border-top: 1px solid #ddd;*/
    border-bottom: 1px solid #ddd;
    font-size: 14px;
}


#tk-download-thumb img {
    border: 1px solid #ddd;
    margin-bottom: 20px;
}


/* TK Related Posts */

.tk-related-posts {
    margin: 20px 0 40px;
    padding: 0 15px 15px;
    border: 2px solid #c2dd42;
    background: #fff;
}

@media (min-width: 520px) {
    .tk-related-posts {
        margin: 20px 0 40px;
    }
}

.tk-related-posts.buddyforms {
    border: 2px solid #2ba7a7;
}

.tk-related-posts.wcbp {
    border: 2px solid #ff9900;
}

.tk-related-posts-title {
    margin: 0 -15px 15px;
    padding: 40px;
    font-size: 28px;
    background: #c2dd42;
    color: #fff;
}

.tk-related-posts-title.buddyforms {
    font-size: 24px;
    background: #2ba7a7;
    color: #fff;
}

.tk-related-posts-title.wcbp {
    font-size: 24px;
    background: #ff9900;
    color: #fff;
}

.tk-related-post {

}

.tk-related-post-wrap:nth-child(2n+1) {
    clear: left;
}

.tk-mini-link {
    color: #666;
}

.tk-mini-title {
    margin: 0 0 10px;
    padding-bottom: 0;
}

.tk-related-post-excerpt p {
    font-size: 14px;
    margin-bottom: 20px;
}

.tk-mini-meta {
    padding: 10px 0;
    margin: 10px 0;
    font-size: 13px !important;
    color: #888;
}

.tk-related-post .sharedaddy {
    display: none;
}


.tk-related-posts.buddyforms .btn-primary {
    background: #2ba7a7;
}

.tk-related-posts.buddyforms .btn-primary:hover,
.tk-related-posts.buddyforms .btn-primary:focus {
    background: #30b3b3;
}

.tk-related-posts.wcbp .btn-primary {
    background: #ff9900;
}

.tk-related-posts.wcbp .btn-primary:hover,
.tk-related-posts.wcbp .btn-primary:focus {
    background: #fba11a;
}


/* Larry Landing Page */

#larryphone-mobile {
    position: absolute;
    /*width: 75%;*/
    width: 80%;
    /*margin-top: 30px;*/
    /*margin-right: -90px;*/
    float: right;
    right: -60px;
    top: 200px;
    z-index: 99;
}

img#larry-both {
    max-width: 180%;
    margin-left: -139px;
    margin-top: -60px;
}

@media (min-width: 364px) {
    img#larry-both {
        margin-left: -140px;
        margin-top: -100px;
    }
}

@media (min-width: 430px) {
    img#larry-both {
        margin-left: -200px;
        margin-top: -150px;
    }
}

/*@media (min-width: 500px) {
	img#larry-both {
	    margin-left: -248px;
	    margin-top: -150px;
	}
}*/
@media (min-width: 550px) {
    img#larry-both {
        margin-left: -188px;
        margin-top: -150px;
    }
}

@media (min-width: 600px) {
    img#larry-both {
        max-width: 140%;
        margin-left: -100px;
        margin-top: -150px;
    }
}

@media (min-width: 768px) {
    img#larry-both {
        max-width: 150%;
        margin-top: -145px;
        margin-left: -95px;
    }

}

@media (min-width: 992px) {
    img#larry-both {
        max-width: 780px;
        margin-left: 0;
        margin-top: -260px;
        float: right;
        margin-right: -100px;
    }
}

#larrymac {
    /*display: none;*/
    max-width: 100%;
    /*clear: left;*/
    /*float: left;
    margin: 0 0 40px -30px;*/
    position: absolute;
}

#larry-title {
    font-size: 44px;
    margin: 30px 0 0;
}

#larry-title span {
    border-bottom: 5px solid #3f3f3f;
    display: inline-block;
}

.larry-intro {
    margin-top: 20px;
    font-size: 16px;
}

/*.larry-intro-mobile {
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px;
}*/
@media (min-width: 768px) {
    #larry-title {
        font-size: 60px;
        margin: 40px 0 20px;
    }

    .larry-intro {
        margin-top: 30px;
        font-size: 21px;
    }
}

@media (min-width: 520px) {
    #larrymac {
        width: 520px;
        max-width: 520px;
    }
}

@media (min-width: 660px) {
    /*#larryphone {
        right: -80px;
        top: 180px;
        width: 400px;
    }*/
    #larrymac {
        max-width: 520px;
        width: 520px;
        margin: 0 auto 40px auto;
    }
}

@media (min-width: 768px) {
    #larryphone {
        position: absolute;
        top: 310px;
        width: 240px;
        z-index: 99;
        right: -50px;
    }

}

@media (min-width: 992px) {
    #larryphone {
        right: -216px;
        top: 180px;
        width: 400px;
    }

    #larrymac {
        display: block;
    }
}

@media (min-width: 1200px) {
    #larry-title {
        text-align: left;
        font-size: 78px;
        margin: 40px 0 60px;
    }

    #larrymac {
        float: left;
        display: inline-block;
        position: relative;
        margin: -4px 30px 40px -73px;
    }
}


#larry-examples {
    background: #1fb6d0;
    padding: 20px 0 0;
    color: #fff;
    /*border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;*/
}

#larry-examples p {
    margin: 10px 0 20px;
}

@media (max-width: 991px) {
    #larry-examples .col-500-12:nth-child(2n+1) {
        clear: left;
    }
}


/* Flex Row */
.flex-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.flex-row .flex-item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}


#prandible-modal {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

#prandible-modal * {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
}


@media (max-width: 450px) {
    .col-450-12 {
        width: 100%;
    }
}

@media (max-width: 500px) {
    .col-500-12 {
        width: 100%;
    }
}

@media (max-width: 550px) {
    .col-550-12 {
        width: 100%;
    }
}

@media (max-width: 600px) {
    .col-600-12 {
        width: 100%;
    }
}


/* Larry Logos */

.larry-logos {
    margin: 40px 0 -20px 0;
}

.flex-row.larry-logos .flex-item img {
    max-width: 100px;
    max-height: 26px;
    width: auto;
    height: auto;
}

.flex-row.larry-logos .flex-item {
    padding-left: 0;
}

.wclogo {
    margin-top: 3px;
}

.bplogo {
    margin-top: 0;
}

.blogo {
    margin-top: -3px;
}

.falogo {
    margin-top: -4px;
}

.demo-btn .btn {
    margin-right: 5px;
}

@media (max-width: 767px) {
    .demo-btn .btn {
        display: block;
        margin-bottom: 5px;
    }
}


.highlights-title {
    margin: 30px 0;
    font-size: 33px;
}

@media (min-width: 550px) {
    .highlights-title {
        margin: 30px 0;
        font-size: 44px;
    }
}

@media (min-width: 768px) {
    .highlights-title {
        margin: 30px 0;
        font-size: 64px;
    }
}


/* Features Highlight Templates */

.feature-big {
    margin: 0 0 100px 0;
}

.feature-big .lead {
    font-size: 17px;
}

.col-xs-12.feature-big-img-wrap {
    /*padding: 0;*/
}

.feature-big-img {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    border: none !important;
}

@media (min-width: 992px) {
    .container-full-md {
        max-width: none !important;
        width: 100% !important;
    }

    .righttext-md {
        text-align: right;
    }

}


/* Inspired */

ul#lct-widget-used_products {
    list-style: none outside none;
    padding: 0;
}

ul#lct-widget-used_products li a {
    display: block;
    margin: 0 0 2px 0;
}

@media (min-width: 992px) {
    .inspired-item.tk-product-container:nth-child(3n+1) {
        clear: none;
    }

    .inspired-item.tk-product-container:nth-child(2n+1) {
        clear: left;
    }
}

.inspired-item .tk-product .product-image {
    overflow: hidden;
}

/*.inspired-item .tk-product .product-image:hover {
    opacity: 0.7;
}
.inspired-item .tk-product-link:hover,
.inspired-item .tk-product-link:focus {
	text-decoration: underline;
}*/

.inspired-item .builtwith {
    margin: 20px 0 20px;
    line-height: 2;
    font-size: 13px;
    color: #aaa;
}

.inspired-label {
    background: #3f3f3f;
    /*border: 1px solid rgba(0,0,0,0.06);*/
    font-size: 13px;
    font-weight: normal;
    color: #fff;
    padding: 2px 12px;
    border-radius: 20px;
    opacity: 0.4;
    margin-right: 5px;
}

.inspired-label:hover,
.inspired-label:focus {
    /*background: #ddd;
    border: 1px solid rgba(0,0,0,0.06);
    font-size: 13px;
    font-weight: normal;
    color: #888;
    padding: 2px 12px;
    border-radius: 20px;*/
    opacity: 1;
    color: #fff;
    text-decoration: none;
}

.inspired-btn .button,
.inspired-btn .button:hover,
.inspired-btn .button:focus {
    font-size: 13px;
    padding: 8px 14px;
    text-align: center;
}

@media (max-width: 420px) {
    .inspired-btn .button {
        display: block;
        margin-bottom: 5px;
        text-align: center;
    }
}

.sidebar .inspired-btn .button {
    display: block;
    margin-bottom: 5px;
    text-align: center;
}


/* Inspired Single */

@media (min-width: 992px) {
    .inspired-content-inner {
        padding-right: 30px;
    }
}

.single-inspired #content img {
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
    border: 1px solid #eee;
}

.single-inspired .entry-content-thumbnail img {
    border: 1px solid #e3e3e3;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.06);
    margin-bottom: 25px;
}

.buddyforms-project-data {
    /*font-size: 14px;*/
}

.buddyforms-project-data .heading {
    /*font-size: 17px;*/
    font-weight: bold;
    margin-bottom: 10px;
    /*margin-top: 10px;*/
}

.buddyforms-project-data .sub {
    margin-bottom: 25px;
}


#invites-header {
    color: #fff;
    /*padding: 50px 0;*/
}


#invites-header {
    background-image: url(http://themekraft.com/wp-content/uploads/2019/06/all-in-one-invite-codes-banner-skyline-1544x500.jpg);
    background-size: cover;
}

a#c9-button {
    bottom: 40px !important;
}

div#mtsnb-49874, div#mtsnb-49987, div#mtsnb-51697 {
    top: 58px !important;
}

@media (min-width: 992px) {
    div#mtsnb-49987,
    div#mtsnb-51697,
    div#mtsnb-49874 {
        top: 76px !important;
    }
}

body.page-template-custom-work .elem-captcha {
    display: none;
}

.bf-grid-image-container {
    height: 200px;
    width: 100%;
}

.bf-grid-image-container img {
    object-fit: cover;
    height: 199px;
    width: 100%;
}

.post-51272 header{
    display: none;
}