/*!
Theme Name: 15Zine
Theme URI: https://themeforest.net/item/15zine-hd-magazine-newspaper-wordpress-theme/10802918
Author: Codetipi
Author URI: https://codetipi.com
Description: Responsive, modern and clean Wordpress theme.
Version: 3.3.9.8
Text Domain: 15zine
License: http://themeforest.net/licenses/regular_extended
License URI: http://themeforest.net/licenses/regular_extended
Requires at least: 5.0
Requires PHP: 5.6
Tested up to: 5.7.0
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
*/
.block-wrap-quote blockquote,
ol ol,
ol ul,
ul ol,
ul ul {
    margin-bottom: 0;
    margin-top: 0
}

.gallery-item,
blockquote,
q,
sup {
    position: relative
}

.block-wrap .cb-article-row img,
.cb-style-1 .cb-mask img {
    min-width: 100%
}

.block-da img,
.cb-small-squares-widget li img,
.gallery-item,
.logo a,
.logo img,
.preview-classic .byline-1 .byline-part,
.preview-classic .byline-1 .byline-part a,
.woocommerce table img,
.wp-block-image img {
    vertical-align: top
}

#cb-bg-to,
.slider-arrow,
.tipi-button,
.tipi-small-print:hover,
button {
    cursor: pointer
}

[class^=codetipi-15zine-i-],
body {
    -moz-osx-font-smoothing: grayscale
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0;
    -webkit-font-smoothing: antialiased
}

.cb-no-more .cb-end,
.cb-toggler.cb-on .cb-toggle-content,
.entry-content>span,
.fb_iframe_widget,
.hero-l.format-gallery .hero,
.instagram-pics li a,
.secondary-menu-wrap ul li a:not(.vertical-c),
.tabber .widget-wrap:not(.loaded) .widget:first-child,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
li,
main,
nav,
section,
summary {
    display: block
}

blockquote,
dl,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
p,
ul {
    margin: 0.67em 0;
    padding: 0
}




.entry-content dt,
strong {
    font-weight: 700
}

.byline .byline-part a,
.byline a,
.cb-body-light .byline-shaded .byline-part:not(.cats):hover a,
.hero-wrap .meta-with-color .byline,
.hero-wrap .meta-with-color .subtitle,
.hero-wrap .meta-with-color a,
.hero-wrap .meta-with-color h1,
.title-fixed .hero-meta .byline a,
.title-fixed .hero-meta .title a,
.title-fixed .meta-wrap .share-it-text a,
.title-middle .hero-meta .byline a,
.title-middle .hero-meta .title a,
.title-middle .meta-wrap .share-it-text a,
.title-middle-bl .hero-meta .byline a,
.title-middle-bl .hero-meta .title a,
.title-middle-bl .meta-wrap .share-it-text a,
a,
button {
    color: inherit
}

.lwa-terms a,
a,
a:visited,
abbr,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
ins {
    text-decoration: none
}

#wp-calendar a,
.cb-mob-menu .cb-mob-menu-wrap ul li a:hover,
.lwa-status a {
    text-decoration: underline
}

button {
    overflow: visible;
    border: 0;
    font: inherit;
    -webkit-font-smoothing: inherit;
    letter-spacing: inherit;
    background: 0
}

[class^=codetipi-15zine-i-],
body {
    -webkit-font-smoothing: antialiased
}

::-moz-focus-inner {
    padding: 0;
    border: 0
}

.flickity-enabled:focus,
:focus {
    outline: 0
}

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

code,
kbd,
pre,
samp,
tt {
    color: #555;
    padding: 3px 5px;
    font-size: .8666666em;
    background-color: #cce7ff
}

mark,
pre {
    background: #eee
}

kbd {
    background: #111;
    border-radius: 2px;
    color: #fff;
    padding: 4px 8px;
    margin: 0 5px
}

code,
kbd,
pre,
samp,
tt,
var {
    font-family: "Roboto Mono", Monaco, courier, monospace
}

.clearfix:after,
.commentlist .comment-body:after {
    content: "";
    display: block;
    clear: both
}

* {
    box-sizing: border-box
}

hr {
    height: 1px;
    background: #d5d5d5;
    margin: -1px 0 30px;
    border: 0
}

b,
em,
small,
strong {
    line-height: 1
}

.gallery-icon,
.logo a,
.logo h1,
.logo-h1,
sup {
    line-height: 0
}

sup {
    vertical-align: baseline;
    top: -.5em
}

sub {
    bottom: -.25em
}

blockquote,
q {
    margin: 45px 0 45px 10%;
    width: 80%
}

blockquote:before,
q:before {
    content: '\e908';
    font-family: codetipi-15zine;
    position: absolute;
    left: -10%;
    font-style: normal;
    transform: scale(-1, 1)
}

.align-fs .wp-caption.alignnone .size-full,
.cb-mob-menu .cb-mob-menu-wrap .sub-menu li:last-of-type,
.cb-sidebar-widget:last-child,
.codetipi-15zine-stylish-posts article:last-of-type,
.comment-form .comment-form-cookies-consent label,
.entry-content .wp-caption.alignleft,
.entry-content .wp-caption.alignright,
.inline-post .block-wrap .block-inner-style,
.singular-block-header,
blockquote p:last-child,
q p:last-child {
    margin-bottom: 0
}

blockquote cite,
blockquote+p cite,
q cite,
q+p cite {
    font-size: 12px;
    display: block;
    margin-top: .7em;
    margin-bottom: 1.4em
}

.mm-51 .menu-wrap>.sub-menu>li .sub-menu,
.pagination .current:hover,
.rounded-img.codetipi-15zine-stylish-posts-wrap .media-tr:hover .icon-bg,
.rtl blockquote:before,
.rtl q:before {
    transform: none
}

.wp-block-pullquote,
.wp-block-quote.is-large {
    padding-left: 40px
}

.wp-block-pullquote blockquote,
.wp-block-quote.is-large blockquote {
    margin: 0;
    width: 100%
}

.wp-block-pullquote blockquote:before,
.wp-block-quote.is-large blockquote:before {
    left: -40px
}

.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
    max-width: 40%;
    padding: 0
}

.wp-block-pullquote.alignleft {
    padding-left: 0;
    text-align: left
}

.menu-icons>li>a,
.tipi-fse .wp-caption-text,
.title-above-c .share-it-4.share-it-bold,
.title-beneath-c .share-it-4.share-it-bold {
    padding-left: 10px
}

.br-option,
.cb-ta-right,
.lwa-cancel-wrap,
.wp-block-pullquote.alignright {
    text-align: right
}

.wp-block-pullquote.alignright blockquote {
    padding-left: 30px
}

.site-mob-menu-a-4.mob-open .sticky-menu-2 .stuck.active,
.tile-design-4 .icon-base-3,
.wp-block-pullquote.alignright blockquote:before {
    left: 0
}

.block-da-cb_banner_code,
.block-piece,
.bottom-options .bl-option:last-child label,
.cb-a-large,
.cb-a-medium,
.cb-fw,
.cb-post-large,
.entry-content .alignnone img,
.inline-post .block article .meta,
.instagram-pics li img,
.md-11 .hero-wrap audio,
.meta-wrap,
.preview-thumbnail,
.site-footer .cb-footer-x .cb-one,
.site-footer .cb-footer-x .cb-three,
.site-footer .cb-footer-x .cb-two,
.site-inner .post-password-form p:nth-child(2) label,
.slider-sync-wrap,
.split,
.tipi-logged-in,
.tipi-logged-out-wrap,
.tipi-lwa .lwa-submit-button input,
.tipi-lwa .tipi-button,
.tipi-xs-12,
.wp-block-quote.is-large,
.wp-block-video video {
    width: 100%
}

q {
    font-size: 1em;
    margin: 30px 10px 30px 30px
}

cite {
    font-style: italic
}

dt {
    font-weight: 700;
    margin-bottom: 15px
}

dd {
    padding: 0 0 15px 15px;
    margin-left: 0;
    font-size: .9em;
    color: #787878;
    margin-bottom: 1.5em
}

acronym {
    border-bottom: 1px dotted #888;
    cursor: help
}

table {
    width: 100%;
    margin-bottom: 30px
}

table .shipping,
table th {
    font-weight: inherit
}

table td,
table th {
    border-top: 1px solid #f1f1f1;
    padding: 15px 10px
}

.woocommerce table img {
    width: 75px
}

.byline-9,
.cb-toggler,
address {
    margin-bottom: 15px
}

ul {
    list-style: none
}

.block-html-content ol li,
.block-html-content ul li,
.entry-content ol li,
.entry-content ul li {
    display: list-item
}

.block-html-content ol li ol,
.block-html-content ol li ul,
.block-html-content ul li ol,
.block-html-content ul li ul,
.entry-content ol li ol,
.entry-content ol li ul,
.entry-content ul li ol,
.entry-content ul li ul {
    margin: 0 0 0 1em
}

.block-html-content ol,
.block-html-content ul,
.entry-content ol,
.entry-content ul {
    margin-left: 1em;
    list-style-position: outside;
    margin-bottom: 1em
}

.block-html-content ul,
.entry-content ul {
    list-style: disc
}

.block-html-content iframe,
.entry-content .cb-video-frame,
.entry-content .tabber .widget-wrap .widget p,
.entry-content iframe {
    margin: 20px 0
}

.entry-content ol,
ol {
    list-style-type: decimal
}

.codetipi-15zine-widget li {
    margin: 6px 0
}

pre {
    overflow: auto;
    padding: 15px
}

.entry-content object,
.entry-content video,
object,
video {
    max-width: 100%;
    height: auto
}

mark {
    padding: 3px 5px
}

.elementor p,
.entry-content p,
.entry-content>div {
    margin-bottom: 1em
}

.gallery-caption,
.wp-caption {
    font-size: .8125rem;
    font-style: italic;
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*=wp-image-] {
    display: block;
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.gallery {
    margin-bottom: 30px;
    float: left;
    width: 100%
}

.gallery img {
    width: 100%;
    margin-bottom: 0 !important
}

.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
    padding: 20px 10px 5px;
    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .25) 75%)
}

.cb-entry-title,
.cb-meta-style-1 .cb-article-meta .byline,
.cb-meta-style-4 .cb-article-meta .byline,
.cb-meta-style-5 .cb-article-meta .byline,
.cb-no-margin,
.cb-small-squares-widget li p,
.cb-style-1 .cb-meta .cb-post-title,
.inline-post .block article .title,
.site-footer .cb-footer-lower .cb-footer-links ul,
ul.blocks-gallery-grid {
    margin: 0
}

.wp-block-gallery.is-cropped .blocks-gallery-item picture {
    height: 100%;
    flex: 1;
    -o-object-fit: cover;
    object-fit: cover
}

.gallery-item {
    float: left;
    width: 100%;
    padding-right: 5px;
    padding-bottom: 5px;
    text-align: center
}

.active-1 .tipi-x-outer,
.button-arrow:hover i,
.cb-img-fw a:hover img,
.cb-meta-style-1 .mask img,
.cb-meta-style-5 .mask img,
.content-found-wrap .article-ani-1:not(.article-window) img,
.gallery-item:hover .gallery-caption,
.mask:hover .extras,
.mask:hover .sec-img,
.modal-wrap.active .close i,
.modal-wrap.active .tipi-x-outer,
.rounded-img.codetipi-15zine-stylish-posts-wrap article:hover .media-tr,
.tipi-overlay-base.active .close {
    opacity: 1
}

.bottom-options .br-option,
.bottom-options .lwa-links-remember,
.gallery-columns-2 .gallery-item,
.tipi-xs-6 {
    width: 50%
}

.gallery-columns-3 .gallery-item {
    width: 33.33%
}

.gallery-columns-4 .gallery-item,
.tipi-xs-3 {
    width: 25%
}

.gallery-columns-5 .gallery-item {
    width: 20%
}

.gallery-columns-6 .gallery-item,
.tipi-xs-2 {
    width: 16.66666666666667%
}

.gallery-columns-7 .gallery-item {
    width: 14.28%
}

.gallery-columns-8 .gallery-item {
    width: 12.5%
}

.gallery-columns-9 .gallery-item {
    width: 11.11111%
}

.all-c,
.block,
.contains-blocks,
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-exit,
.icon-wrap a,
.site-mob-header .icons-wrap li,
.tiled-gallery__gallery,
.tiled-gallery__row,
.tipi-flex,
.tipi-flex-eq-height,
.tipi-flex-lcr,
.tipi-vertical-c,
.vertical-c {
    display: flex
}

.tiled-gallery__gallery {
    flex-wrap: wrap
}

.gallery-caption {
    position: absolute;
    opacity: 0;
    background: rgba(0, 0, 0, .5);
    margin-bottom: 5px;
    bottom: 0;
    color: #fff;
    left: 0;
    width: 100%;
    max-height: 100%;
    padding: 10px;
    transition: opacity .3s ease-out
}

.alignleft,
.alignright {
    margin-bottom: 25px;
    max-width: 50%;
    display: inline
}

.cb-block iframe,
.cb-block img,
.cb-blog-style-d .wp-caption,
.cb-post-entry embed,
.entry-content .aligncenter,
.entry-content .alignnone,
.entry-content p embed,
ins,
select {
    max-width: 100%
}

.alignleft {
    float: left;
    margin-right: 1.5em
}

.aligncenter,
.tipi-row,
.wrap {
    margin-right: auto;
    margin-left: auto
}

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

.aligncenter {
    display: block
}

.aligncenter,
.alignleft,
.alignright {
    clear: left;
    margin-top: 20px
}

.aligncenter,
.alignleft,
.alignnone,
.alignright {
    transition: .4s cubic-bezier(.3, .7, .7, 1)
}

.alignright {
    clear: right
}

.tipi-fse {
    max-width: none
}

.video-wrap,
.wp-block-embed.is-type-video .wp-block-embed__wrapper {
    position: relative;
    clear: both;
    width: 100%;
    padding-bottom: 56.25%
}

.video-wrap audio,
.video-wrap embed,
.video-wrap iframe,
.video-wrap object,
.video-wrap video,
.wp-block-embed.is-type-video embed,
.wp-block-embed.is-type-video iframe,
.wp-block-embed.is-type-video object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.horizontal-menu .logged--in a,
.modal-wrap .is-audio iframe,
.site-inner fieldset,
.site-inner select[multiple=multiple],
.site-inner textarea {
    height: auto
}

.wp-block-image figcaption {
    font-size: 13px;
    margin-bottom: 0;
    margin-top: .5em;
    text-align: center;
    color: #555d66;
    display: block !important
}

.cb-read-more,
h3,
h4,
h5 {
    font-size: 1em
}

.byline-cats-design-5 .cats:first-child,
.cb-social-sharing.cb-on .cb-twitter,
.commentlist .children .children .children,
ul.wp-block-gallery {
    margin-left: 0
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 48px !important;
    padding: 0
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px !important;
    right: 10px !important
}

.site-inner .drop-search input,
.site-inner .post-password-form input[type=submit],
.site-inner .select2-container--default .select2-selection--single,
.site-inner .woocommerce:not(.widget_product_search) button,
.site-inner fieldset,
.site-inner input[type=email],
.site-inner input[type=number],
.site-inner input[type=password],
.site-inner input[type=tel],
.site-inner input[type=text],
.site-inner input[type=url],
.site-inner select,
.site-inner textarea {
    border-radius: 0;
    color: inherit
}

.site-inner .woocommerce:not(.widget_product_search) button,
.site-inner fieldset,
.site-inner input[type=email],
.site-inner input[type=number],
.site-inner input[type=password],
.site-inner input[type=submit],
.site-inner input[type=tel],
.site-inner input[type=text],
.site-inner input[type=url],
.site-inner textarea {
    -webkit-appearance: none;
    -moz-appearance: textfield
}

.site-inner textarea {
    padding: 15px;
    min-height: 96px
}

.align-fs .contents-wrap .video-wrap,
.content-lwa .logo,
.fb-comments,
.no-posts-found-wrap p,
.site-inner fieldset,
.team-wrap .author-box-wrap,
.team-wrap-1 .user-page-box,
.title-above-c.hero-s .hero-wrap,
.title-above.hero-s .hero-wrap {
    margin-bottom: 30px
}

.site-inner .post-password-form input[type=submit] {
    background: #111;
    color: #fff
}

.author-box .title+.biography,
.byline-2+.title,
.byline-3,
.comment-form>*,
.commentlist,
.preview-grid .title+.byline,
.preview-slider .title+.byline,
.site-inner .post-password-form input,
.title-fixed .hero-meta .title-wrap+.byline,
.title-middle .hero-meta .title-wrap+.byline,
.title-middle-bl .hero-meta .title-wrap+.byline {
    margin-top: 15px
}

.site-inner .post-password-form p:nth-child(2) {
    display: flex;
    align-items: flex-end
}

.site-inner .post-password-form p:nth-child(2) input[type=submit] {
    width: 200px
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.bg-area,
.cb-meta-style-2,
.cb-meta-style-4,
.cb-relative,
.codetipi-15zine-checkbox label,
.codetipi-15zine-cols,
.content-lwa,
.main-navigation,
.site-inner,
.tipi-col,
.tipi-cols {
    position: relative
}

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

.cb-toggler.cb-on .fa-minus,
.codetipi-15zine-widget .widget-social-icons ul,
.horizontal-menu .drop,
.horizontal-menu .logo-main-menu a,
.horizontal-menu>li>a,
.logo,
.logo a,
.secondary-menu-wrap ul li,
.share-it a,
.wp-social-login-provider-list a {
    display: inline-block
}

.tipi-row,
.wrap {
    width: 100%;
    max-width: 1200px
}

.side-spacing {
    padding-left: 15px;
    padding-right: 15px
}

.tipi-col {
    min-height: 1px;
    float: left
}

.tipi-xs-1 {
    width: 8.333333333333333%
}

.tipi-xs-4 {
    width: 33.33333333333333%
}

.tipi-xs-5 {
    width: 41.66666666666667%
}

.tipi-xs-7 {
    width: 58.33333333333333%
}

.tipi-xs-8 {
    width: 66.66666666666667%
}

.tipi-xs-9 {
    width: 75%
}

.tipi-xs-10 {
    width: 83.33333333333333%
}

.tipi-xs-11 {
    width: 91.66666666666667%
}

body {
    line-height: 1.8
}

.all-c {
    justify-content: center
}

.tipi-flex-eq-height {
    align-items: stretch
}

.tipi-flex-right {
    margin-left: auto;
    text-align: right
}

.logo img {
    width: auto
}

.logo h1 {
    margin: 0
}

.codetipi-15zine-stylish-posts .block .stack-1,
.single-content .entry-content,
.title-above .meta-wrap,
.title-above-c .meta-wrap {
    padding-bottom: 30px
}

.header-padding.tipi-flex-eq-height,
.horizontal-menu .logged--in a {
    padding-bottom: 0 !important;
    padding-top: 0 !important
}

.codetipi-15zine-bbp-breadcrumbs,
.single-content .entry-content h1,
.single-content .entry-content h2,
.single-content .entry-content h3,
.single-content .entry-content h4,
.single-content .entry-content h5,
.single-content .entry-content h6 {
    margin: 30px 0
}

.link-color-wrap a {
    position: relative;
    transition: .3s
}

/* .link-color-wrap a:after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    transition: opacity .2s, transform .2s;
    margin-top: 1px
} */

.all-c,
.tipi-vertical-c,
.vertical-c {
    align-items: center
}

.tipi-flex-lcr {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center
}

.block,
.contains-blocks {
    flex-wrap: wrap;
    justify-content: space-between
}

.menu-icons>li>a {
    padding-right: 10px;
    height: 100%
}

.site-inner {
    min-height: 100vh
}

.site-skin-1,
.site-skin-11 {
    background: #fff;
    color: #333
}

.light-overlay.modal-wrap .close i,
.site-skin-1 a,
.site-skin-11 a {
    color: #333
}

.secondary-menu-wrap.site-skin-11 .sub-menu,
.site-skin-11,
.widget_loginwithajaxwidget .tipi-small-print .i-wrap {
    background: #eee
}

.site-skin-2 {
    background: #010101;
    color: #fff
}

.cb-bg-to-on,
.has-bg-cover {
    background-attachment: fixed
}

.cb-body-dark .cb-contact-icon i,
.cb-footer-dark .cb-footer-lower .cb-to-top a,
.cb-footer-dark .site-footer .block-wrap .title a,
.cb-footer-dark .site-footer a,
.cb-meta-style-1 .cb-article-meta .title a,
.cb-meta-style-5 .cb-article-meta .title a,
.modal-wrap.dark-overlay .content-search,
.site-mob-header-1.site-skin-2 .logo-fallback,
.site-mob-menu-3 .mob-menu-wrap .content-wrap a,
.site-skin-2 a {
    color: #fff
}

.bg-area {
    z-index: 1
}

.background,
.icon-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1
}

.site-img-1 .background {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.bg-img-2 .site,
.bg-img-2 .site-inner,
.site-img-2 .background {
    background-repeat: repeat
}

.bg-img-3 .site,
.bg-img-3 .site-inner,
.site-img-3 .background {
    background-repeat: no-repeat
}

.bg-img-4 .site,
.bg-img-4 .site-inner,
.site-img-4 .background {
    background-repeat: repeat-x
}

.bg-img-5 .site,
.bg-img-5 .site-inner,
.site-img-5 .background {
    background-repeat: repeat-y
}

.bg-img-1 .site,
.bg-img-1 .site-inner {
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

.cb-body-light #cb-content,
.cb-body-light .cb-hp-section,
.content-lwa .tipi-x:after,
.content-lwa .tipi-x:before,
.header-skin-1 .bg-area,
.lwa-input-wrap input:focus,
.modal-wrap.active-qv .tipi-x:after,
.modal-wrap.active-qv .tipi-x:before {
    background: #fff
}

.header-skin-2 .bg-area,
.header-skin-2.slidedown .bg-area,
.header-skin-2.stuck .bg-area {
    background: #010101
}

.header-skin-1.slidedown .bg-area,
.header-skin-1.stuck .bg-area {
    background: rgba(255, 255, 255, .9)
}

.admin-bar .mob-menu-wrap .bg-area,
.preview-classic.elements-location-2 .meta .title,
.preview-classic.elements-location-4 .meta .title,
.preview-classic.elements-location-5 .meta .title,
.site-main {
    padding-top: 30px
}

.block-da .small-print {
    color: #bbb
}

.horizontal-menu .icon-wrap a {
    display: inline-flex
}

.logo-main {
    flex-shrink: 0
}

.logo-main-wrap-center {
    text-align: center;
    justify-content: center
}

.cb-small-squares-widget,
.cb-style-1 .cb-meta,
.cb-ta-center,
.codetipi-15zine-widget .social-align-0,
.content-found-wrap .button-wrap,
.hero-fi-off.title-beneath-c .breadcrumbs-wrap,
.hero-m .hero-meta,
.logo-main-wrap-center .tipi-flex-right,
.main-menu-c .main-navigation,
.post-not-found,
.site-mob-menu-2 .mob-menu-wrap,
.site-mob-menu-2 .mob-menu-wrap .sub-menu,
.tipi-lwa {
    text-align: center
}

.menu-icon-style-3 .tipi-i-search {
    text-transform: inherit
}

.breadcrumbs-wrap,
.cb-ta-left,
.hero-core-9 .hero-meta,
.lwa-input-wrap,
.main-menu-l .main-navigation,
.post-pagination,
.site-mob-header-2 .logo-main-wrap,
.title-middle-bl .hero-meta {
    text-align: left
}

.main-menu-l .secondary-wrap .current-date {
    padding-left: 12px
}

.menu-icon a:before,
.menu-icon i {
    font-weight: 400 !important
}

.main-menu-tight .menu-icon {
    float: none !important
}

.bg-area .bg-area-inner>*,
.bg-area>* {
    position: relative;
    z-index: 11
}

.bg-area>.splitter {
    z-index: 12;
    position: absolute
}

.bg-area .background {
    z-index: 0;
    position: absolute
}

.logo-p_menu {
    display: flex;
    align-items: center;
    margin-right: 10px
}

.block-da-header_top,
.logo-main-wrap-center .block-da {
    width: 100%;
    padding: 30px 0;
    line-height: 1.5;
    text-align: center
}

.byline+.title-wrap,
.cb-next-previous .cb-next-post,
.cb-to-top a i,
.logo-main-wrap-center .header-padding+.block-da {
    padding-top: 10px
}

.block-da-header_top,
.cb-meta-style-1.cb-s .cb-article-meta {
    padding: 15px 20px
}

.author-page-box .mask img,
.cb-circle,
.rounded-img img,
.rounded-img.codetipi-15zine-stylish-posts-wrap .media-tr .icon-bg {
    border-radius: 50%
}

.cb-link-overlay {
    position: absolute;
    z-index: 15;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    max-height: 100%;
    max-width: 100%;
    transition: opacity .5s
}

.sidebar {
    padding: 20px;
    width: 100%;
    float: left
}

.cb-hidden,
.cb-no-more i,
.cb-toggler .fa-minus,
.cb-toggler.cb-on .fa-plus,
.commentlist .says,
.lwa-active-1 .tipi-lwa-register,
.lwa-active-1 .tipi-lwa-remember,
.lwa-active-2 .tipi-lwa-login,
.lwa-active-2 .tipi-lwa-remember,
.lwa-active-3 .tipi-lwa-login,
.lwa-active-3 .tipi-lwa-register,
.lwa-status-invalid a,
.menu-mobile .sub-menu:not(.opened-child) li,
.mobile-navigation-dd .menu-item-has-children>a:after,
.rounded-img.codetipi-15zine-stylish-posts-wrap .counter~.media-icon,
.singular-block-header #reply-title:after,
.singular-block-header .title:after,
.site-footer .cb-footer-lower .cb-footer-links ul li .sub-menu,
.tabber .loaded .widget:not(.active),
.tabber .widget-title,
.tabber .widget-wrap:not(.loaded) .widget,
.widget_loginwithajaxwidget .logo {
    display: none
}

#cb-bg-to {
    top: 0;
    left: 0;
    position: fixed;
    display: inline;
    width: 100%;
    height: 100%
}

.has-bg-cover {
    background-size: cover
}

.cb-bg-to-on {
    background-position: 50% 0;
    background-repeat: no-repeat no-repeat;
    background-color: #fff
}

article.sticky .title:before {
    content: "*";
    padding-right: 5px
}

.cb-read-more {
    padding-left: 3px;
    transition: background .35s, color .35s;
    letter-spacing: 1px;
    display: inline-block;
    font-weight: 700
}

.mask-img {
    width: 100%;
    height: 100%;
    display: block
}

.cb-body-light .cb-alp-ld {
    color: #000;
    background: #fff
}

.cb-body-light .bbp-topic-tags a,
.cb-body-light .cb-pagination a,
.cb-body-light .entry-content .cb-pagination a,
.cb-body-light .tags-title,
.cb-body-light .widget_tag_cloud a {
    color: #161616;
    border: 1px solid #161616
}

.cb-body-light .author-box .cb-meta a,
.cb-body-light .block-title-wrap .title a,
.cb-body-light .block-wrap .title a,
.cb-body-light .cb-meta-below .slides li .cb-post-title a,
.cb-body-light .cb-post-block-bg .title,
.cb-body-light .cb-read-more,
.cb-body-light .cb-sidebar-widget .preview-slider,
.cb-body-light .cb-sidebar-widget .preview-slider .title a,
.cb-body-light .cb-sidebar-widget a,
.cb-body-light .cb-text-buttons a,
.cb-body-light .cb-toggle,
.cb-body-light .cb-toggler,
.cb-body-light .codetipi-15zine-tabs>ul .current a,
.cb-body-light .comment-form #submit,
.cb-body-light .comment-form label,
.cb-body-light .singular-block-header #reply-title,
.cb-body-light .singular-block-header .title,
.cb-body-light blockquote,
.cb-body-light h1,
.cb-body-light h2,
.cb-body-light h3,
.cb-body-light h4,
.cb-body-light h5,
.cb-footer-dark .site-footer .cb-arrows-tr .flex-direction-nav a,
.cb-footer-light .cb-footer-lower .cb-to-top a,
.cb-footer-light .site-footer .cb-arrows-tr .flex-direction-nav a,
.cb-footer-light .site-footer a {
    color: #161616
}

.cb-body-light .block-title-wrap .title a:hover,
.cb-body-light .cb-contact-icon i {
    color: #444
}

.cb-body-light .cb-pagination a:hover,
.cb-body-light .entry-content .cb-pagination a:hover {
    background: #161616;
    color: #fff
}

.cb-body-light .cb-pagination .current,
.cb-body-light .cb-pagination>.cb-page,
.cb-body-light .entry-content .cb-pagination .current,
.cb-body-light .entry-content .cb-pagination>.cb-page {
    background: #161616;
    border: 1px solid #161616;
    color: #fff
}

.cb-body-light .codetipi-15zine-tabs>ul .current,
.cb-body-light .widget-title {
    border-bottom: 3px solid #161616
}

.cb-body-light .byline,
.cb-body-light .cb-sidebar-widget .preview-slider .byline,
.cb-footer-dark .site-footer .byline,
.cb-footer-dark .site-footer .byline a,
.cb-style-1 .cb-meta .byline {
    color: #777
}

.cb-body-dark .entry-content .aligncenter .wp-caption-text,
.cb-body-dark .entry-content .alignleft .wp-caption-text,
.cb-body-dark .entry-content .alignright .wp-caption-text,
.cb-body-light .codetipi-15zine-tabs>ul li a,
.cb-footer-light .cb-footer-lower a,
.cb-next-previous .cb-next-previous-block .cb-read-title a {
    color: #999
}

.cb-body-light .codetipi-15zine-tabs>ul li a:hover,
.title-overlay-c a {
    color: #666
}

.active-3 .close i,
.cb-body-light .cb-next-previous i,
.codetipi-15zine-widget .widget-social-icons ul li .widget-social-icons-3,
.icon-base-3 i,
.modal-wrap.active-4 .close i {
    color: #000
}

.cb-body-light .cb-article-small.cb-separated,
.cb-body-light .cb-separated,
.cb-footer-light .site-footer .cb-article-small.cb-separated {
    border-bottom: 1px dotted #ddd
}

.cb-body-dark #cb-content,
.cb-body-dark .cb-hp-section,
.cb-body-light .block-title-wrap .title:after {
    background: #161616
}

.cb-body-light .block-title-wrap .block-subtitle {
    color: #828282
}

.cb-body-dark .block-title-wrap .title:after,
.cb-body-light .author-box,
.cb-body-light .cb-post-block-bg,
.cb-body-light .sidebar,
.secondary-menu-wrap.site-skin-1 .sub-menu {
    background: #f2f2f2
}

.cb-body-light .author-box .preview-thumbnail,
.cb-body-light .sidebar .preview-thumbnail {
    border-bottom-color: #ddd
}

.cb-body-dark .author-box .preview-thumbnail,
.cb-body-dark .sidebar .preview-thumbnail,
.cb-body-dark .singular-block-header .title,
.cb-body-light .cb-multi-widget .tab-title.active {
    border-bottom-color: #161616
}

.cb-body-light .commentlist .comment .fn a {
    color: #202020
}

.cb-body-dark .comment-form #submit,
.cb-body-dark .comment-form label,
.cb-body-light .commentlist .comment .alert p,
.cb-body-light .commentlist .comment .comment-edit-link,
.cb-body-light .commentlist .comment .comment-reply-link {
    color: #4d4d4d
}

.cb-body-light .bypostauthor>article,
.cb-body-light .commentlist article {
    border-bottom: 1px solid #ddd
}

.cb-body-light .comment-form input,
.cb-body-light .comment-form textarea {
    background: #f2f2f2;
    color: #858585
}

.cb-body-light .comment-form input:focus,
.cb-body-light .comment-form textarea:focus {
    background: #e1e1e1
}

.cb-body-light .comment-form #submit {
    border: 2px solid #161616;
    background: 0 0
}

.cb-body-light .comment-form #submit:hover {
    background: #161616;
    color: #f2f2f2
}

.cb-body-light .grid-spacing {
    border-color: #fff
}

.cb-body-light .entry-content .aligncenter .wp-caption-text,
.cb-body-light .entry-content .alignleft .wp-caption-text,
.cb-body-light .entry-content .alignright .wp-caption-text {
    color: #464646
}

.cb-body-light .entry-content .alignnone.cb-fs-embed .wp-caption-text {
    background: #f2f2f2;
    color: #464646
}

.cb-body-dark {
    color: #c5c5c5;
    background: #161616
}

.cb-body-dark .preview-classic,
.cb-body-dark .preview-review {
    border-color: #404040 !important
}

.cb-body-dark .contains-blocks .flickity-viewport,
.cb-body-light .byline-shaded .cats a:hover {
    background-color: #161616
}

.cb-body-dark .block--light,
.cb-body-dark .cb-alp-ld {
    color: #fff;
    background: #161616
}

.cb-body-dark .bbp-topic-tags a,
.cb-body-dark .tags-title,
.cb-body-dark .widget_tag_cloud a {
    color: #c5c5c5;
    border: 1px solid #c5c5c5
}

.cb-body-dark .author-box .cb-meta a,
.cb-body-dark .block-title-wrap a,
.cb-body-dark .breadcrumbs .crumb,
.cb-body-dark .breadcrumbs i,
.cb-body-dark .byline,
.cb-body-dark .byline a,
.cb-body-dark .cb-module-block .cb-post-title a,
.cb-body-dark .cb-next-previous i,
.cb-body-dark .cb-read-more,
.cb-body-dark .cb-sidebar-widget a,
.cb-body-dark .cb-text-buttons a,
.cb-body-dark .cb-toggle,
.cb-body-dark .cb-toggler,
.cb-body-dark .codetipi-15zine-tabs>ul .current a,
.cb-body-dark .codetipi-15zine-tabs>ul li a:hover,
.cb-body-dark .commentlist .comment .fn a,
.cb-body-dark .preview-review .score,
.cb-body-dark .singular-block-header #reply-title,
.cb-body-dark .singular-block-header .title,
.cb-body-dark blockquote,
.cb-body-dark h1,
.cb-body-dark h2,
.cb-body-dark h3,
.cb-body-dark h4,
.cb-body-dark h5 {
    color: #f2f2f2
}

.cb-body-dark .entry-content .alignnone.cb-fs-embed .wp-caption-text {
    background: #161616;
    color: #999
}

.cb-body-dark .cb-pagination a,
.cb-body-dark .entry-content .cb-pagination a {
    color: #f2f2f2;
    border: 1px solid #f2f2f2
}

.cb-body-dark .cb-pagination a:hover,
.cb-body-dark .entry-content .cb-pagination a:hover {
    background: #f2f2f2;
    color: #161616
}

.cb-body-dark .cb-pagination .current,
.cb-body-dark .cb-pagination>.cb-page,
.cb-body-dark .entry-content .cb-pagination .current,
.cb-body-dark .entry-content .cb-pagination>.cb-page {
    background: #f2f2f2;
    border: 1px solid #f2f2f2;
    color: #161616
}

.cb-body-dark .codetipi-15zine-tabs>ul li a,
.codetipi-15zine-widget .search .search-submit:hover {
    color: #555
}

.cb-body-dark .codetipi-15zine-tabs>ul .current {
    border-bottom: 3px solid #f2f2f2
}

.cb-body-dark .block-title-wrap a:hover {
    color: #e0e0e0
}

.cb-body-dark .cb-article-small.cb-separated,
.cb-body-dark .cb-separated,
.cb-footer-dark .site-footer .cb-article-small.cb-separated {
    border-bottom: 1px dotted #282828
}

.cb-body-dark .author-box,
.cb-body-dark .cb-post-block-bg,
.cb-body-dark .comment-form #submit,
.cb-body-dark .sidebar {
    background: #0f0f0f
}

.cb-body-dark .cb-multi-widget .tab-title.active,
.cb-footer-dark .site-footer .cb-multi-widget .active {
    border-bottom-color: #f2f2f2
}

.cb-body-dark .commentlist .comment .alert p,
.cb-body-dark .commentlist .comment .comment-edit-link,
.cb-body-dark .commentlist .comment .comment-reply-link {
    color: #9a9a9a
}

.cb-body-dark .commentlist article {
    border-bottom-color: #202020
}

.cb-body-dark .comment-form input,
.cb-body-dark .comment-form textarea {
    background: #0f0f0f;
    color: #858585
}

.cats .cat-with-bg-dark,
.cb-body-dark .comment-form #submit:hover,
.cb-body-dark .comment-form input:focus,
.cb-body-dark .comment-form textarea:focus,
.cb-body-dark .wpcf7-submit:hover,
.site-mob-menu-a-4.mob-open .site-skin-1.site-mob-header .tipi-i-menu-mob:after,
.site-mob-menu-a-4.mob-open .site-skin-1.site-mob-header .tipi-i-menu-mob:before {
    background: #111
}

.cb-body-dark .bypostauthor>article {
    border-bottom: 1px solid #202020
}

.cb-body-dark .grid-spacing {
    border-color: #161616
}

.cb-footer-dark .cb-footer-widget-title {
    color: #f2f2f2;
    border-bottom: 0
}

.cb-footer-dark .site-footer {
    background-color: #10100f
}

.cb-body-dark .byline-shaded .byline-part:not(.cats),
.cb-body-dark .byline-shaded .cats a,
.cb-footer-dark .site-footer .cats .cat-with-bg,
.site-skin-2 .tipi-button {
    background-color: #333
}

.cb-footer-dark .site-footer .block-wrap-d .preview-classic,
.cb-footer-dark .site-footer .preview-review,
.cb-footer-dark .site-footer .preview-thumbnail {
    border-bottom-color: #282828
}

.cb-footer-dark .cb-footer-lower {
    background: #0c0c0b;
    color: #a6a6a6
}

.cb-footer-dark .cb-footer-lower a {
    color: #a6a6a6
}

.cb-footer-dark .cb-to-top a i {
    border: 2px solid #fff
}

.cb-footer-light .cb-footer-widget-title {
    color: #161616;
    border-bottom: 0
}

.cb-footer-light .site-footer,
.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-textarea:focus {
    background-color: #f2f2f2
}

.cb-footer-light .cb-footer-lower {
    background: #e1e1e1;
    color: #999
}

.cb-footer-light .cb-to-top a i {
    border: 2px solid #161616
}

.attachment-hero .hero-wrap {
    padding-bottom: 60px
}

.tipi-button {
    display: inline-block;
    border-radius: 2px;
    -webkit-appearance: none;
    padding: 0 20px;
    background: #161616;
    outline: 0;
    border: 2px solid transparent;
    height: 44px;
    line-height: 40px;
    transition: .3s ease-out;
    font-weight: 700;
    color: #fff
}

.tipi-button:hover {
    background-color: #262626
}

.cb-body-dark .byline-shaded .cats a:hover,
.site-skin-2 .tipi-button:hover {
    background-color: #444
}

.tipi-button-border {
    background: 0 0;
    color: inherit !important;
    border-color: #111
}

.entry-content table tr td,
.entry-content table tr th {
    border-bottom: 1px solid #e7e7e7;
    padding: 10px
}

.tipi-button-border:hover {
    background: #111;
    color: #fff !important
}

.button-underline {
    position: relative;
    display: inline-block
}

.button-underline:after {
    background: #888;
    height: 2px;
    width: 100%;
    content: '';
    display: block;
    transform: scale3d(0, 1, 1);
    transition: transform .1s ease-out;
    transform-origin: 0 0
}

.button-underline:hover:after {
    transform: scale3d(1, 1, 1)
}

.button-arrow {
    position: relative;
    padding-left: 30px;
    padding-right: 30px
}

.button-arrow>i {
    opacity: 0;
    position: absolute;
    top: 50%;
    transition: .2s ease-out;
    font-size: 1em;
    transform: translate3d(0, -50%, 0)
}

.button-arrow .button-title {
    transition: .2s ease-out;
    display: inline-block
}

.button-arrow-l:hover>i,
.button-arrow-r>i {
    transform: translate3d(-10px, -50%, 0)
}

.button-arrow-l:hover .button-title {
    transform: translate3d(10px, 0, 0)
}

.button-arrow-r:hover>i {
    transform: translate3d(0, -50%, 0)
}

.button-arrow-r:hover .button-title {
    transform: translate3d(-10px, 0, 0)
}

.cb-pb .cb-full-width {
    padding: 0 0 30px
}

.entry-content .aligncenter,
.entry-content .alignnone {
    padding: 20px 0;
    position: relative
}

.cb-box-light .wrap {
    box-shadow: -1px 0 0 0 #ddd, 1px 0 0 0 #ddd
}

.cb-box-heavy .wrap {
    box-shadow: -1px 0 0 0 #888, 1px 0 0 0 #888
}

.cb-box-heavy #cb-widgets.wrap,
.cb-box-heavy .cb-footer-lower .wrap,
.cb-box-heavy.cb-main-nav.wrap,
.cb-box-heavy.cb-nav-bar-wrap.wrap,
.cb-box-light #cb-widgets.wrap,
.cb-box-light .cb-footer-lower .wrap,
.cb-box-light.cb-main-nav.wrap,
.cb-box-light.cb-nav-bar-wrap.wrap {
    box-shadow: none !important
}

/* h1,
h2,
h3,
h4,
h5 {
    font-family: sans-serif;
    text-rendering: optimizelegibility;
    line-height: 1.3;
    font-weight: 400
} */

.entry-content {
    margin: 0 0 20px;
    word-break: break-word
}

.entry-content table {
    width: 100%;
    margin-bottom: 20px
}

/* .entry-content table tr th {
    background-color: #f0f0f0
} */

.entry-content ol,
.entry-content ul {
    margin: 15px 0;
    list-style-position: inside
}

.entry-content ol li ol,
.entry-content ol li ul,
.entry-content ul li ol,
.entry-content ul li ul,
.widget_categories ul li ol,
.widget_categories ul li ul {
    margin: 0 0 0 20px
}

.entry-content ul {
    list-style-type: circle
}

.entry-content dd {
    padding-left: 50px;
    margin-left: 0;
    font-size: .9em;
    color: #787878;
    margin-bottom: 1.5em
}

.entry-content pre {
    background: #eee;
    border: 1px solid #cecece;
    padding: 10px
}

.entry-content .alignleft,
.entry-content .alignright {
    max-width: 66%
}

.entry-content .aligncenter {
    display: block;
    margin: 0 auto;
    text-align: center
}

.entry-content .alignleft {
    float: left;
    margin: 5px 1.5em 1em 0
}

.entry-content .alignright {
    float: right;
    margin: 5px 0 1em 1.5em
}

.entry-content .aligncenter .wp-caption-text,
.entry-content .alignleft .wp-caption-text,
.entry-content .alignright .wp-caption-text {
    line-height: 1.5;
    padding: 7px 12px;
    margin: 0;
    font-style: italic;
    text-align: center
}

.entry-content .aligncenter .wp-caption-text,
.entry-content .alignnone.cb-fs-embed .wp-caption-text {
    padding: 7px 12px;
    margin: 0;
    line-height: 1.8
}

.entry-content .alignnone .wp-caption-text {
    font-style: italic;
    text-align: center
}

.align-fs {
    overflow-x: hidden
}

.align-fs .alignfull img {
    max-width: none;
    width: 100%
}

.align-fs .alignfull:not(.alignwide),
.align-fs .wp-caption.alignnone .size-full,
.align-fs img.alignnone.size-full {
    margin: 30px calc(50% - 50vw)
}

.align-fs .alignfull,
.align-fs .wp-caption.alignnone .size-full,
.align-fs img.alignnone.size-full {
    width: 100vw !important;
    max-width: none
}

.cb-dropcap-big,
.with--dropcap .entry-content>p:first-of-type:first-letter {
    font-size: 6em;
    font-weight: 700;
    float: left;
    line-height: 1;
    margin: 0 20px 0 0
}

.cb-sidebar-widget {
    margin-bottom: 40px;
    max-width: 100%;
    overflow: hidden
}

.widget-title {
    font-size: 14px;
    margin: 0 0 30px;
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
    line-height: 1.2
}

.bottom-options .bl-option:last-child,
.cb-footer-widget-title {
    width: 100%;
    text-align: center
}

.cb-large {
    float: left;
    padding: 0 10px;
    width: 100%
}

.cb-medium,
.mob-menu-wrap .open-child {
    float: right
}

.cb-block {
    margin-top: 10px;
    text-align: center;
    width: 100%
}

.cb-category-top {
    width: 100%;
    text-align: center;
    margin: 0 0 30px
}

.cb-category-top img {
    width: auto
}

.cb-header {
    background: #fff;
    z-index: 15;
    position: relative
}

.mm-51 .menu-wrap>.sub-menu>li>a,
.site-mob-menu-4 .mob-menu-wrap .content {
    padding-left: 0;
    padding-right: 0
}

.mm-51 .standard-drop .sub-menu {
    position: static;
    min-width: 0
}

.mm-51 .sub-menu li,
.rounded-img .preview-thumbnail {
    border-bottom: 0
}

.secondary-menu li a {
    padding-left: 7px;
    padding-right: 7px
}

.secondary-menu-wrap {
    display: block;
    position: relative;
    z-index: 7
}

.lwa-cancel-wrap,
.secondary-menu-wrap .menu-icons,
.trending-inline-drop .trending-inline-title .trending-ops {
    margin-left: auto
}

.secondary-menu-wrap ul li .menu-item-has-children>a:after {
    content: "+";
    float: right
}

.secondary-menu-wrap ul li ul {
    margin-top: 0;
    position: absolute;
    opacity: 0;
    transition: opacity .15s;
    visibility: hidden;
    z-index: 999;
    min-height: 40px;
    width: 200px
}

.secondary-menu-wrap ul li ul li {
    position: relative;
    width: 100%
}

.secondary-menu-wrap ul li ul li a {
    padding: 10px 20px;
    margin: 0 !important;
    width: 100%;
    line-height: 20px
}

.secondary-menu-wrap ul li:hover>ul {
    top: 100%;
    opacity: 1;
    visibility: visible
}

.secondary-menu-wrap ul li:hover>ul li>ul {
    opacity: 0;
    visibility: hidden;
    left: 100%;
    top: 0
}

.modal-wrap .content-custom.frame-ldd audio,
.modal-wrap .content-custom.frame-ldd iframe,
.modal-wrap .content-custom.frame-ldd video,
.modal-wrap.active-3 .content-search,
.playing .playing-msg,
.secondary-menu-wrap ul li:hover>ul li:hover>ul,
.site-mob-menu-a-2.mob-open .mob-menu-wrap {
    opacity: 1;
    visibility: visible
}

.cb-mob-menu {
    transform: translateX(-100%);
    transition: transform .5s;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    background: #161616;
    z-index: 110;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    max-width: 100%
}

.cb-fi-cover,
.cb-mob-menu .cb-mob-bg {
    position: absolute;
    top: 0;
    background-size: cover;
    background-position: 50%;
    opacity: .8;
    -webkit-backface-visibility: hidden;
    width: 100%;
    left: 0
}

.cb-mob-menu .cb-mob-bg {
    backface-visibility: hidden;
    height: 100%;
    display: block;
    z-index: -1
}

.cb-mob-menu .cb-mob-close-wrap {
    width: 100%;
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
    position: absolute;
    z-index: 3;
    top: 0;
    background: #010101
}

.cb-mob-menu #cb-mob-close {
    color: #fff;
    float: right
}

.block-piece article,
.cb-mob-menu .cb-mob-social {
    float: left
}

.cb-mob-menu .cb-mob-social a {
    color: #fff;
    padding: 0 15px 0 0;
    font-size: 16px
}

.cb-mob-menu .cb-mob-menu-wrap {
    position: relative;
    z-index: 2;
    padding-top: 70px;
    height: 100%
}

.cb-mob-menu .cb-mob-menu-wrap .cb-mobile-nav {
    padding: 0 20px
}

.cb-mob-menu .cb-mob-menu-wrap ul {
    width: 100%;
    display: none
}

.cb-mob-menu .cb-mob-menu-wrap ul .cb-icon-plus {
    display: inline-block;
    float: right;
    color: #fff;
    padding: 0 5px;
    font-size: 24px;
    line-height: 24px
}

.cb-mob-menu .cb-mob-menu-wrap ul .cb-icon-plus:after {
    content: "+";
    font-weight: 700
}

.cb-mob-menu .cb-mob-menu-wrap ul .cb-selected:after {
    content: "-"
}

.cb-mob-menu .cb-mob-menu-wrap ul li {
    display: block;
    margin: 15px 0;
    font-size: 16px
}

.cb-mob-menu .cb-mob-menu-wrap ul li a {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 700;
    text-decoration: none;
    color: #f2f2f2
}

.cb-mob-menu .cb-mob-menu-wrap .cb-mob-ul-show {
    display: block;
    overflow-y: auto
}

.cb-mob-menu .cb-mob-menu-wrap .sub-menu,
.preview-thumbnail .mask+.meta,
.title-middle-bl.hero-s .meta-wrap {
    padding-left: 20px
}

.cb-full-height,
.hero-wrap.hero-41 .hero img,
.hero-wrap.hero-41 .hero picture,
.hero-wrap.hero-42 .hero img,
.hero-wrap.hero-42 .hero picture,
.mob-menu-wrap .bg-area,
.mob-menu-wrap .content-wrap {
    height: 100%
}

.cb-fi-cover {
    right: 0;
    bottom: 0;
    height: 100%;
    backface-visibility: hidden
}

.block-title-wrap {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-bottom: 30px;
    font-weight: 700
}

.author-page-box .social-icons a,
.author-page-box .title,
.block-title-wrap .block-subtitle-above {
    margin-bottom: 10px
}

.block-title-wrap .block-title-inner {
    position: relative;
    overflow: hidden
}

.block-title-wrap .title {
    margin: 0;
    position: relative;
    display: inline-block;
    padding: 0 30px 0 0
}

.block-title-wrap .title:after {
    content: "";
    display: block;
    height: 6px;
    position: absolute;
    top: 50%;
    margin-top: -3px;
    width: 1920px;
    left: 100%
}

.block-title-wrap p {
    color: #828282;
    margin: 5px 0 0;
    letter-spacing: 1px
}

.codetipi-15zine-stylish-posts .tipi-s-typo .title-wrap:first-of-type .title,
.commentlist .comment-content,
.hero-core-10 .breadcrumbs-wrap+.meta-wrap,
.post-wrap+.builder-container,
.title-fixed .hero-meta .byline+.title-wrap,
.title-middle .hero-meta .byline+.title-wrap,
.title-middle-bl .hero-meta .byline+.title-wrap {
    padding-top: 15px
}

.cb-blog-style-roll .cb-module-d {
    clear: both
}

.cb-box .cb-module-title {
    margin: 0 0 5px;
    text-transform: uppercase;
    color: #aeaeae;
    font-size: 10px
}

.cb-a-large,
.cb-a-medium,
.cb-a-square {
    text-align: center;
    height: auto
}

.cb-style-1 .cb-mask {
    line-height: 0;
    margin-bottom: 15px;
    background: #000
}

.cb-meta-style-1 .cb-article-meta,
.cb-meta-style-5 .cb-article-meta {
    padding: 30px;
    background: rgba(0, 0, 0, .6);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    transition: background .35s
}

.cb-meta-style-5 .cb-article-meta {
    background: rgba(0, 0, 0, .6);
    padding: 40px 20px 20px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%)
}

.cb-meta-style-2 .cb-article-meta {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 100%;
    text-align: center;
    padding: 0 20px
}

.cb-meta-style-2 .cb-article-meta .byline {
    margin: 0;
    color: inherit
}

.cb-meta-style-1.cb-s.cb-meta-style-3 .cb-article-meta {
    padding: 20px 15px
}

.cb-meta-style-3 .cb-article-meta {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .65) 100%)
}

.cb-meta-style-4 .cb-article-meta {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    padding: 15px
}

.cb-meta-style-4 .cb-article-meta .title {
    margin: 0 0 5px;
    font-weight: 700
}

.bbp-topic-tags a,
.tags-title,
.widget_tag_cloud a {
    padding: 5px 10px;
    font-weight: 700;
    font-size: 9px !important;
    display: inline-block;
    margin: 0 10px 10px 0;
    letter-spacing: 2px;
    text-transform: uppercase
}

.tags a {
    text-transform: uppercase;
    margin-right: 10px;
    font-size: 12px;
    display: inline-block
}

.content-search .suggestions-wrap a:before,
.tags a:before {
    content: '#'
}

.instagram-pics {
    width: calc(100% + 4px);
    list-style-type: none;
    margin: 0
}

.instagram-pics li {
    position: relative;
    overflow: hidden;
    float: left;
    width: 33.33333%;
    border-right: 4px solid transparent;
    line-height: 0;
    margin: 0 0 4px
}

.fb-like-box {
    min-height: 210px
}

.widget_categories ul {
    margin: 15px 0
}

.widget_archive ul,
.widget_categories ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul,
.widget_rss ul {
    list-style-type: disc;
    list-style-position: inside
}

.codetipi-15zine-widget .search {
    margin-top: 0;
    position: relative;
    color: #161616
}

.codetipi-15zine-widget .search .search-field {
    font-weight: 700;
    width: 100%;
    font-size: 16px;
    padding: 10px 80px 10px 20px;
    height: 60px;
    outline: 0;
    background: #e4e4e4;
    border: 0
}

.codetipi-15zine-widget .search .search-submit {
    background: 0 0;
    font-size: 18px;
    border: 0;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-appearance: none;
    outline: 0
}

#wp-calendar caption,
.tabber .widget-titles .tab-title {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700
}

.codetipi-15zine-widget ::-webkit-input-placeholder {
    color: #161616
}

.codetipi-15zine-widget :-moz-placeholder {
    color: #161616
}

.codetipi-15zine-widget ::-moz-placeholder {
    color: #161616
}

.codetipi-15zine-widget :-ms-input-placeholder {
    color: #161616
}

.cb-widget-subtitle {
    position: relative;
    top: -25px;
    margin-bottom: 5px;
    width: 100%;
    text-align: center;
    display: block;
    text-transform: uppercase;
    font-size: 12px;
    letter-spacing: 2px;
    color: #777
}

#calendar_wrap,
#wp-calendar tfoot,
#wp-calendar thead {
    background-color: #e4e4e4
}

#calendar_wrap td {
    padding: 10px;
    text-align: center
}

#wp-calendar {
    width: 100%;
    font-size: 12px
}

#wp-calendar caption {
    padding: 10px;
    letter-spacing: 2px
}

#wp-calendar thead tr th {
    padding: 5px 0
}

.cb-small-squares-widget li {
    display: inline-block;
    margin: 5px
}

.tabber .widget-titles {
    margin: 0 0 30px;
    justify-content: space-around
}

.tabber .widget-titles .tab-title {
    text-align: center;
    display: inline-block;
    letter-spacing: 1px;
    padding-bottom: 10px;
    line-height: 1.2;
    margin: 0 5px;
    border-bottom: 3px solid transparent
}

.content-found-wrap .search-kw,
.site-mob-menu-a-4.mob-open .site-inner:after,
.tabber .widget-titles .tab-title:not(.active) {
    opacity: .5
}

.codetipi-15zine-stylish-posts-wrap:not(.rounded-img) .counter {
    border-radius: 0
}

.codetipi-15zine-stylish-posts .tipi-row-inner-style {
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.codetipi-15zine-stylish-posts .block-wrap-2 .title,
.icon-size-s i,
.site-mob-menu-3 .mob-menu-wrap {
    font-size: 15px
}

.codetipi-15zine-stylish-posts .block-wrap-2 article,
.site-mob-menu-4 .mob-menu-wrap .sub-menu li:last-of-type {
    border-bottom: 0;
    padding-bottom: 0
}

.codetipi-15zine-stylish-posts .only-filters .load-more-wrap-2 {
    text-align: left;
    margin-bottom: 20px !important
}

.codetipi-15zine-stylish-posts .only-filters .filters {
    justify-content: center;
    margin-top: 0
}

.codetipi-15zine-stylish-posts .block .stack-1 .title {
    font-size: 15px !important
}

.rounded-img.codetipi-15zine-stylish-posts-wrap .preview-thumbnail .lets-review-api-wrap {
    border-radius: 50%;
    height: 30px
}

.rounded-img.codetipi-15zine-stylish-posts-wrap .counter,
.rounded-img.codetipi-15zine-stylish-posts-wrap img {
    border-radius: 50% !important
}

.rounded-img.codetipi-15zine-stylish-posts-wrap .media-tr {
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    margin: 0 !important;
    opacity: 0
}

.rounded-img .mask {
    background-color: transparent !important
}

.site-footer #cb-widgets {
    overflow: hidden;
    padding: 30px 0 50px
}

.site-footer #cb-widgets>div {
    float: left;
    padding-top: 10px
}

.site-footer #cb-widgets .cb-125-ads li {
    margin: 0 10px 15px
}

.site-footer #cb-widgets .cb-single-image-widget {
    padding-bottom: 0;
    text-align: center
}

.site-footer #cb-widgets .cb-single-image-widget img {
    padding: 10px 0 20px
}

.site-footer #cb-widgets .widget_tag_cloud a {
    background: #242424
}

.site-footer .cb-column {
    padding-right: 10px;
    padding-left: 10px
}

.site-footer .codetipi-15zine-widget {
    margin: 0 10px;
    padding-bottom: 20px
}

.site-footer .cb-under-footer #sb_instagram {
    margin: 0 -5px
}

.site-footer .cb-footer-lower {
    padding: 40px 20px;
    font-size: 10px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 3px
}

.site-footer .cb-footer-lower .cb-copyright {
    width: 100%;
    margin-bottom: 50px
}

.site-footer .cb-footer-lower .cb-footer-links {
    width: 100%;
    margin-bottom: 15px
}

.site-footer .cb-footer-lower .cb-footer-links ul li {
    display: inline-block;
    margin: 0 3px
}

.site-footer .cb-footer-lower .cb-footer-links ul li:before {
    content: "/";
    margin: 0 10px
}

.site-footer .cb-footer-lower .cb-footer-links ul li:first-of-type:before {
    content: " "
}

#cb-footer-logo {
    line-height: 0;
    margin-bottom: 50px
}

.cb-to-top {
    margin: 30px auto;
    font-size: 30px;
    letter-spacing: 0
}

.cb-to-top a i {
    height: 60px;
    width: 60px;
    display: inline-block;
    top: 0;
    position: relative;
    transition: .2s
}

.cb-to-top a i:hover {
    top: -5px
}

.singular-block-header #reply-title,
.singular-block-header .title {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    padding-right: 0
}

.singular-block-header .title {
    border-bottom: 5px solid #161616;
    font-size: 18px;
    margin: 0 0 30px;
    padding-bottom: 10px;
    display: inline-block
}

.cb-post-footer-block {
    margin: 0 0 60px
}

.commentlist .fn,
.spon-block .spon-name {
    font-size: 16px
}

.commentlist time {
    font-size: 12px;
    color: #9a9a9a
}

.commentlist .comment-author img {
    float: left;
    margin-right: 30px;
    width: 60px
}

.commentlist .reply {
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    font-size: 12px;
    margin-top: 15px
}

.commentlist .reply a {
    color: #3a3a3a
}

.commentlist .reply a:before {
    content: '\e923';
    margin-right: 5px;
    font-family: codetipi-15zine
}

.commentlist .edit-link {
    position: absolute;
    right: 0;
    font-size: 12px;
    top: 0
}

.commentlist .comment-body {
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px
}

.commentlist .children {
    margin-left: 30px
}

.comment-form input:not(.submit),
.comment-form textarea {
    width: 100%;
    border: 0;
    padding: 20px;
    font-size: 14px;
    transition: background .35s
}

.comment-form input:not(.submit):focus,
.comment-form textarea:focus {
    outline-width: 0
}

.comment-form .logged-in-as {
    font-size: 12px;
    margin: 15px 0
}

.comment-form textarea {
    max-width: 100%;
    min-width: 100%;
    height: 320px
}

.comment-form #submit,
.comment-form label {
    font-size: 10px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
    font-weight: 700
}

.comment-form #submit {
    font-size: 12px;
    margin: 50px 0
}

.comment-form input[type=checkbox] {
    width: auto;
    margin-bottom: 0;
    margin-right: 10px;
    -webkit-appearance: checkbox
}

.comment-form .wpgdprc-checkbox label {
    display: flex;
    align-items: center
}

.comment-form .comment-form-cookies-consent {
    margin-top: 30px;
    display: flex;
    align-items: center
}

#cancel-comment-reply-link {
    display: block;
    font-size: 10px;
    margin-top: 10px
}

.cb-social-sharing.cb-text-buttons {
    letter-spacing: 1px;
    text-align: center
}

.cb-social-sharing.cb-text-buttons a {
    margin: 5px 15px;
    display: inline-block
}

.cb-social-sharing.cb-text-buttons .cb-sharing-buttons,
.cb-social-sharing.cb-text-buttons .cb-title {
    float: none
}

.cb-social-sharing.cb-color-buttons a {
    padding: 7px 0;
    width: 130px;
    text-align: center;
    text-transform: uppercase;
    margin-right: 25px;
    color: #fff;
    font-size: 18px;
    display: inline-block;
    margin-bottom: 25px
}

.cb-social-sharing.cb-color-buttons .cb-social-fb,
.social-icons-bg .network-facebook,
.wp-social-login-provider-facebook {
    background: #3b5998
}

.cb-social-sharing.cb-color-buttons .cb-social-tw,
.social-icons-bg .network-twitter {
    background: #1da1f2
}

.cb-social-sharing.cb-color-buttons .cb-social-pin,
.social-icons-bg .network-pinterest {
    background: #bd081c
}

.cb-social-sharing.cb-color-buttons .cb-social-go {
    background: #dc4e41
}

.cb-social-sharing.cb-color-buttons .cb-social-su {
    background: #fd2212
}

.cb-social-sharing.cb-color-buttons .cb-social-em {
    background: #222;
    margin-right: 0
}

.cb-separation {
    display: block;
    background: #ddd;
    height: 2px;
    width: 100%;
    margin: 0 0 40px
}

.cb-next-previous {
    text-align: center;
    padding: 10px
}

.cb-next-previous .cb-next-previous-block {
    width: 100%;
    line-height: 1.2;
    font-weight: 700
}

.cb-next-previous .cb-next-previous-block .cb-read-title {
    text-transform: uppercase;
    font-size: 10px;
    margin-bottom: 10px;
    display: block;
    letter-spacing: 2px
}

.cb-next-previous .title {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 14px
}

.author-box .author-job,
.author-box .title {
    letter-spacing: 3px;
    font-weight: 700;
    text-transform: uppercase
}

.cb-next-previous .cb-next-post i {
    padding-left: 20px;
    float: right
}

.cb-next-previous .cb-previous-post i {
    padding-right: 20px;
    float: left
}

.cb-next-previous i {
    font-size: 40px;
    padding-bottom: 500px;
    margin-bottom: -500px
}

.breadcrumbs-wrap+.entry-content,
.breadcrumbs-wrap+.meta-wrap {
    padding-top: 20px !important
}

.breadcrumbs-wrap.breadcrumbs-sz-m .breadcrumbs {
    padding-top: 0 !important
}

.breadcrumbs {
    font-size: 11px;
    padding: 0 0 15px;
    flex-wrap: wrap
}

.breadcrumbs .crumb,
.breadcrumbs i {
    color: #161616;
    margin-right: 5px;
    display: inline-block
}

.preview-classic.preview-grid,
article .breadcrumbs {
    padding-bottom: 0
}

.codetipi-15zine-bbp-breadcrumbs i {
    margin-right: 0;
    margin-left: 5px
}

.wpcf7-form-control.wpcf7-text,
.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    height: 60px;
    border: 0;
    background: #e1e1e1;
    padding: 20px;
    color: #858585;
    transition: background .35s
}

.wpcf7-form-control.wpcf7-text:focus,
.wpcf7-form-control.wpcf7-textarea:focus {
    background: #eaeaea;
    outline: 0
}

.wpcf7-form-control.wpcf7-text:invalid,
.wpcf7-form-control.wpcf7-textarea:invalid {
    outline: 0;
    background-color: #f6e7eb;
    box-shadow: none
}

.wpcf7-form-control.wpcf7-textarea {
    width: 100%;
    height: 320px
}

.wpcf7-form p {
    font-size: 12px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #4d4d4d;
    display: block;
    font-weight: 700;
    margin: 40px 0
}

.wpcf7-form-control-wrap {
    display: block;
    margin: 10px 0
}

.wpcf7-response-output {
    font-size: 20px
}

.post-not-found .search {
    margin: 40px 0 200px
}

.post-not-found .search .search-field {
    margin: 0;
    height: 80px;
    font-size: 18px
}

.post-not-found .search .search-submit {
    height: 80px;
    width: 80px
}

.error404-title-wrap {
    text-align: center;
    text-transform: uppercase;
    position: relative;
    margin: 45px 0 90px
}

.error404-title-wrap .title {
    font-weight: 700;
    font-size: 3em;
    margin-bottom: 10px
}

.error404-title-wrap p {
    color: #828282;
    margin: 0;
    font-size: 18px;
    letter-spacing: 1px
}

.team-wrap {
    display: flex;
    flex-flow: row wrap
}

.author-box {
    padding: 30px 20px
}

.author-box .mask {
    float: left;
    background-color: transparent;
    overflow: hidden
}

.author-box .mask img {
    margin: 0;
    border-radius: 50%;
    transition: opacity .35s
}

.author-box .mask img:hover {
    opacity: .7
}

.author-box .title {
    font-size: 18px;
    margin-bottom: 5px
}

.author-box .author-job {
    margin-bottom: 15px;
    font-size: 12px
}

.author-box .biography {
    font-size: .9rem;
    margin-bottom: 20px;
    line-height: 1.6
}

.author-box .meta,
.hero-m .hero-wrap.parallax .hero,
.mob-open,
.modal-active,
.site-mob-menu-a-2.mob-open {
    overflow: hidden
}

.author-box .social-icons a {
    margin-right: 15px;
    display: inline-block
}

.author-box .social-icons a i,
.site-mob-header .tipi-i-user {
    font-size: 18px
}

.author-page-box {
    text-align: center;
    flex-wrap: wrap
}

.author-page-box .mask {
    margin: 0 auto 30px;
    max-width: 150px
}

.author-page-box .biography,
.mob-menu-wrap .menu-icon-subscribe {
    font-size: 1rem
}

.author-page-box .social-icons {
    margin-bottom: -10px
}

.author-page-box.author-box .meta {
    width: 100%;
    padding-left: 0
}

.bottom-options {
    display: flex !important
}

.codetipi-15zine-checkbox {
    padding-top: 10px;
    display: flex;
    width: 100%;
    text-align: left
}

.codetipi-15zine-checkbox input[type=checkbox] {
    position: absolute;
    opacity: 0;
    top: 5px;
    left: 0;
    height: 12px;
    width: 12px;
    margin: 0
}

.codetipi-15zine-checkbox input[type=checkbox]:checked+.codetipi-15zine-i:before {
    opacity: 1;
    background: #1d69d0 !important;
    transform: translatey(0)
}

.codetipi-15zine-checkbox a {
    margin-left: 3px
}

.codetipi-15zine-checkbox label .codetipi-15zine-i {
    width: 12px;
    margin-top: 2px;
    text-align: center;
    margin-right: 7px;
    height: 12px;
    display: inline-block;
    background: #ddd;
    position: relative;
    line-height: 12px;
    border-radius: 2px
}

.codetipi-15zine-checkbox label .codetipi-15zine-i:before {
    border-radius: 2px;
    content: "\e913";
    font-family: codetipi-15zine;
    color: #fff;
    font-size: 8px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    height: 100%;
    transform: translatey(3px);
    transition: background .2s, opacity .2s, transform .2s
}

.fa.cb-times {
    color: #fff;
    font-size: 20px
}

.fa.cb-times:before {
    content: "\f105"
}

.fa.cb-times:after {
    content: "\f104";
    position: relative;
    left: -3px
}

.entry-content .tabber {
    margin: 0 0 30px
}

.entry-content .tabber .widget-titles {
    justify-content: flex-start
}

.entry-content .tabber .widget-titles a {
    background: #e5e5e5;
    padding: 15px 30px
}

.entry-content .tabber .tab-title {
    margin: 0 5px 0 0
}

.cb-toggler .fa-minus,
.cb-toggler .fa-plus {
    display: inline-block;
    margin-right: 10px;
    float: left;
    line-height: 26px;
    font-size: 10px
}

.cb-accordion a,
.cb-divider .cb-title {
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}

.cb-toggler .cb-toggle {
    display: block;
    margin-bottom: 5px;
    font-weight: 700;
    letter-spacing: 1px
}

.cb-toggler .cb-toggle-content {
    display: none;
    margin-bottom: 15px
}

.cb-accordion a,
.cb-accordion span {
    color: #fff;
    display: block;
    padding: 10px
}

.cb-button a,
.cb-button.cb-no-url {
    padding: 10px 30px;
    margin: 2px 2px 2px 0
}

.cb-accordion span {
    background-color: #666
}

.cb-accordion a {
    letter-spacing: 1px;
    background-color: #2d2d2d
}

.cb-alert {
    width: 100%;
    padding: 40px;
    color: #fff;
    border: 3px solid transparent;
    margin: 20px 0;
    text-align: center;
    letter-spacing: 2px
}

.cb-alert.cb-red {
    background: #d62f2f;
    border-color: #af2323
}

.cb-alert.cb-yellow {
    background: #f0d544;
    color: #666;
    border-color: #bfa40f
}

.cb-alert.cb-green {
    background: #1ba83f;
    border-color: #13732b
}

.cb-alert.cb-white {
    background: #f2f2f2;
    color: #161616;
    border-color: #eee
}

.cb-alert.cb-blue {
    background: #263852;
    border-color: #16202f
}

.cb-highlight {
    border-radius: 3px;
    padding: 3px 1px;
    color: #fff
}

.cb-button {
    letter-spacing: 2px
}

.cb-button a {
    border-radius: 3px;
    color: #f2f2f2 !important;
    display: inline-block;
    border: 3px solid transparent
}

.cb-button.cb-center {
    display: block;
    text-align: center
}

.cb-button.cb-no-url {
    border-radius: 3px;
    color: #f2f2f2;
    display: inline-block;
    border: 3px solid transparent
}

.cb-button.cb-yellow a,
.cb-button.cb-yellow.cb-no-url {
    background: #eccb15
}

.cb-button.cb-white a,
.cb-button.cb-white.cb-no-url {
    background: 0 0;
    color: grey !important;
    border-color: #777
}

.cb-button.cb-pink a,
.cb-button.cb-pink.cb-no-url {
    background: #ca56b0
}

.cb-button.cb-green a,
.cb-button.cb-green.cb-no-url {
    background: #1a9f3c
}

.cb-button.cb-red a,
.cb-button.cb-red.cb-no-url {
    background: #d62f2f
}

.cb-button.cb-black a,
.cb-button.cb-black.cb-no-url {
    background: #1a1a1a
}

.cb-button.cb-grey a,
.cb-button.cb-grey.cb-no-url {
    background: #4d4d4d
}

.cb-button.cb-blue a,
.cb-button.cb-blue.cb-no-url {
    background: #263852
}

.cb-button.cb-brown a,
.cb-button.cb-brown.cb-no-url {
    background: #975021
}

.cb-divider .cb-title:after,
.cb-divider .cb-title:before {
    content: "";
    height: 10px;
    margin-top: -5px;
    width: 1920px;
    background: #ddd;
    display: block;
    top: 50%
}

.cb-button.cb-big a,
.cb-button.cb-big.cb-no-url {
    padding: 15px 40px;
    font-size: 18px
}

.cb-divider {
    width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    margin: 30px 0
}

.cb-divider .cb-title {
    color: #777;
    margin: 0;
    position: relative;
    display: inline-block;
    letter-spacing: 2px;
    line-height: 1.2;
    padding: 7px 30px;
    background: #fff
}

.cb-divider .cb-title:after {
    position: absolute;
    left: 100%
}

.cb-divider .cb-title:before {
    position: absolute;
    right: 100%
}

.cb-video-gallery .cb-media-icon {
    color: #161616;
    background: rgba(255, 255, 255, .7);
    height: 60px;
    width: 60px;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    line-height: 60px;
    border-radius: 50%;
    margin-left: -30px;
    margin-top: -30px;
    z-index: 10
}

.lets-social-count-wrap i {
    font-family: codetipi-15zine;
    font-style: normal
}

.codetipi-15zine-i-facebook:before,
.lsc-facebook {
    content: "\f09a"
}

.codetipi-15zine-i-twitter:before,
.lsc-twitter {
    content: "\f099"
}

.codetipi-15zine-i-pinterest:before,
.lsc-pinterest {
    content: "\f231"
}

.codetipi-15zine-i-rss:before,
.lsc-rss {
    content: "\f09e"
}

.codetipi-15zine-i-instagram:before,
.lsc-instagram {
    content: "\f16d"
}

.codetipi-15zine-i-youtube-play:before,
.lsc-youtube {
    content: "\f16a"
}

.icon-wrap i+.title {
    padding-left: 7px
}

.site-mob-header {
    position: relative;
    z-index: 10
}

.site-mob-header .bg-area {
    background: inherit;
    max-width: 100%
}

.site-mob-header .menu-icon-login+.menu-icon-mobile-slide a {
    margin-top: 2px
}

.site-mob-header .menu-left {
    text-align: left;
    flex: 1
}

.site-mob-header .logo-mob-wrap {
    text-align: center;
    padding: 0 20px
}

.site-mob-header .menu-right {
    flex: 1;
    margin-left: auto;
    text-align: right;
    justify-content: flex-end
}

.site-mob-header .icons-wrap li a {
    padding: 0 10px;
    font-size: 18px
}

.site-mob-header .menu-right-2x {
    justify-content: flex-end
}

.sb--narrow>.tipi-cols,
.site-mob-header-1 .logo-main-wrap {
    display: flex;
    justify-content: center
}

.site-mob-header-3-logo {
    text-align: center;
    padding: 20px
}

.site-mob-header-3 .logo-main-wrap {
    background: #fff;
    padding: 25px
}

.mob-menu-wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 102;
    top: 0;
    left: 0;
    bottom: 0;
    font-size: 18px
}

.mob-menu-wrap .open-child i {
    font-size: 1rem;
    font-weight: 700;
    position: relative;
    display: inline-block
}

.mob-menu-wrap .opened-child {
    height: auto !important;
    position: relative !important
}

.mob-menu-wrap .content {
    height: 100%;
    padding: 30px 45px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    overflow: auto
}

.mob-menu-wrap .content .logo {
    animation-delay: .3s
}

.mob-menu-wrap .content .logo+.menu-icons {
    margin-top: 60px
}

.mob-menu-wrap .content .mobile-navigation {
    animation-delay: .4s
}

.mob-menu-wrap .content .menu-icons {
    animation-delay: .65s
}

.mob-menu-wrap .menu-icons {
    margin-top: auto
}

.mob-menu-wrap .vertical-menu {
    margin: auto;
    width: 100%;
    font-size: 18px
}

.mob-menu-wrap .vertical-menu li {
    margin-bottom: 7px;
    font-weight: 400;
    text-transform: none;
    padding-right: 0
}

.mob-menu-wrap .vertical-menu>li>.sub-menu {
    font-size: .9rem;
    padding-top: 7px
}

.mob-menu-wrap .mobile-navigation {
    margin-top: 30px;
    margin-bottom: 30px;
    display: flex;
    overflow: auto;
    flex-direction: column;
    flex-grow: 1
}

.block-wrap .cb-article-small .cb-meta,
.block-wrap-grid,
.flickity-page-dots .dot,
.flickity-viewport,
.hero,
.hero-wrap,
.img-ani-base .mask,
.mask,
.preview-grid,
.tipi-wsl-divider,
.tipi-x,
html.is-flickity-fullscreen {
    overflow: hidden
}

.mob-menu-wrap .menu-icons {
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px
}

.mob-menu-wrap .menu-icons li {
    margin: 0 5px 10px
}

.mob-menu-wrap .menu-icons .menu-icon-login a {
    padding-right: 0;
    display: inline-block
}

.mob-menu-wrap .menu-icons .menu-icon-login img {
    vertical-align: baseline
}

.mob-menu-wrap .menu-icons .menu-icon-style-3,
.mob-menu-wrap .menu-icons .menu-icon-style-4 {
    display: block;
    margin-bottom: 10px
}

.byline .byline-part,
.mob-menu-wrap .menu-icons .menu-icon-style-3 img,
.mob-menu-wrap .menu-icons .menu-icon-style-4 img {
    vertical-align: middle
}

.mob-menu-wrap .tipi-close-icon {
    margin-left: auto;
    font-size: 24px;
    position: absolute;
    right: -30px;
    line-height: 0
}

.mob-menu-wrap .content>* {
    opacity: 0;
    transform: translatex(-20px)
}

.mob-open .mob-menu-wrap .content>* {
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
    animation-duration: .25s;
    animation-name: mobMenuL
}

.mob-open.site-mob-menu-a-2 .mob-menu-wrap .content>* {
    animation-name: tipiSlideUpOpa
}

.menu-mobile .sub-menu {
    opacity: 0;
    visibility: hidden;
    transition: .35s cubic-bezier(0, .99, .99, 1);
    margin-left: -5px;
    text-align: left;
    position: absolute
}

.menu-mobile .sub-menu li {
    margin: 0;
    position: relative;
    padding: 5px 30px
}

.inf-load-more-wrap a,
.mobile-navigation-dd .open-child i,
.title-fixed .meta-wrap,
.title-middle .meta-wrap,
.title-middle-bl .meta-wrap {
    transition: .2s ease-out
}

.mobile-navigation-dd .child-is-open i {
    transform: rotate(-90deg)
}

.mobile-navigation-dd .opened-child {
    visibility: visible !important;
    opacity: 1 !important
}

.site-mob-menu-2 .mob-menu-wrap .menu-item-has-children>a:first-child {
    margin-left: 15px
}

.site-mob-menu-2 .mob-menu-wrap .vertical-menu li {
    padding-left: 0
}

.site-mob-menu-3 .mob-menu-wrap .mobile-navigation {
    margin-top: 0;
    justify-content: flex-start
}

.site-mob-menu-3 .mob-menu-wrap .tipi-close-icon {
    color: #111;
    border-radius: 50%;
    padding: 10px;
    background: rgba(255, 255, 255, .9);
    font-size: 15px
}

.content-lwa .bg-area .background,
.lwa-status,
.modal-wrap .content-block .bg-area {
    border-radius: 3px
}

.site-mob-menu-3 .mob-menu-wrap .content-wrap {
    padding: 25px;
    background: rgba(0, 0, 0, .9);
    height: 40vh;
    color: #fff;
    position: absolute;
    bottom: 15px;
    width: calc(100% - 30px);
    left: 15px
}

.byline-shaded .likes-count,
.inline-post .block .split-1,
.site-mob-menu-3 .mob-menu-wrap .content {
    padding: 0
}

.site-mob-menu-3 .mob-menu-wrap .menu-icons {
    padding-top: 15px;
    margin-bottom: -15px
}

.site-mob-menu-3 .mob-menu-wrap .logo-mobile-menu {
    position: fixed;
    top: 30px;
    left: 30px
}

.site-mob-menu-4 .mob-menu-wrap .mobile-navigation {
    margin-top: 0;
    padding-top: 30px
}

.site-mob-menu-4 .mob-menu-wrap .tipi-close-icon {
    top: 30px
}

.site-mob-menu-4 .mob-menu-wrap .logo-mobile-menu,
.site-mob-menu-4 .mob-menu-wrap .menu-icons,
.site-mob-menu-4 .mob-menu-wrap .menu-mobile li {
    padding: 15px 20px;
    margin: 0
}

.site-mob-menu-4 .mob-menu-wrap .logo-mobile-menu,
.site-mob-menu-4 .mob-menu-wrap .menu-mobile li {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

.site-mob-menu-4 .mob-menu-wrap .sub-menu {
    border-top: 1px solid rgba(255, 255, 255, .2);
    margin-top: 15px
}

.site-mob-menu-4 .mob-menu-wrap .menu-icons {
    padding-bottom: 5px
}

.site-mob-menu-4 .mob-menu-wrap .logo-mobile-menu {
    width: 100%;
    padding-top: 0;
    padding-bottom: 30px
}

.site-mob-menu-4 .mob-menu-wrap.site-skin-1 .logo-mobile-menu,
.site-mob-menu-4 .mob-menu-wrap.site-skin-1 .menu-mobile li {
    border-bottom: 1px solid #f1f1f1
}

.site-mob-menu-a-1 .mob-menu-wrap {
    transform: translateX(100%)
}

.site-mob-menu-a-1 .site-inner,
.site-mob-menu-a-1 .site-mob-header,
.site-mob-menu-a-1 .site-mob-header.sticky-menu-2.stuck,
.site-mob-menu-a-1 .sticky-menu-2 .stuck.active {
    transition: transform 1s cubic-bezier(.2, 1, .3, 1) !important
}

.site-mob-menu-a-1.mob-open .mob-menu-wrap {
    transform: translateX(0)
}

.site-mob-menu-a-1.mob-open .site-inner,
.site-mob-menu-a-1.mob-open .site-mob-header,
.site-mob-menu-a-1.mob-open .sticky-menu-2 .stuck.active {
    transform: translate3d(-50px, 0, 0) !important
}

.site-mob-menu-a-2 .mob-menu-wrap {
    opacity: 0;
    visibility: hidden;
    transition: .3s !important
}

.lets-review-api-wrap,
.site-mob-menu-a-4 .site-mob-header.sticky-menu-2 .stuck {
    z-index: 2
}

.site-mob-menu-a-4 .site-inner,
.site-mob-menu-a-4 .sticky-menu-2 .stuck.active {
    z-index: 3
}

.site-mob-menu-a-4 .mob-menu-wrap {
    transition: transform 1s cubic-bezier(.2, 1, .3, 1), visibility 0s 1.1s;
    width: calc(100vw - 60px);
    z-index: 1;
    visibility: hidden;
    transform: translate3d(-50%, 0, 0)
}

.site-mob-menu-a-4 .site-inner:after {
    content: '';
    background: #aaa;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 300;
    opacity: 0;
    visibility: hidden
}

.site-mob-menu-a-4.mob-open .spacer-mob-header {
    left: 80vw !important
}

.site-mob-menu-a-4.mob-open .tipi-i-menu-mob {
    background: 0 0 !important;
    height: 100%;
    top: 0
}

.site-mob-menu-a-4.mob-open .tipi-i-menu-mob:after,
.site-mob-menu-a-4.mob-open .tipi-i-menu-mob:before {
    background: #fff;
    width: 100%;
    height: 2px;
    top: calc(50% - 1px)
}

.site-mob-menu-a-4.mob-open .tipi-i-menu-mob:before {
    transform: rotate(-45deg)
}

.site-mob-menu-a-4.mob-open .tipi-i-menu-mob:after {
    width: 100%;
    transform: rotate(45deg)
}

.site-mob-menu-a-4.mob-open .mob-menu-wrap {
    transform: translate3d(0, 0, 0);
    transition: transform 1s cubic-bezier(.2, 1, .3, 1), visibility;
    visibility: visible
}

.site-mob-menu-a-4.mob-open .mob-bot-share,
.site-mob-menu-a-4.mob-open .site-inner,
.site-mob-menu-a-4.mob-open .site-mob-header,
.site-mob-menu-a-4.mob-open .sticky-menu-2 .stuck.active,
.site-mob-menu-a-4.mob-open .top-bar-message {
    transform: translate3d(calc(100vw - 60px), 0, 0) !important
}

.site-mob-menu-a-4.mob-open .flickity-enabled.is-fade .flickity-slider>.is-selected,
.site-mob-menu-a-4.mob-open .site-inner {
    pointer-events: none
}

.site-mob-menu-a-4.mob-open .site-content,
.site-mob-menu-a-4.mob-open .site-footer {
    opacity: .2
}

.mob-tr-open {
    display: block;
    padding-top: 0 !important;
    padding-bottom: 0 !important
}

.codetipi-15zine-icon img {
    max-width: 22px;
    vertical-align: middle;
    border-radius: 50%
}

.sticky-menu {
    z-index: 50;
    top: 0;
    position: relative
}

.site-mob-header.sticky-menu {
    width: 100% !important
}

.sticky-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 6
}

.sticky-menu-2.stuck {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    transform: translate3d(0, -100%, 0);
    transition: .3s;
    will-change: transform
}

.sticky-menu-2.stuck.active {
    transform: translate3d(0, 0, 0)
}

.byline-shaded .tipi-like-count,
.byline-shaded .tipi-like-count i,
.still {
    transition: none !important
}

.sticky-menu-3.slidedown {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    animation: .3s ease-out forwards slidedown
}

.lwa-form .codetipi-15zine-checkbox {
    margin-top: 0;
    margin-bottom: 15px;
    padding-top: 0;
    font-size: 12px
}

.lwa-form .codetipi-15zine-checkbox label .codetipi-15zine-i,
.title-above-c .meta-wrap+.single-content .cb-main,
.title-above-c .meta-wrap+.single-content .sidebar {
    margin-top: 0
}

.logo-lwa {
    text-align: center;
    width: 100%
}

.lwa-status {
    margin: 10px 0 20px;
    color: #fff;
    font-size: 12px;
    padding: 10px;
    display: none
}

.lwa-status a {
    color: #fff
}

.lwa-status a:hover {
    color: #eee
}

.lwa-status-invalid {
    background: #d04a4a;
    display: block
}

.lwa-status-confirm {
    background: #8cb68c;
    display: block
}

.lwa-status-live {
    padding: 10px;
    display: block
}

.content-lwa .tipi-modal-bg {
    padding: 45px;
    width: 390px;
    justify-content: center
}

.content-lwa .close {
    right: 20px;
    top: 20px
}

.content-lwa.site-skin-1 .lwa-input-wrap input {
    border: 1px solid #eee
}

.tipi-lwa .lwa-submit-button {
    width: 100%;
    position: relative
}

.tipi-lwa .title-wrap {
    margin-bottom: 15px;
    text-align: center;
    justify-content: center
}

.spon-block .spon-img,
.tipi-lwa .title-wrap .avatar-wrap {
    margin-right: 10px;
    line-height: 0
}

.tipi-lwa .title-wrap img {
    width: 25px;
    border-radius: 50%
}

.tipi-lwa .title-wrap .title {
    font-weight: 700;
    text-transform: uppercase
}

.tipi-lwa .bottom-options,
.title-base .title+.byline {
    margin-top: 5px
}

.lwa-log-out {
    margin-top: 30px;
    width: auto
}

.lwa-lostpassword {
    float: left;
    width: 50%;
    text-align: left
}

.bottom-options {
    font-size: 12px
}

.bl-option {
    float: left;
    width: 70%
}

.br-option {
    float: left;
    width: 50%
}

.lwa-submit-button .tipi-button {
    width: 100%;
    margin-bottom: 5px
}

.lwa-input-wrap input {
    border: 0;
    height: 40px;
    line-height: 40px;
    outline: 0;
    background: rgba(255, 255, 255, .85);
    margin-bottom: 15px;
    font-size: 1rem;
    width: 100%;
    border-radius: 2px;
    padding: 0 10px;
    transition: .2s
}

.tipi-small-print {
    line-height: 12px;
    display: block;
    font-size: 12px;
    margin-bottom: 15px
}

.block-wrap .cb-mask,
.hero,
.mask,
.tipi-x-wrap {
    line-height: 0
}

.wp-social-login-provider {
    height: 45px;
    width: calc(50% - 15px);
    position: relative;
    border-radius: 2px;
    color: #fff
}

.wp-social-login-provider i {
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    transition: .2s ease-out;
    transform-origin: 0 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.wp-social-login-connect-with {
    margin-bottom: 10px;
    font-size: 12px;
    display: none
}

.wp-social-login-provider-list {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: space-between;
    line-height: 0
}

.modal-wrap.active-2 .wp-social-login-provider-list a:hover i {
    transform: scale(1.2, 1.2) translate3d(-50%, -50%, 0)
}

.wp-social-login-provider-twitter {
    background: #55acee
}

.elements-location-5 .byline-4 .separator,
.title-overlay-c .lets-review-api-wrap,
.title-overlay-c .media-icon,
.title-overlay-c .secondary-img,
.wp-social-login-provider-google {
    display: none !important
}

.tipi-wsl-divider {
    width: 100%;
    display: block;
    float: left;
    text-align: center;
    margin: 12px 0 10px;
    position: relative
}

.tipi-wsl-divider span {
    display: inline-block;
    position: relative;
    padding: 0 15px;
    font-size: 10px
}

.tipi-wsl-divider span:after,
.tipi-wsl-divider span:before {
    content: '';
    height: 1px;
    background: #fff;
    width: 380px;
    opacity: .75;
    top: 50%
}

.tipi-wsl-divider span:after {
    left: 100%;
    position: absolute
}

.tipi-wsl-divider span:before {
    right: 100%;
    position: absolute
}

.search-field {
    -webkit-appearance: none;
    background: 0 0;
    border: 0
}

.search-field::-webkit-search-cancel-button {
    -webkit-appearance: none;
    pointer-events: none;
    opacity: 0
}

input[type=search]::-ms-clear {
    display: none
}

.content-search {
    width: 100%;
    color: #111
}

.content-search .search-submit,
.hero-s .flickity-fullscreen-button {
    display: none
}

.content-search .search-field {
    border-radius: 0;
    color: #111;
    border: 0;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 20px;
    width: 100%;
    text-transform: uppercase;
    padding-bottom: 15px;
    border-bottom: 3px solid #161616
}

.content-search .search-field:focus {
    outline: 0 !important
}

.content-search .search-field::-webkit-input-placeholder {
    color: #111
}

.content-search .search-field::-moz-placeholder {
    color: #111;
    opacity: 1
}

.content-search .search-field:-ms-input-placeholder {
    color: #111
}

.content-search .suggestions-wrap a {
    margin-right: 5px
}

.content-search .search {
    transition: .2s;
    opacity: 0;
    transform: translate3d(0, -20px, 0)
}

.content-search .search-hints {
    opacity: 0;
    font-size: 12px;
    align-items: baseline;
    transform: translate3d(0, 10px, 0);
    transition: .2s;
    margin-top: 7px
}

.content-search .search-hints .search-hint {
    display: block;
    margin-left: auto;
    flex-shrink: 0
}

.search-title {
    margin-bottom: 20px;
    display: block;
    text-align: center
}

.content-found-wrap {
    opacity: 0;
    transform: translate3d(0, 5px, 0);
    transition: opacity .2s, transform .2s;
    height: 0
}

.content-found-wrap .preview-thumbnail {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 25px !important
}

.content-found-wrap .preview-thumbnail .meta .title,
.title-loc-c .icon-base-2 i {
    color: #111
}

.content-found-wrap .preview-thumbnail .mask {
    width: 75px
}

.tipi-tip-wrap.tipi-tip-wrap-visible,
.with-results .content-found-wrap {
    opacity: 1;
    transform: translate3d(0, 0, 0)
}

.active-embed .caption,
.active-embed .media-icon,
.hero-wrap.gallery-viewing .mask-overlay,
.no-results-found .tipi-button,
.tipi-overlay-base,
.title-fixed .active-embed .meta-wrap,
.title-middle .active-embed .meta-wrap,
.title-middle-bl .active-embed .meta-wrap {
    opacity: 0;
    visibility: hidden
}

.with-results-cache .content-found-wrap {
    padding-top: 10px;
    height: auto
}

.zero-typo .content-found-wrap {
    padding-top: 0;
    height: 0
}

.mask-overlay,
.overlay,
.tipi-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.tipi-overlay-base {
    z-index: 101;
    position: fixed;
    transition: opacity .3s ease-out, transform .3s cubic-bezier(0, 0, .3, 1), visibility 0s .4s
}

.tipi-overlay-base.active {
    opacity: .9;
    visibility: visible;
    transition: opacity .3s ease-out, transform .3s cubic-bezier(0, 0, .3, 1), visibility
}

.modal-wrap .content-custom.is-video iframe,
.modal-wrap.dark-overlay .tipi-overlay,
.tipi-overlay-dark {
    background: #000
}

.modal-wrap {
    position: fixed;
    z-index: 110;
    opacity: 0;
    visibility: hidden;
    transition: .2s;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.modal-wrap .close,
.tipi-overlay-base .close {
    z-index: 2;
    position: absolute;
    top: 30px;
    right: 30px
}

.modal-wrap .close i,
.tipi-overlay-base .close i {
    font-size: 30px;
    color: #fff;
    transition: .3s
}

.tipi-overlay-base .close,
.tipi-x-outer {
    opacity: 0
}

.modal-wrap audio,
.modal-wrap iframe,
.modal-wrap video {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transition: .4s
}

.modal-wrap .content-custom {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    max-width: calc(100vw - 30px)
}

.modal-wrap .content-custom .embed-error {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%
}

.modal-wrap .content-custom.is-audio,
.modal-wrap .content-custom.is-video {
    width: 90vw
}

.modal-wrap .content-custom.is-audio audio,
.modal-wrap .content-custom.is-audio iframe,
.modal-wrap .content-custom.is-audio video,
.modal-wrap .content-custom.is-video audio,
.modal-wrap .content-custom.is-video iframe,
.modal-wrap .content-custom.is-video video {
    opacity: 0;
    margin: 0
}

.modal-wrap .content-custom.is-video {
    padding-bottom: 50.75%;
    transition: transform .2s ease-in-out;
    background: #111
}

.modal-wrap .ani-in.content-custom,
.modal-wrap.active-2 .content-lwa,
.modal-wrap.active-4 .content-subscribe {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%)
}

.modal-wrap .is-audio iframe[src*=playlists] {
    height: 315px;
    top: -155px
}

.modal-wrap .tipi-overlay {
    background-color: #fff;
    z-index: 1;
    opacity: .8
}

.byline-1 .comments a,
.modal-wrap.dark-overlay .close i {
    color: #fff !important
}

.modal-wrap.dark-overlay .search-all-results {
    background: #282828
}

.modal-wrap.dark-overlay .content-search .search-field {
    color: inherit;
    border-bottom-color: #444
}

.modal-wrap.dark-overlay .content-search .search-field::-webkit-input-placeholder {
    color: #fff
}

.modal-wrap.dark-overlay .content-search .search-field::-moz-placeholder {
    color: #fff
}

.modal-wrap.dark-overlay .content-search .search-field:-ms-input-placeholder {
    color: #fff
}

.modal-wrap.active-qv:before,
.modal-wrap.dark-overlay .content-search .content-found-wrap .preview-thumbnail .meta .title,
.title-fixed .hero-meta .byline,
.title-fixed .hero-meta .title,
.title-middle .hero-meta .byline,
.title-middle .hero-meta .title,
.title-middle-bl .hero-meta .byline,
.title-middle-bl .hero-meta .title {
    color: #fff
}

.modal-wrap .content-block {
    z-index: 2;
    border-radius: 10px;
    transition: opacity .2s, visibility .2s, transform .2s;
    position: absolute;
    opacity: 0;
    padding: 0 30px;
    visibility: hidden;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%)
}

.modal-wrap .content-custom {
    transform: translate(-50%, -50%) translatey(-30px)
}

.modal-wrap .subscribe-wrap {
    transition: .2s;
    padding: 0
}

.modal-wrap .content {
    position: relative;
    height: 100%;
    padding: 0 30px;
    justify-content: center
}

.modal-wrap .close i {
    opacity: 0;
    transition: .2s
}

.modal-wrap.active {
    visibility: visible;
    opacity: 1
}

.modal-wrap.active-3 .tipi-overlay {
    opacity: .975
}

.modal-wrap.active-3 .dark-overlay .tipi-overlay {
    opacity: .925
}

.modal-wrap.active-3 .search {
    transition-delay: .3s;
    transform: translate3d(0, 0, 0);
    opacity: 1;
    visibility: visible
}

.modal-wrap.active-3 .search-hints {
    transition-delay: .4s;
    transform: translate3d(0, 0, 0);
    opacity: .5;
    visibility: visible
}

.modal-wrap .content-lwa,
.modal-wrap .content-subscribe {
    transform: translateY(-50%) translateY(-20px) translateX(-50%)
}

.modal-wrap .content-lwa form,
.modal-wrap .logo-lwa,
.modal-wrap .tipi-lwa>.lwa-contents,
.modal-wrap .tipi-lwa>.title-wrap,
.modal-wrap .tipi-wsl-divider,
.modal-wrap .wp-social-login-provider-list {
    transform: translatey(-15px);
    opacity: 0;
    transition: opacity .3s, transform 0s .4s
}

.modal-wrap.active-2 .logo-lwa,
.modal-wrap.active-2 .tipi-lwa>.lwa-contents,
.modal-wrap.active-2 .tipi-lwa>.title-wrap,
.modal-wrap.active-2 .tipi-wsl-divider,
.modal-wrap.active-2 .wp-social-login-provider-list,
.modal-wrap.active-2 form {
    transform: translatey(0);
    opacity: 1;
    transition: opacity .3s, transform .3s cubic-bezier(0, 0, .3, 1)
}

.modal-wrap.active-2 .logo-lwa {
    transition-delay: .15s
}

.modal-wrap.active-2 .tipi-lwa>.title-wrap,
.modal-wrap.active-2 .wp-social-login-provider-list {
    transition-delay: .25s
}

.modal-wrap.active-2 .tipi-lwa>.lwa-contents,
.modal-wrap.active-2 .tipi-wsl-divider,
.modal-wrap.active-2 form {
    transition-delay: .35s
}

.modal-wrap.active-qv .content-custom {
    opacity: 1;
    transition-delay: 0s;
    visibility: visible
}

.admin-bar .modal-wrap .close,
.admin-bar .tipi-overlay-base .close {
    top: 62px
}

.active-1.content-rdy .content-custom {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.tipi-x {
    width: 15px;
    height: 15px;
    display: block;
    transition: .3s ease-out
}

.tipi-x:after,
.tipi-x:before {
    transition: .3s ease-out;
    content: '';
    position: absolute;
    height: 2px;
    width: 100%;
    top: 50%;
    left: 50%;
    background: #000;
    border-radius: 5px
}

.tipi-x:before {
    transform: translate3d(-50%, -50%, 0) rotate(45deg)
}

.tipi-x:after {
    transform: translate3d(-50%, -50%, 0) rotate(-45deg)
}

.icon-size-xs,
.tipi-x-m {
    width: 30px;
    height: 30px
}

.tipi-x-m:after,
.tipi-x-m:before {
    height: 2px
}

.tipi-x-l {
    width: 50px;
    height: 50px
}

.tipi-x-l:after,
.tipi-x-l:before {
    height: 3px
}

.tipi-x-wrap {
    transition: .2s ease-out
}

.tipi-x-wrap:hover {
    transform: rotate(90deg)
}

.counter:before,
.media-icon.center-abs,
.tipi-spin:before,
.title-overlay-c .meta {
    transform: translate(-50%, -50%)
}

.tipi-i-cart-1:before {
    top: 1px;
    position: relative
}

.sec-img {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    transition: opacity .3s ease-out;
    z-index: 4
}

.hero,
.hero-wrap,
.inline-post,
.mask {
    position: relative
}

.mask {
    background: #fff
}

.mask img,
.mask picture {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.mask-overlay {
    transition: .35s ease-out
}

.hero {
    width: 100%;
    background: #eee;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.hero img,
.hero picture {
    width: 100%;
    height: 100%;
    margin-top: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.hero-wrap {
    width: 100%
}

.hero-wrap .mask-overlay {
    background-color: rgba(5, 5, 5, .3)
}

.hero-wrap:not(.cover-11) .hero {
    max-height: 100vh
}

.hero-wrap.is-portrait .hero img {
    height: auto;
    margin-top: 0
}

.hero-wrap.hero-41.parallax .hero img,
.hero-wrap.hero-42.parallax .hero img {
    min-height: 120%;
    margin-top: -10%
}

.hero-wrap .caption {
    background: rgba(255, 255, 255, .5);
    color: #333
}

.hero-wrap .hero-has-splitter .caption {
    top: 0;
    bottom: auto
}

.hero-m .hero-wrap.parallax .hero img,
.hero-s .hero-wrap.parallax .hero img {
    width: 110%;
    flex-shrink: 0;
    max-width: none;
    margin-top: -10%;
    margin-bottom: -10%
}

.md-11.format-audio:not(.hero-s) .hero {
    height: auto !important;
    padding: 30px 30px 0
}

.md-11.format-audio:not(.hero-s) .meta-wrap+.hero-wrap .hero,
.title-above-c .meta-wrap+.single-content .cb-main {
    padding-top: 0
}

.hero-l .parallax .hero img {
    height: 120%;
    margin-top: -5%;
    min-height: 100%
}

.hero-l .parallax.cover-2 .hero img,
.hero-l .parallax.cover-3 .hero img {
    height: 132%
}

.hero-wrap.cover-1 .hero {
    height: 56.25vw;
    max-height: 56.25vw;
    min-height: 280px
}

.hero-wrap.cover-2 .hero {
    height: 66vh;
    max-height: 66vh
}

.hero-wrap.cover-3 .hero {
    height: 50vh;
    max-height: 50vh
}

.gallery-block__wrap .caption,
.hero-wrap .caption {
    position: absolute;
    z-index: 2;
    bottom: 0;
    right: 0;
    transition: .2s ease-out;
    padding: 5px 7px
}

.hero-core-10 .breadcrumbs {
    padding: 15px 0 0 !important
}

.hero-1+.breadcrumbs-wrap,
.stack .meta,
.title-beneath .hero-wrap+.meta-wrap {
    padding-top: 20px
}

.title-beneath .meta-wrap {
    padding-bottom: 20px
}

.title-wrap+.byline {
    margin-top: 12px
}

.title-above-c .meta-wrap,
.title-beneath-c .meta-wrap {
    text-align: center;
    padding-top: 30px
}

.title-above-c.hero-m .meta-wrap,
.title-above.hero-m .meta-wrap {
    padding-bottom: 30px;
    padding-top: 30px
}

.title-middle .hero-wrap .meta-wrap {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 0 30px;
    z-index: 2;
    position: absolute;
    left: 50%;
    width: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center
}

.inline-post,
.preview-thumbnail .counter {
    width: 100%;
    -webkit-backface-visibility: hidden
}

.title-middle-bl .hero-wrap .meta-wrap {
    position: absolute;
    bottom: 0;
    z-index: 5;
    left: 0;
    padding: 15px 30px;
    width: 100%
}

.title-beneath .hero-meta {
    text-align: left !important
}

.share-button-content {
    justify-content: center;
    width: 100%;
    height: 100%
}

.inline-post {
    margin: 30px 0;
    clear: both;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
    backface-visibility: hidden;
    display: flex
}

.counter,
.counter:after,
.counter:before,
.inf-scr-masonry,
.inline-post .block article .media-icon,
.preview-grid .mask img,
.preview-grid .mask picture,
.slider .slide {
    position: absolute
}

.inline-post .block article {
    width: 100%;
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.inline-post .block article .mask {
    flex: 0 0 25%;
    max-width: 100px
}

.inline-post .block article .icon-base-3 {
    top: auto;
    bottom: 0
}

.inline-post .post-pre-title {
    font-size: 12px;
    margin-bottom: 10px
}

.sb--left>.tipi-cols {
    display: flex;
    flex-direction: row-reverse
}

.block--feature {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.block--feature .block-inner-style {
    margin-bottom: 0 !important
}

.block--feature+.block-title-wrap,
.block--feature+.block-wrap {
    margin-top: 40px
}

.block {
    counter-reset: block
}

.block article {
    counter-increment: block
}

.preview-thumbnail:hover .counter:after {
    opacity: .9
}

.preview-thumbnail .counter {
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    top: 0
}

.preview-thumbnail .counter:before {
    font-weight: 400;
    font-size: 1.5rem
}

.preview-thumbnail .counter:after {
    transition: .3s;
    opacity: .4
}

.lr-api-has-icons:not(.lr-api-wrap-has-subtitle) {
    height: 36px !important;
    width: 85px !important
}

.counter {
    z-index: 2;
    top: 0;
    left: 0;
    display: inline-block;
    height: 40px;
    width: 40px;
    text-align: center
}

.counter:before {
    font-size: 12px;
    display: block;
    content: counter(block);
    z-index: 2;
    top: 50%;
    left: 50%;
    color: #fff
}

.counter:after {
    z-index: 1;
    background-color: #121314;
    content: '';
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: inherit
}

.block-wrap {
    width: 100%;
    display: block
}

.block-wrap .block-inner-style {
    margin-bottom: 40px;
    position: relative
}

.block-wrap .cb-article-row {
    width: 100%;
    float: left
}

.block-wrap .cb-no-1 {
    margin-left: 0 !important
}

.block-wrap .cb-article,
div[class*=title-mid].hero-s .hero-wrap {
    margin-bottom: 30px
}

.block-wrap .excerpt,
.codetipi-15zine-widget .block-wrap .preview-grid .title+.byline,
.codetipi-15zine-widget .block-wrap .preview-slider .title+.byline,
.preview-grid .byline-2+.title,
.preview-slider .byline-2+.title,
.preview-thumbnail .meta .title+.byline {
    margin-top: 10px
}

.block-wrap .cb-article-small {
    width: 100%;
    float: left;
    margin-bottom: 20px
}

.block-wrap .cb-article-small .cb-mask {
    float: left;
    margin-right: 30px;
    display: block;
    max-width: 100px
}

.block-wrap .cb-meta-style-6 .cb-article-meta,
.block-wrap-51 .media-tr,
.block-wrap-55 .slide:not(:first-of-type) article,
.block-wrap-59 .media-tr,
.block-wrap-59 article .meta:after,
.block-wrap-59 article:after,
.block-wrap-f .preview-grid .meta .author-avatar,
.block-wrap-f .preview-grid .meta .likes-count,
.block-wrap-f .preview-grid .meta .separator-likes,
.block-wrap-grid .block .cb-m .byline,
.block-wrap-reviews .preview-grid .meta .author-avatar,
.block-wrap-reviews .preview-grid .meta .likes-count,
.block-wrap-reviews .preview-grid .meta .separator-likes,
.byline-shaded .separator,
.codetipi-15zine-review-2.lets-review-api-wrap .lets-review-subtitle,
.flickity-enabled.is-fullscreen .flickity-fullscreen-button-view,
.flickity-fullscreen-button-exit,
.ipl-loader.ipl-end,
.md-11 .hero-wrap .caption,
.md-11 .hero-wrap .splitter,
.no-more-wrap .load-more-wrap-2,
.preview-thumbnail .codetipi-15zine-review .lets-review-final-score .cb-bar,
.preview-thumbnail .codetipi-15zine-review .lets-review-subtitle,
.preview-thumbnail .lr-api-has-icons,
.review-box--xs .lr-api-has-icons,
.separator:last-child,
.slider article,
.trending-inline-drop .block-wrap .grid-meta-bg .mask:before {
    display: none
}

.block-wrap .cb-article-small .cb-post-title {
    font-size: 14px;
    margin: 0;
    letter-spacing: 2px
}

.active-embed .hero,
.block-wrap .cb-article-big.cb-meta-style-2 .cb-post-title,
.md-11 .hero-wrap iframe {
    background: #000
}

.preview-grid.tile-overlay--2 .meta:after,
.preview-grid:after,
.preview-slider.tile-overlay--2 .meta:after,
.preview-slider:after {
    content: '';
    width: 100%;
    left: 0;
    background-color: #161616;
    height: 100%;
    top: 0;
    position: absolute;
    transition: .3s;
    pointer-events: none
}

.block-wrap .cb-article-big.cb-meta-style-2 .cb-post-title a,
.block-wrap-grid .block .byline,
.block-wrap-grid .block .byline a,
.byline-shaded .cats a:hover,
.codetipi-15zine-video .media-icon i,
.icon-base-2 i,
.preview-grid .meta .byline,
.preview-grid .meta .byline a,
.preview-grid .meta .price ins,
.preview-grid .meta .title,
.preview-grid .meta .title a,
.preview-slider .meta .byline,
.preview-slider .meta .byline a,
.preview-slider .meta .price ins,
.preview-slider .meta .title,
.preview-slider .meta .title a,
.title-fixed .meta-wrap .share-it-text,
.title-middle .meta-wrap .share-it-text,
.title-middle-bl .meta-wrap .share-it-text,
.title-overlay-c .has-post-thumbnail .byline-part,
.title-overlay-c .has-post-thumbnail a,
.title-overlay-c .has-post-thumbnail p,
.trending-inline:hover a,
div[class*=title-mid] .meta-wrap .share-it-icons a {
    color: #fff
}

.block-wrap .cb-article-big.cb-meta-style-2 .cb-article-meta {
    padding: 0 20px
}

.block-changer,
.block-wrap .cb-article-big.cb-meta-style-2.cb-article-review img,
.liking,
.slider-nav.nav-slider-rdy .slide img,
.title-overlay-c .mask .wp-post-image {
    opacity: .5
}

.block-wrap .cb-article-big.cb-meta-style-2.cb-article-review:hover img,
.slider-rdy .slider-arrow-2 {
    opacity: .25
}

.block-wrap .cb-article-small.cb-separated {
    padding-bottom: 20px;
    margin-bottom: 20px
}

.block-wrap .cb-article-small:last-child {
    margin-bottom: 0;
    border-bottom: none !important;
    padding-bottom: 0
}

.entry-content .block-wrap .title {
    margin: 0
}

.block-wrap-grid {
    background-color: #fff
}

.block-wrap-grid .block .cb-link {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    z-index: 17
}

.block-wrap-grid .mask {
    height: 100%;
    padding-bottom: 80%
}

.block-wrap-grid .tipi-s-12 .mask {
    padding-bottom: 40%
}

.block-wrap-g-81 .preview-grid:first-child {
    border-top: 0
}

.preview-grid {
    position: relative;
    border-top: 3px solid transparent;
    border-right: 3px solid transparent
}

.block-wrap-f .preview-grid,
.block-wrap-reviews .preview-grid,
.preview-grid.preview-classic {
    border: 0
}

.block-wrap-links .meta,
.preview-grid:not(.no-fi) .meta,
.preview-slider:not(.no-fi) .meta {
    pointer-events: none
}

.block-wrap-55 .slider .slider-arrow,
.inf-loading a,
.preview-grid.tile-overlay--2:after,
.preview-slider.tile-overlay--2:after,
.slider:not(.slider-rdy) .meta,
.slider:not(.slider-rdy) .slider-arrow,
.slider:not(.slider-rdy) img,
.slider__img,
.tipi-tip-wrap.removing {
    opacity: 0
}

.preview-grid.tile-overlay--2 .meta:after,
.preview-slider.tile-overlay--2 .meta:after {
    z-index: -1
}

.preview-grid.tile-overlay--gradient .meta:after,
.preview-slider.tile-overlay--gradient .meta:after {
    background-color: transparent !important;
    background-image: linear-gradient(to bottom, transparent 0, rgba(0, 0, 0, .65) 100%)
}

.preview-grid .mask,
.preview-slider .mask {
    background: #000 !important
}

.loading>* {
    opacity: .35
}

.title-overlay-c .mask {
    background: #111 !important
}

.trending-inline-drop,
.trending-inline-drop .block-wrap,
.trending-inline-drop .block-wrap .mask,
.trending-inline:hover {
    background-color: #121314
}

.title-overlay-c .extras {
    top: 15px;
    right: 15px;
    left: auto
}

.title-overlay-c .meta {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%
}

.tipi-doc-info {
    line-height: 1.5;
    font-weight: 400;
    text-transform: none;
    font-size: 12px;
    text-align: left
}

.trending-inline .main-title-wrap .trending-text {
    padding-left: 5px
}

.trending-inline .main-title-wrap .trending-text:empty {
    margin-left: 0;
    padding-left: 0
}

.trending-accent-border {
    border: 2px solid transparent
}

.trending-inline-wrap .counter {
    line-height: 50px;
    width: 50px;
    height: 50px
}

.trending-inline-wrap .counter:before {
    font-size: 1rem;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    transform: none
}

.trending-inline-wrap .trending-accent-border {
    line-height: 36px
}

.preview-slider .mask img,
.slider-imgs .slide img,
.trending-inline,
.trending-inline a {
    transition: .3s
}

.trending-inline-drop {
    top: 100%;
    padding: 0 !important;
    z-index: 105 !important;
    color: #fff
}

.trending-inline-drop .trending-inline-wrap .block article a {
    padding: 0;
    font-size: inherit;
    color: #fff
}

.trending-inline-drop .separation-border {
    margin: 0 !important
}

.trending-inline-drop .trending-inline-title {
    width: 100%;
    padding: 20px 40px 0;
    display: flex;
    align-items: center;
    margin-bottom: -20px
}

.block-wrap-g-81 .mask,
.slider article,
.slider:not(.flickity-enabled) {
    padding-bottom: 50%
}

.trending-inline-drop .trending-inline-title .trending-op-title {
    float: left;
    font-size: 2em
}

.trending-inline-drop .trending-inline-title .trending-op {
    margin-left: 15px;
    display: inline-block;
    padding: 0;
    cursor: pointer
}

.trending-inline-drop .trending-selected {
    border-bottom: 2px solid #fff
}

.codetipi-15zine-review-2.lets-review-api-wrap .lets-review-final-score,
.preview-review .title,
.trending-inline-drop .block-wrap article .title {
    font-size: 14px
}

.social-icons-bg .network-bg {
    background: #333
}

.social-icons-bg .network-flipboard {
    background: #f52828
}

.social-icons-bg .network-vk {
    background: #4a76a8
}

.social-icons-bg .network-linkedin {
    background: #0078ba
}

.social-icons-bg .network-reddit {
    background: #ff4500
}

.social-icons-bg .network-email {
    background: #222
}

.social-icons-bg .network-tumblr {
    background: #32506d
}

.social-icons-bg .network-whatsapp {
    background: #00ec67
}

.social-icons-bg .network-messenger {
    background: #0084ff
}

.social-icons-bg .network-youtube {
    background: #dc403c
}

.social-icons-bg .network-rss {
    background: #e67e21
}

.social-icons-bg .network-vimeo {
    background: #1ab7ea
}

.social-icons-bg .network-soundcloud {
    background: #f80
}

.social-icons-bg .network-spotify {
    background: #1db954
}

.social-icons-bg .network-dribbble {
    background: #ea4c89
}

.social-icons-bg .network-snapchat {
    background: #fffc00
}

.social-icons-bg .network-mixcloud {
    background: #52aad8
}

.social-icons-bg .network-bandcamp {
    background: #629aa9
}

.social-icons-bg .network-medium {
    background: #00ab6c
}

.social-icons-bg .network-instagram {
    background: #e1306c
}

.codetipi-15zine-widget .widget-social-icons ul li {
    display: inline-block;
    line-height: 1;
    text-align: center
}

.codetipi-15zine-widget .widget-social-icons ul li a {
    display: inline-block;
    color: #fff
}

.codetipi-15zine-widget .widget-social-icons a {
    margin: 0 20px 20px
}

.codetipi-15zine-widget .widget-social-icons .tipi-i-sz-1 {
    margin: 0 10px 20px
}

.codetipi-15zine-widget .widget-social-icons-3 ul li a,
.icon-base-1 i,
.slider .slider-arrow {
    color: #161616
}

.codetipi-15zine-widget .tipi-i-sz-2 {
    font-size: 24px
}

.codetipi-15zine-widget .tipi-i-sz-3 {
    font-size: 40px
}

.codetipi-15zine-widget .social-icons-bg a {
    font-size: 26px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
    top: 0;
    height: 70px;
    line-height: 70px;
    width: 70px;
    border-radius: 3px;
    position: relative;
    margin: 10px;
    color: #fff
}

.codetipi-15zine-widget .social-icons-bg .tipi-i-sz-2 {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    width: 50px
}

.codetipi-15zine-widget .social-icons-bg .tipi-i-sz-1 {
    font-size: 12px;
    height: 35px;
    line-height: 35px;
    width: 35px
}

.codetipi-15zine-widget .block-wrap-grid {
    background-color: transparent;
    border-color: transparent
}

.codetipi-15zine-widget .block-wrap-grid .preview-grid .meta {
    padding: 0 15px
}

.codetipi-15zine-widget .block-wrap-grid .preview-grid .mask {
    padding-bottom: 66%
}

.codetipi-15zine-widget .block-wrap-grid .tile-loc-bl .meta {
    padding-bottom: 15px;
    padding-top: 15px
}

.cb-body-dark .byline-shaded .cats,
.cb-body-light .byline-shaded .cats,
.codetipi-15zine-widget .flickity-viewport,
.gallery__slider,
.md-11.format-audio .hero {
    background-color: transparent
}

.block-wrap-59 article .meta .byline:last-child,
.codetipi-15zine-widget .block-wrap .block-inner-style,
.lets-review__widget__design-1:last-child,
.split .byline:last-child {
    margin-bottom: 0
}

.codetipi-15zine-widget .block-wrap .preview-grid .title,
.codetipi-15zine-widget .block-wrap .preview-slider .title {
    font-size: 1rem;
    margin-bottom: 5px;
    letter-spacing: 1px
}

.preview-slider {
    width: 100%;
    max-width: 2000px
}

.block-wrap-55 .slide:first-of-type article,
.byline-shaded .byline-part a,
.flickity-enabled:not(.slider-imgs) article,
.md-11 .hero-19 .splitter,
.md-11 .hero-43 .splitter,
.slider,
.slider article:first-of-type,
.video-wrap {
    display: block
}

.slider.tipi-spin:before {
    z-index: 11
}

.slider .lets-review-api-wrap,
.slider .meta {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.block-wrap-59 article,
.slider-nav,
.slider-of-one {
    padding-bottom: 0 !important
}

.slider:not(.slider-rdy) .slider-arrow {
    transform: translateY(-10px)
}

.cb-body-light .byline-shaded .byline-part:not(.cats),
.cb-body-light .byline-shaded .cats a,
.gallery__slider.slider-rdy .slide {
    background-color: #f2f2f2
}

.gallery__slider .slide img {
    max-width: none;
    width: auto;
    height: 100%
}

.block-wrap-b .preview-thumbnail,
.gallery__slider.slider-16 {
    padding-left: 0;
    padding-right: 0
}

.slider .mask,
.slider-of-one .mask {
    position: absolute;
    height: 100%;
    width: 100%
}

.block-wrap-59 article .mask,
.flickity-enabled,
.inf-load-more-wrap,
.slider-for,
.slider-nav {
    position: relative
}

.slider.parallax .mask {
    top: -15%;
    height: 130%
}

.slider-imgs:not(.slider-rdy) .slide img {
    transform: translatey(10px)
}

.slider-imgs.tipi-spin:before {
    border-color: #555
}

.title-middle .gallery-viewing .hero-meta,
.title-middle-bl .gallery-viewing .hero-meta {
    opacity: 0;
    pointer-events: none
}

.playing .media-icon,
.title-middle .gallery-viewing .slide:before,
.title-middle-bl .gallery-viewing .slide:before {
    opacity: 0 !important
}

.gallery__slider .slider-arrow {
    border: 1px solid #fff;
    background-color: rgba(0, 0, 0, .15);
    color: #fff;
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 20px
}

.gallery__slider .slider-arrow:hover {
    background-color: #fff;
    color: #000
}

.tiled-gallery .gallery-row {
    overflow: hidden;
    width: 100% !important
}

.format-gallery.md-2 .hero-wrap {
    overflow: visible
}

.block-wrap-51 .slider-art .tipi-arrow i:after,
.block-wrap-59 .slider-art .tipi-arrow i:after,
.flickity-viewport,
.icon-base-3 .icon-bg {
    background: #fff
}

.slider-for,
.slider-imgs {
    width: 100%;
    height: 250px
}

.slider-for .slide,
.slider-imgs .slide {
    margin-right: 5px;
    height: 100%
}

.slider-for {
    margin-top: 5px;
    margin-bottom: 5px
}

.slider-for:not(.slider-rdy) .slide img {
    transform: translatey(15px)
}

.slider-nav {
    background: inherit;
    height: 75px
}

.slider-nav .slide {
    margin-right: 5px;
    background: #f2f2f2;
    height: 100%
}

.slider-nav .slide img {
    opacity: 0;
    transition: .3s
}

.block-changer.active,
.block-mm-init,
.block-skin-2 .preview-thumbnail .byline:not(.byline-cats-design-2):not(.byline-cats-design-4) .byline-part:not(.author-avatar),
.block-wrap-55:hover .slider .slider-arrow,
.cb-body-light .byline-shaded .byline-part:not(.cats):hover .codetipi-15zine-i-heart,
.flickity-page-dots .dot.is-selected,
.lr-api-has-icons,
.slider-nav.nav-slider-rdy .is-nav-selected img,
.slider-rdy .flickity-lazyloaded,
.slider-rdy .mask,
.slider-rdy .meta,
.slider-rdy .slider-arrow,
.tipi-like-count:hover .codetipi-15zine-i-heart {
    opacity: 1
}

.block-wrap-slider article {
    padding-bottom: 43.333333333%
}

.block-wrap-55 .slide {
    flex-wrap: wrap;
    width: 100%
}

.block-wrap-55 .block-piece-1 article,
.flickity-page-dots .dot.is-selected:after {
    height: 100%
}

.block-wrap-55 .flickity-enabled article {
    display: block !important
}

.block-wrap-55 .slider:not(.flickity-enabled) {
    padding-bottom: 151.5%
}

.block-wrap-55 article {
    width: 100%;
    padding-bottom: 80%
}

.block-wrap-55 .block-piece-2 article,
.block-wrap-f .grid-spacing {
    border-right: 0
}

.block-wrap-52 article {
    padding-bottom: 39%
}

.block-wrap-53 article {
    padding-bottom: 25%
}

.block-wrap-59 .lets-review-api-wrap {
    left: 0;
    right: auto
}

.block-wrap-59 article .meta {
    padding: 20px 10px 0;
    text-align: center
}

.block-wrap-59 .slider-arrow {
    width: 40px;
    height: 40px;
    font-size: 22px
}

.block-wrap-59 .slider-arrow-prev {
    right: 40px
}

.slider-rdy.tipi-spin:before {
    opacity: 0;
    pointer-events: none;
    animation-iteration-count: 2
}

.block-wrap-51 .slider-art[data-effect="0"] .flickity-slider,
.block-wrap-59 .slider-art[data-effect="0"] .flickity-slider {
    transform: none !important
}

.block-wrap-51 .slider-art[data-effect="0"] .flickity-slider .slide,
.block-wrap-59 .slider-art[data-effect="0"] .flickity-slider .slide {
    left: 0 !important;
    z-index: 7 !important
}

.block-wrap-51 .slider-art[data-effect="0"] .flickity-slider .old-slide,
.block-wrap-59 .slider-art[data-effect="0"] .flickity-slider .old-slide {
    z-index: 8 !important
}

.block-wrap-51 .slider-art[data-effect="0"] .flickity-slider .is-selected,
.block-wrap-51 .slider-art[data-effect="0"] .flickity-slider .new-slide,
.block-wrap-59 .slider-art[data-effect="0"] .flickity-slider .is-selected,
.block-wrap-59 .slider-art[data-effect="0"] .flickity-slider .new-slide {
    z-index: 9 !important
}

.block-wrap-51 .slider-art[data-effect="0"] .slider-arrow,
.block-wrap-59 .slider-art[data-effect="0"] .slider-arrow {
    z-index: 10
}

.block-wrap-51 .slider-art .tipi-arrow,
.block-wrap-59 .slider-art .tipi-arrow {
    border-color: #fff;
    color: #fff;
    border-radius: 50%
}

.block-wrap-51.block-wrap-fs .slider-arrow {
    background: 0 0;
    color: #fff;
    border: 3px solid #fff;
    transform: translatey(-50%);
    top: 50%
}

.block-wrap-51.block-wrap-fs .slider-arrow:hover {
    background: #fff;
    color: #161616
}

.block-wrap-51.block-wrap-fs .slider-arrow-prev,
.md-1 .hero-wrap .slider-arrow-prev {
    left: 30px
}

.block-wrap-51.block-wrap-fs .slider-arrow-next,
.md-1 .hero-wrap .slider-arrow-next {
    right: 30px
}

.slider-arrow {
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    transition: .3s ease-out;
    background-color: rgba(255, 255, 255, .8);
    position: absolute;
    z-index: 3;
    text-align: center;
    justify-content: center;
    font-size: 30px
}

.liked,
.liked:hover {
    cursor: default
}

.cb-body-light .byline-shaded .byline-part:not(.cats):hover,
.slider-arrow:hover {
    background-color: #161616;
    color: #fff
}

.slider-arrow-prev {
    right: 50px
}

.preview-review .score {
    font-weight: 700;
    color: #5a5a5a;
    line-height: 1.5;
    font-size: 14px;
    margin-left: auto
}

.preview-review .score-bar {
    width: 100%;
    height: 10px;
    background: #f2f2f2;
    margin-top: 5px;
    clear: both;
    float: left
}

.preview-review .score-bar .score-overlay {
    background: #f8d92f;
    height: 100%
}

.preview-review .submeta {
    font-size: 12px;
    margin-top: 10px;
    color: #939393
}

.preview-review .cb-format-1:after {
    margin-left: 2px;
    content: '%'
}

.block-wrap-d .preview-classic,
.preview-review {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px
}

.preview-review:last-of-type {
    margin-bottom: 0 !important;
    padding-bottom: 0;
    border-bottom: 0 !important
}

.preview-classic .title,
.preview-thumbnail .title {
    letter-spacing: 1px;
    font-weight: 700;
    margin: 0 0 5px
}

.preview-2 {
    flex: 0 0 100% !important
}

.preview-thumbnail {
    display: flex;
    align-items: center;
    padding-bottom: 20px
}

.preview-thumbnail .byline-1 {
    top: 2px;
    left: 2px;
    padding: 0
}

.preview-thumbnail .meta .byline-2+.title {
    margin-top: 7px
}

.preview-thumbnail .byline .separator {
    margin-left: 3px;
    margin-right: 3px
}

.preview-thumbnail .mask {
    width: 90px;
    flex-shrink: 0
}

.preview-thumbnail .codetipi-15zine-review {
    top: 0;
    right: 0;
    width: 34px;
    height: 28px;
    line-height: 28px
}

.preview-thumbnail .codetipi-15zine-review .lets-review-final-score {
    font-size: 12px;
    letter-spacing: 0;
    opacity: 1
}

.preview-thumbnail .codetipi-15zine-review .lets-review-final-score .cb-percent-sign {
    padding-left: 1px;
    font-size: 8px
}

.codetipi-15zine-review-2.lets-review-api-wrap {
    width: 38px;
    height: 30px
}

.lr-api-has-icons .lets-review-api-score-box {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    flex-wrap: wrap
}

.lr-api-has-icons .lets-review-final-score {
    line-height: 0 !important;
    position: relative;
    font-size: 13px
}

.lr-api-has-icons .lets-review-final-score i,
.lr-api-has-icons .lets-review-final-score img {
    margin: 0 1px
}

.lr-api-has-icons .lets-review-final-score img {
    max-width: 16px
}

.lr-api-has-icons.lr-api-wrap-has-subtitle .lets-review-api-score-box {
    flex-direction: column
}

.lr-api-has-icons.lr-api-wrap-has-subtitle .lets-review-final-score,
.preview-classic .star-rating {
    margin-top: 3px
}

.lr-api-has-icons.lr-api-wrap-has-subtitle .lets-review-subtitle {
    margin-top: 10px;
    padding: 0 3px;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto
}

.lets-review__widget__design-1 .score-bar {
    height: 10px;
    margin-top: 7px
}

.meta .read-more-wrap {
    display: block;
    transition: .3s ease-out;
    margin-top: 15px
}

.meta .read-more-wrap .read-more {
    height: auto;
    line-height: 1;
    padding: 10px 15px;
    background: #000;
    color: #fff;
    display: inline-block;
    font-size: 10px;
    text-transform: uppercase;
    border-radius: 3px
}

.preview-classic .price {
    font-size: 1rem;
    margin-top: 5px
}

.preview-classic .byline .author-avatar img {
    width: 14px
}

.preview-classic .byline-1 {
    padding: 0 15px;
    top: 15px
}

.preview-grid .byline a,
.preview-slider .byline a,
.spon-block a {
    color: inherit !important
}

.block-wrap-b .preview-classic {
    padding-bottom: 20px;
    padding-top: 20px
}

.block-wrap-b article {
    border-bottom: 1px solid #f1f1f1
}

.block-wrap-b .preview-thumbnail:last-child {
    border-bottom: 0
}

.img-shape-1 .mask {
    padding-bottom: 66.5%
}

.img-shape-2 .mask {
    padding-bottom: 100%
}

.img-shape-3 .mask {
    padding-bottom: 137%
}

.tipi-spin:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    border: 3px solid #fff;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-top: -28px;
    z-index: 2;
    transition: opacity .3s;
    margin-left: -28px;
    animation: 1s ease-out infinite fullspin
}

.tipi-spin.tipi-row-inner-style:before {
    opacity: 1;
    border-color: #111
}

.tipi-spin-dark:before {
    border-color: #111
}

.ipl-wrap {
    transition: .5s
}

.ipl-loader {
    position: relative;
    height: 150px
}

.ipl-loader:before {
    border-top-color: #1d1d1d;
    border-bottom-color: #1d1d1d
}

.ipl-loader.ipl-end:before {
    animation: none
}

.ipl-loading {
    opacity: 0;
    transform: translateY(150px)
}

.img-ani-base .fi-bg,
.img-ani-base .mask img {
    transition: transform 1s, opacity .5s
}

.icon-size-l:hover .icon-bg,
.img-ani-1.with-second-img .mask:hover .secondary-img,
.img-ani-1.with-second-img.preview-grid:hover .secondary-img,
.img-ani-1.with-second-img.preview-slider:hover .secondary-img,
.img-ani-1.with-second-img:hover .fi-bg,
.img-ani-1:not(.with-second-img) .mask:hover .wp-post-image,
.img-ani-1:not(.with-second-img).preview-grid:hover .wp-post-image,
.img-ani-1:not(.with-second-img).preview-slider:hover .wp-post-image,
.img-ani-1:not(.with-second-img):hover .fi-bg {
    transform: scale(1.1, 1.1)
}

.img-ani-2:not(.with-second-img) .fi-bg,
.img-ani-2:not(.with-second-img) .mask .wp-post-image,
.img-ani-2:not(.with-second-img).preview-grid .wp-post-image,
.img-ani-2:not(.with-second-img).preview-slider .wp-post-image {
    transform: translate3d(-5px, 0, 0) scale(1.05)
}

.img-ani-2:not(.with-second-img) .mask:hover .wp-post-image,
.img-ani-2:not(.with-second-img).preview-grid:hover .wp-post-image,
.img-ani-2:not(.with-second-img).preview-slider:hover .wp-post-image,
.img-ani-2:not(.with-second-img):hover .fi-bg {
    transform: translate3d(5px, 0, 0) scale(1.05)
}

.img-ani-3:not(.with-second-img) .mask:hover .wp-post-image,
.img-ani-3:not(.with-second-img).preview-grid:hover .wp-post-image,
.img-ani-3:not(.with-second-img).preview-slider:hover .wp-post-image,
.img-ani-3:not(.with-second-img):hover .fi-bg {
    transform: rotate(-1.8deg) scale(1.08)
}

.img-ani-4:not(.with-second-img) .mask:hover .wp-post-image,
.img-ani-4:not(.with-second-img).preview-grid:hover .wp-post-image,
.img-ani-4:not(.with-second-img).preview-slider:hover .wp-post-image,
.img-ani-4:not(.with-second-img):hover .fi-bg {
    transform: rotate(1.8deg) scale(1.08)
}

.img-ani-2:not(.with-second-img) .fi-bg,
.img-ani-2:not(.with-second-img) .mask .wp-post-image,
.img-ani-2:not(.with-second-img).preview-grid .wp-post-image,
.img-ani-2:not(.with-second-img).preview-slider .wp-post-image,
.img-ani-3:not(.with-second-img) .fi-bg,
.img-ani-3:not(.with-second-img) .mask .wp-post-image,
.img-ani-3:not(.with-second-img).preview-grid .wp-post-image,
.img-ani-3:not(.with-second-img).preview-slider .wp-post-image,
.img-ani-4:not(.with-second-img) .fi-bg,
.img-ani-4:not(.with-second-img) .mask .wp-post-image,
.img-ani-4:not(.with-second-img).preview-grid .wp-post-image,
.img-ani-4:not(.with-second-img).preview-slider .wp-post-image {
    transition: transform .3s cubic-bezier(.3, .4, .5, 1), opacity .3s;
    transform: scale(1.05)
}

.byline .with-name .author-avatar {
    margin-right: 8px
}

.byline .no-name .author-avatar {
    padding-right: 10px
}

.byline .author-avatar {
    display: inline-block;
    line-height: 0;
    vertical-align: middle
}

.byline .author-avatar img {
    width: 20px;
    border-radius: 50%;
    position: relative
}

.byline .separator {
    margin-right: 8px;
    margin-left: 8px;
    font-weight: 700;
    opacity: .7
}

.byline-2 {
    margin-bottom: -3px
}

.byline-1 {
    position: absolute;
    width: 100%;
    top: 25px;
    left: 0;
    padding: 0 30px;
    line-height: 1;
    z-index: 3
}

.byline-1 .cats .cat-with-bg {
    font-weight: 700;
    padding: 3px 7px
}

.byline-1 .comments {
    margin-right: 0 !important;
    font-weight: 700;
    background: #000;
    padding: 0 5px;
    border-radius: 2px;
    height: 15px;
    min-width: 15px;
    text-align: center;
    line-height: 15px;
    font-size: .8em;
    float: right
}

.byline-cats-design-5 .cats {
    margin-left: 10px;
    margin-right: 10px
}

.byline-cats-design-5 .cats:last-child,
.byline-shaded .cats a:last-child,
.cats .cat:last-of-type,
.elements-location-5 .byline-4 .cats {
    margin-right: 0
}

.cats .cat {
    margin-right: 10px;
    display: inline-block
}

.cats .byline-in {
    padding-right: 2px
}

.cats .cat-with-bg {
    font-size: .9em;
    border-radius: 2px;
    padding: 2px 4px;
    color: #fff !important
}

.byline-shaded .byline-part,
.byline-shaded .cats a {
    height: 26px;
    padding: 0 8px;
    margin-right: 5px;
    transition: .2s ease-out
}

.cats .cat-with-line {
    border-bottom: 3px solid transparent;
    margin-bottom: -3px
}

.byline-shaded .byline-part {
    display: inline-flex;
    flex-wrap: wrap;
    font-size: .8em;
    letter-spacing: 1px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 26px;
    color: #868686
}

.byline-shaded .cats {
    padding: 0;
    height: auto;
    margin-bottom: 0
}

.byline-shaded .cats a {
    margin-bottom: 5px
}

.byline-shaded .byline-part-inner-bg {
    background-color: transparent !important;
    padding: 0
}

.byline-shaded .likes-count a {
    padding: 9px 8px
}

.byline-10 {
    margin-top: 15px;
    margin-bottom: -5px
}

.byline-part {
    margin-bottom: 5px;
    display: inline-block
}

.byline-part i {
    margin-right: 3px
}

.last__updated {
    padding-bottom: 15px;
    opacity: .6;
    font-size: .8em
}

.last__updated__title {
    margin-right: 5px;
    display: inline-block
}

.byline-part .last__updated {
    padding-bottom: 0;
    opacity: 1;
    font-size: 1em
}

.elements-location-5 .byline-4 .byline-part:not(.cats),
.elements-location-5 .byline-4 .cats a {
    color: #9a9a9a;
    background: #e9e9e9;
    padding: 4px 7px;
    display: inline-block;
    font-size: .8em;
    letter-spacing: 1px;
    border-radius: 2px;
    margin-right: 5px
}

.elements-location-5 .byline-4 .likes-count {
    height: 23px;
    padding-top: 7px
}

.tipi-like-count {
    display: flex;
    transition: .2s ease-out;
    line-height: 1
}

.tipi-like-count .likes-heart {
    position: relative;
    margin-right: 3px;
    display: inline-block
}

.tipi-like-count .likes-heart .codetipi-15zine-i-heart {
    opacity: 0;
    transition: .2s ease-out;
    position: absolute;
    top: 0;
    left: 0
}

.liked {
    pointer-events: none
}

.block-changer.active:before,
.liked .codetipi-15zine-i-heart {
    opacity: 1 !important
}

.title-loc-c .media-icon {
    position: relative;
    display: inline-block;
    margin-top: 10px
}

.title-loc-c .icon-base-2 {
    bottom: auto;
    color: #111
}

.title-loc-c .icon-base-2 .icon-bg {
    border-radius: 50%;
    background: #fff
}

div[class*=title-mid] .hero-wrap .media-icon,
div[class*=title-mid] .hero-wrap .meta .byline,
div[class*=title-mid] .hero-wrap .meta .entry-title,
div[class*=title-mid] .hero-wrap .meta .subtitle,
div[class*=title-mid] .hero-wrap .share-it {
    transition: .5s ease-out .2s
}

div[class*=title-mid] .hero-wrap .meta .entry-title {
    transition-delay: .3s
}

div[class*=title-mid] .hero-wrap .meta .byline-3,
div[class*=title-mid] .hero-wrap .meta .subtitle {
    transition-delay: .45s
}

div[class*=title-mid] .hero-wrap .media-icon,
div[class*=title-mid] .hero-wrap .meta .title-with-sub+.byline {
    transition-delay: .6s
}

div[class*=title-mid] .hero-wrap:not(.mask-loaded) .media-icon,
div[class*=title-mid] .hero-wrap:not(.mask-loaded) .meta .byline,
div[class*=title-mid] .hero-wrap:not(.mask-loaded) .meta .entry-title,
div[class*=title-mid] .hero-wrap:not(.mask-loaded) .meta .subtitle,
div[class*=title-mid] .hero-wrap:not(.mask-loaded) .share-it {
    opacity: 0;
    transform: translatey(15px)
}

.media-icon {
    text-align: center;
    z-index: 3;
    color: #fff;
    position: absolute;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 40px;
    height: 40px
}

.media-icon i {
    display: inline-block;
    font-size: 18px;
    line-height: 40px
}

.title-fixed .hero-wrap .media-icon,
.title-middle .hero-wrap .media-icon,
.title-middle-bl .hero-wrap .media-icon {
    display: inline-block;
    margin-top: 15px;
    position: relative;
    top: auto;
    left: auto
}

.active-embed .hero img {
    animation: none;
    opacity: .25
}

.hero-18 .media-icon,
.hero-19 .media-icon {
    width: 80px;
    height: 80px
}

.hero-18 .media-icon i,
.hero-19 .media-icon i {
    font-size: 30px;
    line-height: 80px
}

.icon-size-xs i {
    font-size: 15px;
    line-height: 30px
}

.icon-size-l {
    width: 75px;
    height: 75px;
    border-radius: 50%
}

.icon-size-l .icon-bg {
    border-width: 3px
}

.icon-size-l i {
    font-size: 25px;
    font-weight: 700
}

.block-wrap .icon-size-l .icon-bg,
.icon-base-1.icon-size-l .icon-bg {
    border-style: solid;
    border-color: #fff;
    background: rgba(0, 0, 0, .15)
}

.icon-base-2 {
    bottom: 0;
    left: 0
}

.icon-base-2 .icon-bg {
    background: #212121
}

.icon-base-3 {
    top: 10px;
    left: 10px
}

.icon-base-3:hover .icon-bg {
    transform: scale(1.05, 1.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .25)
}

.mask .byline+a+.icon-base-3 {
    top: auto;
    bottom: 15px;
    left: 15px
}

.icon-base-1 {
    color: #161616;
    text-align: center
}

.icon-base-1 .icon-bg {
    border-radius: 50%;
    background: rgba(255, 255, 255, .9)
}

.icon-base-1:hover .icon-bg {
    transform: scale(1.1, 1.1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .25)
}

.icon-base-1.media-icon.center-abs:hover {
    transform: translate(-50%, -50%) scale(1.1, 1.1)
}

.preview-classic .icon-base-1,
.preview-grid:not(.tile-design-4) .icon-base-1,
.preview-slider:not(.tile-design-4) .icon-base-1 {
    left: 50%;
    top: 50%;
    margin-top: -20px;
    margin-left: -20px
}

.preview-thumbnail .media-icon:not(.icon-base-3) {
    left: 50%;
    top: 50%
}

.preview-thumbnail .icon-size-xs:not(.icon-base-3) {
    margin-top: -15px;
    margin-left: -15px
}

.preview-thumbnail .icon-base-3 {
    top: 0;
    left: 0
}

.preview-thumbnail .mask .byline+a+.icon-base-3 {
    top: auto;
    bottom: 0;
    left: 0
}

.duration,
.icon-bg,
.media-icon,
.playing-msg {
    transition: .3s cubic-bezier(.3, .4, .5, 1)
}

.media-icon.center-abs {
    position: absolute;
    left: 50%;
    top: 50%
}

.codetipi-15zine-video {
    position: relative;
    line-height: 0
}

.codetipi-15zine-video .media-icon .icon-bg {
    background: rgba(0, 0, 0, .15);
    border: 4px solid #fff
}

.playing img {
    opacity: .2 !important
}

.hero-m .media-wrap-audio {
    max-width: 80%
}

.md-11 .hero-wrap iframe,
.md-11 .hero-wrap video {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.md-11.format-audio .hero-wrap iframe {
    margin-bottom: 0;
    position: relative;
    height: auto
}

.has-bg .hero-m.format-video.md-11 .hero-wrap:not(.hero-18) .hero {
    max-height: 700px
}

.hero-m .hero-wrap:not(.hero-18) .hero {
    max-height: 630px
}

.hero-m.format-video.md-11 .hero-wrap:not(.hero-18) .hero {
    max-height: 710px
}

.hero-m .medium-uncrop .hero {
    max-height: none !important
}

.md-1.title-middle .hero-wrap .slide:before,
.md-1.title-middle-bl .hero-wrap .slide:before {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    content: '';
    opacity: 0;
    background-color: #000
}

.md-1.title-middle .slider-rdy .slide:before,
.md-1.title-middle-bl .slider-rdy .slide:before {
    transition: opacity .6s;
    opacity: .2
}

.md-1 .hero-wrap .slider-arrow {
    top: 50%;
    transform: translateY(-50%)
}

audio {
    min-height: 40px
}

.media-wrap-audio {
    padding-bottom: 40px
}

.spon-block {
    margin-bottom: 15px;
    width: 100%
}

.spon-block .title {
    background: #fee700;
    text-transform: uppercase;
    padding: 3px 7px;
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: 2px;
    color: #333;
    border-radius: 2px;
    display: inline-block;
    margin-right: 15px
}

.pagination {
    text-align: center;
    padding: 50px 0;
    clear: left
}

.pagination .page-numbers {
    transition: .3s ease-out;
    font-weight: 400;
    display: inline-block;
    text-align: center;
    padding: 7px 12px;
    font-size: 10px;
    min-width: 35px;
    border: 1px solid #ddd;
    margin: 0 10px 10px 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pagination .page-numbers:hover {
    background-color: #111;
    color: #fff;
    border-color: #ddd
}

.pagination .prev:hover {
    transform: translatex(-2px)
}

.pagination .next:hover {
    transform: translatex(2px)
}

.pagination .dots {
    border-color: transparent;
    padding: 5px 0;
    min-width: 0
}

.pagination .dots:hover {
    border-color: transparent;
    opacity: .5;
    transform: none
}

.pagination .no-more-articles {
    margin-bottom: 10px;
    font-size: 14px
}

.pagination+.block {
    clear: both
}

.pagination .current:not(.post-page-numbers),
.post-page-numbers.current .page-numbers,
.post-pagination>.page-numbers,
.woocommerce-pagination .current {
    border-color: #111;
    background: #111;
    color: #fff;
    padding-bottom: 5px
}

.inf-scr {
    clear: left
}

.inf-loaded {
    padding: 0;
    height: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%
}

.inf-loading:before {
    border-top-color: #222;
    border-bottom-color: #222
}

.inf-scr-masonry a {
    top: auto !important
}

.load-more-wrap-1 {
    padding: 20px 0;
    text-align: center
}

.block-more-1 {
    font-weight: 700
}

.block-more-1:hover i {
    transform: translateX(-3px)
}

.block-more-2 {
    margin-left: 3px
}

.no-more {
    opacity: .25;
    pointer-events: none
}

.custom-button__rounded-1.read-more {
    border-radius: 180px
}

.custom-button__rounded-2.read-more,
.custom-button__rounded-2.tipi-button.block-loader {
    border-radius: 3px
}

.custom-button__rounded-3.read-more,
.custom-button__rounded-3.tipi-button.block-loader {
    border-radius: 0
}

.custom-button__fill-2.read-more,
.custom-button__fill-2.tipi-button.block-loader {
    border: 2px solid;
    background-color: transparent !important
}

.custom-button__fill-2.tipi-button.block-loader {
    line-height: 46px
}

.block-wrap-search.search-form--centered .search {
    margin-left: auto;
    margin-right: auto
}

.block-wrap-search.search-form__fill-2 .search-field {
    border: 2px solid;
    border-right: 0
}

.block-wrap-search .search .search-field {
    width: 100%;
    padding: 0 20px
}

.block-wrap-search .search button {
    margin-left: auto;
    padding: 0;
    color: #fff;
    flex-shrink: 0
}

.custom-button__fill-1.read-more,
.custom-button__fill-1.tipi-button.block-loader {
    border: 0 !important
}

.custom-button__size-2.tipi-button.block-loader {
    line-height: 70px;
    height: 70px;
    width: 90%;
    max-width: 770px;
    font-size: 15px
}

.custom-button__size-2.tipi-button.block-loader.custom-button__fill-2 {
    line-height: 66px
}

.read-more__special {
    font-size: 10px !important;
    display: inline-block
}

.read-more__special i {
    transition: .2s;
    background: #000;
    color: #fff;
    border-radius: 50%;
    height: 12px;
    display: inline-block;
    width: 12px;
    text-align: center;
    line-height: 12px;
    margin-right: 5px;
    font-size: 10px
}

.read-more.tipi-button {
    height: auto;
    line-height: 1;
    padding: 10px 15px
}

.custom-button__size-3.tipi-button.block-loader {
    line-height: 40px;
    height: 40px;
    padding: 0 30px
}

.custom-button__size-3.tipi-button.block-loader.custom-button__fill-2 {
    line-height: 36px
}

.block-skin-2 .excerpt {
    color: #868686
}

.block-skin-2 .tipi-button.block-more {
    border: 1px solid #3a3a3a;
    background: 0 0
}

.block-skin-2 .block-title-wrap-style .block-title:after,
.block-skin-2 .block-title-wrap-style .block-title:before,
.block-skin-2 .tipi-spin.tipi-row-inner-style:before {
    border-color: #fff
}

.block-skin-2 .mask {
    background: #272727
}

.tipi-tip-wrap {
    transition: opacity .3s, transform .3s;
    pointer-events: none;
    position: fixed;
    top: -9999px;
    left: -9999px;
    z-index: 103;
    opacity: 0;
    box-shadow: -5px -5px 15px rgba(62, 62, 62, .25)
}

.tipi-tip-wrap.tipi-tip-move {
    margin-top: -5px;
    transform: translate3d(0, 0, 0)
}

.tipi-tip-wrap-b,
.tipi-tip-wrap-b.removing {
    transform: translate3d(0, 5px, 0)
}

.tipi-tip-wrap .inner {
    font-size: 10px;
    margin: 0;
    padding: 10px 15px;
    color: #fff;
    position: relative;
    white-space: nowrap;
    font-weight: 700;
    background: #111;
    border-radius: 3px
}

.tipi-tip-wrap .detail {
    display: block;
    position: absolute
}

.tipi-tip-wrap-b {
    margin-top: 15px
}

.tipi-tip-wrap-b .detail {
    border-right: 3px solid transparent;
    border-bottom: 3px solid #111;
    border-left: 3px solid transparent;
    top: -3px;
    left: calc(50% - 3px)
}

.tipi-tip-wrap-l .detail,
.tipi-tip-wrap-r .detail {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    top: calc(50% - 3px)
}

.tipi-tip-wrap-r,
.tipi-tip-wrap-r.removing {
    transform: translate3d(5px, 0, 0)
}

.tipi-tip-wrap-r .detail {
    border-right: 3px solid #111;
    left: -3px
}

.tipi-tip-wrap-l,
.tipi-tip-wrap-l.removing {
    transform: translate3d(-5px, 0, 0)
}

.tipi-tip-wrap-l .detail {
    border-left: 3px solid #111;
    right: -3px
}

.flickity-viewport {
    position: relative;
    height: 100%
}

.flickity-slider {
    position: absolute;
    width: 100%;
    height: 100%
}

.flickity-enabled.is-draggable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: grab
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: grabbing
}

.flickity-enabled.is-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100% !important;
    background: #fff;
    z-index: 200
}

.flickity-enabled.is-fullscreen .tipi-i-maximize:before {
    content: '\e940'
}

.admin-bar .flickity-enabled.is-fullscreen {
    top: 32px;
    height: calc(100% - 32px) !important
}

.flickity-enabled.is-fullscreen .flickity-page-dots {
    bottom: 10px
}

.flickity-fullscreen-button {
    display: flex;
    align-items: center;
    justify-content: center;
    right: 15px;
    top: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    padding: 0;
    position: absolute;
    z-index: 2;
    border-radius: 50%;
    background: #fff
}

.flickity-rtl .flickity-fullscreen-button {
    right: auto;
    left: 0
}

.flickity-fullscreen-button .flickity-button-icon {
    width: 16px;
    height: 16px
}

.flickity-enabled.is-fade .flickity-slider>* {
    pointer-events: none;
    z-index: 0
}

.flickity-enabled.is-fade .flickity-slider>.is-selected {
    pointer-events: auto;
    z-index: 1
}

.flickity-page-dots {
    position: absolute;
    padding: 0;
    width: 100%;
    bottom: 25px;
    margin: 0;
    list-style: none;
    text-align: center;
    line-height: 1
}

.block-wrap-slider:not(.tile-design-wrap-4) .flickity-page-dots {
    height: 100%;
    right: 0;
    bottom: 0;
    width: 50px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.block-wrap-slider:not(.tile-design-wrap-4) .flickity-page-dots .dot {
    margin: 5px
}

.flickity-rtl .flickity-page-dots {
    direction: rtl
}

.flickity-page-dots .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    border-radius: 50%;
    opacity: .5;
    background-color: transparent;
    box-shadow: inset 0 0 0 2px #fff;
    transition: opacity .3s;
    cursor: pointer;
    position: relative
}

.flickity-page-dots .dot:after {
    content: '';
    position: absolute;
    bottom: 0;
    height: 0;
    left: 0;
    border-radius: 50%;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 1px #fff;
    transition: height .3s
}

@font-face {
    font-family: codetipi-15zine;
    src: url("../../assets/css/15zine/codetipi-15zine.woff2?8m76yw") format("woff2"), url("../../assets/css/15zine/codetipi-15zine.ttf?8m76yw") format("truetype"), url("../../assets/css/15zine/codetipi-15zine.woff?8m76yw") format("woff"), url("../../assets/css/15zine/codetipi-15zine.svg?8m76yw#codetipi-15zine") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class^=codetipi-15zine-i-] {
    font-family: codetipi-15zine !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    font-size: inherit;
    line-height: 1;
    letter-spacing: 0;
    -ms-font-feature-settings: "liga" 1;
    font-feature-settings: "liga";
    font-variant-ligatures: discretionary-ligatures
}

.codetipi-15zine-i-corner-down-right:before {
    content: "\e923"
}

.codetipi-15zine-i-discord:before {
    content: "\e921"
}

.codetipi-15zine-i-steam:before {
    content: "\f1b6"
}

.codetipi-15zine-i-tiktok:before {
    content: "\e920"
}

.codetipi-15zine-i-flipboard:before {
    content: "\e91c"
}

.codetipi-15zine-i-line:before {
    content: "\e91d"
}

.codetipi-15zine-i-telegram:before {
    content: "\e91e"
}

.codetipi-15zine-i-viber:before {
    content: "\e91f"
}

.codetipi-15zine-i-log-in:before {
    content: "\e91b"
}

.codetipi-15zine-i-log-out:before {
    content: "\e91a"
}

.codetipi-15zine-i-cart-1:before {
    content: "\e919"
}

.codetipi-15zine-i-plus:before {
    content: "\e918"
}

.codetipi-15zine-i-search:before {
    content: "\e917"
}

.codetipi-15zine-i-menu:before {
    content: "\e916"
}

.codetipi-15zine-i-mail:before {
    content: "\e915"
}

.codetipi-15zine-i-user:before {
    content: "\e914"
}

.codetipi-15zine-i-check:before {
    content: "\e913"
}

.codetipi-15zine-i-cart-1-plus:before {
    content: "\e912"
}

.codetipi-15zine-i-hash:before {
    content: "\e911"
}

.codetipi-15zine-i-apple_music:before {
    content: "\f179"
}

.codetipi-15zine-i-whatshot:before {
    content: "\e910"
}

.codetipi-15zine-i-play_arrow:before {
    content: "\e90c"
}

.codetipi-15zine-i-format_quote:before {
    content: "\e908"
}

.codetipi-15zine-i-camera:before {
    content: "\e902"
}

.codetipi-15zine-i-chevron-down:before {
    content: "\e903"
}

.codetipi-15zine-i-chevron-left:before {
    content: "\e904"
}

.codetipi-15zine-i-chevron-right:before {
    content: "\e905"
}

.codetipi-15zine-i-chevron-up:before {
    content: "\e906"
}

.codetipi-15zine-i-film:before {
    content: "\e90d"
}

.codetipi-15zine-i-headphones:before {
    content: "\e907"
}

.codetipi-15zine-i-moon:before {
    content: "\e909"
}

.codetipi-15zine-i-music:before {
    content: "\e90e"
}

.codetipi-15zine-i-play:before {
    content: "\e90f"
}

.codetipi-15zine-i-x:before {
    content: "\e90a"
}

.codetipi-15zine-i-zap:before {
    content: "\e90b"
}

.codetipi-15zine-i-patreon:before {
    content: "\e900"
}

.codetipi-15zine-i-unsplash:before {
    content: "\e901"
}

.codetipi-15zine-i-heart:before {
    content: "\f004"
}

.codetipi-15zine-i-camera-retro:before {
    content: "\f083"
}

.codetipi-15zine-i-heart-o:before {
    content: "\f08a"
}

.codetipi-15zine-i-star:before {
    content: "\f005"
}

.codetipi-15zine-i-star-o:before {
    content: "\f006"
}

.codetipi-15zine-i-link:before {
    content: "\e922"
}

.codetipi-15zine-i-linkedin:before {
    content: "\f0e1"
}

.codetipi-15zine-i-tumblr:before {
    content: "\f173"
}

.codetipi-15zine-i-dribbble:before {
    content: "\f17d"
}

.codetipi-15zine-i-vk:before {
    content: "\f189"
}

.codetipi-15zine-i-spotify:before {
    content: "\f1bc"
}

.codetipi-15zine-i-soundcloud:before {
    content: "\f1be"
}

.codetipi-15zine-i-twitch:before {
    content: "\f1e8"
}

.codetipi-15zine-i-medium:before {
    content: "\f23a"
}

.codetipi-15zine-i-vimeo:before {
    content: "\f27d"
}

.codetipi-15zine-i-mixcloud:before {
    content: "\f289"
}

.codetipi-15zine-i-snapchat:before {
    content: "\f2ac"
}

.codetipi-15zine-i-bandcamp:before {
    content: "\f2d5"
}

@media all and (orientation:portrait) {
    .cb-gallery-post-wrap {
        height: 500px !important;
        position: relative !important
    }

    .bg-parallax .bg {
        height: 130%;
        top: -15%
    }
}

@media all and (orientation:landscape) {

    .cover-2 .slider-for,
    .cover-2 .slider-imgs {
        height: 66vh
    }

    .cover-3 .slider-for,
    .cover-3 .slider-imgs {
        height: 50vh
    }

    .cover-1 .slider-for,
    .cover-1 .slider-imgs,
    .cover-11 .slider-for,
    .cover-11 .slider-imgs {
        height: calc(100vh - 150px)
    }
}

@media only screen and (min-width:481px) {

    .cb-col-1,
    .cb-col-10,
    .cb-col-11,
    .cb-col-12,
    .cb-col-2,
    .cb-col-3,
    .cb-col-5,
    .cb-col-7,
    .cb-col-9,
    .tipi-s-12 {
        width: 100%
    }

    .cb-col-4 {
        width: 33.33333333%
    }

    .cb-col-6,
    .tipi-s-6 {
        width: 50%
    }

    .cb-col-8 {
        width: 66.66666666%
    }

    .cb-col-1,
    .cb-col-10,
    .cb-col-11,
    .cb-col-12,
    .cb-col-2,
    .cb-col-3,
    .cb-col-4,
    .cb-col-5,
    .cb-col-6,
    .cb-col-7,
    .cb-col-8,
    .cb-col-9 {
        float: left
    }

    .cb-col:first-of-type {
        padding-right: 20px
    }

    .cb-col:nth-of-type(2) {
        padding-left: 20px
    }

    .block-wrap-grid .block {
        width: calc(100% + 3px)
    }

    .block-wrap-grid .block .cb-m .cb-byline {
        display: block
    }

    .block-half,
    .ppl-s-2 article {
        flex: 0 0 calc(50% - 15px);
        width: calc(50% - 15px)
    }

    .split {
        display: flex;
        align-items: flex-start
    }

    .split:not(.preview-thumbnail):last-of-type {
        margin-bottom: 0;
        border-bottom: 0;
        padding-bottom: 0
    }

    .split:not(.preview-thumbnail) .mask {
        flex: 0 0 34.666667%;
        width: 34.666667%
    }

    .split:not(.preview-thumbnail) .meta {
        padding-left: 30px;
        padding-right: 15px;
        width: 100%
    }

    .split:not(.preview-thumbnail) .meta:first-child {
        padding-left: 0
    }

    .preview-thumbnail {
        align-items: center
    }

    .block-wrap-classic:not(.ppl-s-2) .preview-thumbnail:last-of-type {
        margin-bottom: 0 !important;
        border-bottom: 0 !important
    }

    .block-wrap-g-92 .block-piece-2 .preview-grid {
        float: left;
        width: 50%;
        max-height: 50%
    }

    .tipi-s-6 .img-shape-3 .mask {
        padding-bottom: 137%
    }

    .gallery__slider .slider-arrow {
        height: 60px;
        width: 60px;
        line-height: 60px;
        font-size: 20px
    }

    .slider-nav {
        height: 150px
    }

    .slider-for,
    .slider-imgs {
        height: 350px
    }

    .title-contrast .slider-imgs {
        height: 100%
    }

    .user-page-box-1 .author-bio {
        padding-top: 20px
    }

    .user-page-box-1 .mask {
        margin-right: 60px;
        float: left;
        width: 60px
    }

    .user-page-box-1 .meta {
        width: calc(100% - 125px);
        float: left;
        position: relative
    }

    .user-page-box-1 img:hover {
        transform: translate3D(0, -3px, 0)
    }

    .user-page-box-1 .icons {
        position: absolute;
        top: 5px;
        right: 0
    }

    .user-page-box-2,
    .user-page-box-3,
    .user-page-box-4 {
        width: calc(50% - 15px)
    }

    .user-page-box-2:nth-child(odd),
    .user-page-box-3:nth-child(odd),
    .user-page-box-4:nth-child(odd) {
        margin-right: 30px
    }

    .ppl-s-2 article:nth-last-child(-n+2),
    .ppl-s-3 article:nth-last-child(-n+3) {
        margin-bottom: 0
    }

    .ppl-s-2.block-wrap-bs-g .preview-big {
        flex: 0 0 100%
    }

    .ppl-s-3 article {
        flex: 0 0 calc(100% / 3 - 20px);
        width: calc(100% / 3 - 20px)
    }

    .tipi-s-1 {
        width: 8.333333333333333%
    }

    .tipi-s-2 {
        width: 16.66666666666667%
    }

    .tipi-s-3 {
        width: 25%
    }

    .tipi-s-4 {
        width: 33.33333333333333%
    }

    .tipi-s-5 {
        width: 41.66666666666667%
    }

    .tipi-s-7 {
        width: 58.33333333333333%
    }

    .tipi-s-8 {
        width: 66.66666666666667%
    }

    .tipi-s-9 {
        width: 75%
    }

    .tipi-s-10 {
        width: 83.33333333333333%
    }

    .tipi-s-11 {
        width: 91.66666666666667%
    }

    .tipi-s-6.block-piece-1 {
        padding-right: 15px
    }

    .tipi-s-6.block-piece-2 {
        padding-left: 15px
    }

    .tipi-s-6.block-piece-2:last-of-type {
        margin-top: 0
    }
}

@media only screen and (min-width:768px) {

    .drop-it>.menu,
    .drop-it>a:before,
    .standard-drop .sub-menu,
    .sub-menu .sub-menu {
        visibility: hidden;
        opacity: 0
    }

    .main-menu-bar-color-1 .current-menu-item>a,
    body:not(.menu-no-color-hover) .mm-ani-1:not(.main-menu-bar-color-2) .main-menu>.standard-drop:hover>a {
        background: #212121;
        color: #fff
    }

    .onecol {
        width: 5.801104972%
    }

    .twocol {
        width: 14.364640883%
    }

    .threecol {
        width: 22.928176794%
    }

    .fourcol {
        width: 31.491712705%
    }

    .fivecol {
        width: 40.055248616%
    }

    .sixcol {
        width: 48.618784527%
    }

    .sevencol {
        width: 57.182320438000005%
    }

    .eightcol {
        width: 65.74585634900001%
    }

    .ninecol {
        width: 74.30939226%
    }

    .tencol {
        width: 82.87292817100001%
    }

    .elevencol {
        width: 91.436464082%
    }

    .twelvecol {
        width: 99.999999993%
    }

    .eightcol,
    .elevencol,
    .fivecol,
    .fourcol,
    .ninecol,
    .onecol,
    .sevencol,
    .sixcol,
    .tencol,
    .threecol,
    .twelvecol,
    .twocol {
        position: relative;
        float: left;
        margin-left: 2.762430939%
    }

    .first,
    .sidebar-off.layout-side-info .details-wrap .sharer-11 a:first-of-type {
        margin-left: 0
    }

    .last,
    .sidebar-left .main-block-wrap {
        float: right
    }

    .cb-entry-content .cb-button a,
    .cb-style-1 .cb-mask img,
    .mm-art article .mask img {
        transition: .35s
    }

    .cb-entry-content .cb-button a:focus,
    .cb-entry-content .cb-button a:hover {
        text-decoration: none !important;
        background: #161616 !important
    }

    .cb-entry-content .cb-button.cb-white a:focus,
    .cb-entry-content .cb-button.cb-white a:hover {
        background: #f2f2f2 !important
    }

    .cb-entry-content a:hover {
        text-decoration: underline
    }

    .sidebar {
        margin-top: 20px;
        background: #f2f2f2;
        margin-bottom: 20px
    }

    .sidebar-off .main-block-wrap {
        margin-left: auto;
        margin-right: auto;
        float: none
    }

    .main-menu-c .main-menu-wrap .logo-menu-wrap,
    .sidebar-off.layout-side-info .details-wrap {
        text-align: left
    }

    .layout-side-info .block-da-post_before_content {
        text-align: center;
        margin: 30px 0
    }

    .layout-side-info .entry-content-wrap {
        width: calc(100% - 165px);
        margin-left: auto
    }

    .layout-side-info .contents-wrap .main>article {
        display: flex;
        flex-wrap: wrap
    }

    .details-wrap,
    .details-wrap .share-it .share-button-content {
        flex-wrap: wrap
    }

    .details-wrap {
        width: 165px;
        padding-right: 30px;
        font-size: 12px
    }

    .details-wrap .cats .cat {
        display: block;
        margin-right: 0
    }

    .details-wrap .share-it,
    .mm-51 .menu-wrap>.sub-menu .sub-menu li a {
        letter-spacing: 0
    }

    .details-wrap .share-it a {
        margin: 20px 0 0 !important
    }

    .details-wrap .share-it .total-shares-count {
        line-height: 1
    }

    .details-wrap .share-it .social-count {
        width: 100%;
        padding: 0;
        margin-top: 10px
    }

    .details-wrap .title {
        padding-right: 0;
        display: block
    }

    .details-wrap .title>span {
        margin-bottom: 10px;
        text-align: center;
        display: block
    }

    .details-wrap .total-shares-count {
        font-size: 30px;
        color: #000
    }

    .details-wrap .total-shares-title {
        font-size: 10px
    }

    .details-wrap .sharer-9 a {
        width: 100%;
        font-size: 18px
    }

    .details-wrap .detail {
        margin-bottom: 30px
    }

    .share-it-11 .title {
        color: #aaa
    }

    .detail+.sharer {
        padding-right: 15px;
        padding-left: 15px;
        padding-top: 30px;
        position: relative
    }

    .detail+.sharer:before {
        height: 2px;
        background-color: #eee;
        width: 50%;
        left: 25%;
        top: 0;
        position: absolute;
        content: ''
    }

    .drop-it .block-wrap:not(.tile-design-4) .preview-classic .title-wrap,
    .mm-art>.menu .meta,
    .side-author__wrap {
        text-align: center
    }

    .side-author__wrap .mask+.meta {
        padding-top: 15px
    }

    .side-author__wrap img {
        border-radius: 50%;
        width: 70px
    }

    .side-author__wrap .job-title {
        width: 100%;
        display: block;
        margin-top: 3px;
        opacity: .5
    }

    .side-related__wrap .read-more__special {
        margin-top: 15px !important
    }

    .side-related__wrap .meta:hover i {
        transform: translatex(2px)
    }

    .details,
    .menu-wrap-more-10 .block-wrap,
    .side-related__wrap .mask,
    .sidebar-off-wide .main-block-wrap,
    .tipi-m-12 {
        width: 100%
    }

    .side-related__wrap article {
        flex-wrap: wrap;
        margin-bottom: 15px;
        padding-bottom: 0;
        border-bottom: 0
    }

    .mm-51 .menu-wrap>.sub-menu>li:first-of-type,
    .side-related__wrap article .mask+.meta,
    .tipi-col-a {
        padding-left: 0
    }

    .side-related__wrap article .meta {
        margin-top: 10px
    }

    .menu-item-has-children.mm-sb-left .ppl-m-4 .meta .title,
    .menu-item-has-children.mm-sb-left .ppl-m-5 .meta .title,
    .side-related__wrap article .meta .title {
        font-size: 12px
    }

    .details--bot,
    .section-b .contains-blocks,
    .section-g .contains-blocks,
    .title-beneath.hero-s .meta-wrap {
        padding-top: 30px
    }

    .cb-large,
    .main-navigation.wrap.stuck.slidedown .main-menu-wrap {
        padding: 0
    }

    .details-no-sb .details-wrap {
        width: 165px;
        padding-right: 45px
    }

    .article-layout-32 .tipi-m-8 {
        width: calc(66.6666% + 65px)
    }

    .sticky-el:not(.sticky-sb) {
        position: -webkit-sticky;
        position: sticky;
        top: 30px
    }

    .sticky-sb {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1
    }

    .admin-bar .sticky-menu-3.slidedown {
        top: 32px
    }

    .admin-bar .sticky-menu-1 .stuck,
    .admin-bar .sticky-menu-2.stuck,
    .admin-bar .sticky-menu-3 .slidedown,
    .admin-bar .sticky-top {
        top: 32px !important
    }

    .sticky-menu-1.logo-only-when-stuck .main-menu-logo {
        margin-right: 0;
        transform: translate3d(-30px, 0, 0)
    }

    .logo-only-when-stuck.slidedown .main-menu-logo,
    .logo-only-when-stuck.stuck .main-menu-logo,
    .stuck .main-menu-logo {
        margin-right: 20px;
        opacity: 1;
        width: 100%;
        transform: translate3d(0, 0, 0)
    }

    .logo-menu-wrap {
        float: left
    }

    .logo-menu-wrap .main-menu-logo {
        margin-right: 20px;
        padding-left: 5px;
        transition: opacity .2s, transform .2s
    }

    .logo-only-when-stuck .main-menu-logo {
        margin-right: 0;
        opacity: 0;
        width: 0;
        padding-left: 0
    }

    .main-navigation.wrap.stuck:not(.slidedown) {
        max-width: none;
        padding: 0
    }

    .cb-with-large {
        width: 100%;
        text-align: center
    }

    .cb-large {
        height: 90px;
        margin-top: 15px
    }

    .cb-medium {
        width: 468px;
        height: 60px
    }

    .cb-wrap-off .main-navigation .cb-nav-bar-wrap {
        right: 0;
        left: 0;
        margin-right: auto;
        margin-left: auto
    }

    .cb-only-mob-menu,
    .drop-it .block-title:after,
    .drop-it .block-title:before,
    .main-menu-bar-color-2 .dropper .dropper a:before,
    .mm-51 .sub-menu .menu-item-has-children>a:after,
    .tipi-m-0 {
        display: none
    }

    .main-menu-c .main-menu-wrap {
        justify-content: center
    }

    .main-menu-c .main-menu-wrap .logo-menu-wrap,
    .main-menu-c .main-menu-wrap .menu-icons {
        flex: 1
    }

    .main-menu-wrap .menu-icons {
        justify-content: flex-end;
        text-align: right;
        margin-left: auto
    }

    .main-menu-wrap>ul>li>a {
        padding-left: 6px;
        padding-right: 6px
    }

    .cb-body-light .bbp-topic-tags a:hover,
    .cb-body-light .tags-title:hover,
    .cb-body-light .widget_tag_cloud a:hover {
        background: #161616;
        color: #fff
    }

    .cb-body-dark .bbp-topic-tags a:hover,
    .cb-body-dark .tags-title:hover,
    .cb-body-dark .widget_tag_cloud a:hover,
    .mm-skin-2 .mm-art .menu-wrap .block-skin-0 .tipi-arrow {
        color: #fff;
        border-color: #fff
    }

    .bbp-topic-tags a,
    .tags-title,
    .widget_tag_cloud a {
        transition: .25s
    }

    .site-footer #cb-widgets {
        padding: 60px 0
    }

    .site-footer #cb-widgets>div {
        padding-top: 20px
    }

    .site-footer .cb-footer-a .cb-one,
    .site-footer .cb-footer-a .cb-three {
        width: 33%
    }

    .site-footer .cb-footer-a .cb-two {
        width: 34%
    }

    .site-footer .cb-footer-b .cb-four,
    .site-footer .cb-footer-b .cb-one,
    .site-footer .cb-footer-b .cb-three,
    .site-footer .cb-footer-b .cb-two,
    .tipi-m-3 {
        width: 25%
    }

    .site-footer .cb-footer-c .cb-one,
    .site-footer .cb-footer-d .cb-three {
        width: 44%
    }

    .site-footer .cb-footer-c .cb-three,
    .site-footer .cb-footer-c .cb-two,
    .site-footer .cb-footer-d .cb-one,
    .site-footer .cb-footer-d .cb-two {
        width: 28%
    }

    .site-footer .cb-footer-f .cb-one,
    .site-footer .cb-footer-f .cb-two,
    .tipi-m-6 {
        width: 50%
    }

    .site-footer .codetipi-15zine-widget {
        margin: 0 20px;
        padding-bottom: 80px
    }

    .site-footer .codetipi-15zine-widget:last-child {
        padding-bottom: 0
    }

    .site-footer .cb-footer-lower {
        padding: 100px 0 50px;
        font-size: 12px;
        letter-spacing: 4px
    }

    .site-footer .cb-footer-lower #sb_instagram {
        margin: 0 -10px
    }

    .cb-next-previous {
        text-align: left;
        padding: 30px 20px
    }

    .cb-next-previous .cb-next-previous-block {
        width: 50%;
        float: left
    }

    .cb-next-previous .cb-next-post {
        text-align: right;
        padding-top: 0;
        padding-left: 10px
    }

    .cb-next-previous .cb-next-post img {
        float: right;
        margin: 0 0 0 30px
    }

    .cb-next-previous .cb-previous-post {
        padding-right: 10px
    }

    .cb-next-previous .cb-previous-post img {
        float: left;
        margin: 0 30px 0 0
    }

    .singular-block-header .title {
        font-size: 24px !important;
        margin: 0 0 40px
    }

    .cb-color-buttons a {
        transition: transform .25s
    }

    .cb-color-buttons a:hover {
        transform: translateY(-3px)
    }

    .commentlist .alert p,
    .commentlist .comment-content,
    .commentlist .reply {
        padding-left: 95px
    }

    .author-box .mask:hover img {
        opacity: .9
    }

    .author-box .meta {
        padding-left: 20px
    }

    .article-ani-1 .mask:hover img,
    .cb-style-1 .cb-mask img:hover,
    .mm-art article .mask:hover img {
        opacity: .6
    }

    .cb-underline-h .cb-meta a:hover {
        border-bottom: 1px solid #999
    }

    .mm-ani-1 .dropper>.menu,
    .mm-ani-1 .dropper>a:before,
    .mm-ani-1 .main-menu>li>a,
    .mm-ani-1 .standard-drop .sub-menu,
    .mm-ani-2 .dropper>.menu,
    .mm-ani-2 .dropper>a:before,
    .mm-ani-2 .main-menu>li>a,
    .mm-ani-2 .standard-drop .sub-menu,
    .mm-ani-3 .dropper>a:before,
    .tags a {
        transition: .2s
    }

    .tags a:hover {
        transform: translateY(-2px)
    }

    .cb-entry-content .alignleft {
        margin: 0 30px 30px 0;
        max-width: 50%
    }

    .cb-entry-content .alignright {
        margin: 0 0 30px 30px;
        max-width: 50%
    }

    .block--feature.block-wrap-g-82 article,
    .block-wrap.block-wrap-g-82:first-of-type .block:first-of-type .grid-spacing:first-child,
    .block-wrap.block-wrap-g-82:first-of-type .block:first-of-type .grid-spacing:nth-child(2),
    .block-wrap.block-wrap-g-93:first-of-type .block:first-of-type article:first-of-type {
        border-top-width: 0
    }

    .block-wrap-55 .preview-grid:first-of-type,
    .block-wrap-55:not(.block--feature) .cb-l,
    .block-wrap-55:not(.block--feature) .title-s:first-of-type,
    .mm-sb-top.menu-item-has-children .menu-wrap>.block-wrap {
        border-top: 0
    }

    .block-wrap-g-82 article .mask {
        padding-bottom: 75%
    }

    .block-wrap-55 .cb-l,
    .block-wrap-g-93 .cb-l {
        height: 100%
    }

    .block-wrap-55 .title-s .mask,
    .block-wrap-g-93 .title-s .mask {
        padding-bottom: 40%
    }

    .block-wrap-53 .slider:not(.flickity-enabled) {
        padding-bottom: 25%
    }

    .block-wrap-55 .slider:not(.flickity-enabled) {
        padding-bottom: 53.6%
    }

    .block-wrap-55 .slide {
        margin-right: 3px
    }

    .block-wrap-55:not(.block--feature) .title-s {
        border-right: 0
    }

    .block-wrap-f .grid-spacing {
        border: 0
    }

    .block-wrap-d .preview-classic {
        margin-bottom: 30px;
        padding-bottom: 30px
    }

    .title-s .title {
        font-size: 16px
    }

    .title-l .title,
    .title-m .title,
    .title-xl .title {
        letter-spacing: 1px;
        font-size: 20px
    }

    .site-header .logo-main {
        margin-right: 20px
    }

    .user-page-box-3,
    .user-page-box-3:nth-child(odd),
    .user-page-box-4,
    .user-page-box-4:nth-child(odd) {
        margin-right: 30px
    }

    .drop-it .block-wrap .block-title-wrap .see-all,
    .main-menu-l .menu-icons {
        margin-left: auto
    }

    .main-menu-wrap .codetipi-15zine-i-user,
    .tipi-trending-icon {
        line-height: .9em
    }

    .dropper .tipi-basket-wrap.sub-menu .tipi-buttons .tipi-button,
    .sub-menu .tipi-button {
        font-size: 11px
    }

    .drop-it .tile-design-4 .meta,
    .dropper a[href="#"]:not(.block-more):not(.open-child):active {
        pointer-events: none
    }

    .mm-skin-2 .mm-art .menu-wrap,
    .mm-skin-2 .mm-art .menu-wrap .mask,
    .mm-skin-2 .stack-design-3 .meta,
    .sub-menu {
        background: #161616
    }

    .sub-menu a:not(.tipi-button) {
        padding: 7px 30px;
        margin-bottom: 5px;
        display: block;
        transition: .3s;
        line-height: 1.6;
        font-size: 12px;
        text-transform: none;
        letter-spacing: 1px;
        text-transform: uppercase
    }

    .mm-2 .sub-menu li,
    .mm-51 .menu-wrap>.sub-menu li a {
        display: inline-block
    }

    .sub-menu a:not(.tipi-button):hover {
        transform: translatex(3px);
        opacity: .7
    }

    .sub-menu .tipi-buttons .tipi-button:hover {
        transform: translatey(-2px)
    }

    .sub-menu>li>.sub-menu {
        transition: .3s
    }

    .standard-drop .sub-menu>li:hover>.sub-menu,
    .sub-menu>li:hover>.sub-menu {
        opacity: 1;
        visibility: visible;
        transform: translatey(0)
    }

    .sub-menu .menu-item-has-children>a:after {
        content: '\e905';
        font-family: codetipi-15zine;
        position: absolute;
        right: 25px;
        margin-top: 2px
    }

    .sub-menu li {
        border-bottom: 1px dotted #333
    }

    .sub-menu li:last-of-type {
        border-bottom-color: transparent
    }

    .menu-secondary .standard-drop:hover .menu-wrap>.sub-menu,
    .menu-secondary .standard-drop:hover>.sub-menu,
    .mm-2 .dropper:hover>.sub-menu,
    .mm-ani-0 .dropper:hover .mm-51 .sub-menu,
    .mm-ani-0 .dropper:hover>.menu,
    .mm-ani-0 .standard-drop:hover .menu-wrap>.sub-menu,
    .mm-ani-0 .standard-drop:hover>.sub-menu,
    .mm-ani-1 .active.dropper .mm-51 .sub-menu,
    .mm-ani-1 .active.dropper>.menu,
    .mm-ani-1 .standard-drop.active .menu-wrap>.sub-menu,
    .mm-ani-2 .active.dropper .mm-51 .sub-menu,
    .mm-ani-2 .active.dropper>.menu,
    .mm-ani-2 .standard-drop.active .menu-wrap>.sub-menu,
    .mm-ani-3 .standard-drop.active>.sub-menu {
        opacity: 1;
        visibility: visible
    }

    .mm-1 .sub-menu,
    .standard-drop>.sub-menu {
        min-width: 250px;
        padding: 20px 0
    }

    .main-menu-bar-color-2 .dropper>a,
    .menu-item-has-children.mm-sb-left .menu-wrap>.sub-menu .dropper,
    .mm-1 .menu-item-has-children,
    .standard-drop>.sub-menu>li {
        position: relative
    }

    .standard-drop>.sub-menu .sub-menu {
        padding: 0;
        top: 0;
        left: 100%
    }

    .mm-skin-3 .sub-menu li,
    .mm-submenu-1 .sub-menu li,
    .standard-drop li {
        border-bottom: 0
    }

    .standard-drop .sub-menu {
        position: absolute;
        z-index: 4
    }

    .standard-drop .sub-menu>li>.sub-menu {
        transform: translatex(-15px)
    }

    .mm-skin-1 .menu-wrap-minus-10 .sub-menu,
    .mm-skin-1 .mm-art .menu-wrap {
        background: #f2f2f2
    }

    .mm-skin-1 .codetipi-15zine-lazy-load-base,
    .mm-skin-1 .mm-art .sub-menu,
    .mm-skin-3 .codetipi-15zine-lazy-load-base {
        background: #eee
    }

    .mm-skin-2 .codetipi-15zine-lazy-load-base {
        background: #252627
    }

    .mm-skin-2 .mm-art .menu-wrap .block-skin-0 .tipi-arrow i:after {
        background: #fff
    }

    .mm-skin-1 .menu-wrap .tipi-arrow i:after,
    .mm-skin-2 .mm-art .sub-menu,
    .mm-skin-3 .menu-wrap .tipi-arrow i:after {
        background: #111
    }

    .mm-ani-0.main-menu-bar-color-1 .main-menu>.dropper:hover>a,
    .mm-skin-2 .dropper .block-title,
    .mm-skin-2 .dropper .block-title a,
    .mm-skin-2 .dropper .menu,
    .mm-skin-2 .dropper .menu .byline,
    .mm-skin-2 .dropper .menu a,
    .mm-skin-2 .mm-art .sub-menu a {
        color: #fff
    }

    .mm-skin-2 .mm-art .preview-thumbnail {
        border-bottom-color: #333
    }

    .mm-skin-2 .dropper .tipi-spin.tipi-row-inner-style:before {
        border-color: #fff
    }

    .mm-skin-2 .mm-1 .menu-item-has-children>a:after {
        border-left-color: #b0b3b9
    }

    .mm-skin-2 .mm-2 .menu-item-has-children>a:after {
        border-top-color: #b0b3b9
    }

    .mm-skin-3 .codetipi-15zine-lazy-load-base:not(.codetipi-15zine-lazy-loaded) {
        opacity: .4
    }

    .mm-skin-3 .mm-sb-top .menu-wrap>.sub-menu {
        border-bottom: 1px solid #f1f1f1
    }

    .mm-skin-3 .menu-wrap-more-10 {
        border: 1px solid #f1f1f1;
        border-top: 0
    }

    .mm-skin-3 .menu-wrap-minus-10 .sub-menu,
    .mm-skin-3 .mm-art .menu-wrap,
    .mm-skin-3 .mm-art .sub-menu {
        background: #fff;
        color: #111
    }

    .main-menu-bar-color-1 .main-menu>.dropper.active:not(.current-menu-item)>a .tipi-cart-count,
    .mm-skin-3 .mm-art .block-title,
    .mm-skin-3 .mm-art .meta .title {
        color: #111
    }

    .main-navigation-border .menu-wrap-minus-10>.sub-menu {
        margin-top: -3px;
        border-top: 5px solid transparent
    }

    .mm-skin-1 .menu-wrap .block-title,
    .mm-skin-3 .menu-wrap .block-title {
        color: #222
    }

    .mm-skin-1 .menu-wrap .block-subtitle,
    .mm-skin-3 .menu-wrap .block-subtitle {
        color: #777
    }

    .mm-skin-1 .menu-wrap .tipi-arrow,
    .mm-skin-3 .menu-wrap .tipi-arrow {
        color: #111;
        border-color: #111
    }

    .mm-skin-1 .sub-menu li,
    .mm-skin-3 .sub-menu li {
        border-bottom-color: #e5e5e5
    }

    .mm-skin-1 .mm-2 .sub-menu .sub-menu,
    .mm-skin-3 .mm-2 .sub-menu .sub-menu {
        border-top-color: #e5e5e5
    }

    .mm-skin-1 .menu-item-has-children.mm-sb-left .menu-wrap>.sub-menu .sub-menu,
    .mm-skin-3 .menu-item-has-children.mm-sb-left .menu-wrap>.sub-menu .sub-menu {
        border-left-color: #e5e5e5
    }

    .drop-it .preview-mini-wrap:hover .extras,
    .filter-wrap-2 .article-ani,
    .mm-ani-0 .drop-it:hover .block-title-wrap,
    .mm-ani-3 .drop-it>.menu,
    .mm-ani-3 .main-menu .standard-drop .menu-wrap>.sub-menu,
    .shop-empty-cart .article-ani-1:not(.article-window) img {
        opacity: 1
    }

    .drop-it .block-wrap,
    .drop-it .sub-menu {
        border-top: 5px solid transparent
    }

    .drop-it .block-wrap {
        padding: 40px !important
    }

    .drop-it .block-wrap .block-title-wrap {
        display: flex;
        align-items: flex-end;
        margin-top: -10px
    }

    .drop-it .block-wrap .block-title-wrap .load-more-wrap-2,
    .menu-item-has-children.mm-sb-left .block-wrap .block-title-wrap {
        margin-top: 0
    }

    .drop-it .block-wrap .tipi-m-typo .title {
        font-size: 1.2rem
    }

    .drop-it .block-wrap:not(.tile-design-4) .block-61,
    .drop-it .block-wrap:not(.tile-design-4) .block-79 {
        margin-bottom: -10px
    }

    .drop-it article .price {
        font-size: 1rem;
        opacity: .65;
        font-weight: 400;
        margin-top: 7px
    }

    .drop-it .block-title-wrap .block-title {
        font-size: 2rem;
        line-height: 1
    }

    .drop-it .block-title-wrap .block-subtitle {
        display: none;
        font-size: 1rem;
        margin-top: 5px
    }

    .drop-it .block-title-wrap .filters {
        position: relative;
        display: flex;
        flex-shrink: 0;
        align-items: center
    }

    .drop-it .only-filters .filters {
        width: 100%;
        justify-content: center
    }

    .drop-it .only-filters .filters .sorter {
        text-align: center;
        width: 100%
    }

    .drop-it .block-wrap:not(.tile-design-4) .preview-classic .title-wrap .title {
        font-size: 1rem;
        padding-top: 20px
    }

    .drop-it .block-wrap:not(.tile-design-4) .preview-classic .title-wrap .subtitle {
        font-size: .9rem
    }

    .drop-it .block-wrap:not(.tile-design-4) .preview-classic article .price {
        opacity: .7;
        font-size: 1rem
    }

    .drop-it .tile-design-4 .title {
        padding: 0 !important
    }

    .drop-it .classic-title-overlay .block-67 article:not(.preview-79):not(.preview-71) .title,
    .drop-it .classic-title-overlay .block-piece-1 article:not(.preview-79):not(.preview-71) .title,
    .drop-it .tile-design-4 article:not(.preview-79):not(.preview-71) .title {
        line-height: 1.3333;
        font-size: 1.5rem
    }

    .drop-it .block-title-wrap {
        opacity: 0;
        transition: opacity .3s ease-out
    }

    .article-ani-1:not(.article-window) img,
    .drop-it .article-ani-1.article-window {
        opacity: 0
    }

    .drop-it.active article {
        opacity: 0;
        animation-timing-function: ease-out;
        animation-fill-mode: forwards;
        animation-duration: .3s;
        animation-delay: .2s
    }

    .drop-it.active .block-ani-l article {
        animation-name: tipiSlideLeftOpa
    }

    .drop-it.active .block-ani-r article {
        animation-name: tipiSlideRightOpa
    }

    .drop-it.active.active-1 article {
        animation-name: tipiSlideDownOpa
    }

    .drop-it.active .block-title-wrap {
        opacity: 1;
        transition-delay: .2s
    }

    .mm-ani-0 .drop-it:hover article {
        opacity: 0;
        animation-name: tipiSlideDownOpa
    }

    .main-menu-bar-color-2 .dropper>a:before {
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translate3d(0, 5px, 0);
        content: '';
        width: 0;
        height: 0;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
        border-bottom: 7px solid #161616;
        opacity: 0;
        margin-left: -7px
    }

    .main-menu-bar-color-2 .main-navigation .mm-2>a:before,
    .main-menu-bar-color-2 .main-navigation .mm-51>a:before,
    .main-menu-bar-color-2 .main-navigation .standard-drop>a:before,
    .main-menu-bar-color-2 .main-navigation .trending-inline>a:before {
        border-bottom-color: #212121 !important
    }

    .mm-ani-0.main-menu-bar-color-2 .dropper:hover>a:before,
    .mm-ani-1.main-menu-bar-color-2 .dropper.active>a:before,
    .mm-ani-2.main-menu-bar-color-2 .dropper.active>a:before,
    .mm-ani-3.main-menu-bar-color-2 .dropper.active>a:before {
        opacity: 1;
        visibility: visible;
        transform: translate3d(0, 0, 0)
    }

    .active.dropper:hover>.tipi-basket-wrap.menu {
        opacity: 1 !important
    }

    .mm-ani-1 .menu--active .dropper>.menu,
    .mm-ani-1 .menu--active .main-menu>li>a,
    .mm-ani-1 .menu--active .standard-drop .sub-menu,
    .mm-ani-2 .menu--active .dropper>.menu,
    .mm-ani-2 .menu--active .main-menu>li>a,
    .mm-ani-2 .menu--active .standard-drop .sub-menu {
        transition: none
    }

    .mm-ani-2 .dropper>a:before {
        transition-delay: .1s
    }

    .mm-ani-2 .dropper>.menu,
    .mm-ani-2 .dropper>.tipi-basket-wrap {
        transform: translate3d(-50%, 15px, 0)
    }

    .mm-ani-2 .dropper.active>.menu,
    .mm-ani-2 .dropper.active>.tipi-basket-wrap {
        transform: translate3d(-50%, 0, 0)
    }

    .mm-ani-2 .standard-drop.active .menu-wrap>.sub-menu {
        transform: translate3d(0, 0, 0)
    }

    .mm-ani-3 .main-menu>li>a {
        transition: .2s ease-out
    }

    .mm-1 {
        position: absolute;
        top: 100%
    }

    .mm-1 .menu-wrap {
        left: -15px
    }

    .mm-1 li {
        border-bottom: 0;
        width: 100%
    }

    .mm-1 .sub-menu .sub-menu {
        top: -20px;
        border: 0;
        left: 100%
    }

    .mm-2 .sub-menu {
        text-align: center;
        left: 0;
        width: 100%;
        top: 100%;
        padding: 15px 0;
        position: absolute
    }

    .mm-2 .sub-menu a {
        padding: 15px
    }

    .mm-2 .sub-menu a:hover,
    .mm-sb-top .menu-wrap>.sub-menu>li>a:hover {
        transform: translatey(3px)
    }

    .mm-2 .sub-menu .menu-item-has-children>a:after {
        position: relative;
        top: 2px;
        left: 0;
        content: '\e909'
    }

    .mm-2 .sub-menu li {
        border-bottom: 0
    }

    .mm-2 .sub-menu .sub-menu {
        border-top: 1px dotted #2d2d2d
    }

    .menu-wrap-more-10 {
        flex-direction: row-reverse
    }

    .mm-art>.menu {
        position: absolute;
        z-index: 10;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        top: 100%;
        margin-top: -3px
    }

    .mm-art>.menu .preview-classic {
        padding-bottom: 0;
        border-bottom: 0
    }

    .mm-art>.menu .meta .title {
        margin: 0;
        font-size: 14px
    }

    .menu-item-has-children.mm-sb-left .block-wrap .block-61,
    .menu-item-has-children.mm-sb-left .block-wrap .block-79,
    .mm-art>.menu .block-wrap .block-inner-style,
    .ppl-m-3 article:nth-last-child(-n+3),
    .ppl-m-4 article:nth-last-child(-n+4),
    .ppl-m-5 article:nth-last-child(-n+5) {
        margin-bottom: 0
    }

    .mm-submenu-1 .menu-item-has-children.mm-sb-left .menu-wrap>.sub-menu .sub-menu {
        border-left-color: #fff
    }

    .mm-51 .sub-menu {
        transition: .2s;
        text-align: center
    }

    .mm-51 .sub-menu a:not(.tipi-button) {
        padding: 10px 20px
    }

    .mm-51 .sub-menu .sub-menu {
        background: 0 0 !important
    }

    .mm-51 .menu-wrap>.sub-menu {
        display: flex;
        padding: 30px
    }

    .mm-51 .menu-wrap>.sub-menu>li {
        flex-grow: 1;
        padding: 0 15px;
        text-align: center
    }

    .mm-51 .menu-wrap>.sub-menu>li:last-of-type,
    .tipi-col-z {
        padding-right: 0
    }

    .mm-51 .menu-wrap>.sub-menu>li>a {
        text-transform: uppercase;
        font-weight: 700
    }

    .mm-51 .menu-wrap>.sub-menu>li>a:hover {
        transform: translatex(0);
        opacity: 1
    }

    .menu-item-has-children.mm-sb-left .menu-wrap>.sub-menu {
        float: left;
        width: 25%;
        padding-top: 30px
    }

    .menu-item-has-children.mm-sb-left .menu-wrap>.sub-menu a:not(.tipi-button) {
        padding: 10px 30px
    }

    .menu-item-has-children.mm-sb-left .menu-wrap>.sub-menu .sub-menu {
        padding: 0;
        min-width: 250px;
        left: 100%;
        transform: translateX(0);
        top: 0;
        position: absolute;
        border-left: 1px dotted #2d2d2d
    }

    .menu-item-has-children.mm-sb-left .block-wrap {
        padding: 30px;
        float: right;
        width: 75%
    }

    .mm-sb-top .menu-wrap-more-10 {
        flex-direction: column-reverse
    }

    .mm-sb-top .sub-menu li {
        display: inline-block;
        position: relative
    }

    .mm-sb-top .sub-menu li li {
        display: block
    }

    .mm-sb-top .sub-menu {
        left: 0;
        width: 100%
    }

    .mm-sb-top .menu-wrap>.sub-menu {
        padding: 0 30px;
        border-top: 5px solid transparent
    }

    .mm-sb-top .menu-wrap>.sub-menu>li>a {
        padding: 0 10px
    }

    .mm-sb-top .menu-wrap>.sub-menu>.menu-item-has-children>a:after {
        content: '\e909';
        position: static
    }

    .mm-sb-top .menu-wrap>.sub-menu>li {
        padding: 20px 0;
        border-bottom: 0
    }

    .mm-sb-top .menu-wrap>.sub-menu>li>.sub-menu {
        top: 100%
    }

    .main-menu-bar-color-1 .main-menu>.dropper {
        transition: transform .2s cubic-bezier(0, 0, .3, 1)
    }

    .main-menu-bar-color-1 .main-menu>.dropper.active:not(.current-menu-item)>a {
        color: #fff;
        background-color: #161616
    }

    .main-navigation .horizontal-menu>li {
        display: flex;
        align-items: center
    }

    .main-navigation-border {
        border-bottom: 3px solid #161616
    }

    .article-ani-2,
    .article-ani-3 {
        transition: transform .3s ease-out
    }

    .article-ani-2:not(.article-window) {
        transform: translate3d(0, 45px, 0)
    }

    .article-ani-3:not(.article-window) {
        transform: translate3d(45px, 0, 0)
    }

    .article-ani-1 img {
        transition: opacity .3s
    }

    .slider-height-m.slider-for,
    .slider-height-m.slider-imgs {
        height: 600px
    }

    .title-beneath.hero-s .breadcrumbs-wrap+.meta-wrap {
        padding-top: 10px
    }

    .title-middle-bl.hero-m .meta-wrap {
        padding-bottom: 30px
    }

    .title-middle-bl.hero-s .meta-wrap {
        padding: 30px
    }

    .title-middle-bl.hero-l .hero-wrap .media-tr,
    .title-middle-bl.hero-m .hero-wrap .media-tr {
        position: absolute;
        bottom: 100%;
        left: 0;
        margin-left: 30px;
        margin-bottom: 30px
    }

    .user-page-box-3 {
        width: calc(33% - 20px)
    }

    .user-page-box-3:nth-child(3n),
    .user-page-box-4:nth-child(4n) {
        margin-right: 0
    }

    .user-page-box-4 {
        width: calc(25% - 23px)
    }

    .tipi-m-1 {
        width: 8.333333333333333%
    }

    .tipi-m-2 {
        width: 16.66666666666667%
    }

    .tipi-m-4 {
        width: 33.33333333333333%
    }

    .tipi-m-5 {
        width: 41.66666666666667%
    }

    .tipi-m-7 {
        width: 58.33333333333333%
    }

    .tipi-m-8 {
        width: 66.66666666666667%
    }

    .tipi-m-9 {
        width: 75%
    }

    .tipi-m-10 {
        width: 83.33333333333333%
    }

    .tipi-m-11 {
        width: 91.66666666666667%
    }

    .tipi-cols {
        margin-left: -15px;
        margin-right: -15px;
        width: calc(100% + 30px)
    }

    .side-spacing {
        padding-left: 30px;
        padding-right: 30px
    }

    .tipi-col {
        padding-right: 15px;
        padding-left: 15px
    }

    .ppl-m-3 article {
        flex: 0 0 calc(100% / 3);
        width: calc(100% / 3)
    }

    .ppl-m-4 article {
        flex: 0 0 calc(25% - 90px / 4);
        width: calc(25% - 22px)
    }

    .ppl-m-5 article {
        flex: 0 0 calc(20% - 50px / 5);
        width: calc(20% - 10px)
    }
}

@media only screen and (min-width:768px) and (max-width:1019px) {
    .sidebar .preview-thumbnail .mask {
        width: 40px
    }
}

@media only screen and (min-width:1020px) {

    .cb-byline .price,
    .codetipi-15zine-review-4 .lets-review-final-score,
    .split:not(.preview-thumbnail) .lets-review-api-wrap .lets-review-final-score {
        font-size: 18px
    }

    #logo,
    #mob-logo {
        width: auto;
        text-align: left;
        float: none
    }

    .cb-large {
        width: 728px;
        float: right
    }

    .cb-with-block #logo img,
    .cb-with-block #mob-logo img {
        max-width: 210px
    }

    .cb-block {
        margin-top: 0
    }

    .cb-entry-content {
        margin: 0 0 30px
    }

    .cb-entry-content .alignleft .wp-caption-text,
    .cb-entry-content .alignright .wp-caption-text {
        padding: 20px 30px
    }

    .cb-entry-content .alignnone.cb-fs-embed .wp-caption-text {
        top: 40px;
        right: 20px;
        padding: 20px 30px;
        position: absolute;
        background: rgba(255, 255, 255, .8);
        max-width: 80%
    }

    .cb-meta-style-2.cb-s .cb-article-meta {
        padding: 0 30px
    }

    .author-box .meta,
    .cb-next-previous .cb-next-post i {
        padding-left: 40px
    }

    .author-page-box {
        margin-bottom: 30px
    }

    .cb-next-previous {
        padding: 40px
    }

    .cb-next-previous .cb-next-post {
        padding-left: 10px
    }

    .cb-next-previous .cb-next-post .cb-next-title {
        display: block;
        padding-right: 54px
    }

    .cb-next-previous .cb-previous-post {
        padding-right: 30px
    }

    .cb-next-previous .cb-previous-post i {
        padding-right: 40px
    }

    .cb-next-previous .cb-previous-post .cb-previous-title {
        display: block;
        padding-left: 54px
    }

    .format-gallery .icon-size-m i,
    .preview-classic .title {
        font-size: 20px
    }

    .codetipi-15zine-review-5 {
        width: 85px;
        height: 85px
    }

    .codetipi-15zine-review-4,
    .split:not(.preview-thumbnail) .lets-review-api-wrap {
        width: 60px;
        height: 60px
    }

    .codetipi-15zine-review-4 .lets-review-subtitle,
    .split:not(.preview-thumbnail) .lets-review-api-wrap .lets-review-subtitle {
        font-size: 8px
    }

    .codetipi-15zine-review-3 .lets-review-api-wrap {
        width: 45px;
        line-height: 40px;
        height: 40px
    }

    .codetipi-15zine-review-3 .lets-review-final-score {
        font-size: 13px
    }

    .codetipi-15zine-review-3 .cb-percent-sign {
        font-size: 10px;
        margin-left: 1px
    }

    .codetipi-15zine-review-3 .lets-review-subtitle,
    .tipi-l-0 {
        display: none
    }

    .cb-meta-style-4 .cb-article-meta {
        padding: 30px
    }

    .slider-for.slider-height-s,
    .slider-imgs.slider-height-s {
        height: 420px
    }

    .icon-size-s {
        width: 40px;
        height: 40px
    }

    .icon-size-s i {
        font-size: 15px;
        line-height: 40px
    }

    .icon-size-m {
        width: 70px;
        height: 70px
    }

    .icon-size-m i {
        font-size: 26px;
        line-height: 70px
    }

    .tipi-l-1 {
        width: 8.333333333333333%
    }

    .tipi-l-2 {
        width: 16.66666666666667%
    }

    .tipi-l-3 {
        width: 25%
    }

    .tipi-l-4 {
        width: 33.33333333333333%
    }

    .tipi-l-5 {
        width: 41.66666666666667%
    }

    .tipi-l-6 {
        width: 50%
    }

    .tipi-l-7 {
        width: 58.33333333333333%
    }

    .tipi-l-8 {
        width: 66.66666666666667%
    }

    .tipi-l-9 {
        width: 75%
    }

    .tipi-l-10 {
        width: 83.33333333333333%
    }

    .tipi-l-11 {
        width: 91.66666666666667%
    }

    .tipi-l-12 {
        width: 100%
    }

    .ppl-l-2 article {
        flex: 0 0 calc(100% / 2 - 20px);
        width: calc(50% - 20px)
    }

    .ppl-l-3 article {
        flex: 0 0 calc(100% / 3 - 20px);
        width: calc(33% - 20px)
    }

    .ppl-l-4 article {
        flex: 0 0 calc(25% - 90px / 4);
        width: calc(25% - 22px)
    }

    .ppl-l-5 article {
        flex: 0 0 calc(20% - 120px / 5);
        width: calc(20% - 24px)
    }

    .ppl-l-6 article {
        flex: 0 0 calc(16.6666% - 150px / 6);
        width: calc(16.6666% - 25px)
    }
}

@media only screen and (min-width:1200px) {
    .cb-wrap-pad {
        padding-right: 30px;
        padding-left: 30px
    }

    .cb-fis-title-bg {
        padding: 20px 30px
    }

    .cb-meta-style-2 .cb-article-meta,
    .sidebar {
        padding: 30px
    }

    .sidebar {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .cb-fis-tl-below .cb-fis-title-bg,
    .cb-fis-tl-me-below .cb-fis-title-bg,
    .hero-m {
        padding-top: 30px
    }

    .cb-sidebar-none.cb-sidebar-none-fw .cb-fis-title-bg .cb-meta {
        width: 100%
    }

    .main-menu-wrap>ul>li>a {
        padding-left: 10px;
        padding-right: 10px
    }

    .main-navigation.wrap:not(.stuck) .main-menu-wrap {
        padding: 0
    }

    .cb-b-audio .cb-fis .cb-vertical-down,
    .cb-b-video .cb-fis .cb-vertical-down {
        display: block
    }

    .cb-meta-style-2.cb-s .cb-article-meta,
    .cb-meta-style-4.cb-m .cb-article-meta,
    .cb-meta-style-4.cb-s .cb-article-meta {
        padding: 20px
    }

    .author-box {
        padding: 45px 30px
    }

    .align-fade-up .alignleft,
    .align-fade-up .alignright,
    .align-fade-up-done .alignleft,
    .align-fade-up-done .alignright {
        opacity: 0;
        transform: translateY(50px)
    }

    .align-fade-up .tipi-seen,
    .align-fade-up-done .tipi-seen {
        opacity: 1;
        transform: translateY(0)
    }

    .align-fs .alignwide,
    .align-fs .contents-wrap .video-wrap,
    .align-fs-center .aligncenter.size-full,
    .align-fs-center .tiled-gallery,
    .align-fs-center .wp-caption.aligncenter .size-full {
        width: 1170px;
        max-width: none;
        transform: translatex(-50%);
        margin: 45px 0 45px 50%
    }

    .align-fs .alignwide.wp-block-gallery {
        margin-bottom: 30px
    }

    .align-fs-center .wp-caption.aligncenter .size-full {
        margin-bottom: 0
    }

    .align-fs .contents-wrap .video-wrap {
        height: 562px
    }

    .cb-social-sharing.cb-text-buttons {
        letter-spacing: 2px;
        text-align: left
    }

    .cb-social-sharing.cb-text-buttons a {
        margin: 0 20px
    }

    .cb-social-sharing.cb-text-buttons .cb-sharing-buttons {
        float: right
    }

    .cb-social-sharing.cb-text-buttons .cb-title {
        float: left
    }

    .commentlist .children {
        margin-left: 75px
    }

    .modal-wrap .content-custom.is-audio,
    .modal-wrap .content-custom.is-video {
        width: 1000px
    }

    .modal-wrap .content-custom.is-video {
        padding-bottom: 46.25%
    }

    .title-l .title {
        letter-spacing: 3px;
        font-size: 28px
    }

    .title-xl .title {
        letter-spacing: 3px;
        font-size: 40px
    }

    body:not(.has--bg) .title-middle-bl .hero-wrap .meta-wrap {
        padding: 45px 60px
    }

    .title-middle-bl .hero-wrap .meta-wrap {
        padding-bottom: 45px
    }

    .title-middle-bl.hero-m .hero-wrap .meta-wrap {
        padding: 45px
    }

    .title-middle-bl.hero-m .hero-wrap .media-icon {
        margin-bottom: 0;
        left: 30px;
        bottom: calc(100% - 15px)
    }

    .title-middle-bl.hero-s .hero-wrap .meta-wrap {
        padding: 30px 45px
    }

    .title-middle-bl.hero-l .meta-wrap {
        left: 50%;
        transform: translateX(-50%)
    }

    .hero-l .site-main {
        padding-top: 45px
    }

    .hero-l .sidebar {
        margin-top: 45px
    }

    .block-wrap-fs.block-wrap-51 .block-title-wrap {
        position: absolute;
        top: 30px;
        z-index: 1;
        left: 50%;
        transform: translateX(-50%);
        text-align: center
    }

    .block-wrap-fs.block-wrap-51 .block-title-wrap .title {
        color: #fff;
        letter-spacing: 1px;
        padding: 0;
        font-size: 16px
    }

    .block-wrap-fs.block-wrap-51 .block-title-wrap .title:after {
        display: none
    }

    .slider-for.slider-height-s,
    .slider-imgs.slider-height-s {
        height: 510px
    }

    .tipi-xl-0 {
        display: none !important
    }

    .ppl-xl-4 article {
        flex: 0 0 calc(25% - 90px / 4)
    }

    .ppl-xl-5 article {
        flex: 0 0 calc(20% - 24px)
    }
}

@media only screen and (orientation:landscape) and (min-width:1200px) {

    .block-wrap-fs.block-wrap-g-92 .block,
    .block-wrap-fs.block-wrap-g-94 .block {
        height: 680px
    }

    .block-wrap-fs.block-wrap-g-92 .block-piece,
    .block-wrap-fs.block-wrap-g-92 article,
    .block-wrap-fs.block-wrap-g-94 .block-piece,
    .block-wrap-fs.block-wrap-g-94 article {
        height: 100%
    }
}

@media only screen and (min-width:1280px) {
    body:not(.has--bg) .hero-m .hero-wrap {
        overflow: visible
    }

    body:not(.has--bg) .hero-m .hero-wrap .hero,
    body:not(.has--bg) .hero-m .hero-wrap .mask-overlay {
        width: calc(100% + 60px);
        left: -30px;
        max-width: none
    }
}

@media only screen and (min-width:1400px) {
    .block-wrap-51.block-wrap-fs article {
        padding-bottom: 0;
        height: 75vh;
        max-height: 750px
    }

    .modal-wrap .content-custom.is-video {
        width: 1360px;
        padding-bottom: 765px
    }
}

@media only screen and (max-width:1199px) {

    #cb-header,
    .secondary-menu-wrap .cb-top-menu-wrap {
        max-width: none
    }

    #cb-header,
    .site-footer {
        width: auto
    }

    .secondary-menu-wrap {
        width: auto;
        max-width: none
    }

    #cb-header {
        padding: 0
    }
}

@media only screen and (max-width:1019px) {

    .header__da--mob-off .dt-header-da,
    .site-header-block .horizontal-menu,
    .site-header-block .logo-main,
    .site-header-block .secondary-wrap,
    .tipi-m-0-down {
        display: none
    }

    .mob-fi-tall .meta__over-hero:not(.md-11):not(.format-gallery):not(.hero-m) .hero-wrap {
        height: calc(100vh - 60px) !important
    }

    .mob-fi-tall .meta__over-hero:not(.md-11):not(.format-gallery):not(.hero-m) .hero-wrap .hero {
        height: 100vh;
        max-height: 100vh
    }

    .mob-fi-tall .meta__over-hero:not(.md-11):not(.format-gallery):not(.hero-m) .hero-wrap .hero img {
        height: 100%
    }

    .mob-fi-tall .meta__over-hero:not(.md-11):not(.format-gallery):not(.hero-m) .hero-wrap .parallax .hero img {
        margin-top: 0
    }

    .entry-content .alignleft,
    .entry-content .alignright {
        max-width: 50%
    }

    .cb-social-sharing .cb-title {
        float: none;
        font-size: 16px;
        text-align: center
    }

    .cb-social-sharing .cb-sharing-button {
        margin-left: 15px;
        margin-top: 10px
    }

    .cb-social-sharing .cb-twitter {
        margin-left: 0
    }

    .cb-social-sharing .cb-sharing-buttons {
        float: none;
        display: block;
        text-align: center
    }

    .cb-social-sharing.cb-color-buttons a {
        width: 48%;
        margin-right: 4%
    }

    .cb-social-sharing.cb-color-buttons a:nth-child(2n+2) {
        margin-right: 0
    }

    .site-mob-menu-a-4 .site-content,
    .site-mob-menu-a-4 .site-footer,
    .site-mob-menu-a-4 .site-inner:after {
        transition: opacity 1s cubic-bezier(.2, 1, .3, 1)
    }

    .site-mob-menu-a-4 .still:not(.stuck) {
        transition: 1s cubic-bezier(.2, 1, .3, 1) !important
    }

    .site-mob-menu-a-4 .codetipi-15zine-instagram-block,
    .site-mob-menu-a-4 .mob-bot-share,
    .site-mob-menu-a-4 .site-inner,
    .site-mob-menu-a-4 .site-mob-header,
    .site-mob-menu-a-4 .site-mob-header.sticky-menu-2.stuck,
    .site-mob-menu-a-4 .sticky-menu,
    .site-mob-menu-a-4 .sticky-menu-2 .stuck.active {
        transition: 1s cubic-bezier(.2, 1, .3, 1)
    }

    .dt-header-da {
        display: block;
        text-align: center
    }

    .dt-header-da .bg-area {
        padding: 20px 0
    }

    .dt-header-da .block-da.tipi-flex-right {
        margin-right: auto;
        text-align: center;
        padding-left: 15px;
        padding-right: 15px
    }

    .dt-header-da~.builder-container .section-a:first-of-type,
    .dt-header-da~.contents-wrap .title-above-c.hero-m .meta-wrap,
    .dt-header-da~.contents-wrap .title-above.hero-m .meta-wrap {
        padding-top: 0
    }

    .author-box {
        display: flex;
        flex-wrap: wrap;
        text-align: center
    }

    .author-box .mask {
        margin: 0 auto 30px
    }
}

@media only screen and (max-width:767px) {
    .cb-sidebar {
        margin-bottom: 20px
    }

    .cb-entry-content {
        padding: 0 10px
    }

    .cb-post-footer-block {
        padding: 20px 10px;
        margin: 0 0 20px
    }

    .cb-next-previous .cb-title {
        letter-spacing: 1px
    }

    .cb-next-previous .cb-next-previous-block .cb-arrow,
    .excerpt-mob-off .excerpt,
    .header .logo,
    .sidebars-mob-off .sidebar-wrap,
    .tipi-xs-0 {
        display: none
    }

    .cb-next-previous .cb-previous-post {
        margin-bottom: 10px
    }

    .sticky-sb {
        top: 0 !important
    }

    .preview-grid:not(.img-shape-3) {
        height: 50vw;
        margin-bottom: 0;
        border-right-width: 0
    }

    .preview-grid:not(.img-shape-3) .mask {
        height: 100%;
        padding-bottom: 0 !important
    }

    .img-shape-3 .mask {
        padding-bottom: 90%
    }

    .block-piece:last-of-type {
        margin-top: 30px
    }

    .block-wrap-grid .block-piece:last-of-type,
    .header.logo-area .header-da,
    .slide .block-piece:last-of-type {
        margin-top: 0
    }

    .slider article {
        padding-bottom: 50%
    }

    .header.logo-area {
        padding: 15px
    }

    .slide .block-piece:first-of-type .preview-slider:first-of-type {
        border-top: 0
    }

    .block-wrap-fs+.contents-wrap {
        padding-top: 30px
    }

    .byline .separator {
        margin-right: 3px;
        margin-left: 3px
    }

    .hero-s .hero-wrap {
        width: calc(100% + 30px);
        left: -15px
    }

    .hero-l .breadcrumbs-wrap,
    .hero-m .breadcrumbs-wrap {
        padding-top: 15px
    }

    .title-middle .hero-gallery+.meta-wrap {
        padding: 0 80px
    }

    .mob-fs {
        padding-left: 0;
        padding-right: 0
    }

    .block-wrap-fs:not(.mob-fs),
    .mob-fs .block-title-wrap {
        padding-left: 15px;
        padding-right: 15px
    }

    #sbi_images {
        display: flex !important
    }

    .sbi_type_image {
        display: none !important
    }

    .sbi_type_image:first-child,
    .sbi_type_image:nth-child(2),
    .sbi_type_image:nth-child(3) {
        display: block !important;
        width: 100% !important
    }

    .block-wrap-classic:not(.block-wrap-bs-62) .pagination {
        padding-top: 20px
    }

    .preview-thumbnail:last-of-type {
        margin-bottom: 0;
        border-bottom: 0;
        padding-bottom: 0
    }

    .flickity-fullscreen-button {
        right: 30px
    }
}

@media only screen and (max-width:480px) {
    .separation-border-style:not(.split-1) {
        margin-bottom: 0;
        border-bottom: 0;
        padding-bottom: 0
    }

    .separation-border:not(.split-1) {
        margin-bottom: 30px
    }

    .split:not(.preview-thumbnail) .mask+.meta {
        padding-top: 20px
    }
}

@media print {

    blockquote,
    img,
    pre,
    tr {
        page-break-inside: avoid
    }

    * {
        background: 0 0 !important;
        color: #000 !important;
        text-shadow: none !important
    }

    a,
    a:visited {
        color: #444 !important;
        text-decoration: underline
    }

    a:after,
    a:visited:after {
        content: " (" attr(href) ")"
    }

    a abbr[title]:after,
    a:visited abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,
    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: ""
    }

    blockquote,
    pre {
        border: 1px solid #999
    }

    thead {
        display: table-header-group
    }

    img {
        max-width: 100% !important
    }

    h2,
    h3,
    p {
        orphans: 3;
        widows: 3
    }

    h2,
    h3 {
        page-break-after: avoid
    }

    .page-navigation,
    .respond-form,
    .sidebar,
    .wp-prev-next,
    nav {
        display: none
    }
}

@keyframes tipiMenuSlide {
    from {
        transform: translate3d(0, 0, 0)
    }

    to {
        transform: translate3d(calc(60px - 100vw), 0, 0)
    }
}

@keyframes tipiOpa {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes tipiSlideUpOpa {
    from {
        opacity: 0;
        transform: translatey(15px)
    }

    to {
        opacity: 1;
        transform: translatey(0)
    }
}

@keyframes tipiSlideLeftOpa {
    from {
        opacity: 0;
        transform: translatex(-15px)
    }

    to {
        opacity: 1;
        transform: translatex(0)
    }
}

@keyframes tipiSlideRightOpa {
    from {
        opacity: 0;
        transform: translatex(15px)
    }

    to {
        opacity: 1;
        transform: translatex(0)
    }
}

@keyframes tipiSlideDownOpa {
    from {
        opacity: 0;
        transform: translatey(-10px)
    }

    to {
        opacity: 1;
        transform: translatey(0)
    }
}

@keyframes aniUpOpa {
    from {
        opacity: 0;
        transform: translatey(60px)
    }

    to {
        opacity: 1;
        transform: translatey(0)
    }
}

@keyframes aniLeftOpa {
    from {
        opacity: 0;
        transform: translatex(-60px)
    }

    to {
        opacity: 1;
        transform: translatex(0)
    }
}

@keyframes aniRightOpa {
    from {
        opacity: 0;
        transform: translatex(60px)
    }

    to {
        opacity: 1;
        transform: translatex(0)
    }
}

@keyframes aniDownOpa {
    from {
        opacity: 0;
        transform: translatey(-60px)
    }

    to {
        opacity: 1;
        transform: translatey(0)
    }
}

@keyframes mobMenuL {
    from {
        opacity: 0;
        transform: translatex(-20px)
    }

    to {
        opacity: 1;
        transform: translatex(0)
    }
}

@keyframes slidedown {
    from {
        transform: translate3d(0, -100%, 0)
    }

    to {
        transform: translate3d(0, 0, 0)
    }
}

@keyframes swing {

    0,
    100% {
        transform: rotate(30deg)
    }

    50% {
        transform: rotate(-30deg)
    }
}

@keyframes fullspin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}