@charset "UTF-8";
   html {
font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } body {
margin: 0;
}  article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { display: block;
} audio,
canvas,
progress,
video {
display: inline-block;
} audio:not([controls]) {
display: none;
height: 0;
} progress {
vertical-align: baseline;
} template,
[hidden] {
display: none;
}  a {
background-color: transparent; -webkit-text-decoration-skip: objects; } a:active,
a:hover {
outline-width: 0;
}  abbr[title] {
border-bottom: none; text-decoration: underline; text-decoration: underline dotted; } b,
strong {
font-weight: inherit;
} b,
strong {
font-weight: bolder;
} dfn {
font-style: italic;
} h1 {
font-size: 2em;
margin: 0.67em 0;
} mark {
background-color: #ff0;
color: #000;
} small {
font-size: 80%;
} sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}  img {
border-style: none;
} svg:not(:root) {
overflow: hidden;
}  pre,
samp {
font-family: monospace, monospace; max-width: 100%;
padding: 1.35em;
display: block;
background-color: #f7f7f7;
white-space: pre-wrap;
word-wrap: break-word;
overflow: auto;
font-size: 14px;
line-height: 1.375;
margin: 0 0 25px 0;
color: #444;
}
.essu-dark pre, .essu-dark
samp {
background-color: #222;
color: #aaa;
}
code,
kbd {
font-family: monospace, monospace; background-color: #ebebeb;
line-height: 1.6em;
padding: 0 5px;
}
.essu-dark code, .essu-dark
kbd {
background-color: #222;
color: #aaa;
}
address {
font-style: italic;
margin: 0 0 1.563rem;
line-height: 1.4;
} figure {
margin: 1.5em 0;
} hr,
.wp-block-separator {
background-color: currentColor;
border: 0;
height: 1px;
max-width: 100%;
margin: 2.5rem auto;
clear: both;
opacity: .3;
}
hr:not(.is-style-wide):not(.is-style-dots),
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 180px;
}
hr.is-style-dots:before,
.wp-block-separator.is-style-dots:before {
color: inherit;
font-weight: bold;
}  button,
input,
select,
textarea {
font: inherit; margin: 0; } optgroup {
font-weight: bold;
} button,
input { overflow: visible;
} button,
select { text-transform: none;
} button,
html [type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0;
} button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText;
} fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
} legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } textarea {
overflow: auto;
} [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
} [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
} ::-webkit-input-placeholder {
color: inherit;
} ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; } .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
padding: 0;
margin: 0;
} .gallery {
margin: 0 -1.1666667% 1.75em;
}
.gallery-item {
display: inline-block;
max-width: 33.33%;
padding: 0 1.1400652% 2.2801304%;
text-align: center;
vertical-align: top;
width: 100%;
}
.gallery-columns-1 .gallery-item {
max-width: 100%;
}
.gallery-columns-2 .gallery-item {
max-width: 50%;
}
.gallery-columns-4 .gallery-item {
max-width: 25%;
}
.gallery-columns-5 .gallery-item {
max-width: 20%;
}
.gallery-columns-6 .gallery-item {
max-width: 16.66%;
}
.gallery-columns-7 .gallery-item {
max-width: 14.28%;
}
.gallery-columns-8 .gallery-item {
max-width: 12.5%;
}
.gallery-columns-9 .gallery-item {
max-width: 11.11%;
}
.gallery-icon img {
margin: 0 auto;
}
.gallery-caption {
color: #888;
display: block;
font-size: 13px;
font-size: 0.8125rem;
font-style: italic;
line-height: 1.6153846154;
padding-top: 0.5384615385em;
}
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
display: none;
} .alignleft {
float: left;
margin: 0.375em 1.75em 0.375em 0;
}
@media (max-width: 440px) {
.alignleft {
margin: 0.375em auto 1.75em auto;
float: none;
}
}
.alignright {
float: right;
margin: 0.375em 0 0.375em 1.75em;
}
@media (max-width: 440px) {
.alignright {
margin: 0.375em auto 1.75em auto;
float: none;
}
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto 1.75em;
}
blockquote.alignleft {
margin: 0.3157894737em 1.4736842105em 1.473684211em 0;
}
blockquote.alignright {
margin: 0.3157894737em 0 1.473684211em 1.4736842105em;
}
blockquote.aligncenter {
margin-bottom: 1.473684211em;
}
@font-face {
font-family: 'kktfwp';
src: url(//terapianeuraldonostia.com/wp-content/themes/essu/css/font/kktfwp.eot?17482037);
src: url(//terapianeuraldonostia.com/wp-content/themes/essu/css/font/kktfwp.eot?17482037#iefix) format("embedded-opentype"), url(//terapianeuraldonostia.com/wp-content/themes/essu/css/font/kktfwp.woff2?17482037) format("woff2"), url(//terapianeuraldonostia.com/wp-content/themes/essu/css/font/kktfwp.woff?17482037) format("woff"), url(//terapianeuraldonostia.com/wp-content/themes/essu/css/font/kktfwp.ttf?17482037) format("truetype"), url(//terapianeuraldonostia.com/wp-content/themes/essu/css/font/kktfwp.svg?17482037#kktfwp) format("svg");
font-weight: normal;
font-style: normal;
}   [class^="kktfwp-i-"]:before, [class*=" kktfwp-i-"]:before {
font-family: "kktfwp";
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: .2em;
text-align: center;  font-variant: normal;
text-transform: none; line-height: 1em;  margin-left: .2em;   -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;  }
.kktfwp-i-facebook:before {
content: '\e800';
} .kktfwp-i-gplus:before {
content: '\e801';
} .kktfwp-i-pinterest:before {
content: '\e802';
} .kktfwp-i-twitter:before {
content: '\e803';
} .kktfwp-i-heart-empty:before {
content: '\e804';
} .kktfwp-i-heart:before {
content: '\e805';
} .kktfwp-i-share:before {
content: '\e806';
} .kktfwp-i-linkedin:before {
content: '\e807';
} .kktfwp-i-email:before {
content: '\e808';
} .kktfwp-i-left-small:before {
content: '\e809';
} .kktfwp-i-right-small:before {
content: '\e80a';
} .kktfwp-i-calendar:before {
content: '\e80b';
} .kktfwp-i-doc:before {
content: '\e80c';
} .kktfwp-i-down-open-mini:before {
content: '\e80d';
} .kktfwp-i-lock-1:before {
content: '\e80f';
} * {
box-sizing: border-box;
}
.clearfix:after {
content: "";
display: table;
clear: both;
}
.post-in-list {
content-visibility: auto;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Roboto Slab", serif;
line-height: 1;
color: #222;
font-weight: 400;
letter-spacing: -0.5px;
margin: 1.4em 0 0.8em;
}
.essu-dark h1, .essu-dark h2, .essu-dark h3, .essu-dark h4, .essu-dark h5, .essu-dark h6 {
color: #fff;
}
h1 + h1, h1 + h2, h1 + h3, h1 + h4, h1 + h5, h1 + h6, h2 + h1, h2 + h2, h2 + h3, h2 + h4, h2 + h5, h2 + h6, h3 + h1, h3 + h2, h3 + h3, h3 + h4, h3 + h5, h3 + h6, h4 + h1, h4 + h2, h4 + h3, h4 + h4, h4 + h5, h4 + h6, h5 + h1, h5 + h2, h5 + h3, h5 + h4, h5 + h5, h5 + h6, h6 + h1, h6 + h2, h6 + h3, h6 + h4, h6 + h5, h6 + h6 {
margin-top: 0;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child {
margin-top: 0;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 26px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 22px;
}
h5 {
font-size: 20px;
}
h6 {
font-size: 18px;
}
body {
margin: 0;
font-family: "Roboto", sans-serif;
font-size: 15px;
color: #757575;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
line-height: 1.8;
background-color: #fff;
direction: ltr;
unicode-bidi: normal;
}
body.essu-dark {
background-color: #161616;
color: #82868e;
}
body.menu-is-opened {
overflow-y: hidden;
}
@media (min-width: 1199px) {
body.menu-is-opened {
overflow-y: auto;
}
}
blockquote {
padding: 40px 30px;
font-family: "Roboto Slab", serif;
font-size: 20px;
line-height: 1.6em;
position: relative;
margin: 0;
border: none;
display: inline-block;
}
blockquote pre, blockquote samp {
padding: 0 1.35em;
line-height: normal;
}
blockquote:before, blockquote:after {
font-size: 60px;
font-family: Arial,sans-serif;
line-height: 1em;
height: 30px;
color: #cacaca;
}
blockquote:before {
content: '\201C';
position: absolute;
top: 10px;
left: 15px;
}
blockquote:after {
content: '\201D';
position: absolute;
right: 15px;
bottom: 10px;
}
blockquote p {
margin: 0 0 1.563rem 0;
}
cite {
font-style: italic;
}
p,
ol,
ul {
margin: 0 0 1.563rem 0;
}
p:last-child,
ol:last-child,
ul:last-child {
margin-bottom: 0;
}
ol,
ul {
line-height: 1.7em;
padding-left: 1.25em;
}
ol li > ol, ol li > ul,
ul li > ol,
ul li > ul {
padding-left: 1.25em;
margin-bottom: 0;
}
.kktfwp-fs-12 {
font-size: 12px;
}
.kktfwp-fs-14 {
font-size: 14px;
}
.kktfwp-fs-16 {
font-size: 16px;
}
.kktfwp-fs-20 {
font-size: 20px;
}
.kktfwp-fs-24 {
font-size: 24px;
}
.kktfwp-fs-28 {
font-size: 28px;
}
.kktfwp-fs-32 {
font-size: 32px;
}
.kktfwp-fs-36 {
font-size: 36px;
}
.kktfwp-fs-40 {
font-size: 40px;
}
@media (max-width: 767px) {
.kktfwp-fs-40 {
font-size: 36px;
}
}
.kktfwp-fs-44 {
font-size: 44px;
}
@media (max-width: 767px) {
.kktfwp-fs-44 {
font-size: 36px;
}
}
.kktfwp-fs-48 {
font-size: 48px;
}
@media (max-width: 1026px) {
.kktfwp-fs-48 {
font-size: 44px;
}
}
@media (max-width: 767px) {
.kktfwp-fs-48 {
font-size: 36px;
}
}
.kktfwp-fs-52 {
font-size: 52px;
}
@media (max-width: 1026px) {
.kktfwp-fs-52 {
font-size: 44px;
}
}
@media (max-width: 767px) {
.kktfwp-fs-52 {
font-size: 36px;
}
}
.kktfwp-fs-58 {
font-size: 58px;
}
@media (max-width: 1026px) {
.kktfwp-fs-58 {
font-size: 44px;
}
}
@media (max-width: 767px) {
.kktfwp-fs-58 {
font-size: 36px;
}
}
.kktfwp-fs-64 {
font-size: 64px;
}
@media (max-width: 1026px) {
.kktfwp-fs-64 {
font-size: 44px;
}
}
@media (max-width: 767px) {
.kktfwp-fs-64 {
font-size: 36px;
}
}
.kktfwp-fs-70 {
font-size: 70px;
}
@media (max-width: 1026px) {
.kktfwp-fs-70 {
font-size: 44px;
}
}
@media (max-width: 767px) {
.kktfwp-fs-70 {
font-size: 36px;
}
}
.kktfwp-fs-76 {
font-size: 76px;
}
@media (max-width: 1026px) {
.kktfwp-fs-76 {
font-size: 44px;
}
}
@media (max-width: 767px) {
.kktfwp-fs-76 {
font-size: 36px;
}
}
.kktfwp-fs-82 {
font-size: 82px;
}
@media (max-width: 1026px) {
.kktfwp-fs-82 {
font-size: 44px;
}
}
@media (max-width: 767px) {
.kktfwp-fs-82 {
font-size: 36px;
}
}
.kktfwp-page-wrapper table {
width: 100%;
margin: 0 0 25px 0;
border-bottom: 1px solid #ececec;
}
.essu-dark .kktfwp-page-wrapper table {
border-color: #82868e;
}
.kktfwp-page-wrapper thead th {
font-weight: 600;
background-color: #fafafa;
}
.essu-dark .kktfwp-page-wrapper thead th {
background-color: #1d1d1d;
}
.kktfwp-page-wrapper tr {
border-bottom: 1px solid #FFF;
margin-bottom: 5px;
}
.essu-dark .kktfwp-page-wrapper tr {
border-color: #82868e;
}
.kktfwp-page-wrapper tr:nth-child(even) {
background-color: #fafafa;
}
.essu-dark .kktfwp-page-wrapper tr:nth-child(even) {
background-color: #1d1d1d;
}
.kktfwp-page-wrapper th, .kktfwp-page-wrapper td {
text-align: left;
padding: 20px;
line-height: 1.8em;
border-top: 1px solid #ececec;
}
.essu-dark .kktfwp-page-wrapper th, .essu-dark .kktfwp-page-wrapper td {
border-color: #82868e !important;
}
.kktfwp-page-wrapper tfoot tr {
background-color: none;
}
.kktfwp-page-wrapper tfoot td {
padding: 10px 2px;
font-size: 0.8em;
font-style: italic;
color: #8a97a0;
}
dl {
margin: 0 0 1.563rem;
}
dt {
font-weight: 700;
}
dd {
margin: 0 0 1.563rem;
margin-right: 1.563rem;
}
a {
color: #757575;
text-decoration: none;
border-bottom: 1px solid currentColor;
}
a:hover {
color: #0097A7;
border-bottom: none;
}
.kktfwp-description-wrapper a {
color: #0097A7;
border-bottom: none;
position: relative;
}
.kktfwp-description-wrapper a:after {
content: '';
position: absolute;
top: 0px;
border-bottom: 1px solid;
border-color: currentColor;
left: 0;
right: 0;
transition: transform 0.2s cubic-bezier(0.4, 0, 0.21, 1.1);
transform: scale(0);
}
.kktfwp-description-wrapper a:hover:after {
transform: scale(1);
opacity: 1;
}
.entry-header a {
border-bottom: none;
color: #757575;
}
a.kktfwp-lightbox, .gallery-icon a {
border-bottom: none;
color: transparent;
}
.kktfwp-site-content {
margin-bottom: 60px;
}
.kktfwp-page-wrapper {
position: relative;
overflow: hidden;
}
.kktfwp-page-inner {
position: relative;
}
.kktfwp-header {
position: relative;
padding: 25px 0 45px 0;
color: #222;
}
.essu-dark .kktfwp-header {
color: #d1d1d1;
}
@media (max-width: 1199px) {
.kktfwp-header {
z-index: 100;
}
}
@media (min-width: 768px) {
.kktfwp-header {
padding: 45px 0;
}
}
@media (min-width: 1200px) {
.menu-is-opened.menu-sb .kktfwp-header {
pointer-events: none;
}
}
@media (min-width: 1600px) {
.kktfwp-header {
padding: 55px 0 55px 0;
}
}
.kktfwp-header .kktfwp-nomenu {
float: right;
color: #222;
}
.wpspd-wide-container {
margin-left: calc((100vw - 100%)/2*-1);
margin-right: calc((100vw - 100%)/2*-1);
}
.wpspd-wide-container > .wpspd-aligner {
max-width: 90%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1000px) {
.wpspd-wide-container > .wpspd-aligner {
max-width: 930px;
}
}
@media (min-width: 1200px) {
.wpspd-wide-container > .wpspd-aligner {
max-width: 1150px;
}
}
@media (min-width: 1400px) {
.wpspd-wide-container > .wpspd-aligner {
max-width: 1200px;
}
}
.kktfwp-row,
.kktfwp-content-area {
margin-left: auto;
margin-right: auto;
width: 90%;
}
@media (min-width: 1000px) {
.kktfwp-row,
.kktfwp-content-area {
width: 930px;
}
}
@media (min-width: 1200px) {
.kktfwp-row,
.kktfwp-content-area {
width: 1150px;
}
}
@media (min-width: 1400px) {
.kktfwp-row,
.kktfwp-content-area {
width: 1200px;
}
}
.kktfwp-site-header-main {
margin-left: auto;
margin-right: auto;
width: 90%;
}
@media (min-width: 768px) {
.kktfwp-site-header-main {
width: 90%;
}
}
@media (min-width: 1000px) {
.kktfwp-site-header-main {
width: 930px;
}
}
@media (min-width: 1200px) {
.kktfwp-site-header-main {
width: 1150px;
}
}
@media (min-width: 1400px) {
.kktfwp-site-header-main {
width: 1200px;
}
}
.kktfwp-site-header-main nav {
font-size: 0;
line-height: 1em;
}
@media (max-width: 1199px) {
.kktfwp-site-header-main nav {
position: relative;
margin: 20px 0;
font-size: inherit;
line-height: inherit;
padding-left: 25px;
}
}
@media (min-width: 1200px) {
.menu-sb .kktfwp-site-header-main nav {
position: fixed;
right: 0;
top: 0;
bottom: 0;
pointer-events: auto;
background-color: #f1f1f1;
width: 400px;
z-index: 999;
transition: transform 0.4s cubic-bezier(0.72, 0.14, 0.29, 0.92);
transform: translate3d(100%, 0, 0);
}
.essu-dark.menu-sb .kktfwp-site-header-main nav {
background-color: #222;
}
.menu-sb.menu-is-opened .kktfwp-site-header-main nav {
transform: translate3d(0, 0, 0);
}
}
.kktfwp-logo-menu-wrapper {
display: table;
table-layout: auto;
width: 100%;
}
.kktfwp-logo-menu-wrapper .kktfwp-logo,
.kktfwp-logo-menu-wrapper .kktfwp-site-header-menu,
.kktfwp-logo-menu-wrapper .kktfwp-mobile {
display: table-cell;
vertical-align: middle;
}
.kktfwp-logo-menu-wrapper .kktfwp-mobile {
width: 24px;
height: 24px;
display: none;
cursor: pointer;
position: relative;
}
@media (max-width: 1199px) {
.kktfwp-logo-menu-wrapper .kktfwp-mobile {
display: table-cell;
}
}
@media (min-width: 1200px) {
.menu-ch .kktfwp-logo-menu-wrapper .kktfwp-mobile, .menu-sb .kktfwp-logo-menu-wrapper .kktfwp-mobile {
display: table-cell;
}
}
.kktfwp-logo-menu-wrapper .kktfwp-mobile span {
width: 12px;
height: 2px;
display: block;
position: absolute;
background-color: #222;
vertical-align: middle;
transition: background-color .15s linear;
}
.essu-dark .kktfwp-logo-menu-wrapper .kktfwp-mobile span {
background-color: #fff;
}
.menu-is-opened .kktfwp-logo-menu-wrapper .kktfwp-mobile span {
background-color: transparent;
}
@media (min-width: 1200px) {
:not(.menu-ch).menu-is-opened .kktfwp-logo-menu-wrapper .kktfwp-mobile span {
background-color: #222;
}
}
.kktfwp-logo-menu-wrapper .kktfwp-mobile span.ham-right {
left: 12px;
}
:not(.menu-sb).menu-is-opened .kktfwp-logo-menu-wrapper .kktfwp-mobile span.ham-right {
background-color: transparent;
}
.menu-is-opened .kktfwp-logo-menu-wrapper .kktfwp-mobile span.ham-right:before {
transform: rotateZ(-45deg) scaleX(1.2) translate(-3px, 1px);
}
.menu-is-opened .kktfwp-logo-menu-wrapper .kktfwp-mobile span.ham-right:after {
transform: rotateZ(45deg) scaleX(1.2) translate(-3px, -1px);
}
.menu-is-opened .kktfwp-logo-menu-wrapper .kktfwp-mobile span.ham-left:before {
transform: rotateZ(45deg) scaleX(1.2) translate(2px, 2px);
}
.menu-is-opened .kktfwp-logo-menu-wrapper .kktfwp-mobile span.ham-left:after {
transform: rotateZ(-45deg) scaleX(1.2) translate(2px, -2px);
}
.kktfwp-logo-menu-wrapper .kktfwp-mobile span:before, .kktfwp-logo-menu-wrapper .kktfwp-mobile span:after {
content: '';
width: 12px;
height: 2px;
display: block;
position: absolute;
background-color: #222;
transition: background-color .15s linear, transform .25s ease;
}
.essu-dark .kktfwp-logo-menu-wrapper .kktfwp-mobile span:before, .essu-dark .kktfwp-logo-menu-wrapper .kktfwp-mobile span:after {
background-color: #fff;
}
.menu-is-opened .kktfwp-logo-menu-wrapper .kktfwp-mobile span:before, .menu-is-opened .kktfwp-logo-menu-wrapper .kktfwp-mobile span:after {
background-color: #fff;
}
@media (min-width: 1200px) {
.menu-is-opened.menu-ch .kktfwp-logo-menu-wrapper .kktfwp-mobile span:before, .menu-is-opened.menu-sb .kktfwp-logo-menu-wrapper .kktfwp-mobile span:before, .menu-is-opened.menu-ch .kktfwp-logo-menu-wrapper .kktfwp-mobile span:after, .menu-is-opened.menu-sb .kktfwp-logo-menu-wrapper .kktfwp-mobile span:after {
background-color: #222;
}
.essu-dark.menu-is-opened.menu-ch .kktfwp-logo-menu-wrapper .kktfwp-mobile span:before, .essu-dark.menu-is-opened.menu-sb .kktfwp-logo-menu-wrapper .kktfwp-mobile span:before, .essu-dark.menu-is-opened.menu-ch .kktfwp-logo-menu-wrapper .kktfwp-mobile span:after, .essu-dark.menu-is-opened.menu-sb .kktfwp-logo-menu-wrapper .kktfwp-mobile span:after {
background-color: #fff;
}
}
.kktfwp-logo-menu-wrapper .kktfwp-mobile span:before {
top: -8px;
}
.kktfwp-logo-menu-wrapper .kktfwp-mobile span:after {
top: 8px;
}
#close-sb-menu {
display: none;
}
@media (min-width: 1200px) {
.menu-sb #close-sb-menu {
position: absolute;
right: 40px;
top: 55px;
display: block;
cursor: pointer;
}
.menu-sb #close-sb-menu span {
display: block;
height: 26px;
width: 26px;
position: relative;
color: #444;
}
.menu-sb #close-sb-menu span:before, .menu-sb #close-sb-menu span:after {
content: '';
height: 2px;
width: 26px;
background-color: currentColor;
position: absolute;
display: block;
top: 10px;
}
.menu-sb #close-sb-menu span:before {
transform: rotate(45deg);
}
.menu-sb #close-sb-menu span:after {
transform: rotate(-45deg);
}
.essu-dark.menu-sb #close-sb-menu span {
color: #fff;
}
}
@media (max-width: 1199px) {
.kktfwp-site-header-menu {
position: fixed;
left: -44%;
top: 0;
background-color: #fff;
bottom: 0;
width: 44%;
display: block;
overflow-y: auto;
z-index: 101;
transition: transform 0.4s cubic-bezier(0.64, 0.01, 0.28, 1);
}
.essu-dark .kktfwp-site-header-menu {
background-color: #222;
}
body.menu-is-opened .kktfwp-site-header-menu {
transform: translateX(100%);
}
}
@media (max-width: 767px) {
.kktfwp-site-header-menu {
left: -60%;
width: 60%;
}
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu {
position: relative;
list-style: none;
margin: 0;
padding: 0;
text-align: right;
}
@media (min-width: 1200px) {
.menu-is-opened.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li {
transform: translate3d(0, 0, 0);
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu {
text-align: left;
padding: 90px 0;
padding-left: 80px;
padding-right: 20px;
overflow-y: auto;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li {
display: block;
position: relative;
font-size: 22px;
text-transform: uppercase;
font-weight: 700;
height: 1.82em;
overflow: hidden;
min-height: 1.82em;
transform: translate3d(200px, 0, 0);
transition: transform .1s ease-out;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(1) {
transition-delay: 0.05s;
transition-duration: 0.3s;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(2) {
transition-delay: 0.1s;
transition-duration: 0.3s;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(3) {
transition-delay: 0.15s;
transition-duration: 0.3s;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(4) {
transition-delay: 0.2s;
transition-duration: 0.3s;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(5) {
transition-delay: 0.25s;
transition-duration: 0.3s;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(6) {
transition-delay: 0.3s;
transition-duration: 0.3s;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(7) {
transition-delay: 0.35s;
transition-duration: 0.3s;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(8) {
transition-delay: 0.4s;
transition-duration: 0.3s;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(9) {
transition-delay: 0.45s;
transition-duration: 0.3s;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(10) {
transition-delay: 0.5s;
transition-duration: 0.3s;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li.current-menu-item a, .menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li.current-menu-parent a,
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li a:hover,
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li ul.sub-menu li.current-menu-item a,
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li ul.sub-menu li:hover > a {
color: #0097A7;
opacity: 1;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li a {
display: inline-block;
position: relative;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu > li + li {
margin-left: 0;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu li.menu-item-has-children > a:after {
content: '\E80D';
font-family: "kktfwp";
font-style: normal;
font-weight: normal;
margin-left: 14px;
font-size: 20px;
display: inline-block;
vertical-align: top;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu li.menu-item-has-children.this-active > a:after {
transform: rotate(180deg);
}
.menu-ch .kktfwp-site-header-menu ul.kktfwp-primary-menu {
margin-right: 50px;
}
.menu-ch .kktfwp-site-header-menu ul.kktfwp-primary-menu > li {
opacity: 0;
visibility: hidden;
transition: opacity 0s linear, visibility 0s linear, transform 0s cubic-bezier(0.64, 0.01, 0.28, 1);
transform: scale(0);
}
.menu-ch .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(1) {
transition-delay: 0.05s;
transition-duration: 0.3s;
}
.menu-ch .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(2) {
transition-delay: 0.1s;
transition-duration: 0.3s;
}
.menu-ch .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(3) {
transition-delay: 0.15s;
transition-duration: 0.3s;
}
.menu-ch .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(4) {
transition-delay: 0.2s;
transition-duration: 0.3s;
}
.menu-ch .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(5) {
transition-delay: 0.25s;
transition-duration: 0.3s;
}
.menu-ch .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(6) {
transition-delay: 0.3s;
transition-duration: 0.3s;
}
.menu-ch .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(7) {
transition-delay: 0.35s;
transition-duration: 0.3s;
}
.menu-ch .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(8) {
transition-delay: 0.4s;
transition-duration: 0.3s;
}
.menu-ch .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(9) {
transition-delay: 0.45s;
transition-duration: 0.3s;
}
.menu-ch .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-child(10) {
transition-delay: 0.5s;
transition-duration: 0.3s;
}
.menu-ch.menu-is-opened .kktfwp-site-header-menu ul.kktfwp-primary-menu > li {
visibility: visible;
opacity: 1;
z-index: 1;
transform: scale(1);
}
.menu-ch.menu-is-opened .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-last-child(1) {
transition-delay: 0.05s;
transition-duration: 0.3s;
}
.menu-ch.menu-is-opened .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-last-child(2) {
transition-delay: 0.1s;
transition-duration: 0.3s;
}
.menu-ch.menu-is-opened .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-last-child(3) {
transition-delay: 0.15s;
transition-duration: 0.3s;
}
.menu-ch.menu-is-opened .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-last-child(4) {
transition-delay: 0.2s;
transition-duration: 0.3s;
}
.menu-ch.menu-is-opened .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-last-child(5) {
transition-delay: 0.25s;
transition-duration: 0.3s;
}
.menu-ch.menu-is-opened .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-last-child(6) {
transition-delay: 0.3s;
transition-duration: 0.3s;
}
.menu-ch.menu-is-opened .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-last-child(7) {
transition-delay: 0.35s;
transition-duration: 0.3s;
}
.menu-ch.menu-is-opened .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-last-child(8) {
transition-delay: 0.4s;
transition-duration: 0.3s;
}
.menu-ch.menu-is-opened .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-last-child(9) {
transition-delay: 0.45s;
transition-duration: 0.3s;
}
.menu-ch.menu-is-opened .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:nth-last-child(10) {
transition-delay: 0.5s;
transition-duration: 0.3s;
}
}
@media (max-width: 1199px) {
.kktfwp-site-header-menu ul.kktfwp-primary-menu {
text-align: left;
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu li.menu-item-has-children:hover > ul {
display: block;
}
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu {
position: absolute;
text-align: left;
padding: 15px 0;
min-width: 160px;
line-height: 1.8em;
background-color: #444;
z-index: 50;
visibility: hidden;
opacity: 0;
}
.essu-dark .kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu {
background-color: #222;
}
@media (min-width: 1200px) {
.kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu {
transition: visibility 0s linear 0.1s, opacity .1s ease;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu {
position: relative;
background-color: transparent;
opacity: 1;
visibility: visible;
padding: 0;
overflow: hidden;
margin: 15px 0;
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu .menu-offset .sub-menu {
left: -100%;
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu .sub-menu {
left: 100%;
top: -15px;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu .sub-menu {
left: 0;
margin-bottom: 0;
top: 0;
}
}
@media (max-width: 1199px) {
.kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu {
visibility: visible;
position: relative;
opacity: 1;
background-color: transparent;
padding: 0;
padding-left: 20px;
display: none;
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu .menu-item-has-children > a:after {
content: '\E80D';
font-family: "kktfwp";
font-style: normal;
font-weight: normal;
margin-left: 14px;
font-size: 18px;
float: right;
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu .menu-item-has-children ul {
padding: 0;
padding-left: 10px;
}
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu li {
display: block;
position: relative;
font-size: 14px;
line-height: 1.2em;
margin: 0;
padding: 0 15px;
}
@media (min-width: 1200px) {
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu li {
height: 1.143em;
overflow: hidden;
min-height: 1.143em;
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu li + li {
margin: 15px 0 0 0;
}
}
@media (max-width: 1199px) {
.kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu li {
padding: 0;
font-size: 16px;
}
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu li a {
color: #fff;
padding: 0;
}
.essu-dark .kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu li a {
color: #d1d1d1;
}
.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu li a {
color: #444;
}
.essu-dark.menu-sb .kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu li a {
color: #82868e;
}
@media (max-width: 1199px) {
.kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu li a {
color: #444;
padding: 4px 5px;
}
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu li a:hover {
opacity: 0.6;
}
@media (max-width: 1199px) {
.kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu li a:hover {
opacity: 1;
color: #0097A7;
}
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu li.current-menu-item a, .kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu li.current-menu-parent > a {
opacity: 0.6;
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu ul.sub-menu li:hover > ul.sub-menu {
visibility: visible;
opacity: 1;
transition-delay: 0s;
}
body:not(.menu-sb) .kktfwp-site-header-menu ul.kktfwp-primary-menu .current-menu-item > a:after, body:not(.menu-sb) .kktfwp-site-header-menu ul.kktfwp-primary-menu .current-menu-parent > a:after {
opacity: 1;
transform: scale(1);
}
@media (max-width: 1199px) {
body:not(.menu-sb) .kktfwp-site-header-menu ul.kktfwp-primary-menu .current-menu-item > a, body:not(.menu-sb) .kktfwp-site-header-menu ul.kktfwp-primary-menu .current-menu-parent > a {
color: #0097A7;
}
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu > li {
display: inline-block;
position: relative;
font-size: 15px;
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu > li.menu-offset > ul.sub-menu {
right: 0;
}
@media (min-width: 1600px) {
.kktfwp-site-header-menu ul.kktfwp-primary-menu > li {
font-size: 16px;
}
}
@media (max-width: 1199px) {
.kktfwp-site-header-menu ul.kktfwp-primary-menu > li {
display: block;
font-size: 20px;
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu > li.menu-item-has-children > a:after {
content: '\E80D';
font-family: "kktfwp";
font-style: normal;
font-weight: normal;
margin-left: 14px;
font-size: 18px;
float: right;
}
}
@media (min-width: 1200px) {
body:not(.menu-sb) .kktfwp-site-header-menu ul.kktfwp-primary-menu > li > a:after {
content: '';
position: absolute;
top: -6px;
border-bottom: 2px solid;
border-color: currentColor;
left: 0;
right: 0;
transition: transform 0.2s cubic-bezier(0.4, 0, 0.21, 1.1);
transform: scale(0);
}
body:not(.menu-sb) .kktfwp-site-header-menu ul.kktfwp-primary-menu > li a:hover:after {
transform: scale(1);
opacity: 1;
}
body:not(.menu-sb) .kktfwp-site-header-menu ul.kktfwp-primary-menu > li:hover > ul.sub-menu {
visibility: visible;
opacity: 1;
transition-delay: 0s;
}
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu > li + li {
margin-left: 50px;
}
@media (max-width: 1199px) {
.kktfwp-site-header-menu ul.kktfwp-primary-menu > li + li {
margin-left: 0;
}
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu a {
display: inline-block;
color: inherit;
text-decoration: none;
padding: 20px 0;
border-bottom: none;
}
@media (max-width: 1199px) {
.kktfwp-site-header-menu ul.kktfwp-primary-menu a {
padding: 5px;
display: inline-block;
}
.kktfwp-site-header-menu ul.kktfwp-primary-menu a:hover {
color: #0097A7;
}
}
body.attachment .entry-attachment img {
margin-bottom: 40px;
}
body.attachment .image-navigation .nav-previous,
body.attachment .image-navigation .nav-next {
padding: 0 10px;
font-weight: bold;
}
.kktfwp-logo {
width: 1%;
white-space: nowrap;
}
.kktfwp-logo img {
height: auto;
max-width: none;
display: block;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.kktfwp-logo img {
display: none;
}
}
.kktfwp-logo img.site-logo2x {
display: none;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 1.5 / 1), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.kktfwp-logo img.site-logo2x {
display: block;
}
}
.kktfwp-logo a {
display: block;
position: relative;
border-bottom: none;
color: currentColor;
}
.kktfwp-overlay {
position: fixed;
left: 0;
bottom: 0;
right: 0;
top: 0;
background-color: #222;
opacity: 0;
visibility: hidden;
transition: visibility .01s linear .2s, opacity .2s linear 0s;
}
.essu-dark .kktfwp-overlay {
background-color: #111;
}
.menu-is-opened .kktfwp-overlay {
visibility: visible;
opacity: 0.6;
transition-delay: 0s, 0s;
z-index: 99;
}
.menu-is-opened.menu-sb .kktfwp-overlay {
visibility: visible;
opacity: 0.8;
transition-delay: 0s, .2s;
z-index: 99;
}
@media (min-width: 1199px) {
.kktfwp-overlay {
display: none;
}
.menu-sb .kktfwp-overlay {
display: block;
}
}
.kktfwp-footer {
position: relative;
display: block;
padding: 50px 0;
background: #f5f5f5;
font-size: 14px;
}
.essu-dark .kktfwp-footer {
background-color: #141414;
}
@media (max-width: 999px) {
.kktfwp-footer {
padding: 30px 0;
}
}
.kktfwp-footer a {
display: inline-block;
position: relative;
border-bottom: none;
}
.kktfwp-footer .kktfwp-row {
display: block;
}
.kktfwp-footer .kktfwp-site-info,
.kktfwp-footer .kktfwp-social {
display: inline-block;
width: 48%;
vertical-align: top;
}
@media (max-width: 999px) {
.kktfwp-footer .kktfwp-site-info,
.kktfwp-footer .kktfwp-social {
width: 100%;
text-align: center;
}
}
.kktfwp-footer .kktfwp-social {
float: right;
text-align: right;
}
@media (max-width: 999px) {
.kktfwp-footer .kktfwp-social {
float: none;
text-align: center;
}
}
.kktfwp-footer .kktfwp-site-info {
float: left;
}
@media (max-width: 999px) {
.kktfwp-footer .kktfwp-site-info {
float: none;
margin-bottom: 10px;
}
}
.kktfwp-footer .kktfwp-site-info a {
color: #444;
}
.essu-dark .kktfwp-footer .kktfwp-site-info a {
color: #82868e;
}
.kktfwp-footer .kktfwp-site-info a:after {
content: '';
position: absolute;
top: 0px;
border-bottom: 1px solid;
border-color: currentColor;
left: 0;
right: 0;
transition: transform 0.2s cubic-bezier(0.4, 0, 0.21, 1.1);
transform: scale(0);
}
.kktfwp-footer .kktfwp-site-info a:hover {
color: #0097A7;
}
.kktfwp-footer .kktfwp-site-info a:hover:after {
transform: scale(1);
opacity: 1;
}
.kktfwp-social .kktfwp-dash {
position: relative;
height: 2px;
display: inline-block;
width: 18px;
margin-right: 10px;
background-color: #757575;
vertical-align: middle;
}
.kktfwp-social a {
color: #444;
text-transform: capitalize;
border-bottom: none;
}
.essu-dark .kktfwp-social a {
color: #82868e;
}
.kktfwp-social a:after {
content: '';
position: absolute;
top: 0px;
border-bottom: 1px solid;
border-color: inherit;
left: 0;
right: 0;
transition: transform 0.2s cubic-bezier(0.4, 0, 0.21, 1.1);
transform: scale(0);
}
.kktfwp-social a[class*='facebook']:hover {
color: #3b5999;
}
.kktfwp-social a[class*='twitter']:hover {
color: #55acee;
}
.kktfwp-social a[class*='google']:hover {
color: #dd4b39;
}
.kktfwp-social a[class*='pinterest']:hover {
color: #bd081c;
}
.kktfwp-social a[class*='instagram']:hover {
color: #3f729b;
}
.kktfwp-social a[class*='soundcloud']:hover {
color: #ff8800;
}
.kktfwp-social a[class*='500px']:hover {
color: #34bf49;
}
.kktfwp-social a[class*='youtube']:hover {
color: #cd201f;
}
.kktfwp-social a[class*='behance']:hover {
color: #053eff;
}
.kktfwp-social a[class*='dribbble']:hover {
color: #ea4c89;
}
.kktfwp-social a[class*='xing']:hover {
color: #026466;
}
.kktfwp-social a[class*='flickr']:hover {
color: #ff0084;
}
.kktfwp-social a[class*='skype']:hover {
color: #00AFF0;
}
.kktfwp-social a[class*='vimeo']:hover {
color: #1ab7ea;
}
.kktfwp-social a[class*='linkedin']:hover {
color: #0077B5;
}
.kktfwp-social a[class*='tumblr']:hover {
color: #34465d;
}
.kktfwp-social a:hover:after {
transform: scale(1);
opacity: 1;
}
.kktfwp-social ul {
padding: 0;
margin: 0;
list-style: none;
line-height: inherit;
display: inline-block;
}
.kktfwp-social ul li {
display: inline-block;
margin-left: 15px;
}
.kktfwp-social ul li + li {
margin-left: 15px;
}
.kktfwp-title {
margin-bottom: 30px;
}
@media (min-width: 700px) {
.kktfwp-title {
margin-bottom: 80px;
}
}
@media (min-width: 1000px) {
.kktfwp-title {
margin-bottom: 100px;
}
}
@media (min-width: 1600px) {
.kktfwp-title {
margin-bottom: 130px;
}
}
.kktfwp-title .kktfwp-title-wrapper {
width: 100%;
display: block;
float: none;
margin-bottom: 28px;
}
@media (min-width: 700px) {
.kktfwp-title .kktfwp-title-wrapper {
margin-bottom: 40px;
}
}
@media (min-width: 999px) {
.kktfwp-title .kktfwp-title-wrapper {
width: 50%;
float: left;
margin-bottom: 0;
}
}
.kktfwp-title .kktfwp-description-wrapper {
width: 50%;
display: block;
float: left;
padding-left: 60px;
font-size: 16px;
font-weight: 400;
line-height: 1.4em;
color: #444;
}
.essu-dark .kktfwp-title .kktfwp-description-wrapper {
color: #fff;
}
@media (min-width: 700px) {
.kktfwp-title .kktfwp-description-wrapper {
font-size: 19px;
}
}
@media (min-width: 1200px) {
.kktfwp-loaded .kktfwp-title .kktfwp-description-wrapper {
animation: slideFadeIn 0.8s cubic-bezier(0.4, 0, 0.26, 1) both 0.15s;
}
.kktfwp-preloader .kktfwp-title .kktfwp-description-wrapper {
visibility: hidden;
}
}
@media (min-width: 1600px) {
.kktfwp-title .kktfwp-description-wrapper {
font-size: 20px;
}
}
@media (max-width: 999px) {
.kktfwp-title .kktfwp-description-wrapper {
width: 100%;
float: none;
padding-left: 0;
}
}
.kktfwp-title .kktfwp-description-wrapper p {
margin: 0;
}
.kktfwp-title-wrapper .entry-title {
font-size: 34px;
letter-spacing: -1px;
margin: 0;
}
@media (min-width: 700px) {
.kktfwp-title-wrapper .entry-title {
font-size: 44px;
}
}
@media (min-width: 1000px) {
.kktfwp-title-wrapper .entry-title {
font-size: 48px;
}
}
@media (min-width: 1600px) {
.kktfwp-title-wrapper .entry-title {
font-size: 56px;
}
}
.kktfwp-title-wrapper .entry-title span.hide-title {
overflow: hidden;
display: block;
padding-bottom: 0.14em;
margin-bottom: -0.14em;
}
.kktfwp-title-wrapper .entry-title span.hide-title span {
display: inline-block;
}
@media (min-width: 1200px) {
.kktfwp-preloader .kktfwp-title-wrapper .entry-title span.hide-title span {
visibility: hidden;
}
.kktfwp-loaded .kktfwp-title-wrapper .entry-title span.hide-title span {
visibility: visible;
animation: slideIn 0.8s cubic-bezier(0.4, 0, 0.26, 1) both;
transform: translate3d(0, 100%, 0);
}
}
.kktfwp-title-wrapper .entry-title span.hide-title:nth-child(1) > span {
animation-delay: 0.1s;
}
.kktfwp-title-wrapper .entry-title span.hide-title:nth-child(2) > span {
animation-delay: 0.2s;
}
.kktfwp-title-wrapper .entry-title span.hide-title:nth-child(3) > span {
animation-delay: 0.3s;
}
.preloader-overlay {
position: fixed;
left: 0;
right: 0;
bottom: 0;
top: 0;
background-color: #fff;
transition: opacity .15s linear;
pointer-events: none;
z-index: 9999;
display: none;
}
.essu-dark .preloader-overlay {
background-color: #161616;
}
@media (min-width: 1200px) {
.preloader-overlay .dot-wrapper {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.preloader-overlay .dot-wrapper .dot {
width: 14px;
height: 14px;
border: 2px solid #444;
border-radius: 50%;
float: left;
margin: 0 10px;
transform: scale(0);
animation: dot 1000ms ease infinite 1s;
}
.essu-dark .preloader-overlay .dot-wrapper .dot {
border-color: #fff;
}
.kktfwp-loaded .preloader-overlay .dot-wrapper .dot {
animation-iteration-count: 3;
}
.preloader-overlay .dot-wrapper .dot:nth-child(2) {
animation-delay: 300ms;
}
.preloader-overlay .dot-wrapper .dot:nth-child(3) {
animation-delay: 600ms;
}
.kktfwp-preloader .preloader-overlay {
display: block;
opacity: 1;
}
.kktfwp-loaded .preloader-overlay {
opacity: 0;
display: block;
}
}
@keyframes dot {
50% {
transform: scale(1);
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes slideIn {
0% {
transform: translate3d(0, 100%, 0);
}
100% {
transform: translate3d(0, 0, 0);
}
}
@keyframes slideFadeIn {
0% {
transform: translate3d(0, 100%, 0);
opacity: 0;
}
100% {
transform: translate3d(0, 0, 0);
opacity: 1;
}
}
.kktfwp-site-main {
margin-top: 10px;
position: relative;
}
@media (min-width: 700px) {
.kktfwp-site-main {
margin-top: 40px;
}
}
@media (min-width: 1000px) {
.kktfwp-site-main {
margin-top: 70px;
}
}
@media (min-width: 1600px) {
.kktfwp-site-main {
margin-top: 80px;
}
}
.single-post .kktfwp-site-main, .attachment .kktfwp-site-main {
margin-top: 0;
}
.kktfwp-projects-wrapper {
width: 100%;
position: relative;
padding-top: 26px;
}
.kktfwp-projects-wrapper .kktfwp-projects {
display: block;
position: relative;
min-height: 300px;
line-height: 0;
}
.portfolio-masonry .kktfwp-projects-wrapper .kktfwp-projects, .portfolio-mosaic .kktfwp-projects-wrapper .kktfwp-projects {
text-align: left;
}
.kktfwp-projects-wrapper .kktfwp-projects .portfolio-project {
display: block;
float: left;
opacity: 0;
}
.portfolio_title_outer .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project {
margin-bottom: 3%;
}
@media (max-width: 767px) {
.portfolio_title_outer .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project {
margin-bottom: 32px;
}
}
@media (min-width: 1000px) {
.portfolio-mosaic-gaps .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-default2x .img-h {
padding-bottom: 100%;
}
.portfolio-mosaic-gaps .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-landscape .img-h {
padding-bottom: 50%;
}
.portfolio-mosaic-gaps .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-default .img-h {
padding-bottom: 100%;
}
.portfolio-mosaic-gaps .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-portrait .img-h {
padding-bottom: 200%;
}
}
body:not(.portfolio-masonry) .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project .img-h {
padding-bottom: 100%;
}
body:not(.portfolio-masonry) .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project .img-h img {
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
}
.kktfwp-projects-wrapper .kktfwp-projects.kktfwp-masonry-ready .portfolio-project {
opacity: 1;
}
.portfolio-mosaic-gaps .kktfwp-projects-wrapper .kktfwp-projects {
margin-left: -20px;
}
[dir="rtl"] .portfolio-mosaic-gaps .kktfwp-projects-wrapper .kktfwp-projects {
margin-left: 0;
}
.kktfwp-projects-wrapper .kktfwp-projects .gutter-size {
width: 0;
}
@media (min-width: 1200px) {
.portfolio-gaps.portfolio-columns-3 .kktfwp-projects-wrapper .kktfwp-projects .gutter-size {
width: 2%;
}
.portfolio-masonry.portfolio-gaps.portfolio-columns-3 .kktfwp-projects-wrapper .kktfwp-projects .gutter-size {
width: 2%;
}
.portfolio-gaps.portfolio-columns-4 .kktfwp-projects-wrapper .kktfwp-projects .gutter-size {
width: 1.6%;
}
.portfolio-gaps.portfolio-columns-2 .kktfwp-projects-wrapper .kktfwp-projects .gutter-size {
width: 2%;
}
}
@media (max-width: 1199px) {
.kktfwp-projects-wrapper .kktfwp-projects .gutter-size {
width: 3%;
}
}
@media (max-width: 999px) {
.kktfwp-projects-wrapper .kktfwp-projects .gutter-size {
width: 3.3334%;
}
}
@media (max-width: 668px) {
.kktfwp-projects-wrapper .kktfwp-projects .gutter-size {
width: 0;
}
}
.kktfwp-projects-wrapper .kktfwp-projects .portfolio-project,
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
width: 33.333333%;
vertical-align: top;
}
.kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-default2x, .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-landscape,
.kktfwp-projects-wrapper .kktfwp-projects .grid-size.thumbnail-default2x,
.kktfwp-projects-wrapper .kktfwp-projects .grid-size.thumbnail-landscape {
width: 66.666666%;
}
.portfolio-mosaic-gaps .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project, .portfolio-mosaic-gaps
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
clip: rect(20px 1260px 1260px 20px);
}
@media (min-width: 1200px) {
.portfolio-columns-4 .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project, .portfolio-columns-4
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
width: 25%;
}
.portfolio-columns-4 .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-default2x, .portfolio-columns-4 .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-landscape, .portfolio-columns-4
.kktfwp-projects-wrapper .kktfwp-projects .grid-size.thumbnail-default2x, .portfolio-columns-4
.kktfwp-projects-wrapper .kktfwp-projects .grid-size.thumbnail-landscape {
width: 50%;
}
.portfolio-masonry.portfolio-columns-4 .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project, .portfolio-masonry.portfolio-columns-4
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
width: 25%;
}
.portfolio-gaps.portfolio-columns-3 .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project, .portfolio-gaps.portfolio-columns-3
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
width: 32%;
}
.portfolio-gaps.portfolio-columns-4 .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project, .portfolio-gaps.portfolio-columns-4
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
width: 23.8%;
}
.portfolio-gaps.portfolio-columns-4 .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-default2x, .portfolio-gaps.portfolio-columns-4 .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-landscape, .portfolio-gaps.portfolio-columns-4
.kktfwp-projects-wrapper .kktfwp-projects .grid-size.thumbnail-default2x, .portfolio-gaps.portfolio-columns-4
.kktfwp-projects-wrapper .kktfwp-projects .grid-size.thumbnail-landscape {
width: 50%;
}
.portfolio-gaps.portfolio-columns-2 .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project, .portfolio-gaps.portfolio-columns-2
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
width: 48.999999%;
}
.portfolio-gaps.portfolio-columns-3:not(.portfolio_title_outer) .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project, .portfolio-gaps.portfolio-columns-2:not(.portfolio_title_outer) .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project, .portfolio-gaps.portfolio-columns-3:not(.portfolio_title_outer)
.kktfwp-projects-wrapper .kktfwp-projects .grid-size, .portfolio-gaps.portfolio-columns-2:not(.portfolio_title_outer)
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
margin-bottom: 2%;
}
.portfolio-gaps.portfolio-columns-4:not(.portfolio_title_outer) .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project, .portfolio-gaps.portfolio-columns-4:not(.portfolio_title_outer)
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
margin-bottom: 1.6666%;
}
}
.portfolio-columns-2 .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project, .portfolio-columns-2
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
width: 50%;
}
.portfolio-columns-2 .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-default2x, .portfolio-columns-2 .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-landscape, .portfolio-columns-2
.kktfwp-projects-wrapper .kktfwp-projects .grid-size.thumbnail-default2x, .portfolio-columns-2
.kktfwp-projects-wrapper .kktfwp-projects .grid-size.thumbnail-landscape {
width: 100%;
}
@media (max-width: 1199px) {
.portfolio-columns-2 .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project, .portfolio-columns-2
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
width: 48.333333%;
}
}
@media (max-width: 668px) {
.portfolio-columns-2 .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project, .portfolio-columns-2
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
width: 100%;
}
}
@media (max-width: 1199px) {
.kktfwp-projects-wrapper .kktfwp-projects .portfolio-project,
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
width: 31.333333%;
}
body[class*="portfolio-mosaic-"] .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project, body[class*="portfolio-mosaic-"]
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
width: 33.3333%;
}
body[class*="portfolio-mosaic-"] .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-default2x, body[class*="portfolio-mosaic-"] .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-landscape, body[class*="portfolio-mosaic-"]
.kktfwp-projects-wrapper .kktfwp-projects .grid-size.thumbnail-default2x, body[class*="portfolio-mosaic-"]
.kktfwp-projects-wrapper .kktfwp-projects .grid-size.thumbnail-landscape {
width: 66.6666%;
}
}
@media (max-width: 999px) {
.kktfwp-projects-wrapper .kktfwp-projects .portfolio-project,
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
width: 48.333333%;
}
body[class*="portfolio-mosaic-"] .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project, body[class*="portfolio-mosaic-"]
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
width: 50%;
}
body[class*="portfolio-mosaic-"] .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-default2x, body[class*="portfolio-mosaic-"]
.kktfwp-projects-wrapper .kktfwp-projects .grid-size.thumbnail-default2x {
width: 100%;
}
body[class*="portfolio-mosaic-"] .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-landscape, body[class*="portfolio-mosaic-"]
.kktfwp-projects-wrapper .kktfwp-projects .grid-size.thumbnail-landscape {
width: 100%;
}
}
@media (max-width: 668px) {
.kktfwp-projects-wrapper .kktfwp-projects .portfolio-project,
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
width: 100%;
}
body[class*="portfolio-mosaic-"] .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project, body[class*="portfolio-mosaic-"]
.kktfwp-projects-wrapper .kktfwp-projects .grid-size {
width: 100%;
}
body[class*="portfolio-mosaic-"] .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-default2x, body[class*="portfolio-mosaic-"] .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project.thumbnail-landscape, body[class*="portfolio-mosaic-"]
.kktfwp-projects-wrapper .kktfwp-projects .grid-size.thumbnail-default2x, body[class*="portfolio-mosaic-"]
.kktfwp-projects-wrapper .kktfwp-projects .grid-size.thumbnail-landscape {
width: 100%;
}
}
.kktfwp-projects-wrapper .kktfwp-projects .portfolio-project img,
.kktfwp-projects-wrapper .kktfwp-projects .grid-size img {
width: 100%;
height: auto;
display: block;
}
.portfolio-mosaic-gaps .kktfwp-projects-wrapper .kktfwp-projects .portfolio-project img, .portfolio-mosaic-gaps
.kktfwp-projects-wrapper .kktfwp-projects .grid-size img {
transform: translate(10px, 10px);
}
.img-loaded:not(.post-thumbnail) {
animation: kktfwpSlideUp 0.4s cubic-bezier(0, 0, 0, 0.85);
}
@keyframes kktfwpSlideUp {
from {
transform: translate(0, 100px);
opacity: 0;
}
to {
transform: translate(0, 0);
opacity: 1;
}
}
.img-loaded.post-thumbnail {
animation: kktfwpFadeIn .3s linear forwards;
}
@keyframes kktfwpFadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.p-filter {
position: relative;
display: block;
margin: 0 0 36px 0;
}
.portfolio-mosaic .p-filter {
margin: 0 0 16px 0;
}
.p-filter ul {
display: block;
margin: 0;
padding: 0;
list-style: none;
position: relative;
}
.p-filter ul li {
display: inline-block;
position: inherit;
font-size: 14px;
font-weight: 400;
margin-right: 30px;
color: #444;
}
.essu-dark .p-filter ul li {
color: #82868e;
}
@media (min-width: 699px) {
.p-filter ul li {
font-size: 15px;
margin-right: 54px;
}
}
@media (min-width: 1600px) {
.p-filter ul li {
font-size: 16px;
margin-right: 54px;
}
}
.p-filter ul li:last-child {
margin-right: 0;
}
.p-filter ul li sup {
font-size: 85%;
left: 0.4em;
top: -0.6em;
}
.essu-dark .p-filter ul li sup {
color: #808080;
}
.kktfwp-filter-btn {
display: inline-block;
text-decoration: none;
position: inherit;
color: currentColor;
padding: 14px 0;
border-bottom: none;
}
@media (max-width: 1024px) {
.kktfwp-filter-btn {
padding: 5px 0;
}
}
.essu-dark .kktfwp-filter-btn {
color: #82868e;
}
.kktfwp-filter-btn:hover {
color: currentColor;
}
.kktfwp-filter-btn:after {
content: '';
position: absolute;
top: 0px;
border-bottom: 2px solid;
border-color: currentColor;
left: 0;
right: 0;
transition: transform 0.2s cubic-bezier(0.4, 0, 0.21, 1.1);
transform: scale(0);
}
.essu-dark .kktfwp-filter-btn:after {
border-color: #757575;
}
.kktfwp-filter-btn:hover:after, .kktfwp-filter-btn.active:after {
transform: scale(1);
opacity: 1;
}
a.has-overlay {
position: relative;
display: block;
text-decoration: none;
color: #f1f1f1;
border-bottom: none;
}
.portfolio_title_outer a.has-overlay {
margin-bottom: 12px;
}
a.has-overlay .proj-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
text-align: left;
padding-bottom: 2rem;
z-index: 1;
}
.portfolio-mosaic-gaps a.has-overlay .proj-content {
margin-left: 20px;
}
@media (max-width: 1199px) {
a.has-overlay .proj-content {
position: relative;
padding-bottom: 0;
margin-bottom: 32px;
}
}
a.has-overlay img {
transition: transform 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03);
}
a.has-overlay .img-h {
position: relative;
display: block;
overflow: hidden;
}
@media (max-width: 1199px) {
a.has-overlay .img-h {
margin-bottom: 15px;
}
}
a.has-overlay:after {
content: '';
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: currentColor;
position: absolute;
transition: transform 0.4s cubic-bezier(0.51, 0.01, 0.18, 1.03);
transform: scaleX(0);
transform-origin: left center;
}
.portfolio_title_outer a.has-overlay:after {
content: none;
}
@media (min-width: 1200px) {
a.has-overlay:hover:after {
transform: scaleX(1);
}
a.has-overlay:hover .proj-content .proj-title {
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.2s, opacity 0.2s linear 0.2s;
transform: translateX(40px);
opacity: 1;
}
a.has-overlay:hover .proj-content .proj-terms {
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85) 0.3s, opacity 0.2s linear 0.3s;
transform: translateX(40px);
opacity: 1;
}
a.has-overlay:hover img {
transform: scale(1.07);
display: block;
}
}
.proj-content_title-link {
border-bottom: none;
color: currentColor;
}
.proj-content_title-link:hover {
color: currentColor;
}
.proj-title {
font-family: "Roboto", sans-serif;
font-weight: 400;
font-size: 22px;
margin-bottom: 5px;
line-height: 1.1em;
line-height: 1em;
padding: 0;
padding-right: 40px;
opacity: 0;
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
transform: translateX(0);
}
.portfolio_title_outer .proj-title {
opacity: 1;
line-height: 1.1em;
padding: 0;
transition: none;
transform: none;
}
@media (max-width: 699px) {
.proj-title {
font-size: 18px;
}
}
@media (max-width: 1199px) {
.proj-title {
color: #444 !important;
opacity: 1;
font-size: 16px;
padding: 0;
}
.portfolio_title_outer .proj-title {
margin-bottom: 10px;
}
}
.proj-terms {
font-size: 15px;
line-height: 1.8em;
margin: 0;
color: #444;
padding: 0;
padding-right: 40px;
opacity: 0;
transition: transform 0.4s cubic-bezier(0, 0, 0, 0.85), opacity 0.2s linear;
transform: translateX(0);
}
.portfolio_title_outer .proj-terms {
opacity: 1;
line-height: 1.1em;
padding: 0;
color: #777777;
transition: none;
transform: none;
}
@media (max-width: 1199px) {
.proj-terms {
color: #444 !important;
opacity: 1;
font-size: 12px;
position: absolute;
top: 0;
right: 0;
line-height: 1.4;
padding: 0;
}
.portfolio_title_outer .proj-terms {
position: relative;
}
}
.kktfwp-firstCol {
display: block;
margin-bottom: 50px;
}
@media (min-width: 1000px) {
.kktfwp-firstCol {
width: 35%;
margin-bottom: 0;
}
.portfolio-content-left .kktfwp-firstCol {
float: left;
}
.portfolio-content-right .kktfwp-firstCol {
float: right;
}
.portfolio-content-top .kktfwp-firstCol, .portfolio-content-top-halfs .kktfwp-firstCol {
float: none;
width: 100%;
margin-bottom: 80px;
}
}
.kktfwp-secondCol {
display: block;
transition: all .4s ease;
}
.portfolio-content-top .kktfwp-secondCol.two-col-img, .portfolio-content-top-halfs .kktfwp-secondCol.two-col-img {
margin: 0 -15px;
}
@media (min-width: 700px) {
.kktfwp-masonry .portfolio-content-top .kktfwp-secondCol.two-col-img .kktfwp-secondCol, .kktfwp-masonry .portfolio-content-top-halfs .kktfwp-secondCol.two-col-img .kktfwp-secondCol {
text-align: justify;
}
.kktfwp-masonry .portfolio-content-top .kktfwp-secondCol.two-col-img .img-wr, .kktfwp-masonry .portfolio-content-top-halfs .kktfwp-secondCol.two-col-img .img-wr {
margin-bottom: 30px;
width: calc(100% / 2);
padding: 0 15px;
}
}
.portfolio-content-top .kktfwp-secondCol.three-col-img, .portfolio-content-top-halfs .kktfwp-secondCol.three-col-img {
margin: 0 -15px;
}
@media (min-width: 700px) {
.kktfwp-masonry .portfolio-content-top .kktfwp-secondCol.three-col-img .kktfwp-secondCol, .kktfwp-masonry .portfolio-content-top-halfs .kktfwp-secondCol.three-col-img .kktfwp-secondCol {
text-align: justify;
}
.kktfwp-masonry .portfolio-content-top .kktfwp-secondCol.three-col-img .img-wr, .kktfwp-masonry .portfolio-content-top-halfs .kktfwp-secondCol.three-col-img .img-wr {
margin-bottom: 30px;
width: calc(100% / 3);
padding: 0 15px;
}
}
@media (max-width: 999px) {
.kktfwp-secondCol {
text-align: justify;
font-size: 0;
text-justify: distribute-all-lines;
}
.kktfwp-secondCol:after {
content: '';
display: inline-block;
width: 100%;
}
}
@media (min-width: 1000px) {
.kktfwp-secondCol {
width: 65%;
}
.portfolio-content-left .kktfwp-secondCol {
float: left;
padding: 0;
padding-left: 100px;
}
.portfolio-content-right .kktfwp-secondCol {
float: right;
padding: 0;
padding-right: 100px;
}
.portfolio-content-top .kktfwp-secondCol, .portfolio-content-top-halfs .kktfwp-secondCol {
float: none;
padding: 0;
width: auto;
}
}
.kktfwp-video-project .kktfwp-secondCol ul {
margin: 0;
padding: 0;
list-style: none;
position: relative;
display: block;
}
.kktfwp-video-project .kktfwp-secondCol ul li + li {
margin-top: 20px;
}
.kktfwp-video-project .kktfwp-secondCol ul li {
display: block;
height: 0;
position: relative;
overflow: hidden;
padding-bottom: 56.25%;
}
.kktfwp-video-project .kktfwp-secondCol ul li iframe, .kktfwp-video-project .kktfwp-secondCol ul li object, .kktfwp-video-project .kktfwp-secondCol ul li embed {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.kktfwp-video-project .kktfwp-secondCol ul li .wp-video {
height: 100% !important;
width: 100% !important;
position: absolute;
top: 0;
left: 0;
}
@media (min-width: 1000px) {
.portfolio-content-top-halfs .kktfwp-title-wr {
float: left;
width: 33.3333%;
}
.portfolio-content-top-halfs .kktfwp-entry-wr {
float: left;
width: 66.6666%;
}
}
.kktfwp-entry-wr .wp-caption {
max-width: 100%;
}
.kktfwp-entry-wr img {
max-width: 100%;
height: auto;
}
.kktfwp-secondCol .entry-title,
.kktfwp-firstCol .entry-title {
margin-bottom: 30px;
font-size: 34px;
margin-top: 0;
}
@media (min-width: 700px) {
.kktfwp-secondCol .entry-title,
.kktfwp-firstCol .entry-title {
font-size: 44px;
margin-bottom: 40px;
}
}
@media (min-width: 1000px) {
.kktfwp-secondCol .entry-title,
.kktfwp-firstCol .entry-title {
font-size: 46px;
margin-bottom: 60px;
}
}
@media (min-width: 1600px) {
.kktfwp-secondCol .entry-title,
.kktfwp-firstCol .entry-title {
font-size: 48px;
}
}
.img-wr {
margin: 0 0 30px;
position: relative;
}
.img-wr figcation {
display: inline-block;
width: 100%;
text-align: center;
background-color: transparent;
padding-bottom: 0 !important;
}
.one-col-img .img-wr {
margin: 0 0 30px;
}
@media (max-width: 999px) {
.img-wr {
width: 48.3333%;
display: inline-block;
margin: 0 0 3%;
vertical-align: top;
}
}
@media (max-width: 699px) {
.img-wr {
width: 100%;
margin: 0 0 3%;
vertical-align: top;
}
.img-wr:last-child {
margin: 0;
}
}
.img-wr img {
width: 100%;
height: auto;
display: block;
position: absolute;
}
.img-wr img.b-loaded {
position: relative;
}
.img-wr:last-child {
margin-bottom: 0;
}
.is-inview {
transition: opacity .3s linear;
opacity: 1;
}
@media (min-width: 1200px) {
.is-inview-false .kktfwp-firstCol {
position: absolute;
z-index: -1;
opacity: 0;
}
.is-inview-false .kktfwp-secondCol {
padding: 0;
margin: 0 auto;
float: none;
position: relative;
width: 65%;
}
}
@media (min-width: 1200px) and (min-width: 1920px) {
.is-inview-false .kktfwp-secondCol {
width: 65%;
}
}
@media (min-width: 1200px) and (max-width: 1366px) {
.is-inview-false .kktfwp-secondCol {
width: 65%;
}
}
.kktfwp-nav {
margin: 80px 0 10px 0;
text-align: center;
display: block;
font-weight: 600;
position: relative;
}
@media (max-width: 999px) {
.kktfwp-nav {
margin: 60px 0 10px 0;
}
}
@media (max-width: 699px) {
.kktfwp-nav {
margin: 40px 0 10px 0;
}
}
.kktfwp-nav a {
text-decoration: none;
position: relative;
border-bottom: none;
}
.kktfwp-nav a:hover {
color: inherit;
}
.kktfwp-nav .kktfwp-fix {
font-size: 0;
visibility: hidden;
line-height: 0;
}
.kktfwp-nav img {
width: 100%;
height: auto;
display: block;
}
.kktfwp-nav div {
display: block;
position: relative;
line-height: 1.6em;
}
.kktfwp-nav div span:not(.n-img) {
display: block;
transition: transform .4s ease;
}
.kktfwp-nav div span:not(.n-img).n-title {
font-size: 20px;
color: #222;
font-weight: 400;
font-family: "Roboto Slab", serif;
}
.essu-dark .kktfwp-nav div span:not(.n-img).n-title {
color: #fff;
}
.single-post .kktfwp-nav div span:not(.n-img).n-title {
font-size: 18px;
}
@media (max-width: 450px) {
.single-post .kktfwp-nav div span:not(.n-img).n-title {
display: none;
}
}
@media (max-width: 450px) {
.kktfwp-nav div span:not(.n-img).n-title {
font-size: 16px;
}
}
.kktfwp-nav div span:not(.n-img).n-desc {
font-weight: 400;
font-size: 15px;
line-height: 25px;
transform: translate3d(0, 0, 0);
}
@media (max-width: 450px) {
body:not(.single-post) .kktfwp-nav div span:not(.n-img).n-desc {
font-size: 12px;
}
}
.kktfwp-nav div.kktfwp-prev {
float: left;
width: 41.66666667%;
text-align: left;
}
.single-post .kktfwp-nav div.kktfwp-prev {
width: 50%;
}
.kktfwp-nav div.kktfwp-prev .p-dt {
margin-left: 40px;
}
.kktfwp-nav div.kktfwp-prev a {
float: left;
}
@media (min-width: 1199px) {
.kktfwp-nav div.kktfwp-prev a:hover .n-title,
.kktfwp-nav div.kktfwp-prev a:hover .n-desc {
transform: translate3d(40px, 0, 0);
}
.kktfwp-nav div.kktfwp-prev a:hover .n-icon:before {
opacity: 0;
transition-delay: 0s;
}
.kktfwp-nav div.kktfwp-prev a:hover .n-icon:after {
transform: scale(0);
transition-delay: .05s;
}
.kktfwp-nav div.kktfwp-prev a:hover .n-img {
transform: scale(1);
transition-delay: .18s;
transition-duration: .2s;
}
}
.kktfwp-nav div.kktfwp-next {
float: right;
width: 41.66666667%;
text-align: right;
}
.single-post .kktfwp-nav div.kktfwp-next {
width: 50%;
}
.kktfwp-nav div.kktfwp-next .p-dt {
margin-right: 40px;
}
.kktfwp-nav div.kktfwp-next .n-icon {
position: absolute;
width: 20px;
height: 10px;
top: 50%;
margin-top: -5px;
right: 0;
}
.kktfwp-nav div.kktfwp-next .n-icon:before {
content: '';
transform: rotate(225deg);
right: 0;
}
[dir="rtl"] .kktfwp-nav div.kktfwp-next .n-icon:before {
transform: rotate(45deg);
}
.kktfwp-nav div.kktfwp-next .n-icon:after {
content: '';
right: 0;
transform-origin: left center;
}
.kktfwp-nav div.kktfwp-next .n-img {
right: -20px;
left: auto;
}
.kktfwp-nav div.kktfwp-next a {
float: right;
}
@media (min-width: 1199px) {
.kktfwp-nav div.kktfwp-next a:hover .n-title,
.kktfwp-nav div.kktfwp-next a:hover .n-desc {
transform: translate3d(-40px, 0, 0);
}
.kktfwp-nav div.kktfwp-next a:hover .n-icon:before {
opacity: 0;
transition-delay: 0s;
}
.kktfwp-nav div.kktfwp-next a:hover .n-icon:after {
transform: scale(0);
transition-delay: .05s;
}
.kktfwp-nav div.kktfwp-next a:hover .n-img {
transform: scale(1);
transition-delay: .18s;
transition-duration: .2s;
}
}
.kktfwp-nav div.kktfwp-back {
text-align: center;
float: left;
display: block;
width: 16.66666667%;
}
.kktfwp-nav div.kktfwp-back a {
width: 24px;
height: 24px;
display: inline-block;
top: 12px;
}
.kktfwp-nav div.kktfwp-back a:before {
content: '';
background-color: #444;
width: 10px;
height: 10px;
position: absolute;
top: 0;
left: 0;
transition: transform .1s linear;
}
.kktfwp-nav div.kktfwp-back a:after {
content: '';
background-color: #444;
width: 10px;
height: 10px;
position: absolute;
bottom: 0;
left: 0;
transition: transform .1s linear;
}
.kktfwp-nav div.kktfwp-back a span {
width: 24px;
height: 24px;
display: block;
}
.kktfwp-nav div.kktfwp-back a span:before {
content: '';
background-color: #444;
width: 10px;
height: 10px;
position: absolute;
top: 0;
right: 0;
transition: transform .1s linear;
}
.kktfwp-nav div.kktfwp-back a span:after {
content: '';
background-color: #444;
width: 10px;
height: 10px;
position: absolute;
bottom: 0;
right: 0;
transition: transform .1s linear;
}
.kktfwp-nav div.kktfwp-back a:hover:after {
transform: translate3d(1px, -1px, 0);
}
.kktfwp-nav div.kktfwp-back a:hover:before {
transform: translate3d(1px, 1px, 0);
}
.kktfwp-nav div.kktfwp-back a:hover span:after {
transform: translate3d(-1px, -1px, 0);
}
.kktfwp-nav div.kktfwp-back a:hover span:before {
transform: translate3d(-1px, 1px, 0);
}
.kktfwp-nav div .n-img {
position: absolute;
width: 80px;
height: 80px;
border-radius: 50%;
overflow: hidden;
top: 50%;
margin-top: -40px;
left: -20px;
transform: scale(0);
transition: transform 0.3s cubic-bezier(0.4, 0, 0, 1.15);
}
.kktfwp-nav div .n-title[data-delay*="0"],
.kktfwp-nav div .n-desc[data-delay*="0"] {
transition-delay: 0s;
}
.kktfwp-nav div .n-title[data-delay*="35"],
.kktfwp-nav div .n-desc[data-delay*="35"] {
transition-delay: .035s;
}
.kktfwp-nav .n-icon {
position: absolute;
width: 20px;
height: 10px;
top: 50%;
margin-top: -5px;
}
.kktfwp-nav .n-icon:before {
content: '';
position: absolute;
width: 8px;
height: 8px;
border-color: #000;
border-style: solid;
border-width: 0 0 2px 2px;
transform: rotate(45deg);
top: 50%;
margin-top: -4px;
transition: opacity .05s linear 0.17s;
}
[dir="rtl"] .kktfwp-nav .n-icon:before {
transform: rotate(225deg);
}
.essu-dark .kktfwp-nav .n-icon:before {
border-color: currentColor;
}
.kktfwp-nav .n-icon:after {
content: '';
position: absolute;
width: 20px;
height: 0px;
border: 1px solid #000;
top: 50%;
transition: all .2s ease;
transform-origin: right center;
}
.essu-dark .kktfwp-nav .n-icon:after {
border-color: currentColor;
}
.kktfwp-proj-meta {
margin-top: 40px;
position: relative;
}
.kktfwp-proj-meta:before {
content: '';
display: table;
clear: both;
}
.kktfwp-proj-meta div + div {
margin-left: 16px;
}
.kktfwp-proj-meta .kktfwp-share,
.kktfwp-proj-meta .kktfwp-love {
float: left;
position: relative;
transition: transform .1s linear .12s;
}
.kktfwp-proj-meta .kktfwp-share > a,
.kktfwp-proj-meta .kktfwp-love > a {
display: block;
padding: 6px 18px;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 100px;
font-weight: 400;
line-height: 26px;
text-decoration: none;
font-size: 15px;
transition: width .3s ease;
width: 100%;
}
.essu-dark .kktfwp-proj-meta .kktfwp-share > a, .essu-dark
.kktfwp-proj-meta .kktfwp-love > a {
border-color: rgba(255, 255, 255, 0.15);
color: #82868e;
}
.kktfwp-proj-meta .kktfwp-share > a:hover,
.kktfwp-proj-meta .kktfwp-love > a:hover {
color: inherit;
}
.kktfwp-proj-meta .kktfwp-share > a span,
.kktfwp-proj-meta .kktfwp-love > a span {
transition: opacity .05s linear .2s;
}
.kktfwp-proj-meta .kktfwp-share > a i,
.kktfwp-proj-meta .kktfwp-love > a i {
font-size: 18px;
margin: 0;
margin-right: 5px;
display: inline-block;
vertical-align: bottom;
color: #444;
transition: color .24s linear, opacity .05s linear .2s;
}
.kktfwp-proj-meta .kktfwp-share > a i.kktfwp-i-heart,
.kktfwp-proj-meta .kktfwp-love > a i.kktfwp-i-heart {
color: #0097A7;
}
.kktfwp-proj-meta .kktfwp-share > a i:before,
.kktfwp-proj-meta .kktfwp-love > a i:before {
margin-left: 0;
}
.kktfwp-proj-meta .kktfwp-share > a i.in-process,
.kktfwp-proj-meta .kktfwp-love > a i.in-process {
color: #d2cccc;
}
.kktfwp-proj-meta .kktfwp-share > a i.is-liked,
.kktfwp-proj-meta .kktfwp-love > a i.is-liked {
animation: is-liked 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97);
}
.kktfwp-proj-meta .kktfwp-share .kktfwp-share-icons {
position: absolute;
display: block;
visibility: hidden;
width: 185px;
font-size: 14px;
top: 0;
left: 7px;
transition: visibility .05s linear .12s;
}
.kktfwp-proj-meta .kktfwp-share .kktfwp-share-icons .sh-btn {
display: block;
float: left;
padding: 6px 8px;
text-decoration: none;
border-bottom: none;
vertical-align: bottom;
opacity: 0;
color: #444;
transform: translate3d(-10px, 0, 0);
transition: transform .1s ease, opacity .1s linear;
}
.kktfwp-proj-meta .kktfwp-share .kktfwp-share-icons .sh-btn[class*='facebook'] {
font-size: 15px;
line-height: 1.7;
}
.kktfwp-proj-meta .kktfwp-share .kktfwp-share-icons .sh-btn[class*='facebook']:hover {
color: #3b5999;
}
.kktfwp-proj-meta .kktfwp-share .kktfwp-share-icons .sh-btn[class*='twitter'] {
font-size: 13px;
line-height: 1.9;
}
.kktfwp-proj-meta .kktfwp-share .kktfwp-share-icons .sh-btn[class*='twitter']:hover {
color: #55acee;
}
.kktfwp-proj-meta .kktfwp-share .kktfwp-share-icons .sh-btn[class*='email'] {
font-size: 16px;
line-height: 1.5;
}
.kktfwp-proj-meta .kktfwp-share .kktfwp-share-icons .sh-btn[class*='email']:hover {
color: #09b83e;
}
.kktfwp-proj-meta .kktfwp-share .kktfwp-share-icons .sh-btn[class*='linkedin']:hover {
color: #0077B5;
}
.kktfwp-proj-meta .kktfwp-share .kktfwp-share-icons .sh-btn[class*='pinterest']:hover {
color: #bd081c;
}
.kktfwp-proj-meta.is-hovered .kktfwp-love {
transform: scale3d(0, 0, 0);
transition-delay: 0s;
}
.kktfwp-proj-meta.is-hovered .kktfwp-share > a {
width: 198px;
}
.kktfwp-proj-meta.is-hovered .kktfwp-share > a i, .kktfwp-proj-meta.is-hovered .kktfwp-share > a span {
opacity: 0;
transition-delay: 0s;
}
.kktfwp-proj-meta.is-hovered .kktfwp-share-icons {
visibility: visible;
transition-delay: 0s;
}
.kktfwp-proj-meta.is-hovered .kktfwp-share-icons .kktfwp-in {
transform: translate3d(0, 0, 0);
opacity: 1;
}
@keyframes is-liked {
10%, 90% {
transform: translate3d(-1px, 0, 0);
}
20%, 80% {
transform: translate3d(2px, 0, 0);
}
30%, 50%, 70% {
transform: translate3d(-3px, 0, 0);
}
40%, 60% {
transform: translate3d(3px, 0, 0);
}
}
.post.post-in-list {
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #ececec;
}
.essu-dark .post.post-in-list {
border-color: #1e1e1e;
}
@media (max-width: 999px) {
.post.post-in-list {
margin-bottom: 30px;
padding-bottom: 25px;
}
}
@media (max-width: 999px) and (min-width: 700px) {
.post.post-in-list.odd {
width: 48%;
float: left;
}
.post.post-in-list.even {
width: 48%;
float: left;
margin-left: 4%;
}
.post.post-in-list:nth-child(2n + 3) {
clear: left;
}
}
.post .bypostauthor {
content: '';
}
.post.sticky .sticky-post {
text-transform: uppercase;
font-size: 10px;
font-weight: 600;
padding: 2px 4px;
background-color: #0097A7;
color: #fff;
margin-left: 10px;
}
.post.post-in-list + .post-in-list {
border-top: none;
}
.post .kktfwp-thumbnail {
position: relative;
width: 30%;
float: left;
}
@media (max-width: 999px) {
.post .kktfwp-thumbnail {
width: 100%;
float: none;
}
}
.post .kktfwp-thumbnail img {
width: 100%;
height: auto;
display: block;
}
.post.has-post-thumbnail .entry-content {
position: relative;
float: left;
width: 70%;
padding: 50px 0 0;
padding-left: 60px;
}
@media (max-width: 999px) {
.post.has-post-thumbnail .entry-content {
padding: 20px 0 0 0;
width: 100%;
float: none;
}
}
@media (min-width: 1000px) and (max-width: 1199px) {
.post.has-post-thumbnail .entry-content {
padding: 20px 0 0;
padding-left: 60px;
}
}
.post .entry-content {
width: 100%;
padding: 60px 0;
}
.post .entry-content .post-password-form input[type="password"] {
width: auto;
border: 1px solid #e7e7e7;
padding: 5px;
}
@media (max-width: 999px) {
.post .entry-content {
padding: 10px 0 0 0;
width: 100%;
float: none;
}
}
@media (min-width: 1000px) and (max-width: 1199px) {
.post .entry-content {
padding: 10px 0 0;
padding-left: 60px;
}
}
.post time {
margin: 0;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
display: inline-block;
}
@media (min-width: 699px) {
.post time {
margin: 0 0 5px 0;
}
}
.post time i {
display: none;
}
.post time:not(.published) {
display: none;
}
body:not(.single) .post .entry-title {
font-size: 28px;
margin: 0 0 20px 0;
font-weight: 400;
word-break: break-word;
line-height: 1.2;
}
@media (max-width: 1199px) {
body:not(.single) .post .entry-title {
font-size: 24px;
line-height: 1.3;
}
}
body:not(.single) .post .entry-title a {
text-decoration: none;
color: currentColor;
display: inline-block;
position: relative;
}
body:not(.single) .post .entry-title a:after {
content: '';
width: 100%;
height: 2px;
bottom: -6px;
left: 0;
position: absolute;
background-color: transparent;
transition: background-color, 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
}
body:not(.single) .post .entry-title a:hover:after {
background-color: currentColor;
transition-duration: .15s;
}
.nav-links, .page-links {
margin: 80px 0 10px 0;
text-align: center;
color: #222;
}
.nav-links > a, .nav-links > span, .page-links > a, .page-links > span {
display: inline-block;
padding: 0 10px;
text-decoration: none;
border-bottom: none;
}
.nav-links > a:not(span):hover, .nav-links > span:not(span):hover, .page-links > a:not(span):hover, .page-links > span:not(span):hover {
color: #0097A7;
}
.nav-links .current, .page-links .current {
font-weight: 700;
color: #0097A7;
}
.page-links {
padding: 80px 0 10px 0;
margin: 0;
clear: both;
}
.page-links > span:not(.page-links-title) {
font-weight: 700;
color: #0097A7;
}
.posts-wrapper .navigation.pagination {
position: relative;
display: inline-block;
width: 100%;
}
.entry-content img {
max-width: 100%;
height: auto;
display: block;
}
.entry-content img.larger-than-content {
margin: 0;
width: 100%;
float: none;
}
.entry-content figure.wp-caption {
clear: both;
display: block;
position: relative;
max-width: 100%;
}
.entry-content figure.wp-caption.larger-than-content {
margin: 0 0 25px 0;
max-width: 100%;
float: none;
}
.entry-content figure.wp-caption img {
width: 100%;
height: auto;
display: block;
}
.entry-content figure.wp-caption img.larger-than-content {
margin: 0;
}
.single-entry-content {
float: right;
position: relative;
width: 85%;
padding: 0;
padding-left: 20px;
}
.single-entry-content iframe {
max-width: 100%;
}
@media (max-width: 999px) {
.single-entry-content {
width: 100%;
float: none;
padding: 0;
}
}
.single-entry-content img {
max-width: 100%;
height: auto;
display: block;
}
.single-entry-content img.larger-than-content {
margin: 1.5em 0;
margin-left: -20.603015%;
width: 120.603015%;
float: none;
max-width: none;
}
.single-entry-content .entry-title {
font-size: 30px;
margin-bottom: 35px;
}
@media (max-width: 1199px) {
.single-entry-content .entry-title {
font-size: 26px;
line-height: 1.2em;
}
}
@media (max-width: 999px) {
.single-entry-content .entry-title {
margin-bottom: 20px;
}
}
.single-entry-content figure.wp-caption {
clear: both;
display: block;
position: relative;
max-width: 100%;
}
.single-entry-content figure.wp-caption.larger-than-content {
margin: 1.5em 0;
margin-left: -20.603015%;
max-width: 120.603015%;
float: none;
}
.single-entry-content figure.wp-caption img {
width: 100%;
height: auto;
display: block;
}
.single-entry-content figure.wp-caption img.larger-than-content {
margin: 0;
}
[class*="wp-block-"] figcaption {
font-size: 14px;
}
.wp-caption .wp-caption-text,
.wp-caption-text {
color: #666;
font-size: 14px;
line-height: 1.6;
padding: 5px 0;
font-style: italic;
margin: 0;
}
.essu-dark .wp-caption .wp-caption-text, .essu-dark
.wp-caption-text {
background-color: transparent;
color: #999;
padding: 10px 0;
}
.entry-meta {
position: relative;
float: left;
width: 15%;
padding: 0;
padding-right: 20px;
}
.entry-meta a {
text-decoration: none;
border-bottom: none;
}
@media (max-width: 999px) {
.entry-meta {
width: 100%;
float: none;
margin: 50px 0 0 0;
padding: 0;
padding-left: 75px;
}
}
.entry-meta .vcard img {
border-radius: 50%;
width: 90px;
height: 90px;
margin: 0 0 15px 0;
display: block;
}
@media (max-width: 999px) {
.entry-meta .vcard img {
margin: 0;
width: 60px;
height: 60px;
position: absolute;
left: 0;
top: 0;
}
}
.entry-meta .vcard .url {
font-weight: 600;
color: #555;
margin-bottom: 10px;
display: inline-block;
}
.essu-dark .entry-meta .vcard .url {
color: #fff;
}
.entry-meta .vcard .url:hover {
color: #0097A7;
}
.entry-meta .entry-date {
font-size: 14px;
font-weight: 400;
text-transform: none;
display: block;
margin: 0;
}
.entry-meta .entry-date i {
display: inline-block;
margin: 0;
margin-right: 5px;
font-size: 16px;
}
.entry-meta .cat-links {
font-size: 14px;
position: relative;
display: block;
}
.entry-meta .cat-links a {
text-transform: capitalize;
border-bottom: none;
display: inline-block;
}
.entry-meta .cat-links i {
margin: 0;
margin-right: 5px;
font-size: 16px;
}
.single-post .post-thumbnail {
margin-bottom: 50px;
}
@media (max-width: 999px) {
.single-post .post-thumbnail {
margin-bottom: 20px;
}
}
.single-post .post-thumbnail img {
width: 100%;
height: auto;
display: block;
} .comments-area {
margin-top: 80px;
position: relative;
display: block;
}
.comments-area .comment-navigation .nav-links {
margin: 60px 0 60px 0;
}
.comments-area .logged-in-as a {
display: inline-block;
}
.comments-area .comment-reply-title {
margin: 0 0 10px 0;
}
.comments-area .comment-notes {
font-size: 14px;
}
@media (max-width: 399px) {
.comments-area .form-submit [type="submit"] {
width: 100%;
}
}
.comments-area .comment-form-author,
.comments-area .comment-form-email {
margin-right: 3.5%;
}
.comments-area .comment-form-author,
.comments-area .comment-form-email,
.comments-area .comment-form-url {
width: 31%;
float: left;
position: relative;
}
@media (max-width: 699px) {
.comments-area .comment-form-author,
.comments-area .comment-form-email,
.comments-area .comment-form-url {
width: 100%;
float: none;
}
}
.comments-area .comment-form-author input,
.comments-area .comment-form-email input,
.comments-area .comment-form-url input {
border-color: transparent transparent #e7e7e7 transparent;
border-width: 1px;
width: 100%;
color: #757575;
line-height: 1.8em;
padding: 2px 0;
background-color: transparent;
}
.essu-dark .comments-area .comment-form-author input, .essu-dark
.comments-area .comment-form-email input, .essu-dark
.comments-area .comment-form-url input {
border-color: transparent transparent #272727 transparent;
color: #fff;
}
.comments-area .comment-form-author label,
.comments-area .comment-form-email label,
.comments-area .comment-form-url label {
position: absolute;
}
.comment-form textarea {
height: 180px;
width: 100%;
resize: vertical;
line-height: 29px;
border: 1px solid #f4f4f4;
padding: 15px 20px;
background-color: #f5f5f5;
outline: none;
color: #777;
}
:focus {
outline: 0;
}
button, [type="button"], [type="reset"], [type="submit"] {
background-color: #0097A7;
border: none;
padding: 6px 14px;
cursor: pointer;
width: auto;
color: #fff;
line-height: 1.8em;
}
.form-submit button, .form-submit [type="button"], .form-submit [type="reset"], .form-submit [type="submit"] {
margin-top: 20px;
}
button:hover, [type="button"]:hover, [type="reset"]:hover, [type="submit"]:hover {
opacity: 0.7;
}
.wpcf7-form div.wpcf7-response-output {
padding: 10px 20px;
margin: 2em 0 1em;
}
input.wpcf7-not-valid {
border-bottom-color: #ffa7a7;
}
.wpcf7-form span.wpcf7-not-valid-tip {
position: absolute;
left: 0px;
bottom: -16px;
z-index: 5;
font-size: 10px;
line-height: 1;
font-weight: 400;
text-transform: uppercase;
background-color: #fff;
} .comment-list {
padding: 0;
margin: 60px 0;
list-style: none;
}
.comment-list .children {
padding-left: 85px;
}
@media (max-width: 699px) {
.comment-list .children {
padding-left: 0;
}
}
.comment-list li.pingback,
.comment-list li.trackback {
list-style: none;
margin: 0 0 20px 0;
}
.comment-list li.comment {
list-style: none;
}
.comment-list li.comment > article {
padding-left: 85px;
position: relative;
margin: 40px 0;
}
@media (max-width: 699px) {
.comment-list li.comment > article {
padding-left: 0;
}
.comment-list li.comment > article .comment-meta {
padding-left: 80px;
}
}
.comment-list li.comment > article .comment-author img {
width: 60px;
height: 60px;
border-radius: 50%;
position: absolute;
left: 0;
top: 0;
display: block;
}
.comment-list li.comment > article .comment-author .fn {
display: inline-block;
font-family: "Roboto", sans-serif;
font-weight: 600;
color: #444;
font-size: 15px;
}
.essu-dark .comment-list li.comment > article .comment-author .fn {
color: #fff;
}
.comment-list li.comment > article .comment-author .fn a {
color: #444;
border-bottom: none;
}
.comment-list li.comment > article .comment-author .fn a:hover {
color: #0097A7;
}
.comment-list li.comment > article .comment-author .says {
display: none;
}
.comment-list li.comment > article .comment-metadata {
font-size: 12px;
}
.comment-list li.comment > article .comment-metadata a {
display: inline-block;
border-bottom: none;
}
.comment-list li.comment > article .comment-content {
margin: 20px 0 25px 0;
}
.comment-list .reply {
display: inline-block;
}
.comment-list .reply a {
border-bottom: 1px solid currentColor;
color: #0097A7;
}
.comment-list .reply a:hover {
border-bottom: none;
}
.comment-list .comment-respond .comment-reply-title {
font-size: 16px;
margin-bottom: 20px;
}
.comment-list .comment-respond .comment-reply-title small {
font-size: 100%;
}
.comment-list .comment-respond .comment-reply-title small a {
display: inline;
margin-left: 20px;
color: #222;
border-bottom: none;
}
.essu-dark .comment-list .comment-respond .comment-reply-title small a {
color: #757575;
}
.comment-list .comment-respond .comment-reply-title small a:hover {
color: #0097A7;
}
.comment-list .comment-respond .comment-notes {
display: none;
}
.image-navigation {
position: relative;
text-align: center;
}
.image-navigation div {
display: inline-block;
}
@media (max-width: 699px) {
.kktfwp-envira .envira-gallery-wrap .envira-gallery-public[class*="columns"] .envira-gallery-item {
width: 100% !important;
}
.kktfwp-envira .envira-gallery-wrap .envira-gallery-public[class*="columns"] .envira-gallery-item img {
width: 100%;
}
.kktfwp-envira .envira-gallery-wrap .envira-gallery-public[class*="columns"] .envira-gallery-item a {
pointer-events: none;
border-bottom: none;
}
}
@media (max-width: 768px) {
.kktfwp-envira .envira-gallery-wrap .envira-gallery-public[class*="columns"] .envira-gallery-item {
width: 50%;
}
.kktfwp-envira .envira-gallery-wrap .envira-gallery-public[class*="columns"] .envira-gallery-item img {
width: 100%;
}
}
.kktfwp-envira .envira-gallery-wrap .envira-gallery-public[class*="columns"] .envira-gallery-item .envira-gallery-item-inner:after {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #0097A7;
opacity: 0;
transition: opacity .2s linear;
pointer-events: none;
}
.kktfwp-envira .envira-gallery-wrap .envira-gallery-public[class*="columns"] .envira-gallery-item .envira-gallery-item-inner:hover:after {
opacity: 0.2;
}
@media (max-width: 699px) {
.kktfwp-envira .envira-gallery-wrap .envira-gallery-public[class*="columns"] .envira-gallery-item .envira-gallery-item-inner {
pointer-events: none;
}
}
.kktfwp-envira .envira-gallery-wrap {
margin: 0 auto 25px auto;
}
.kktfwp-envira .kktfwp-secondCol .envira-gallery-wrap {
margin: 0 auto 0 auto;
}
.kktfwp-envira #envirabox-overlay,
.kktfwp-envira .envirabox-bg {
background-color: #fff !important;
background-image: none;
opacity: 1 !important;
cursor: default !important;
}
html.envirabox-lock .kktfwp-envira #envirabox-overlay, html.envirabox-lock
.kktfwp-envira .envirabox-bg {
overflow-y: hidden;
}
.kktfwp-envira.essu-dark #envirabox-overlay,
.kktfwp-envira.essu-dark .envirabox-bg {
background-color: #161616 !important;
}
.kktfwp-envira.essu-dark .envirabox-prev > span:before,
.kktfwp-envira.essu-dark .envirabox-next > span:before {
color: #fff !important;
}
.kktfwp-envira.essu-dark #envirabox-outer {
background-color: #161616;
}
.kktfwp-envira.essu-dark #envirabox-content {
border-color: #161616;
}
.kktfwp-envira #envirabox-outer #envirabox-content {
box-shadow: none;
}
.kktfwp-envira .envirabox-skin.envirabox-theme-base {
background: none;
}
.kktfwp-envira #envirabox-title-outside,
.kktfwp-envira #envirabox-title {
font-family: "Roboto", sans-serif;
font-size: 16px;
line-height: 1.8em;
bottom: 0;
height: auto;
}
.kktfwp-envira #envirabox-title-outside #envirabox-title-float-main,
.kktfwp-envira #envirabox-title #envirabox-title-float-main {
padding: 0;
border-radius: 0;
text-shadow: none;
background-color: transparent;
color: #222;
margin: 0;
margin-right: -100%;
}
.kktfwp-envira .envira-close-button a {
border-bottom: 0;
}
.kktfwp-envira #envirabox-close {
background-image: none;
background-color: #fff;
height: 36px;
width: 36px;
border: 1px solid #dbdbdb;
border-radius: 50%;
transition: border-color .2s linear;
}
.kktfwp-envira #envirabox-close.essu-dark {
background-color: #fff;
}
.kktfwp-envira #envirabox-close:hover {
border-color: #222;
}
.kktfwp-envira #envirabox-close:after, .kktfwp-envira #envirabox-close:before {
content: '';
position: absolute;
width: 22px;
height: 2px;
background-color: #222;
top: 17px;
left: 7px;
}
.kktfwp-envira #envirabox-close:before {
transform: rotate(-45deg);
}
.kktfwp-envira #envirabox-close:after {
transform: rotate(45deg);
}
.kktfwp-envira #envirabox-tmp {
z-index: 988040;
display: none;
}
.kktfwp-envira .envirabox-navigation .envirabox-arrow--left {
left: 20px;
}
.kktfwp-envira .envirabox-navigation .envirabox-arrow--right {
right: 20px;
}
.kktfwp-envira .fancy-ico {
color: #222;
}
.kktfwp-envira.essu-dark .fancy-ico {
color: #8c8c8c;
}
.kktfwp-envira .envirabox-prev,
.kktfwp-envira .envirabox-next {
border-bottom: none;
}
.kktfwp-envira .envirabox-prev > span:before,
.kktfwp-envira .envirabox-next > span:before {
font-size: 28px;
color: #222 !important;
}
.kktfwp-envira #envirabox-left,
.kktfwp-envira #envirabox-right {
width: 50px;
height: 50px;
position: fixed;
top: 50%;
margin-top: -25px;
visibility: visible;
text-decoration: none;
border: none;
}
.kktfwp-envira #envirabox-left {
left: 20px;
right: auto;
}
.kktfwp-envira #envirabox-left span#envirabox-left-ico {
background-position: inherit;
background-image: none;
visibility: visible;
left: 10px;
}
.kktfwp-envira #envirabox-left span#envirabox-left-ico:hover {
left: 10px;
}
.kktfwp-envira #envirabox-left span#envirabox-left-ico:before, .kktfwp-envira #envirabox-left span#envirabox-left-ico:after {
content: '';
height: 2px;
width: 20px;
background-color: currentColor;
position: absolute;
transform-origin: left;
top: 18px;
}
.kktfwp-envira #envirabox-left span#envirabox-left-ico:before {
transform: rotate(-45deg);
}
.kktfwp-envira #envirabox-left span#envirabox-left-ico:after {
transform: rotate(45deg);
}
.kktfwp-envira #envirabox-right {
right: 20px;
left: auto;
}
.kktfwp-envira #envirabox-right span#envirabox-right-ico {
background-position: inherit;
background-image: none;
visibility: visible;
right: 10px;
left: auto;
}
.kktfwp-envira #envirabox-right span#envirabox-right-ico:hover {
right: 10px;
left: auto;
}
.kktfwp-envira #envirabox-right span#envirabox-right-ico:before, .kktfwp-envira #envirabox-right span#envirabox-right-ico:after {
content: '';
height: 2px;
width: 20px;
background-color: currentColor;
position: absolute;
transform-origin: right;
top: 18px;
right: 0;
}
.kktfwp-envira #envirabox-right span#envirabox-right-ico:before {
transform: rotate(-45deg);
}
.kktfwp-envira #envirabox-right span#envirabox-right-ico:after {
transform: rotate(45deg);
}
.kktfwp-envira #envirabox-loading {
background-image: none;
opacity: 1;
width: 100%;
height: 100%;
background-color: transparent;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: 0;
}
.kktfwp-envira #envirabox-loading div {
width: 44px;
height: 44px;
position: absolute;
left: 50%;
top: 50% !important;
margin-top: -22px;
margin-left: -22px;
background: none;
border: 1px solid #000;
border-radius: 50%;
border-top-color: transparent;
border-right-color: transparent;
animation: kktfwpLoader .4s linear infinite;
}
@keyframes kktfwpLoader {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
input {
border-color: transparent transparent #e7e7e7 transparent;
border-width: 1px;
line-height: 1.8;
border-style: solid;
width: 100%;
background-color: transparent;
color: currentColor;
}
.essu-dark input {
border-color: transparent transparent #272727 transparent;
color: #fff;
}
.search-form input {
height: 40px;
}
.essu-dark ::placeholder {
color: #999;
}
textarea {
height: 180px;
width: 100%;
resize: vertical;
line-height: 29px;
border: 1px solid #f4f4f4;
padding: 15px 20px;
background-color: #f5f5f5;
outline: none;
color: #777;
}
.essu-dark textarea {
background-color: #161616;
color: #fff;
border-color: #272727;
}
.kktfwp-404-wrapper {
margin-bottom: 80px;
position: relative;
font-family: monospace, monospace;
}
@media (max-width: 699px) {
.kktfwp-404-wrapper {
margin-bottom: 20px;
}
}
.kktfwp-404-wrapper span {
width: 200px;
height: 200px;
background: #0097A7;
border-radius: 50%;
line-height: 200px;
display: inline-block;
text-align: center;
color: #fff;
font-size: 140px;
font-weight: 400;
border: 2px solid #fff;
position: relative;
perspective: 1000px;
transform-style: preserve-3d;
}
.essu-dark .kktfwp-404-wrapper span {
border-color: #161616;
}
@media (max-width: 699px) {
.kktfwp-404-wrapper span {
width: 100px;
height: 100px;
line-height: 100px;
font-size: 80px;
}
}
.kktfwp-404-wrapper span.num-1 {
animation-delay: 0.1s;
z-index: 1;
}
.kktfwp-404-wrapper span.num-2 {
margin-left: -40px;
animation-delay: 0.2s;
z-index: 2;
}
@media (max-width: 699px) {
.kktfwp-404-wrapper span.num-2 {
margin-left: -25px;
}
}
.kktfwp-404-wrapper span.num-3 {
margin-left: -40px;
animation-delay: 0.3s;
z-index: 3;
}
@media (max-width: 699px) {
.kktfwp-404-wrapper span.num-3 {
margin-left: -25px;
}
}
.error404 .not-found {
text-align: center;
min-height: 100%;
}
@media (max-width: 699px) {
.error404 .not-found {
margin: 0;
}
.error404 .not-found h1 {
line-height: 1.3em;
}
}
@media (min-width: 800px) {
.kktfwp404num1 {
animation: kktfwp404num1 1.3s cubic-bezier(0.85, 0.01, 0.21, 0.99) 2 alternate;
}
.kktfwp404num2 {
animation: kktfwp404num2 1.3s cubic-bezier(0.85, 0.01, 0.21, 0.99) 2 alternate;
}
.kktfwp404num3 {
animation: kktfwp404num3 1.3s cubic-bezier(0.85, 0.01, 0.21, 0.99) 2 alternate;
}
}
@keyframes kktfwp404num1 {
0% {
transform: rotateY(0);
z-index: 1;
}
100% {
transform: rotateY(180deg);
z-index: 3;
}
}
@keyframes kktfwp404num2 {
0% {
transform: rotateY(0);
z-index: 2;
}
100% {
transform: rotateY(180deg);
z-index: 2;
}
}
@keyframes kktfwp404num3 {
0% {
transform: rotateY(0);
z-index: 3;
}
100% {
transform: rotateY(180deg);
z-index: 1;
}
}
a.button {
display: inline-block;
background-color: #0097A7;
color: #fff;
padding: 6px 14px;
border: none;
}
a.button:hover {
opacity: 0.7;
}
.search-results article[class*="type-"] {
border-top: 1px solid;
border-bottom: 1px solid;
border-color: #ececec;
padding: 60px 0 40px 0;
}
.search-results article[class*="type-"] + article[class*="type-"] {
border-top: none;
}
.search-results article[class*="type-"] a {
color: #222;
}
.search-results article[class*="type-"] .more-link {
color: #0097A7;
display: inline-block;
margin: 0;
}
.pass-wr {
text-align: center;
margin-top: 10px;
}
@media (min-width: 700px) {
.pass-wr {
margin-top: 40px;
}
}
@media (min-width: 1000px) {
.pass-wr {
margin-top: 70px;
}
}
@media (min-width: 1600px) {
.pass-wr {
margin-top: 80px;
}
}
.pass-wr .kktfwp-i-lock-1 {
font-size: 100px;
color: #0097A7;
margin: 0 0 20px 0;
position: relative;
display: inline-block;
}
.pass-wr .page-content {
max-width: 330px;
display: inline-block;
}
.pass-wr .page-content .post-password-form label {
font-size: 0;
line-height: 0;
display: inline-block;
}
.pass-wr .page-content .post-password-form input[type="password"] {
border: 1px solid #e7e7e7;
padding: 5px;
font-size: 15px;
line-height: 1.8em;
}
.pass-wr .page-content .post-password-form input[type="submit"] {
width: auto;
}
.kktfwp-loader-wrapper {
display: block;
position: relative;
width: 100%;
text-align: center;
overflow: hidden;
}
.kktfwp-loader-wrapper.kktfwp-loader-wrapper--hide {
animation: kktfwpheight .15s linear;
animation-delay: 1.1s;
animation-fill-mode: forwards;
}
.kktfwp-loader-wrapper .kktfwp-loader-row {
display: block;
position: relative;
margin: 40px 0 0 0;
}
.kktfwp-loader-wrapper .kktfwp-loader-row .kktfwp-load-more {
background-color: #fff;
color: #444;
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 100px;
display: block;
line-height: 26px;
margin: 0;
display: inline-block;
overflow: hidden;
padding: 6px 18px;
font-size: 15px;
text-align: center;
text-decoration: none;
transition: width .1s ease, border-color .01s ease, color .01s ease;
width: 140px;
height: 40px;
}
.essu-dark .kktfwp-loader-wrapper .kktfwp-loader-row .kktfwp-load-more {
background-color: #161616;
color: #fff;
border: 1px solid rgba(255, 255, 255, 0.38);
}
.kktfwp-loader-wrapper .kktfwp-loader-row .kktfwp-load-more.kktfwp-load-more--loading {
animation: kktfwpLoader 1s linear infinite;
animation-delay: .1s;
border: 1px solid transparent;
border-radius: 20px;
border-left-color: #0097A7;
border-right-color: #0097A7;
box-sizing: border-box;
height: 40px;
color: transparent;
padding: 0;
pointer-events: none;
width: 40px;
user-select: none;
}
.kktfwp-loader-wrapper .kktfwp-loader-row .kktfwp-load-more.kktfwp-load-more--no-posts {
animation: kktfwpScaleOff .3s linear;
animation-delay: .8s;
animation-fill-mode: forwards;
}
@keyframes kktfwpScaleOff {
30% {
transform: scale(1.1);
}
100% {
transform: scale(0);
}
}
@keyframes kktfwpheight {
to {
height: 0;
}
}
.comment-respond .form-submit input[type="submit"] {
width: auto;
border: none;
}
.lock-wrapper {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: #fff;
z-index: 10000;
opacity: .88;
display: none;
}
.essu-dark .lock-wrapper {
background-color: #161616;
}
.lock-wrapper .lock-message {
position: relative;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
color: #000;
text-align: center;
}
.essu-dark .lock-wrapper .lock-message {
color: #fff;
}
.lock-wrapper .lock-message > div {
max-width: 600px;
padding: 40px;
width: 100%;
font-size: 22px;
line-height: 1.6;
font-weight: 400;
transition: transform 1s cubic-bezier(0.57, 0.17, 0.42, 0.9), opacity 0.6s linear;
transform: scale3d(1.05, 1.05, 1);
opacity: 0;
}
body.lock-message-displayed .lock-wrapper .lock-message > div {
transform: scale3d(1, 1, 1);
opacity: 1;
}
#wp-comment-cookies-consent {
width: auto;
margin: 0;
margin-right: 10px;
}
.alignwide {
width: auto;
}
@media (min-width: 1025px) {
.alignwide {
margin: 1.563rem calc((95vw - 100%)/2*-1);
max-width: 100vw;
}
.single-post .alignwide {
margin: 1.563rem 0;
margin-left: calc((100% - 135%)/2);
max-width: 1200px;
}
}
@media (min-width: 1440px) {
.alignwide {
margin: 1.563rem calc((90vw - 100%)/2*-1);
max-width: 100vw;
}
}
@media (min-width: 1650px) {
.alignwide {
margin: 1.563rem calc((85vw - 100%)/2*-1);
max-width: 100vw;
}
}
.alignfull {
margin-left: calc((100vw - 100%)/2*-1);
margin-right: calc((100vw - 100%)/2*-1);
max-width: 100vw;
width: auto;
}
@media (min-width: 1000px) {
.single-entry-content .alignfull {
margin-left: calc((100vw - 80%)/2*-1);
margin-right: calc((100vw - 80%)/2*-1);
}
}
.alignfull img, .alignfull iframe {
width: 100%;
}
.alignfull.wp-block-cover-image {
width: auto;
}
.alignfull.wp-block-columns {
padding-left: calc(2*1rem);
padding-right: calc(2*1rem);
}
.wp-block-button__link {
border-radius: 5px;
padding: 6px 14px;
line-height: 1.8em;
font-size: 15px;
}
.wp-block-button__link:hover {
opacity: 0.7;
}
.wp-block-cover p {
font-family: "Roboto Slab", serif;
}
.has-large-font-size {
line-height: 1.2;
}
.has-huge-font-size {
line-height: 1.3;
}
.has-drop-cap:not(:focus):first-letter {
font-size: 4.4em;
font-weight: 400;
}
.wp-block-quote cite,
.wp-block-pullquote cite {
font-size: 14px;
margin-top: 1em;
position: relative;
font-style: normal;
}
.wp-block-quote.alignleft, .wp-block-quote.alignright,
.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
padding: 0;
text-align: left;
}
.wp-block-quote.alignleft > blockquote, .wp-block-quote.alignright > blockquote,
.wp-block-pullquote.alignleft > blockquote,
.wp-block-pullquote.alignright > blockquote {
padding: 0;
font-size: 20px;
}
.wp-block-quote.alignleft > blockquote:before, .wp-block-quote.alignleft > blockquote:after, .wp-block-quote.alignright > blockquote:before, .wp-block-quote.alignright > blockquote:after,
.wp-block-pullquote.alignleft > blockquote:before,
.wp-block-pullquote.alignleft > blockquote:after,
.wp-block-pullquote.alignright > blockquote:before,
.wp-block-pullquote.alignright > blockquote:after {
content: unset;
}
.wp-block-quote.is-large, .wp-block-quote.is-style-large,
.wp-block-pullquote.is-large,
.wp-block-pullquote.is-style-large {
padding: 40px 30px;
}
.responsive-oembed-video {
display: block;
height: 0;
position: relative;
overflow: hidden;
padding-bottom: 56.25%;
margin: 0 0 1.563rem 0;
}
.wp-block-embed.is-type-video .responsive-oembed-video {
height: auto;
position: unset;
padding-bottom: inherit;
}
.responsive-oembed-video iframe {
height: 100%;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
.wp-block-verse pre,
pre.wp-block-verse {
font-family: inherit;
font-size: inherit;
line-height: inherit;
background-color: transparent;
padding: 0;
color: currentColor;
}
.wp-block-categories.aligncenter,
.wp-block-archives.aligncenter {
list-style: none;
text-align: center;
padding-left: 0;
}
.wp-block-categories.aligncenter ul,
.wp-block-archives.aligncenter ul {
list-style: none;
padding-left: 0;
margin-top: 0;
}
.pswp__caption__center {
text-align: center;
}
.essu-dark .select2-container--default .select2-selection--single {
background-color: #161616;
border-color: #82868e;
}
.essu-dark .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #82868e;
}
@media (min-width: 1200px) {
.wpspd-hide-desktop {
display: none;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.wpspd-hide-netbook {
display: none;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.wpspd-hide-tablet {
display: none;
}
}
@media (max-width: 767px) {
.wpspd-hide-phone {
display: none;
}
}