/* ****************************************************************
Theme Name:phpbuilder (Jan 2018)
Version:2.0

*/

.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-bottom,.cc-animate.cc-revoke.cc-active.cc-top,.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}.cc-link,.cc-revoke:hover{text-decoration:underline}.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-size:13px;line-height:1.5em;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner{padding:.8em 2em;width:100%;-ms-flex-direction:row;flex-direction:row}.cc-revoke{padding:.5em}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:1;display:inline-block;padding:0}.cc-link:hover{opacity:1;color:#6BDF00!important;text-decoration:underline}.cc-link:active,.cc-link:visited{color:-webkit-link!important;font-weight:600}.cc-btn{display:block;padding:.2em .4em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap;border-radius:0}.cc-banner .cc-btn:last-child{min-width:80px;border-radius:5px}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:1;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-banner{-ms-flex-align:center;align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{right:0px;bottom:5px;left:0;max-width:690px;margin:0 auto;border:1px solid #ddd;background:#fafafa!important;color:#111!important;border-radius:4px}.cc-banner .cc-message{-ms-flex:1;flex:1}.cc-compliance{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:justify;align-content:space-between}.cc-compliance>.cc-btn{-ms-flex:1;flex:1}.cc-btn+.cc-btn{margin-left:.5em}@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{-ms-flex-direction:column;flex-direction:column}.cc-window.cc-banner .cc-compliance{-ms-flex:1;flex:1}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{-ms-flex-align:unset;align-items:unset}}.cc-floating.cc-theme-classic{padding:1.2em;border-radius:0}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;-ms-flex:none;flex:none}.cc-theme-classic .cc-btn{border-radius:0}.cc-theme-classic .cc-btn:last-child{min-width:80px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em 2em 1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}.cc-color-override--1880868386 .cc-link, .cc-color-override--1880868386 .cc-link:active, .cc-color-override--1880868386 .cc-link:visited{color: #4b5f6d!important;font-weight: bold;text-decoration: underline;}
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block
}

audio,
canvas,
video {
    display: inline-block;
}

audio:not([controls]),
[hidden] {
    display: none
}

html {
    font-size: 100%;
}

button,
input,
select,
textarea {}

img {
    border: 0
}

figure {
    margin: 0
}

a:focus {
    outline: 0
}

a:hover,
a:active {
    outline: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,
strong,
.strong {
    font-weight: 700
}

dfn,
em,
.em {
    font-style: italic
}

small,
.small,
sub,
sup {
    font-size: 80%
}

ins,
.ins {
    background: none;
    color: #000;
    text-decoration: none
}

mark,
.mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold
}

hr {
    border: none;
    display: block;
    height: 1px;
    border-top: 1px solid #f3f3f3;
    margin: 10px 0 20px;
    padding: 0
}

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    font-size: 1em
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

ul,
ol {
    margin: 1.5em 0;
    padding: 0
}

sub,
sup {
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

form,
fieldset,
form ul,
form ol,
fieldset ol,
fieldset ul {
    margin: 0;
    border: 0
}

legend {
    border: 0;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline
}

button,
input {
    line-height: normal;
    -webkit-appearance: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: none;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    -webkit-appearance: none;
}

input[type="search"] {
    box-sizing: content-box;
    -webkit-appearance: none;
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

.post-content textarea {
    overflow: auto;
    vertical-align: top;
    width: 100%;
    margin-bottom: 30px;
    font-family: monospace;
}

body {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-size: 15px;
    line-height: 1.571em;
    color: #454545;
    background: #f6f6f6;
    margin: 0;
    font-weight: 400;
}

.home article,
.archive article,
.search article {
    display: block;
    padding: 0 0 40px;
    margin-bottom: 25px;
    background: #fff;
    padding: 20px 35px 25px;
    border-radius: 3px;
}

.home .search-menu {
    display: none
}

.single article {
    background: #fff;
    border-radius: 3px;
    padding: 25px 35px 5px 35px
}

.single .meta-category a {
    font-weight: 600;
    border-bottom: 2px solid #6BDF00;
    font-size: 11px;
    margin-right: 10px;
}

.single .meta-category a:hover {
    border-bottom: 2px solid #454545
}

.page article {
    background: #fff;
    border-radius: 3px;
    padding: 25px 35px;
}

#main {
    box-sizing: border-box;
    display: inline;
    float: left;
    position: relative;
    width: 100%;
    padding: 0 340px 0 0;
    margin-right: -360px;
    overflow: hidden;
    margin-top: 40px;
}

.single #main {
    margin-top: 40px;
}

.archives-ad-wrap {
    padding: 40px 40px 40px 0;
    border-bottom: 1px dashed #e1e1e1
}

.archives-ad {
    position: relative
}

.archives-ad .sponsor {
    position: absolute;
    bottom: 6px;
    right: 0;
    padding: 2px 7px;
    text-transform: uppercase;
    font-size: 0.55em;
    font-weight: 700;
    color: #fff;
    background: #454545;
    opacity: 0.7;
}

.sponsored_text {
    font-size: 0.35em;
    text-transform: uppercase;
    color: #bbb
}

h1.post-title .sponsored_text {
    font-size: 0.25em;
}

@media only screen and (max-width:1030px) {
    #main {
        margin-right: 0;
        padding: 0 0 40px
    }
    .page #main {
        padding: 0 0 40px !important
    }
    #content:before {
        border-left: none !important
    }
    #header .banner {
        border-top: 1px dashed #e1e1e1;
        padding: 27px 0 20px;
        text-align: center;
        margin: 0 !important;
        width: 100%;
    }
    #sidebar {
        padding: 0 !important;
        width: 100% !important;
        margin: 0 !important;
    }
    #sidebar .widget {
        text-align: center
    }
    h1.post-title {
        font-size: 2.5em !important;
        padding: 0 !important
    }
    #sidebar .kinsta-widget {
        display: none
    }
    .widget-weekly-news,
    #widget-125ads {
        display: none !important
    }
    #content .news-button {
        margin: 0 !important
    }
    .archives-ad-wrap {
        padding: 25px 0 20px;
    }
    .breadcrumbs {
        padding: 15px 0 !important
    }
    .post-meta .meta-category {
        float: none !important;
        padding: 0;
        width: 100%
    }
    .post-content {
        margin: 0 !important
    }
    .bsa-cpc #_default_ {
        margin-right: 0 !important
    }
}

@media only screen and (max-width:800px) {
    .post-title h2 {
        font-size: 14px !important
    }
    #header .banner {
        display: none !important
    }
    .single .archive-title {
        font-size: 24px !important;
    }
    .breadcrumb-title {
        display: none
    }
    .min-mob {
        display: none !important
    }
}

@media only screen and (max-width:500px) {
    #main .thumb {
        width: 100% !important;
    }
    .meta-date {
        display: none !important
    }
    .page-navi li a,
    .page-navi li span,
    .wp-prev-next li a {
        padding: 2px 10px 2px !important;
    }
    .category-description p {
        font-size: 11px !important
    }
    #sidebar .tabs-stream {
        padding-bottom: 20px !important
    }
    .post-content p {
        font-size: 13px !important;
    }
    .post-content h2 {
        font-size: 16px !important
    }
    .post-content h3 {
        font-size: 15px !important
    }
    .post-content h4 {
        font-size: 14px !important
    }
    .post-content h4 {
        font-size: 13px !important
    }
    .breadcrumbs {
        padding: 10px 0 !important
    }
    .wpcf7 input[type="text"],
    .wpcf7 input[type="email"],
    .wpcf7 textarea {
        width: 85% !important
    }
    .post-content ul li {
        font-size: 0.9em !important;
        line-height: 1.5em !important
    }
    .post-excerpt p {
        font-size: 12px !important;
        line-height: 18px !important
    }
    li.related-snippet a {
        font-size: 12px !important
    }
    .post-content ul,
    .post-content ol {
        line-height: 1.3em !important
    }
}

.page #main {
    margin-top: 40px;
}

.error404 #main {
    padding: 0;
    margin-right: 0
}

.error404 #content:before {
    border-left: none
}

h1.blinking {
    animation: blinker 2.5s linear infinite;
    font-size: 22em;
    text-align: center;
    color: #6BDF00;
    border-bottom: none;
    padding: 50px;
}

@keyframes blinker {
    50% {
        opacity: 0.2;
    }
}

#content .widget {
    margin: 0;
    padding: 0;
    clear: both;
}

#content .widget-title {
    background: #454545;
    color: #fff;
    margin: 0;
    padding: 11px 15px 10px;
    text-align: center;
    font-size: 1em;
}

#content .widget-content {
    color: #454545;
    margin: 0 20px;
    text-align: center;
    padding: 20px;
}

#content #subscribe-text {
    background: #fff;
    border: none;
    font-size: 1em;
    margin: 0 0 5px;
    outline: none;
    padding: 0 0 0 10px;
    width: 62%;
    height: 40px;
    text-align: center;
    -webkit-appearance: none;
    font-family: Open Sans, sans-serif;
    vertical-align: top;
}

#content form {
    width: 60%;
    margin: 0 auto;
}

.wpcf7-form {
    width: 100% !important
}

#content .subscribe-button {
    background: #454545;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 0.85em;
    margin: 0 0 20px -2%;
    font-weight: 700;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
    padding: 0;
    text-decoration: none;
    width: 34%;
    height: 40px;
    -webkit-appearance: none;
    outline: none;
}

#content .subscribe-button:hover {
    background: #587898;
    border: none
}

#content .news-button {
    text-align: center;
    margin: 0 0 40px;
    border-bottom: 1px solid #eee;
    padding: 5px 20px 40px;
}

#content .news-button a {
    position: relative;
    background-color: #333;
    border: none;
    color: #fefefe;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    padding: 9px 25px;
    text-align: center;
}

#content .news-button a .dashicons,
.dashicons-before:before {
    font-size: 16px;
    padding-top: 2px;
}

#content .news-button a:hover {
    background: #454545
}

#content {
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed;
    padding-bottom: 40px;
}

#content:before {
    bottom: 0;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 340px;
    z-index: 0;
    margin: 0;
}

.archive #main,
.search #main {
    margin-top: 40px;
}

#main .thumb {
    float: left;
    width: 27%
}

#main .thumb img {
    margin-top: 8px;
    border: none;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

@media only screen and (max-width:1200px) {
    .container {
        margin: 0 30px;
    }
    .header-search {
        margin: 0 20px 0 0;
    }
}

.left {
    float: left
}

.right {
    float: right
}

.search-term {
    color: #6BDF00
}

.help,
.info,
.error,
.success {
    font-size: 16px;
    line-height: 25px;
    margin: 10px 30px 40px;
    padding: 15px 20px;
    clear: both
}

.help {
    background: #EBE16F
}

.info {
    background: #d5edf8
}

.error {
    background: #fbe3e4
}

.success {
    background: #e6efc2
}

placeholder {
    color: #6BDF00
}

.greybox,
#greybox,
.greybox-tut {
    background: #f1f1f1;
    font-size: 1.15em;
    line-height: 25px;
    margin: 10px 20px 40px;
    padding: 15px 20px 20px;
}

.greybox-tut {
    text-align: center
}

a,
a:visited {
    color: #454545;
    text-decoration: none;
    font-weight: 600
}

a:hover,
a:focus {
    text-decoration: none;
    color: #454545
}

h1,
h2,
h3,
h4,
h5 {
    line-height: 1.2em;
    font-weight: 700
}

h1 {
    font-size: 2.571em;
    line-height: 1.278em
}

h2 {
    font-size: 2.2em;
    line-height: 1.333em;
    margin-bottom: 0.750em
}

h3 {
    font-size: 1.143em;
    line-height: 1.5em
}

h4 {
    font-size: 1em;
    line-height: 1.429em
}

h5 {
    font-size: 0.846em;
    line-height: 2.09em;
    margin: 20px 0 25px;
    padding: 30px 0 0
}

.post-meta {
    font-size: 16px;
    margin: 0;
    padding: 0 0 10px;
}

.post-meta a {
    font-weight: 700;
    color: #454545
}

.post-meta .category-meta a {
    background: #f3f3f3;
    padding: 4px 6px 3px;
    vertical-align: middle;
}

.post-meta .category-meta a:hover {
    background: #454545;
    border-bottom: none;
    color: #fff
}

.post-meta .meta-category {
    font-size: 10px;
    margin-bottom: 10px;
}

.post-meta .meta-category a {
    color: #454545;
    border-bottom: 2px solid #6BDF00;
    font-weight: 600;
    font-size: 10px
}

.post-meta .meta-category a:hover {
    border-bottom: 2px solid #454545
}

.single .post-meta {
    margin: 15px 0;
}

.post-title h2 {
    font-size: 20px;
    margin: 0;
    display: inline;
    font-weight: 800;
    padding: 10px 0;
}

.post-title h2 a:hover {
    text-decoration: underline
}

.post-title-small {
    font-size: 12px;
    margin-bottom: 0;
    font-weight: 600;
}

.post-title-small a {
    color: #fff
}

.post-title-small a:hover {
    ;
    color: #6BDF00;
}

.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5 {
    line-height: 1.333em;
    margin: 0 0 10px;
    padding: 10px 0 0;
    clear: both
}

.post-content h2 {
    font-size: 20px
}

.post-content h2 .small {
    font-size: 16px
}

.post-content h3 {
    font-size: 18px
}

.post-content h4 {
    font-size: 16px
}

.post-content h5 {
    font-size: 14px
}

.post-content {
    margin: 0
}

.post-content #article_content {
    margin: 30px 0 0 0;
}

.post-content #meta,
.post-content .snippet-meta {
    padding: 0;
    font-size: 12px;
    margin: 0 0 10px;
    font-weight: 600;
}

.post-content .download {
    margin-bottom: 30px;
}

.post-content .download a {
    background: #454545;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 3px;
    font-size: 13px;
}

.post-content .download a:hover,
.post-content .download a:focus,
.post-content .download a:active {
    background: #555
}

.post-content p {
    font-size: 15px;
    line-height: 1.6em;
    padding: 0 0 30px;
    margin: 0;
}

.post-content p a {
    border-bottom: 2px solid #6BDF00;
}

.post-content p a:hover {
    text-decoration: none;
    border-bottom: 2px solid;
}

.post-excerpt p {
    font-size: 13px;
    padding: 0;
    line-height: 22px;
    margin: 0;
    text-align: justify;
}

.post-content .thumb img {
    margin: 5px 0 0.714em
}

.post-content img {
    margin: 0 0 1.5em;
    max-width: 100%;
    height: auto
}

.post-content ul,
.post-content ol {
    list-style-position: outside;
    margin: 0 30px 30px;
    padding: 0;
    line-height: 1.7em
}

.post-content ul li {
    list-style-type: disc;
    line-height: 1.7em
}

.post-content ul li a:hover {
    border-bottom: 2px solid #6BDF00;
    text-decoration: none;
}

.post-content ul li a {
    border-bottom: none;
    text-decoration: none;
}

.post-content ul li ul {
    margin-bottom: 0
}

.post-content ul li ul li {
    list-style-type: disc;
    font-size: 0.9em;
    line-height: 1.7em
}

.post-content ol li {
    list-style-type: decimal;
    line-height: 1.7em
}

.post-content blockquote {
    border-left: 6px solid #f3f3f3;
    border-right: 6px solid #f3f3f3;
    font-style: italic;
    padding: 20px 25px 0;
    margin: 0 20px 30px;
    background: #f5f5f5;
    font-size: 0.95em
}

.post-content .pullquote-left {
    border-left: 6px solid #f3f3f3;
    border-right: 6px solid #f3f3f3;
    font-style: italic;
    padding: 20px 20px 10px;
    margin: 5px 30px 30px 0;
    background: #f5f5f5;
    font-size: 0.95em;
    width: 25%;
    float: left
}

.post-content .pullquote-right {
    border-left: 6px solid #f3f3f3;
    border-right: 6px solid #f3f3f3;
    font-style: italic;
    padding: 20px 20px 10px;
    margin: 5px 0 30px 30px;
    background: #f5f5f5;
    font-size: 0.95em;
    width: 25%;
    float: right
}

.category-description {
    padding: 5px 0 5px 0;
    font-size: 15px;
    line-height: 22px;
    margin: 25px 0;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
}

.category-description a {
    font-weight: 600
}

.category-description a:hover {
    border-bottom: 2px solid
}

.sub-cat {
    font-weight: 600;
    border-bottom: 1px solid #f3f3f3;
    padding: 0 0 30px;
    margin: 0 0 30px;
}

img {
    width: auto;
    max-width: 100%;
    height: auto
}

.alignleft,
img.alignleft {
    float: left;
    margin: 0 30px 20px 0
}

.alignright,
img.alignright {
    float: right;
    margin: 0 0 20px 30px
}

.aligncenter,
img.aligncenter {
    text-align: center
}

.post-content video,
.post-content object,
.post-content iframe {
    max-width: 100%;
    border: none;
    margin-bottom: 20px
}

.post-content .fluid-width-video-wrapper {
    margin-bottom: 2.143em
}

.post-content pre {
    background: #fcfcfc;
    border: none;
    padding: 10px 10px;
    font-size: 14px;
    border-radius: 3px;
    font-family: monospace;
    margin-bottom: 30px
}

.post-content code {
    font-size: 11px
}

.avatar-35 {
    margin: 10px 15px -10px 0;
    border-radius: 50px;
    vertical-align: top;
}

.wp-caption {
    max-width: 100%;
    font-style: italic;
    margin: 0 auto;
}

.wp-caption img {
    margin-bottom: 0;
    width: 100%;
    height: auto
}

.wp-caption p.wp-caption-text {
    font-size: 0.9em;
    text-align: center;
    padding: 5px 0 20px
}

table {
    width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: 30px
}

table th,
table td {
    border-top: 1px dashed #e1e1e1;
    background: none !important;
}

table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
    border-top: 0
}

.table-wrapped {
    border: 1px solid #ddd;
    border-collapse: separate;
    border-left: 0
}

.table-wrapped th,
.table-wrapped td {
    border-left: 1px solid #ddd
}

.table-wrapped caption + thead tr:first-child th,
.table-wrapped caption + tbody tr:first-child th,
.table-wrapped caption + tbody tr:first-child td,
.table-wrapped colgroup + thead tr:first-child th,
.table-wrapped colgroup + tbody tr:first-child th,
.table-wrapped colgroup + tbody tr:first-child td,
.table-wrapped thead:first-child tr:first-child th,
.table-wrapped tbody:first-child tr:first-child th,
.table-wrapped tbody:first-child tr:first-child td {
    border-top: 0
}

.information {
    background-color: #efefef;
    margin-bottom: 30px;
    padding: 24px 30px 24px 30px;
    font-size: 1.1em;
    text-align: center
}

.information.information-red {
    background-color: #FFBEBE
}

.information.information-blue {
    background-color: #D5D5FF
}

.information.information-inverse {
    background-color: #454545;
    color: #fff
}

.button-med,
.button-med:visited,
.button-med-tut,
.button-med-tut:visited,
.btn,
.btn:visited {
    position: relative;
    background-color: #333;
    border: none;
    color: #fefefe;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.5;
    margin: 0;
    padding: 6px 20px 7px;
    text-align: center
}

.button-med:hover,
.button-med-tut:hover,
.btn:hover,
.btn:focus,
.btn:active,
.btn:visited:hover,
.btn:visited:focus,
.btn:visited:active {
    background-color: #454545;
    color: #fff;
    outline: none;
    border-bottom: none
}

.single section {
    margin-bottom: 0 !important;
    border-bottom: none
}

.single .post-content img,
.single .post-content img a {
    margin: 10px auto 0
}

.single .post-content img a:hover {
    border-bottom: none
}

.breadcrumbs {
    border-bottom: 1px solid #efefef;
    font-size: 10px;
    margin: 0;
    padding: 10px 0 10px 0;
    border-top: none;
    text-transform: uppercase;
    font-weight: 600;
}

.breadcrumbs .fa {
    padding: 0 5px;
}

.breadcrumbs a {
    color: #333
}

.breadcrumbs a:hover {
    text-decoration: underline
}

.rss-feed {
    padding: 0;
    color: #6BDF00 !important;
    margin: 0;
}

.rss-feed:hover {
    color: #454545 !important;
    border-bottom: none
}

.rss-feed .dashicons,
.dashicons-before:before {
    width: 20px !important;
    height: 13px !important;
    font-size: 13px !important;
}

.rss-feed .dashicons-rss:before {
    font-size: 13px !important;
}

.search-title {
    font-size: 24px;
    margin: 0;
    padding: 0 0 20px 0;
    line-height: 1.333em;
    font-weight: 700;
}

.archive-title {
    font-size: 24px;
    margin: 0;
    padding: 0;
    line-height: 1.333em;
    font-weight: 700;
}

.single .archive-title {
    font-size: 28px;
    padding: 15px 0;
}

.page .archive-title {
    padding: 0 0 20px 0;
    margin: 0
}

.author-profile {
    border-bottom: 1px solid #f3f3f3;
    font-size: 1.2em;
    line-height: 26px;
    margin: -15px 0 0;
    padding: 0 0 30px
}

.post-nav {
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3;
    margin: 40px 0;
    padding: 0;
    position: relative
}

.post-nav:before {
    content: "";
    position: absolute;
    display: block;
    left: 50%;
    top: 0;
    width: 0;
    height: 100%;
    border-right: 1px solid #f3f3f3;
    z-index: 0
}

.post-nav a {
    display: block;
    width: 50%;
    padding: 15px 0;
    text-decoration: none;
    box-sizing: border-box
}

.post-nav a .post-title-small,
.post-nav a .meta {
    padding: 0;
    font-size: 1.2em;
    font-weight: 600
}

.post-nav a[rel=prev] {
    float: left;
    padding: 25px 25px 25px 0
}

.post-nav a[rel=next] {
    float: right;
    text-align: right;
    padding: 25px 0 25px 25px
}

.post-nav a:hover {
    color: #454545
}

.page-navigation {
    margin: 30px 0 0;
    text-align: center;
    padding: 0;
}

.page-navi {
    list-style: none;
    margin: 0;
}

.page-navi li {
    display: inline-block;
}

.page-navi li:last-child a {
    padding-right: 5px;
    border-right: none
}

.page-navi li a,
.page-navi li span,
.wp-prev-next li a {
    padding: 5px 12px 4px;
    margin: 0 3px;
    display: block;
    text-decoration: none;
    position: relative;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 14px;
}

.page-navi li a:hover {
    text-decoration: underline
}

.page-navi li .current {
    color: #fff;
    background: #454545;
    border-right: none;
    border-radius: 3px
}

.not-found .post-content,
.error404 .post-content,
.page .post-content {
    border-bottom: none
}

.search .page .post-content {
    border-bottom: #ddd 1px dotted
}

.wp-prev-next .prev-link {
    float: left
}

.wp-prev-next .next-link {
    float: right
}

#searchform {
    border: none;
    padding-left: 10px;
    position: relative;
    padding-right: 12px;
    margin: 0 auto;
    font-size: 15px;
    width: 700px;
    height: 30px;
    font-weight: 400;
    font-family: Open Sans;
}

#searchform label {
    display: none
}

#searchform #s {
    border: none;
    outline: none;
    background: #fff;
    color: #333;
    font-size: 1em;
    padding: 0 20px;
    width: 522px;
    position: absolute;
    left: 0;
    height: 45px;
    font-weight: 400;
    font-family: Open Sans;
    font-size: 14px;
}

#searchform select {
    position: absolute;
    right: 130px;
    top: 0;
    width: 130px;
    height: 45px;
    border: none;
    background: #efefef;
    padding: 0 10px;
    font-weight: 400;
    font-family: Open Sans;
    font-size: 14px;
    outline: none;
    color: #454545;
}

#searchform #searchsubmit {
    padding: 0;
    border: none;
    float: right;
    margin-top: 0;
    display: block;
    position: absolute;
    width: 130px;
    right: 0;
    top: 0;
    height: 45px;
    color: #fff;
    font-weight: 600;
    font-family: Open Sans;
}

#searchform #searchsubmit:hover {
    color: #6BDF00
}

#main .related-container {
    margin-bottom: 0;
    font-size: 0.95em;
    clear: both;
}

#main .related-container h2 {
    font-size: 1.9em;
    border-top: 1px solid #f3f3f3;
    margin: 10px 0 20px;
    padding: 25px 0 10px;
}

#main .related-content {
    padding: 0;
    margin: 20px 0;
}

#main .related-stream {
    margin: 0;
    float: left;
    width: 45%;
    padding: 0 2.5% 0 0;
}

#main .related-stream:nth-child(2),
#main .related-stream:nth-child(4),
#main .related-stream:nth-child(6) {
    padding: 0 0 0 2.5%
}

@media only screen and (max-width:750px) {
    #main .related-stream {
        width: 95% !important;
        padding: 0 !important
    }
    #main .related-stream:nth-child(2),
    #main .related-stream:nth-child(4),
    #main .related-stream:nth-child(6) {
        padding: 0
    }
    .related-thumb {
        display: none !important
    }
    #main .related-stream .post-title-small {
        padding: 0 0 15px !important
    }
    #main .related-stream .post-title-small:before {
        content: "- ";
        color: #454545
    }
}

#main .related-stream .meta {
    margin: 2px 0 0;
    color: #999;
    font-size: 10px;
    display: inline-block;
}

#main .related-stream .post-title-small {
    display: -webkit-box;
    margin: 0;
    border-top: none;
    padding: 0;
    clear: none;
    font-size: 1.1em;
    color: #333;
}

#main .related-stream .related-thumb img {
    width: 35px;
    margin: 3px 15px 40px 0;
    float: left;
}

#main .comments {
    clear: both;
    border-top: 1px dashed #e1e1e1;
    padding-bottom: 40px
}

#main .comments .comments-title {
    font-size: 22px;
    line-height: 1.333em;
    margin: 10px 0 20px;
    padding: 20px 0 0;
    clear: both;
}

@media only screen and (max-width:600px) {
    #home-hero {
        padding: 30px 0 15px!important
    }
    .hero-content h2 {
        font-size: 12px!important;
        line-height: 20px!important;
    }
    .dashicons-menu:before,
    .dashicons-search:before {
        margin: 0;
        padding: 0 !important
    }
    .footer-wrap .left,
    .footer-wrap .right {
        width: 100%;
        float: none;
        text-align: center
    }
    #footer .footer-wrap a {
        margin: 0 5px
    }
    .hero-content h1 {
        font-size: 20px!important
    }
    .hero-content h2 {
        font-size: 11px!important
    }
    .hero-content {
        padding: 0 20px!important
    }
    #searchform {
        display: none
    }
}

@media only screen and (max-width:450px) {
    .container {
        margin: 0 15px !important
    }
    .med-mob {
        display: none !important
    }
}

#sidebar {
    padding: 0;
    display: inline;
    float: left;
    position: relative;
    box-sizing: border-box;
    width: 300px;
    margin: 40px 0 0 60px
}

#sidebar .tab-container {
    margin-bottom: 0;
    font-size: 0.95em;
    border-radius: 3px;
    margin-top: 30px;
    background: #333738;
    background: -moz-linear-gradient(-45deg, #333738 0%, #111111 100%);
    background: -webkit-linear-gradient(-45deg, #333738 0%, #111111 100%);
    background: linear-gradient(135deg, #333738 0%, #111111 100%);
}

#sidebar .tab-content {
    padding: 5px 20px 15px
}

#sidebar .tabs-stream .meta {
    margin: 0;
    color: #eee;
    font-size: 10px;
    font-weight: 400;
}

#sidebar .tabs-stream {
    border-bottom: 1px solid rgba(61, 65, 66, 0.65);
    margin: 0 0 15px;
    padding: 0 0 10px;
}

#sidebar .tabs-stream:last-child {
    margin-bottom: 0;
    border-bottom: none;
    padding: 0;
}

#sidebar .tabs-stream .thumb img {
    width: 60px;
    height: 60px;
}

#sidebar .tabs-stream .thumb {
    float: left;
    margin: 0 20px 0px 0;
}

#sidebar .widget {
    margin: 0 0 50px 0;
    padding: 0;
    clear: both;
    font-size: 0.95em;
}

#sidebar .widget-title {
    background: none;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    margin: 0;
    padding: 10px 15px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 3px 3px 0 0;
    border-bottom: 1px solid rgba(61, 65, 66, 0.65);
}

#footer {
    font-size: 12px;
}

#footer h3,
#footer h4 {
    border-top: none;
    margin: 0;
    padding: 0 0 5px;
    line-height: 15px;
    text-transform: uppercase;
    font-size: 1em;
}

#footer ul {
    margin: 0.5em 0
}

#footer li {
    display: inherit;
    list-style: none;
    padding-bottom: 3px;
}

#footer a {}

#footer a:hover {
    border-bottom: 2px solid #6BDF00;
}

#footer .footer-wrap a {
    margin: 0 20px 0 0;
}

#footer .footer-content {
    padding: 10px 0 20px;
    text-align: center
}

#footer .footer-content li {
    display: inline;
    padding: 0 20px;
    line-height: 30px
}

#footer .footer-content ul {
    padding: 20px 0 0
}

.archive .bsa-cpc,
.search .bsa-cpc,
.home .bsa-cpc {
    margin-bottom: 25px;
}

.archive .bsa-cpc #_default_,
.search .bsa-cpc #_default_,
.home .bsa-cpc #_default_ {
    background: #fff;
    padding: 1em 35px;
    border-bottom: none;
    border-radius: 3px;
}

.bsa-cpc {
    padding: 0;
    margin-bottom: 15px;
    font-family: Open Sans;
}

.bsa-cpc #_default_ {
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 1000px;
    font-size: 13px;
    line-height: 1.5;
    padding: 0 0 1em 0;
    border-bottom: 1px solid #eee;
}

.bsa-cpc .default-ad {
    display: none;
}

.bsa-cpc ._default_ {
    display: inline;
    overflow: hidden;
    line-height: 1.5;
}

.bsa-cpc ._default_ > * {
    vertical-align: middle;
}

.bsa-cpc a {
    color: #454545;
    text-decoration: none;
    transition: color .2s ease-in-out;
}

.bsa-cpc a:hover {
    color: #000;
}

.bsa-cpc .default-image img {
    display: none;
}

.bsa-cpc .default-title:after {
    content: " — ";
}

.bsa-cpc .default-title,
.bsa-cpc .default-description {
    display: inline;
}

.bsa-cpc .default-title {
    position: relative;
    margin-left: 8px;
}

.bsa-cpc a {
    text-decoration: none;
    transition: color .2s ease-in-out;
}

.bsa-cpc a:hover {
    color: #000;
}

.bsa-cpc .default-image img {
    display: none;
}

.bsa-cpc .default-title:after {
    content: " — ";
}

.bsa-cpc .default-title,
.bsa-cpc .default-description {
    display: inline;
}

.bsa-cpc .default-title {
    position: relative;
    margin-left: 8px;
}

.bsa-cpc .default-title:before {
    position: relative;
    top: -1px;
    left: -8px;
    padding: 4px 5px;
    border: solid 1px #6BDF00;
    color: #6BDF00;
    content: "Sponsor";
    text-transform: uppercase;
    font-size: 10px;
    font-family: Open Sans, sans-serif;
}

.bsap_backfillframe {
    border: 0 none;
    margin: 0 0 30px
}

div.bsap_1253539 img {
    margin: 0 0 30px
}

div.bsap_1235147 a {
    float: none
}

#div-gpt-ad-300x250-BTF-1,
#div-gpt-ad-300x250-BTF-2,
#div-gpt-ad-300x250-BTF-3 {
    margin-bottom: 30px
}

#widget-125ads {
    background: #f2f2f2;
    padding: 9px 0 14px 17px;
    margin: 0 0 50px;
    clear: both;
    height: 140px;
}

#widget-125ads a img {
    padding: 10px 15px 0 2px;
    margin: 0
}

img.alignright {
    float: right;
    margin: 0 0 1em 1em
}

img.alignleft {
    float: left;
    margin: 0 1em 1em 0
}

img.aligncenter {
    display: block;
    margin: 10px auto 0
}

.wpcf7 label {
    font-weight: 600;
    font-size: 13px
}

.wpcf7 input.wpcf7-file {
    background: #fff;
    border: 1px solid #eee;
    color: #454545;
    display: inline-block;
    outline: none;
    font-size: 14px;
    margin: 0;
    font-weight: 400;
    font-family: Open Sans;
    padding: 10px;
    text-decoration: none;
    width: 240px;
    height: 23px;
    -webkit-appearance: none;
    border-radius: 3px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"] {
    background: #fff;
    color: #454545;
    width: 300px;
    border: 1px solid #eee;
    padding: 5px 10px;
    font-size: 14px;
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    border-radius: 3px
}

.wpcf7 textarea {
    background-color: #fff !important;
    color: #454545;
    width: 400px;
    border: 1px solid #eee;
    padding: 10px;
    font-size: 14px;
    font-family: Open Sans, sans-serif;
    font-weight: 400;
    border-radius: 3px;
    margin-bottom: 0
}

.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 textarea:focus {
    border: 1px solid #ddd;
    outline: none;
}

.wpcf7 input {
    background: #454545;
    border: none;
    color: #fff;
    display: inline-block;
    outline: none;
    font-size: 14px;
    margin: 0;
    font-weight: 600;
    font-family: Open Sans, sans-serif;
    padding: 0;
    text-decoration: none;
    width: 130px;
    height: 35px;
    -webkit-appearance: none;
    border-radius: 3px;
}

.screen-reader-response {
    display: none
}

.wpcf7-not-valid-tip {
    font-size: 12px;
    font-weight: 600;
    padding: 0 0 0 20px
}

.footer-content-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.footer-wrap {
    width: 100%;
    border-bottom: none;
    padding: 0 0 10px;
    text-align: center;
    font-weight: 600;
    font-size: 0.95em;
    display: inline-block;
    box-sizing: border-box;
}

@media (max-width:680px) {
    .single-category-ad,
    .single-category-banner {
        display: none !important;
    }
    .max-mob {
        display: none !important
    }
}

h2.related-posts {
    border-top: 1px solid #efefef;
    padding-top: 25px;
    font-size: 20px
}

#header {
    width: 100%;
    border-bottom: 1px solid rgba(61, 65, 66, 0.25);
    background: #333738;
    background: -moz-linear-gradient(-45deg, #333738 0%, #111111 100%);
    background: -webkit-linear-gradient(-45deg, #333738 0%, #111111 100%);
    background: linear-gradient(135deg, #333738 0%, #111111 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333738', endColorstr='#111111', GradientType=1);
}

#header:after {
    content: "";
    clear: both;
    display: block
}

.header-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    z-index: 101
}

#menu-icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    margin-right: 30px;
    display: none;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    z-index: 102;
}

#menu-icon .fa {
    font-size: 11px;
    padding: 0 2px 0 0;
}

.logo {
    float: left;
    padding: 11px 0 6px;
}

.logo img {
    width: 135px
}

nav {
    float: right;
}

nav > ul {
    float: right;
    position: relative;
    margin: 0;
}

nav li {
    list-style: none;
    float: left;
    position: relative
}

nav li .categories-text {
    display: none
}

nav li.submit-js a {
    background: #6BDF00;
    color: #222;
    border-radius: 3px;
    padding: 5px 20px 4px;
    margin: 6px 0 6px 25px
}

nav li.submit-js a:hover {
    text-decoration: underline;
}

nav li.forum a {
    color: #6BDF00
}

nav .nav-item {
    padding: 0 0 0 3px
}

nav li.drop-menu a {
    color: #fff;
}

nav .dropdown {
    position: relative
}

nav li a {
    float: left;
    padding: 11px 20px;
    font-size: 12px;
    font-weight: 600;
}

nav form {
    margin: 9px 0 0 15px;
}

nav input[type="submit"] {
    background: rgba(255, 255, 255, 0.115);
    border: none;
    font-weight: 600;
    font-size: 11px;
    outline: none;
    font-family: Open Sans;
    margin: 0;
    padding: 8px 10px;
    cursor: pointer;
    width: 60px;
    -webkit-appearance: none;
    color: #fff;
    float: left;
    border-radius: 0 3px 3px 0;
}

nav input[type="submit"]:hover {
    color: #6BDF00
}

nav input[type="text"] {
    border: none;
    outline: none;
    margin: 0;
    padding: 8px 15px;
    color: #aaa;
    box-sizing: border-box;
    -webkit-appearance: none;
    width: 200px;
    font-family: Open Sans;
    font-size: 11px;
    float: left;
    font-weight: 400;
    border-radius: 3px 0 0 3px;
}

::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #888;
}

::-moz-placeholder {
    /* Firefox 19+ */
    color: #888;
}

:-ms-input-placeholder {
    /* IE 10+ */
    color: #888;
}

:-moz-placeholder {
    /* Firefox 18- */
    color: #888;
}

li.forum:hover > a {
    background: #000;
    color: #6BDF00;
}

li.drop-menu:hover > a {
    background: #000;
    color: #6BDF00;
}

li.drop-menu:active > a {
    background: #000;
    color: #6BDF00;
}

nav li:active {
    background: #111
}

nav li a .fa {
    font-size: 11px;
    padding: 0 4px 0 0;
}

nav li.submit-js a .fa {
    padding: 0 0 0 5px
}

nav li:focus {
    background: #111
}

nav li ul {
    display: none
}

nav li:hover ul {
    display: inline
}

nav li li {
    float: none
}

nav .dropdown ul {
    position: absolute;
    left: 0;
    top: 100%;
    background: #fff;
    padding: 20px 0;
    border-bottom: 3px solid #34495e
}

nav .dropdown li {
    white-space: nowrap
}

nav .dropdown li a {
    padding: 10px 35px;
    font-size: 13px;
    min-width: 200px
}

nav .mega-dropdown {
    width: 370px;
    border-radius: 0 0 6px 6px;
    position: absolute;
    top: 45px;
    right: 0;
    background: #000;
    overflow: hidden;
    padding: 0;
    z-index: 101;
    margin: 0;
}

nav li li a {
    float: none;
    color: #fff;
    display: block;
    padding: 10px 20px;
    border-radius: 0 0 5px 5px;
    font-size: 12px;
    border-right: 1px solid #222;
    border-top: 1px solid #222;
}

nav li li a:hover {
    color: #6BDF00;
    border-radius: 3px
}

.mega-50 {
    width: 50%;
    float: left;
    margin: 0
}

.mega-100 {
    width: 100%;
    float: left;
    margin: 0
}

#menu-icon {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -12px;
    margin-right: 30px;
    display: none;
    font-size: 12px;
    font-weight: 600;
    color: #fff;
    z-index: 102
}

#menu-icon .fa {
    font-size: 11px;
    padding: 0 2px 0 0;
}

#menu-icon:active {
    color: #6BDF00
}

@media only screen and (max-width: 1230px) {
    li.submit-js a {
        margin-right: 20px !important;
    }
}

@media only screen and (min-width: 860px) {
    nav {
        display: block!important
    }
}

@media only screen and (max-width: 860px) {
    nav {
        display: none;
        width: 100%;
        clear: both;
        float: none;
        max-height: 400px;
        overflow-y: scroll
    }
    #searchform {
        width: 460px!important;
    }
    #searchform #s {
        width: 400px!important
    }
    #searchform select {
        display: none!important
    }
    #menu-icon {
        display: inline;
        top: 23px;
        cursor: pointer
    }
    #menu-icon.active {
        color: #6BDF00
    }
    .search {
        float: none
    }
    .search input {
        width: 100%
    }
    nav {
        padding: 10px
    }
    nav ul {
        float: none
    }
    nav li {
        float: none;
        clear: both;
    }
    nav ul li a {
        float: none;
        padding: 8px;
        display: block
    }
    nav li.submit-js a {
        margin: 6px 0
    }
    li.drop-menu:hover > a {
        background: none
    }
    #header nav ul ul {
        display: block;
        position: static;
        background: none;
        border: none;
        padding: 0;
        width: 100%
    }
    #header nav a {
        padding: 8px
    }
    #header nav li li a {
        width: 100%;
        float: left
    }
    #header nav ul li li a:before {
        content: "- "
    }
    .mega-50,
    .mega-50 {
        width: 100%;
        text-align: left
    }
    nav li .categories-text {
        display: inline
    }

}

#home-hero {
    width: 100%;
    padding: 80px 0 120px;
    position: relative;
    margin-bottom: 0;
    background: #333738;
    background: -moz-linear-gradient(-45deg, #333738 0%, #111111 100%);
    background: -webkit-linear-gradient(-45deg, #333738 0%, #111111 100%);
    background: linear-gradient(135deg, #333738 0%, #111111 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333738', endColorstr='#111111', GradientType=1);
}

.hero-content-container {
    height: 100%;
    display: table;
    width: 100%;
}

.hero-content {
    margin-left: auto;
    margin-right: auto;
    padding-left: 40px;
    padding-right: 40px;
    position: relative;
    text-align: center;
    color: #fff;
}

.hero-content h1 {
    display: block;
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 600;
}

.hero-content h2 {
    display: block;
    font-size: 13px;
    line-height: 28px;
    font-weight: 300;
    margin-bottom: 40px;
}

.hero-content input[type="text"],
textarea {
    border: none;
    outline: none;
    margin: 0;
    padding: 0 15px;
    background: #ffffff;
    color: #111;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    border-radius: 0;
    height: 50px;
    width: 600px;
    font-size: 14px;
    font-family: Open Sans;
    font-weight: 400;
    border-radius: 3px 0 0 3px;
    border: 2px solid #222;
    float: none;
}

.hero-content input[type="submit"] {
    background: #313131;
    border: none;
    height: 50px;
    width: 140px;
    font-size: 14px;
    outline: none;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin: 0 0 0 -5px;
    padding: 0 20px;
    border-radius: 0 3px 3px 0;
    cursor: pointer;
    -webkit-appearance: none;
    font-weight: 600;
    float: none;
}

.phpbuilder-meta {
    margin-bottom: 30px;
    border-bottom: 1px solid #efefef;
    padding-bottom: 0;
}

.phpbuilder-meta:after {
    content: "-";
    color: transparent
}

.phpbuilder-meta > div {
    float: left;
    font-size: 11px;
    font-weight: 600;
    padding-right: 3px;
}

.native-js {
    visibility: hidden;
    transition: all .25s ease-in-out;
    opacity: 0;
    font-family: Open Sans, sans-serif;
}

.native-show {
    visibility: visible;
    opacity: 1;
}

.native-img {
    margin-right: 20px;
    max-height: 50px;
    border-radius: 3px;
}

.native-flex {
    display: flex !important;
    width: 100%;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    text-decoration: none;

    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
}

.native-main {
    display: flex;

    flex-flow: row nowrap;
    align-items: center;
}

.native-details {
    display: flex;
    margin-right: 10px;

    flex-flow: column nowrap;
}

.native-company {
    margin-bottom: 4px;
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 0.7rem;
    font-weight: 600;
}

.native-desc {
    letter-spacing: 1px;
    font-weight: 300;
    line-height: 1.4;
    font-size: 0.95rem;
}

.native-cta {
    padding: 10px 14px;
    border-radius: 3px;
    box-shadow: 0 6px 13px 0 hsla(0, 0%, 0%, .15);
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: 1px;
    font-weight: 400;
    font-size: 0.8rem;
    transition: all .3s ease-in-out;
    transform: translateY(-1px);
}

.native-cta:hover {
    box-shadow: none;
    transform: translateY(1px);
}

.envato-results{
    padding: 20px 0 15px;
    margin: 0 0 25px;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;}

.archive .envato-results{
    padding: 0 0 15px;
    margin: 0 0 25px;
    border-bottom: 1px solid #ededed;
    border-top: none}

.single .envato-results{
    padding: 0 0 5px;
    margin: 0 0 25px;
    border-bottom: none;
    border-top: none}

.envato-results h2{
    margin: 0 0 10px;
    padding: 0;
    font-size: 14px;}

.envato-results ul {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row;
    list-style: none;
    padding: 0;
    margin: 0 -10px;
}

.envato-results li {
    display: list-item;
    margin: 4px 10px;
    flex-basis: calc(25% - 20px);
    overflow: hidden;
}

.envato-results li img {
    width: 100%;
    height: auto;
}

@media only screen and (max-width:600px) {
    .envato-results{display:none}
    
}