@charset "UTF-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
margin: 0;
outline: 0;
padding: 0;
vertical-align: baseline;
}
html {
font-size: 62.5%;  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
background: #fff;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
ol, ul {
list-style: none;
}
table { border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
font-weight: normal;
text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
a:focus { outline: 0;
}
a:hover,
a:active { outline: 0;
}
a img {
border: 0;
} .clearfix:before,
.clearfix:after {
content: " "; display: table; }
.clearfix:after {
clear: both;
} .clearfix {
*zoom: 1;
} body,
button,
input,
select,
textarea {
color: #111;
font-size: 16px;
font-size: 1.6rem;
line-height: 1.5;
} h1,h2,h3,h4,h5,h6 {
clear: both;
font-weight: normal;
}
hr {
background-color: #ccc;
border: 0;
height: 1px;
margin-bottom: 1.5em;
} p {
margin: 0;
}
ul, ol {
margin: 0;
}
ul {
list-style: disc;
}
ol {
list-style: decimal;
}
ul ul, ol ol, ul ol, ol ul {
margin-bottom: 0;
margin-left: 1.5em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 1.5em 1.5em;
}
b, strong {
font-weight: bold;
}
dfn, cite, em, i {
font-style: italic;
}
blockquote {
margin: 0 1.5em;
}
address {
margin: 0 0 1.5em;
font-style: italic;
font-size: 13px;
}
pre {
font-family: "Courier 10 Pitch", Courier, monospace;
font-size: 13px;
line-height: 1.3;
margin-bottom: 1.6em;
padding: 1.6em;
overflow: auto;
max-width: 100%;
color: #111;
border: 1px dashed #ccc;
white-space: pre-wrap;
}
code, kbd, tt, var {
font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}
abbr, acronym {
border-bottom: 1px dotted #666;
cursor: help;
}
a abbr, a acronym {
border-bottom: 0 none;
}
mark, ins {
background: #fff9c0;
text-decoration: none;
}
sup,
sub {
font-size: 75%;
height: 0;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
bottom: 1ex;
}
sub {
top: .5ex;
}
small {
font-size: 75%;
}
big {
font-size: 125%;
}
figure {
margin: 0;
}
table {
margin: 0 0 1.5em;
width: 100%;
}
th {
font-weight: bold;
}
button,
input,
select,
textarea {
font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button,
input {
line-height: normal; *overflow: visible; }
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
border: 1px solid #d7d7d7;
border-bottom-color: #bdbdbd;
border-radius: 1px;
background: #f5f5f5;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), inset 0 15px 17px rgba(255,255,255,0.5), inset 0 -5px 12px rgba(0,0,0,0.05);
color: rgba(0,0,0,.8);
cursor: pointer; -webkit-appearance: button; font-size: 13px;
line-height: 1;
padding: 6px 8px;
text-shadow: 0 1px 0 rgba(255, 255, 255, .8);
font-weight: bold;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
border-color: #ccc #bbb #aaa #bbb;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
border-color: #aaa #bbb #bbb #bbb;
-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; padding: 0; }
input[type="search"] {
-webkit-appearance: textfield; -moz-box-sizing: content-box;
-webkit-box-sizing: content-box; box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner { border: 0;
padding: 0;
}
input[type=text],
input[type=password],
input[type=email],
textarea {
color: #999;
border: 1px solid #d7d7d7;
border-top-color: #c5c5c5;
border-radius: 1px;
-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
input[type=text],
input[type=password],
input[type=email] {
font-size: .8125em;
}
input[type=text]:hover,
input[type=password]:hover,
input[type=email]:hover,
textarea:hover,
.wrap-textarea:hover,
input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
textarea:focus {
color: #111;
border-color: #c5c5c5;
}
input[type=text],
input[type=password],
input[type=email] {
padding: 3px 8px;
}
textarea {
overflow: auto; vertical-align: top; width: 100%;
padding: 4px;
-box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
} a {
color: #111;
text-decoration: none;
transition: 0.2s;
-moz-transition: 0.2s;
-webkit-transition: 0.2s;
-ms-transition: 0.2s;
-o-transition: 0.2s;
}
a:hover {
color: #cecece;
} embed,
iframe,
object {
max-width: 100%;
}
html {
overflow-x: hidden;
}
html, body {
height: 100%;
}.row-fluid {
width: 100%;
*zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
display: table;
content: "";
line-height: 0;
}
.row-fluid:after {
clear: both;
}
.row-fluid [class*="span"] {
float: left;
margin-left: 6.563706563706563%;
*margin-left: 6.544401544401544%;
}
.row-fluid [class*="span"]:first-child {
margin-left: 0;
}
.row-fluid .span12 {
width: 99.99999999999999%;
*width: 99.98069498069496%;
}
.row-fluid .span11 {
width: 91.11969111969111%;
*width: 91.10038610038609%;
}
.row-fluid .span10 {
width: 82.23938223938222%;
*width: 82.2200772200772%;
}
.row-fluid .span9 {
width: 73.35907335907335%;
*width: 73.33976833976833%;
}
.row-fluid .span8 {
width: 64.47876447876448%;
*width: 64.45945945945945%;
}
.row-fluid .span7 {
width: 55.59845559845559%;
*width: 55.579150579150564%;
}
.row-fluid .span6 {
width: 46.71814671814671%;
*width: 46.69884169884169%;
}
.row-fluid .span5 {
width: 37.83783783783784%;
*width: 37.818532818532816%;
}
.row-fluid .span4 {
width: 28.957528957528954%;
*width: 28.938223938223935%;
}
.row-fluid .span3 {
width: 20.077220077220076%;
*width: 20.057915057915057%;
}
.row-fluid .span2 {
width: 11.196911196911195%;
*width: 11.177606177606176%;
}
.row-fluid .span1 {
width: 2.3166023166023164%;
*width: 2.297297297297297%;
}
.row-fluid .offset12 {
margin-left: 113.1274131274131%;
*margin-left: 113.08880308880306%;
}
.row-fluid .offset12:first-child {
margin-left: 106.56370656370655%;
*margin-left: 106.5250965250965%;
}
.row-fluid .offset11 {
margin-left: 104.24710424710423%;
*margin-left: 104.20849420849419%;
}
.row-fluid .offset11:first-child {
margin-left: 97.68339768339767%;
*margin-left: 97.64478764478763%;
}
.row-fluid .offset10 {
margin-left: 95.36679536679534%;
*margin-left: 95.3281853281853%;
}
.row-fluid .offset10:first-child {
margin-left: 88.80308880308878%;
*margin-left: 88.76447876447874%;
}
.row-fluid .offset9 {
margin-left: 86.48648648648647%;
*margin-left: 86.44787644787642%;
}
.row-fluid .offset9:first-child {
margin-left: 79.92277992277991%;
*margin-left: 79.88416988416986%;
}
.row-fluid .offset8 {
margin-left: 77.6061776061776%;
*margin-left: 77.56756756756755%;
}
.row-fluid .offset8:first-child {
margin-left: 71.04247104247104%;
*margin-left: 71.00386100386099%;
}
.row-fluid .offset7 {
margin-left: 68.72586872586871%;
*margin-left: 68.68725868725866%;
}
.row-fluid .offset7:first-child {
margin-left: 62.16216216216215%;
*margin-left: 62.1235521235521%;
}
.row-fluid .offset6 {
margin-left: 59.84555984555984%;
*margin-left: 59.806949806949795%;
}
.row-fluid .offset6:first-child {
margin-left: 53.28185328185327%;
*margin-left: 53.24324324324323%;
}
.row-fluid .offset5 {
margin-left: 50.965250965250966%;
*margin-left: 50.92664092664092%;
}
.row-fluid .offset5:first-child {
margin-left: 44.4015444015444%;
*margin-left: 44.362934362934354%;
}
.row-fluid .offset4 {
margin-left: 42.08494208494208%;
*margin-left: 42.04633204633204%;
}
.row-fluid .offset4:first-child {
margin-left: 35.52123552123552%;
*margin-left: 35.48262548262547%;
}
.row-fluid .offset3 {
margin-left: 33.204633204633204%;
*margin-left: 33.16602316602316%;
}
.row-fluid .offset3:first-child {
margin-left: 26.64092664092664%;
*margin-left: 26.602316602316602%;
}
.row-fluid .offset2 {
margin-left: 24.324324324324323%;
*margin-left: 24.28571428571428%;
}
.row-fluid .offset2:first-child {
margin-left: 17.76061776061776%;
*margin-left: 17.72200772200772%;
}
.row-fluid .offset1 {
margin-left: 15.444015444015442%;
*margin-left: 15.405405405405403%;
}
.row-fluid .offset1:first-child {
margin-left: 8.88030888030888%;
*margin-left: 8.841698841698841%;
}

@font-face {
font-family: 'fontello';
src: url(//andrej.hu/wp-content/themes/fluxus/fonts/fontello.eot);
src: url(//andrej.hu/wp-content/themes/fluxus/fonts/fontello.eot?#iefix) format('embedded-opentype'), url(//andrej.hu/wp-content/themes/fluxus/fonts/fontello.woff) format('woff'), url(//andrej.hu/wp-content/themes/fluxus/fonts/fontello.ttf) format('truetype'), url(//andrej.hu/wp-content/themes/fluxus/fonts/fontello.svg#fontello) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
font-family: 'fontello';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center; line-height: 1em;  margin-left: 0.2em;    }
.icon-logo-db:before { content: '\e91b'; } .icon-note-beamed:before { content: '\e801'; } .icon-music:before { content: '\e810'; } .icon-search:before { content: '\e811'; } .icon-flashlight:before { content: '\e812'; } .icon-mail:before { content: '\e813'; } .icon-heart:before { content: '\e814'; } .icon-heart-empty:before { content: '\e815'; } .icon-star:before { content: '\e816'; } .icon-star-empty:before { content: '\e817'; } .icon-user:before { content: '\e818'; } .icon-users:before { content: '\e819'; } .icon-user-add:before { content: '\e81a'; } .icon-video:before { content: '\e81b'; } .icon-picture:before { content: '\e81c'; } .icon-camera:before { content: '\e81d'; } .icon-layout:before { content: '\e81e'; } .icon-menu:before { content: '\e81f'; } .icon-check:before { content: '\e820'; } .icon-cancel:before { content: '\e821'; } .icon-cancel-circled:before { content: '\e83a'; } .icon-cancel-squared:before { content: '\e802'; } .icon-plus:before { content: '\e803'; } .icon-plus-circled:before { content: '\e804'; } .icon-plus-squared:before { content: '\e805'; } .icon-minus:before { content: '\e806'; } .icon-minus-circled:before { content: '\e807'; } .icon-minus-squared:before { content: '\e808'; } .icon-help:before { content: '\e822'; } .icon-help-circled:before { content: '\e823'; } .icon-info:before { content: '\e824'; } .icon-info-circled:before { content: '\e825'; } .icon-back:before { content: '\e826'; } .icon-home:before { content: '\e827'; } .icon-link:before { content: '\e828'; } .icon-attach:before { content: '\e829'; } .icon-lock:before { content: '\e82a'; } .icon-lock-open:before { content: '\e82b'; } .icon-eye:before { content: '\e82c'; } .icon-tag:before { content: '\e82d'; } .icon-bookmark:before { content: '\e83b'; } .icon-bookmarks:before { content: '\e809'; } .icon-flag:before { content: '\e80a'; } .icon-thumbs-up:before { content: '\e80b'; } .icon-thumbs-down:before { content: '\e80c'; } .icon-download:before { content: '\e80d'; } .icon-upload:before { content: '\e80e'; } .icon-upload-cloud:before { content: '\e80f'; } .icon-reply:before { content: '\e82e'; } .icon-reply-all:before { content: '\e82f'; } .icon-forward:before { content: '\e830'; } .icon-quote:before { content: '\e831'; } .icon-code:before { content: '\e832'; } .icon-export:before { content: '\e833'; } .icon-pencil:before { content: '\e834'; } .icon-feather:before { content: '\e835'; } .icon-print:before { content: '\e836'; } .icon-retweet:before { content: '\e837'; } .icon-keyboard:before { content: '\e838'; } .icon-comment:before { content: '\e839'; } .icon-chat:before { content: '\e83c'; } .icon-bell:before { content: '\e83d'; } .icon-attention:before { content: '\e83e'; } .icon-alert:before { content: '\e83f'; } .icon-vcard:before { content: '\e840'; } .icon-address:before { content: '\e841'; } .icon-location:before { content: '\e842'; } .icon-map:before { content: '\e843'; } .icon-direction:before { content: '\e844'; } .icon-compass:before { content: '\e845'; } .icon-cup:before { content: '\e846'; } .icon-trash:before { content: '\e847'; } .icon-doc:before { content: '\e848'; } .icon-docs:before { content: '\e849'; } .icon-doc-landscape:before { content: '\e84a'; } .icon-doc-text:before { content: '\e84b'; } .icon-doc-text-inv:before { content: '\e84c'; } .icon-newspaper:before { content: '\e84d'; } .icon-book-open:before { content: '\e84e'; } .icon-book:before { content: '\e84f'; } .icon-folder:before { content: '\e850'; } .icon-archive:before { content: '\e851'; } .icon-box:before { content: '\e852'; } .icon-rss:before { content: '\e853'; } .icon-phone:before { content: '\e854'; } .icon-cog:before { content: '\e855'; } .icon-tools:before { content: '\e856'; } .icon-share:before { content: '\e857'; } .icon-shareable:before { content: '\e858'; } .icon-basket:before { content: '\e859'; } .icon-bag:before { content: '\e85a'; } .icon-calendar:before { content: '\e85b'; } .icon-login:before { content: '\e85c'; } .icon-logout:before { content: '\e85d'; } .icon-mic:before { content: '\e85e'; } .icon-mute:before { content: '\e85f'; } .icon-sound:before { content: '\e860'; } .icon-volume:before { content: '\e861'; } .icon-clock:before { content: '\e862'; } .icon-hourglass:before { content: '\e863'; } .icon-lamp:before { content: '\e864'; } .icon-light-down:before { content: '\e865'; } .icon-light-up:before { content: '\e866'; } .icon-adjust:before { content: '\e867'; } .icon-block:before { content: '\e868'; } .icon-resize-full:before { content: '\e869'; } .icon-resize-small:before { content: '\e86a'; } .icon-popup:before { content: '\e86b'; } .icon-publish:before { content: '\e86c'; } .icon-window:before { content: '\e86d'; } .icon-arrow-combo:before { content: '\e86e'; } .icon-down-circled:before { content: '\e86f'; } .icon-left-circled:before { content: '\e870'; } .icon-right-circled:before { content: '\e871'; } .icon-up-circled:before { content: '\e872'; } .icon-down-open:before { content: '\e873'; } .icon-left-open:before { content: '\e874'; } .icon-right-open:before { content: '\e875'; } .icon-up-open:before { content: '\e876'; } .icon-down-open-mini:before { content: '\e877'; } .icon-left-open-mini:before { content: '\e878'; } .icon-right-open-mini:before { content: '\e879'; } .icon-up-open-mini:before { content: '\e87a'; } .icon-down-open-big:before { content: '\e87b'; } .icon-left-open-big:before { content: '\e87c'; } .icon-right-open-big:before { content: '\e87d'; } .icon-up-open-big:before { content: '\e87e'; } .icon-down:before { content: '\e87f'; } .icon-left:before { content: '\e880'; } .icon-right:before { content: '\e881'; } .icon-up:before { content: '\e882'; } .icon-down-dir:before { content: '\e883'; } .icon-left-dir:before { content: '\e884'; } .icon-right-dir:before { content: '\e885'; } .icon-up-dir:before { content: '\e886'; } .icon-down-bold:before { content: '\e887'; } .icon-left-bold:before { content: '\e888'; } .icon-right-bold:before { content: '\e889'; } .icon-up-bold:before { content: '\e88a'; } .icon-down-thin:before { content: '\e88b'; } .icon-left-thin:before { content: '\e88c'; } .icon-note:before { content: '\e800'; } .icon-up-thin:before { content: '\e88e'; } .icon-ccw:before { content: '\e88f'; } .icon-cw:before { content: '\e890'; } .icon-arrows-ccw:before { content: '\e891'; } .icon-level-down:before { content: '\e892'; } .icon-level-up:before { content: '\e893'; } .icon-shuffle:before { content: '\e894'; } .icon-loop:before { content: '\e895'; } .icon-switch:before { content: '\e896'; } .icon-play:before { content: '\e897'; } .icon-stop:before { content: '\e898'; } .icon-pause:before { content: '\e899'; } .icon-record:before { content: '\e89a'; } .icon-to-end:before { content: '\e89b'; } .icon-to-start:before { content: '\e89c'; } .icon-fast-forward:before { content: '\e89d'; } .icon-fast-backward:before { content: '\e89e'; } .icon-progress-0:before { content: '\e89f'; } .icon-progress-1:before { content: '\e8a0'; } .icon-progress-2:before { content: '\e8a1'; } .icon-progress-3:before { content: '\e8a2'; } .icon-target:before { content: '\e8a3'; } .icon-palette:before { content: '\e8a4'; } .icon-list:before { content: '\e8a5'; } .icon-list-add:before { content: '\e8a6'; } .icon-signal:before { content: '\e8a7'; } .icon-trophy:before { content: '\e8a8'; } .icon-battery:before { content: '\e8a9'; } .icon-back-in-time:before { content: '\e8aa'; } .icon-monitor:before { content: '\e8ab'; } .icon-mobile:before { content: '\e8ac'; } .icon-network:before { content: '\e8ad'; } .icon-cd:before { content: '\e8ae'; } .icon-inbox:before { content: '\e8af'; } .icon-install:before { content: '\e8b0'; } .icon-globe:before { content: '\e8b1'; } .icon-cloud:before { content: '\e8b2'; } .icon-cloud-thunder:before { content: '\e8b3'; } .icon-flash:before { content: '\e8b4'; } .icon-moon:before { content: '\e8b5'; } .icon-flight:before { content: '\e8b6'; } .icon-paper-plane:before { content: '\e8b7'; } .icon-leaf:before { content: '\e8b8'; } .icon-lifebuoy:before { content: '\e8b9'; } .icon-mouse:before { content: '\e8ba'; } .icon-briefcase:before { content: '\e8bb'; } .icon-suitcase:before { content: '\e8bc'; } .icon-dot:before { content: '\e8bd'; } .icon-dot-2:before { content: '\e8be'; } .icon-dot-3:before { content: '\e8bf'; } .icon-brush:before { content: '\e8c0'; } .icon-magnet:before { content: '\e8c1'; } .icon-infinity:before { content: '\e8c2'; } .icon-erase:before { content: '\e8c3'; } .icon-chart-pie:before { content: '\e8c4'; } .icon-chart-line:before { content: '\e8c5'; } .icon-chart-bar:before { content: '\e8c6'; } .icon-chart-area:before { content: '\e8c7'; } .icon-tape:before { content: '\e8c8'; } .icon-graduation-cap:before { content: '\e8c9'; } .icon-language:before { content: '\e8ca'; } .icon-ticket:before { content: '\e8cb'; } .icon-water:before { content: '\e8cc'; } .icon-droplet:before { content: '\e8cd'; } .icon-air:before { content: '\e8ce'; } .icon-credit-card:before { content: '\e8cf'; } .icon-floppy:before { content: '\e8d0'; } .icon-clipboard:before { content: '\e8d1'; } .icon-megaphone:before { content: '\e8d2'; } .icon-database:before { content: '\e8d3'; } .icon-drive:before { content: '\e8d4'; } .icon-bucket:before { content: '\e8d5'; } .icon-thermometer:before { content: '\e8d6'; } .icon-key:before { content: '\e8d7'; } .icon-flow-cascade:before { content: '\e8d8'; } .icon-flow-branch:before { content: '\e8d9'; } .icon-flow-tree:before { content: '\e8da'; } .icon-flow-line:before { content: '\e8db'; } .icon-flow-parallel:before { content: '\e8dc'; } .icon-rocket:before { content: '\e8dd'; } .icon-gauge:before { content: '\e8de'; } .icon-traffic-cone:before { content: '\e8df'; } .icon-cc:before { content: '\e8e0'; } .icon-cc-by:before { content: '\e8e1'; } .icon-cc-nc:before { content: '\e8e2'; } .icon-cc-nc-eu:before { content: '\e8e3'; } .icon-cc-nc-jp:before { content: '\e8e4'; } .icon-cc-sa:before { content: '\e8e5'; } .icon-cc-nd:before { content: '\e8e6'; } .icon-cc-pd:before { content: '\e8e7'; } .icon-cc-zero:before { content: '\e8e8'; } .icon-cc-share:before { content: '\e8e9'; } .icon-cc-remix:before { content: '\e8ea'; } .icon-github:before { content: '\e8eb'; } .icon-github-circled:before { content: '\e8ec'; } .icon-flickr:before { content: '\e8ed'; } .icon-flickr-circled:before { content: '\e8ee'; } .icon-vimeo:before { content: '\e8ef'; } .icon-vimeo-circled:before { content: '\e8f0'; } .icon-twitter:before { content: '\e8f1'; } .icon-twitter-circled:before { content: '\e8f2'; } .icon-facebook:before { content: '\e8f3'; } .icon-facebook-circled:before { content: '\e8f4'; } .icon-facebook-squared:before { content: '\e8f5'; } .icon-gplus:before { content: '\e8f6'; } .icon-gplus-circled:before { content: '\e8f7'; } .icon-pinterest:before { content: '\e8f8'; } .icon-pinterest-circled:before { content: '\e8f9'; } .icon-tumblr:before { content: '\e8fa'; } .icon-tumblr-circled:before { content: '\e8fb'; } .icon-linkedin:before { content: '\e8fc'; } .icon-linkedin-circled:before { content: '\e8fd'; } .icon-dribbble:before { content: '\e8fe'; } .icon-dribbble-circled:before { content: '\e8ff'; } .icon-stumbleupon:before { content: '\e900'; } .icon-stumbleupon-circled:before { content: '\e901'; } .icon-lastfm:before { content: '\e902'; } .icon-lastfm-circled:before { content: '\e903'; } .icon-rdio:before { content: '\e904'; } .icon-rdio-circled:before { content: '\e905'; } .icon-spotify:before { content: '\e906'; } .icon-spotify-circled:before { content: '\e907'; } .icon-qq:before { content: '\e908'; } .icon-instagram:before { content: '\e909'; } .icon-instagram-circled:before { content: '\e920'; } .icon-dropbox:before { content: '\e90a'; } .icon-evernote:before { content: '\e90b'; } .icon-flattr:before { content: '\e90c'; } .icon-skype:before { content: '\e90d'; } .icon-skype-circled:before { content: '\e90e'; } .icon-renren:before { content: '\e90f'; } .icon-sina-weibo:before { content: '\e910'; } .icon-paypal:before { content: '\e911'; } .icon-picasa:before { content: '\e912'; } .icon-soundcloud:before { content: '\e913'; } .icon-mixi:before { content: '\e914'; } .icon-behance:before { content: '\e915'; } .icon-behance-circled:before { content: '\e921'; } .icon-google-circles:before { content: '\e916'; } .icon-vkontakte:before { content: '\e917'; } .icon-smashing:before { content: '\e918'; } .icon-sweden:before { content: '\e919'; } .icon-db-shape:before { content: '\e91a'; } .icon-right-thin:before { content: '\e88d'; } .icon-youtube-circled:before { content: '\e91d'; } .icon-500px-circled:before { content: '\e91f'; } .icon-500px-alt-circled:before { content: '\e91e'; } .icon-github-circled:before            { color: #4183c4 !important }
.icon-github-circled:hover:before      { color: #276bae !important }
.icon-flickr-circled:before            { color: #0063dc !important }
.icon-flickr-circled:hover:before      { color: #0e59b5 !important }
.icon-vimeo-circled:before             { color: #86c9ef !important }
.icon-vimeo-circled:hover:before       { color: #40a3dc !important }
.icon-twitter-circled:before           { color: #00a0d1 !important }
.icon-twitter-circled:hover:before     { color: #0b8cb3 !important }
.icon-facebook-circled:before          { color: #3b5998 !important }
.icon-facebook-circled:hover:before    { color: #2b4a8d !important }
.icon-gplus-circled:before             { color: #db4a39 !important }
.icon-gplus-circled:hover:before       { color: #b02717 !important }
.icon-pinterest-circled:before         { color: #910101 !important }
.icon-pinterest-circled:hover:before   { color: #7c0505 !important }
.icon-tumblr-circled:before            { color: #34526f !important }
.icon-tumblr-circled:hover:before      { color: #254869 !important }
.icon-linkedin-circled:before          { color: #0e76a8 !important }
.icon-linkedin-circled:hover:before    { color: #096896 !important }
.icon-dribbble-circled:before          { color: #ea4c89 !important }
.icon-dribbble-circled:hover:before    { color: #d53875 !important }
.icon-stumbleupon-circled:before       { color: #f74425 !important }
.icon-stumbleupon-circled:hover:before { color: #e33416 !important }
.icon-lastfm-circled:before            { color: #c3000d !important }
.icon-lastfm-circled:hover:before      { color: #a0040e !important }
.icon-rdio-circled:before              { color: #008fd5 !important }
.icon-rdio-circled:hover:before        { color: #0780bb !important }
.icon-spotify-circled:before           { color: #64b41a !important }
.icon-spotify-circled:hover:before     { color: #539813 !important }
.icon-skype-circled:before             { color: #00aff0 !important }
.icon-skype-circled:hover:before       { color: #029ad3 !important }
.icon-instagram-circled:before         { color: #7D4F46 !important }
.icon-instagram-circled:hover:before   { color: #3F1C11 !important }
.icon-behance-circled:before           { color: #045EFC !important; }
.icon-behance-circled:hover:before     { color: #285db9 !important; }
.icon-youtube-circled:before           { color: #CD332D !important; }
.icon-youtube-circled:hover:before     { color: #6E0610 !important; }
.icon-500px-circled:before             { color: #00aeef !important; }
.icon-500px-circled:hover:before       { color: #2885a8 !important; }
.icon-500px-alt-circled:before         { color: #00aeef !important; }
.icon-500px-alt-circled:hover:before   { color: #2885a8 !important; }body,
button,
input,
select,
textarea {
font-family: "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
}
.site {
position: relative;
}
.site-content {
width: 100%;
}
.site-with-sidebar {
padding: 0 35px 0 325px;
}
.site-with-sidebar .site-content {
float: right;
height: 100%;
} html.horizontal-page {
margin-top: 0 !important; }
* html.horizontal-page body {
margin-top: 0 !important;
}
.horizontal-page #main {
opacity: 0;
}
.horizontal-page .horizontal-content {
height: 100%;
white-space: nowrap;
width: 100%;
}
.horizontal-page .horizontal-content .horizontal-item {
height: 100%;
width: auto;
position: relative;
margin: 0 35px 0 0;
display: inline-block;
white-space: normal;
vertical-align: top !important;
} .horizontal-page .site {
top: 70px;
} .site-content .entry-content,
.single-format-link .entry-header,
.single-format-quote .entry-header,
#comments {
width: 70%;
}
.single-format-quote .post-with-featured-image .entry-header,
.page-template-template-full-width-php .entry-content,
.page-template-template-full-width-sidebar-php .entry-content,
.page-template-template-full-width-php #comments,
.page-template-template-full-width-sidebar-php #comments {
width: 100%;
} .page-template-template-background-php .site,
.page-template-template-full-page-slider-php .site,
.layout-portfolio-grid .site,
.page-template-template-contacts-php .site,
body.error404 .site {
width: auto;
margin: 0 15px;
}
.page-template-template-full-width-php .site {
margin: 0 auto;
width: 80%;
}
.page-template-template-full-width-php .page-title,
.page-template-template-full-width-php .entry-title {
text-align: center;
padding: 20px 0 30px;
border-bottom: 1px solid #eaeaea;
} #header {
position: relative;
border-top: 3px solid #000;
padding: 0 0 15px;
z-index: 100;
} .horizontal-page #header {
position: fixed;
width: 100%;
left: 0;
top: 0;
}
#header hgroup {
width: 260px;
border-right: 1px solid #ebebeb;
padding: 7px 15px 5px 0;
float: left;
line-height: 100%;
z-index: 5;
position: relative;
margin: 12px 0 0 15px;
}
.site-title {
display: block;
text-align: center;
}
.site-title a {
display: inline-block;
}
.site-description {
font-size: 12px;
color: #bdbdbd;
font-weight: 400;
text-align: center;
}
.default-logo {
width: 68px;
height: 16px;
display: inline-block;
background: url(https://andrej.hu/wp-content/themes/fluxus/images/logo.png) no-repeat;
}
.default-logo-white {
display: none;
}
.logo-retina {
display: none;
} .site-navigation {
position: absolute;
top: 50%;
left: 0;
margin: -16px 0 0;
width: 100%;
}
.site-navigation ul {
list-style: none;
margin: 0;
}
.site-navigation li {
float: left;
position: relative;
margin: 0 1em 0 0;
}
.site-navigation .secondary-navigation li {
margin: 0 0 0 1em;
}
.site-navigation a {
position: relative;
display: inline-block;
padding: 4px 6px 5px;
font-size: 13px;
color: #888;
text-transform: uppercase;
}
.site-navigation .sub-menu {
position: absolute;
top: 28px;
left: -11px;
display: none;
background: #fff;
border-top: 1px solid #000;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
padding: 9px 0 8px;
z-index: 10000;
}
.site-navigation .sub-menu-right {
right: 0;
left: auto;
}
.site-navigation .sub-menu a {
white-space: nowrap;
padding: 4px 17px;
font-size: 12px;
display: block;
}
.site-navigation .sub-menu li {
margin: 0 0 3px 0;
display: block;
width: 100%;
}
.site-navigation .has-children > a {
padding-right: 13px;
}
.site-navigation .has-children.current-menu-item > a,
.site-navigation .has-children.current-menu-ancestor > a,
.site-navigation .has-children.active > a {
padding-right: 18px;
}
.site-navigation .has-children > a:after {
content: '\e877';
font-family: 'fontello';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
line-height: 1em;
font-size: 16px;
position: absolute;
top: 6px;
right: 2px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.site-navigation .has-children > a:after {
line-height: 14px;
}
}
.site-navigation .has-children.active > a:after,
.site-navigation .has-children.current-menu-item > a:after,
.site-navigation .has-children.current-menu-ancestor > a:after {
right: 6px;
opacity: 1;
}
.site-navigation .has-children:hover .sub-menu {
display: block;
}
.site-navigation .has-children:hover > a:hover:after,
.site-navigation .sub-menu .has-children:hover > a:after {
opacity: 1;
}
.site-navigation .sub-menu .has-children > a {
padding-right: 25px;
} .site-navigation .has-children .sub-menu .sub-menu {
border-top-width: 2px;
-webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1);
left: 100%;
right: auto;
top: -8px;
display: none;
}
.site-navigation .sub-menu .has-children > a:after {
content: '\e879';
right: 8px;
top: 5px;
}
.site-navigation .sub-menu .has-children:hover .sub-menu {
display: block;
}
.site-navigation .has-children .sub-menu-right .sub-menu {
right: 100%;
left: auto;
}
.site-navigation .sub-menu.sub-menu-right .has-children > a:after {
right: auto;
background-position: 0 -103px;
left: 7px;
top: 9px;
height: 8px;
}
.site-navigation a:hover {
color: #111;
}
.site-navigation .active > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a, .site-navigation .active .current-fluxus-project-type-ancestor > a,
.primary-navigation .current-menu-parent > a,
.secondary-navigation  .current-menu-parent > a {
background: #FFF200;
color: #000;
}
.primary-navigation {
float: left;
padding: 0 0 0 319px;
}
.secondary-navigation {
float: right;
margin: 0 15px 0 0;
}  #page-wrapper {
min-height: 100%;
min-width: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -50px;
}
#footer,
#footer-push {
height: 50px;
clear: both;
}
.horizontal-page #footer-push {
display: none;
}
#footer {
color: #6e6e6e;
font-size: 12px;
position: absolute;
width: 100%;
z-index: 1010;
} .horizontal-page #footer {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 50px;
}
#footer .footer-inner {
padding: 16px 15px 0;
}
#sharrre-footer {
position: relative;
border: 1px solid #eaeaea;
line-height: 21px;
float: left;
display: none;
z-index: 1000;
margin: 0 15px 0 0;
}
#sharrre-footer:hover,
#sharrre-footer.state-visible {
background: #f9f9f9;
}
#sharrre-footer:hover .share,
#sharrre-footer.state-visible .share {
background: #eaeaea;
}
#sharrre-footer .share {
position: relative;
font-weight: normal;
border-right: 1px solid #eaeaea;
float: left;
padding: 0 20px 0 7px;
display: block;
cursor: pointer;
}
#sharrre-footer .share:after {
position: absolute;
right: 7px;
font-family: 'fontello';
content: '\e876';
}
#sharrre-footer.state-visible .share:after {
content: '\e873';
}
#sharrre-footer .counts {
display: block;
float: left;
padding: 0 0 0 10px;
font-weight: 700;
cursor: pointer;
}
#sharrre-footer .counts b {
padding: 0 10px 0 0;
}
#sharrre-footer .count-facebook {
color: #3b5998;
}
#sharrre-footer .count-twitter {
color: #00acf0;
}
#sharrre-footer .count-plus {
color: #db4a39;
}
#sharrre-footer .buttons {
position: absolute;
background: #fff;
background: rgba(255, 255, 255, 0.96);
border: 1px solid #eee;
padding: 5px 10px;
bottom: 21px;
left: -1px;
min-width: 130px;
display: none;
-webkit-box-shadow: 5px -5px 20px -7px rgba(0, 0, 0, 0.1);
box-shadow: 5px -5px 20px -7px rgba(0, 0, 0, 0.1);
}
#sharrre-footer .buttons b {
position: relative;
display: block;
padding: 0 20px 5px 0;
text-transform: uppercase;
color: #ccc;
font-weight: 700;
}
#sharrre-footer .close {
position: absolute;
top: 5px;
right: 9px;
display: block;
color: #ccc;
}
#sharrre-footer .close:hover {
color: #999;
}
#sharrre-footer .close:before {
position: absolute;
font-family: 'fontello';
content: '\e821';
display: block;
line-height: 1em;
margin: -2px 0 0 0;
font-size: 14px;
}
#sharrre-footer .buttons .button {
background: none;
padding: 0;
display: block;
width: 120px;
height: 23px;
cursor: default;
}
#sharrre-footer .buttons .button a:hover {
border: 0 none;
}
#sharrre-footer .buttons .button.facebook {
margin-top: 1px;
width: 110px;
} .sharrre .googleplus > div[style],
.sharrre .pinterest > a,
.sharrre .fb_iframe_widget span,
.sharrre .linkedin > span[style],
.sharrre .digg > span,
.sharrre .delicious > div[style] {
vertical-align: top !important;
}
.sharrre .stumbleupon iframe,
.sharrre .digg > span,
.sharrre .twitter iframe {
position: relative;
top: -1px;
}
.sharrre .stumbleupon {
width: 90px;
}
.sharrre .button {
padding: 0;
}
#footer .social-networks {
float: left;
line-height: 21px;
padding: 1px 0 0 0;
}
#footer .social-networks .icon-social {
margin: 0 5px 0 0;
height: 24px;
display: block;
float: left;
}
#footer .social-networks .icon-social:before {
font-size: 22px;
}
.footer-inner a {
color: #111;
}
.footer-inner a:hover {
color: #222;
}
.nav-tip {
float: right;
display: none;
}
.nav-tip #key-left,
.nav-tip #key-right {
display: inline-block;
width: 20px;
height: 20px;
margin: -10px 3px -6px;
padding: 0;
-moz-transition: background-color 0.1s;
-webkit-transition: background-color 0.1s;
-o-transition: background-color 0.1s;
transition: background-color 0.1s;
position: relative;
}
.nav-tip a:before {
color: #666;
position: absolute;
top: 4px;
left: 1px;
}
.nav-tip #key-right.flash,
.nav-tip #key-left.flash {
background-color: #FFF200;
}
.nav-tip a:hover {
border: 1px solid #ccc !important;
text-decoration: none;
}
.footer-links {
float: right;
}
.footer-links > *,
.footer-links li {
float: left;
margin: 0 0 0 30px;
}
.footer-links a {
color: #444;
font-size: 12px;
border-bottom: 1px solid #eaeaea;
padding: 7px 0 1px;
margin: -7px 0 0 0;
display: inline-block;
}
.footer-links a:hover {
border-bottom-color: transparent;
}
.footer-links .credits:before,
.footer-links li:before {
content: ' ';
display: block;
position: absolute;
width: 15px;
height: 30px;
background: url(https://andrej.hu/wp-content/themes/fluxus/images/slash.png) no-repeat;
margin: -5px 0 0 -20px;
}
.footer-links li {
list-style: none;
}
.footer-links li:first-child {
margin-left: 0;
}
.footer-links li:first-child:before {
display: none;
}
.footer-navigation .sub-menu {
display: none;
}
.footer-navigation li {
position: relative;
}
.footer-navigation li.has-children > a {
padding-left: 15px;
}
.footer-navigation li.has-children > a:before {
content: '\e87a';
font-family: 'fontello';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
line-height: 1em;
font-size: 16px;
position: absolute;
top: 1px;
left: 2px;
}
.footer-navigation li.has-children .has-children > a:before {
content: '\e878';
top: 11px;
left: 10px;
}
.footer-navigation li .sub-menu {
position: absolute;
top: auto;
bottom: 26px;
left: auto;
right: -17px;
margin: 0;
padding: 5px 0;
background: #fff;
border-top: 1px solid #111;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.footer-navigation li .sub-menu li {
margin: 0;
float: none;
display: block;
}
.footer-navigation li .sub-menu li:before {
display: none;
}
.footer-navigation li .sub-menu a {
padding: 10px 22px 10px;
margin: 0;
display: block;
white-space: nowrap;
border: 0;
color: #888;
}
.footer-navigation li .sub-menu li:hover > a {
color: #111;
}
.footer-navigation li:hover > a {
border-bottom-color: transparent;
}
.footer-navigation li:hover > .sub-menu {
display: block;
}
.footer-navigation li .sub-menu .sub-menu {
left: 0;
top: auto;
bottom: auto;
right: auto;
-webkit-transform: translate(-100%, -105%);
-moz-transform: translate(-100%, -105%);
-ms-transform: translate(-100%, -105%);
transform: translate(-100%, -105%);
} .entry-header img {
width: 100%;
height: auto;
display: block;
}
.page-title,
.entry-title {
font-family: "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
font-weight: 300;
font-size: 36px;
line-height: 1em;
text-transform: none;
padding: 0 0 9px 0;
}
.page-title {
margin: -5px 0 0 0;
}
.entry-title a:hover {
color: #777;
}
.entry-content,
.entry-summary {
margin: 1em 0 0;
font: normal 16px/25px "Merriweather", georgia, serif;
color: #222;
}
.entry-summary {
font-size: 14px;
}
.entry-content p {
margin: 0 0 1em;
}
.entry-content ul,
.entry-content ol {
margin: .75em 2em 2em;
}
.entry-content ul ul,
.entry-content ul ol,
.entry-content ol ol,
.entry-content ol ul {
margin: 10px 2em;
}
.entry-content li {
padding: 0 0 3px 5px;
}
.entry-content a {
color: #0071ba;
text-decoration: underline;
}
.entry-content a:hover {
text-decoration: none;
}
.entry-content p {
line-height: 1.875em;
}
.entry-content .standfirst {
font-size: 18px;
line-height: 31px;
margin-bottom: 30px;
}
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
margin: 1.5em 0 .95em;
font-family: "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
}
.entry-content h1 {
font-size: 24px;
}
.entry-content h2 {
font-size: 21px;
}
.entry-content h3 {
font-size: 18px;
}
.entry-content h4,
.entry-content h5,
.entry-content h6 {
font-size: 16px;
font-weight: 600;
}
.entry-content h5 {
font-size: 14px;
}
.entry-content h6 {
font-size: 12px;
text-transform: uppercase;
}
.entry-content blockquote {
padding: 21px 0 0;
margin: 30px 0;
padding: 0 10px 0 40px;
color: #555;
}
.entry-content blockquote:before {
content: '“';
display: block;
position: absolute;
margin: 7px 0 0 -30px;
font-size: 40px;
color: #ccc;
}
.entry-content blockquote p {
margin: 0;
}
.entry-content blockquote cite {
padding-left: 18px;
position: relative;
display: block;
}
.entry-content blockquote cite:before {
content: '—';
display: block;
position: absolute;
left: 0;
top: -1px;
color: #ccc;
}
.entry-content cite {
font-family: "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
font-size: 13px;
font-style: normal;
text-transform: uppercase;
color: #ccc;
}
.entry-content cite a {
color: #999;
border-bottom: 1px solid #eaeaea;
text-decoration: none;
}
.entry-content cite a:hover {
color: #111;
border-bottom: 0 none;
}
.entry-content table {
border-collapse: collapse;
font-size: 13px;
font-family: "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
}
.entry-content table thead {
text-transform: uppercase;
}
.entry-content table thead td,
.entry-content table thead th {
font-weight: 700;
}
.entry-content table td,
.entry-content table th {
border: 1px solid #eaeaea;
padding: 6px 15px;
}
.entry-content table tfoot {
color: #999;
}
.sticky { }
.entry-meta {
font-size: 13px;
color: #999;
line-height: 19px;
clear: both;
margin: 5px 0;
font-weight: normal;
}
.entry-meta .byline a {
color: #111;
}
.entry-meta .entry-date {
margin: 0 0 0 5px;
font-weight: normal;
}
.entry-meta .sep {
opacity: 0.4;
}
.single .entry-meta {
position: absolute;
margin: -70px 0 0 0;
}
.thumbnail {
position: relative;
display: block;
}
.thumbnail img {
display: block;
width: auto;
max-height: 328px;
}
.page-links {
clear: both;
margin: 0 0 1.5em;
}
.post-edit-link {
font: normal 13px/21px "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
padding: 0 8px;
display: inline-block;
}
.single .entry-content .post-edit-link,
.page .entry-content .post-edit-link {
margin-bottom: 30px;
padding: 0;
}
.wrap-size-full {
overflow: hidden;
}
.wrap-size-full a {
float: left;
width: 75%;
margin: 0 0 24px;
}
.wrap-size-full figcaption {
border-top: 1px solid #eaeaea;
float: left;
font: 300 16px "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
color: #aaa;
width: 22%;
margin: 0 0 0 2%;
position: relative;
padding: 7px 0 0 0;
} .entry-content img,
.comment-content img,
.widget img {
max-width: 100%; }
.entry-content img,
img[class*="align"],
img[class*="wp-image-"] {
height: auto; }
.entry-content img,
img.size-full {
max-width: 100%;
width: auto; }
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;
margin-bottom: 0;
margin-top: 0;
padding: 0;
} .wp-caption {
max-width: 100%;
position: relative;
margin-top: 5px;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
margin-bottom: 15px;
}
.wp-caption.alignnone {
margin-bottom: 25px;
}
.wp-caption img {
display: block;
}
.wp-caption .wp-caption-text {
text-align: left;
color: #999;
font: 300 17px/1.45em "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
width: 180px;
margin: 0 -200px 0 0;
padding: 8px 0 0 0;
position: absolute;
border-top: 1px solid #eaeaea;
top: 0;
right: 0;
}
.full-width .wp-caption-text,
.wp-caption.alignleft .wp-caption-text {
width: 100%;
position: static;
margin: 0;
border: 0 none;
} #searchform {
float: right;
}
.entry-content #searchform {
margin: 10px 0 0 0;
overflow: hidden;
}
.widget #searchsubmit {
display: none;
}
.entry-content #searchform {
float: none;
}
#s {
float: left;
}
.sidebar input[type="submit"],
.sidebar button,
#searchsubmit {
float: left;
margin: 0 0 0 5px;
padding: 3px 8px;
line-height: 16px;
} .sidebar {
width: 240px;
margin: 0 0 0 -310px;
height: 100%;
float: left;
padding: 0 35px 0 0;
border-right: 1px solid #EBEBEB;
word-wrap: break-word;
}
.sidebar .title {
text-align: right;
padding: 2px 0 25px;
font: normal 23px/1em "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
}
.sidebar .subtitle,
.password-protected-project h2 {
font: normal 14px/1.4em "Merriweather", georgia, serif;
padding: 0 0 3px;
text-align: right;
}
.sidebar .viewport {
height: 100%;
overflow: hidden;
}
.sidebar .wysiwyg {
text-align: right;
float: right;
color: #999;
font-size: 12px;
}
.sidebar .widget-password .post-password {
float: right;
height: 24px;
}
.sidebar .widget-password .post-password-submit {
float: right;
} .portfolio-navigation {
-webkit-box-shadow: 0 0 0 3px #eaeaea inset;
box-shadow: inset 0 0 0 1px #eaeaea;
height: 100%;
display: inline-block;
white-space: normal;
margin: 0 35px 0 0;
width: 540px;
position: relative;
} .portfolio-navigation header {
position: relative;
padding: 20px 35px 5px;
text-align: center;
}
.portfolio-navigation .other-projects-disabled {
padding-top: 0;
padding-bottom: 0;
}
.portfolio-navigation h3 {
font: normal 16px/28px "Merriweather", georgia, serif;
color: #111;
text-align: center;
} .feedback-buttons {
padding: 10px 0 0 0;
}
#sharrre-project,
.btn-appreciate {
color: #333;
font-size: 13px;
line-height: 16px;
padding: 0 0 1px;
border-bottom: 1px solid #eaeaea;
position: relative;
}
#sharrre-project .count-total,
.btn-appreciate .numbers {
padding-left: 5px;
color: #ec0039;
}
.btn-appreciate.has-appreciated,
.btn-appreciate.has-appreciated:hover {
color: #ec0039;
font-weight: bold;
border-bottom: 1px solid #444;
cursor: default;
}
.btn-appreciate .icon,
#sharrre-project .icon {
display: block;
width: 24px;
height: 24px;
position: absolute;
left: -28px;
top: 0;
background: url(https://andrej.hu/wp-content/themes/fluxus/images/share-icons.png) no-repeat;
}
.btn-appreciate:hover,
#sharrre-project:hover,
#sharrre-project:hover .box .share {
color: #777;
border-bottom-color: transparent;
}
.portfolio-navigation .choice {
color: #666;
text-transform: lowercase;
display: inline-block;
background: url(https://andrej.hu/wp-content/themes/fluxus/images/sep-big.png) no-repeat;
width: 36px;
text-align: center;
margin: 0 10px;
line-height: 61px;
}
.portfolio-navigation .choice span {
font: normal 14px/20px "Merriweather", georgia, serif;
background: #fff;
} #sharrre-project {
position: relative;
margin: 0 0 0 28px;
font-size: 13px;
}
#sharrre-project .icon {
background-position: 0 -41px;
}
#sharrre-project .box .share {
line-height: 16px;
font-weight: normal;
color: #333;
}
#sharrre-project .buttons {
margin: 15px 0 0;
position: absolute;
right: -40px;
background: #fff;
border: 1px solid #eaeaea;
width: 230px;
z-index: 100;
padding: 0 10px;
text-align: left;
box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.1);
display: none;
}
#sharrre-project .arrow {
position: absolute;
top: -5px;
right: 57px;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid #eaeaea;
}
#sharrre-project .close {
position: absolute;
top: 13px;
right: 11px;
display: block;
color: #ccc;
}
#sharrre-project .close:hover {
color: #999;
}
#sharrre-project .close:before {
position: absolute;
font-family: 'fontello';
content: '\e821';
display: block;
line-height: 1em;
margin: -2px 0 0 0;
font-size: 14px;
}
#sharrre-project .buttons b {
position: relative;
display: block;
padding: 10px 20px;
color: #999;
text-transform: uppercase;
text-align: center;
}
#sharrre-project .buttons .button {
display: block;
width: 110px;
height: 21px;
float: left;
cursor: default;
background: #fff;
} #sharrre-project .buttons .button-3,
#sharrre-project .buttons .button-5,
#sharrre-project .buttons .button-7 {
clear: both;
} #sharrre-project.social-services-3 .buttons {
width: 350px;
right: -85px;
text-align: center;
}
#sharrre-project.social-services-3 .arrow {
right: 100px;
}
#sharrre-project.social-services-3 .googleplus {
width: 70px;
}
#sharrre-project.social-services-2 .buttons {
width: 230px;
text-align: center;
}
#sharrre-project.social-services-1 .buttons {
width: 200px;
}
#sharrre-project.social-services-1 .button,
#sharrre-project.social-services-2 .button,
#sharrre-project.social-services-3 .button {
clear: none !important;
float: none;
display: inline-block;
text-align: left;
}
.social-services-2 .buttons .facebook,
.social-services-3 .buttons .facebook {
width: 100px;
}
.social-services-1 .buttons .facebook {
text-align: center;
}
.social-services-2 .buttons .googleplus,
.social-services-3 .buttons .googleplus {
width: 70px;
}
.social-services-2 .buttons .twitter,
.social-services-3 .buttons .twitter {
width: 100px;
} .portfolio-navigation .navigation {
padding: 0 35px 30px;
overflow: hidden;
position: absolute;
bottom: 0;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.portfolio-navigation .button-minimal {
margin: 0 10px 0 0;
}
.portfolio-navigation .next-project,
.portfolio-navigation .prev-project {
float: left;
}
.portfolio-navigation .back-portfolio {
float: right;
margin-right: 0;
}
.portfolio-navigation .other-projects {
padding: 0 0 20px 0;
width: 103%;
overflow: hidden;
}
.portfolio-navigation .other-projects h3 {
margin-bottom: 15px;
width: 97%;
}
.portfolio-navigation .other-projects a {
display: block;
float: left;
width: 110px;
line-height: 110px;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
margin: 0 10px 10px 0;
overflow: hidden;
text-indent: -999px;
position: relative;
}
.portfolio-navigation .other-projects .active .hover {
opacity: 1;
background: rgba(255, 242, 0, 0.7);
color: #111;
}
.portfolio-navigation .other-projects .hover {
opacity: 0;
position: absolute;
top: 0;
left: 0;
background: #000;
background: rgba(0, 0, 0, 0.7);
width: 100%;
height: 100%;
text-indent: 0;
color: #fff;
text-align: center;
vertical-align: middle;
-moz-transition: opacity 0.3s ease-out;
-webkit-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}
.portfolio-navigation .other-projects a:hover .hover {
opacity: 1;
} .navigation-paging {
text-align: center;
-webkit-box-shadow: inset 0 0 0 1px #eaeaea;
box-shadow: inset 0 0 0 1px #eaeaea;
height: 100%;
display: inline-block;
white-space: normal;
margin: 0 35px 0 0;
position: relative;
padding: 0 35px;
}
.navigation-paging .js-vertical-center {
width: 100%;
left: 0;
}
.navigation-paging .status {
margin: 0 0 35px;
}
.navigation-paging .status p {
font-size: 13px;
}
.navigation-paging .status h5 {
font-size: 40px;
line-height: 1;
font-weight: 300;
padding: 3px 0;
}
.navigation-paging .arrow-next {
margin-left: 5px;
}
.navigation-paging .paging {
font-size: 13px;
}
.navigation-paging .paging p {
margin: 30px 0 5px 0;
}
.navigation-paging .paging .page-numbers {
display: inline-block;
width: 20px;
border: 1px solid #eaeaea;
color: #666;
}
.navigation-paging .paging a:hover {
color: #111;
border-color: #ccc;
}
.navigation-paging .paging .current {
background: #FFF200;
color: #111;
border-color: #FFF200;
cursor: default;
}
.navigation-paging .paging .next,
.navigation-paging .paging .prev {
white-space: nowrap;
width: 60px;
}  #cancel-comment-reply-link {
display: inline-block;
background: #111;
border-radius: 2px;
color: #fff;
font-size: 13px;
line-height: 26px;
padding: 0 24px;
} .button-minimal,
.entry-content .button-minimal,
.widget .button-minimal {
font: normal 13px/26px "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
display: inline-block;
border: 1px solid #eaeaea;
padding: 0 10px;
text-transform: uppercase;
color: #666;
text-decoration: none;
}
.button-minimal:hover,
.entry-content .button-minimal:hover,
.widget .button-minimal:hover {
border-color: #aaa;
color: #333;
}
.button-minimal:hover:before {
color: #333 !important;
}
.button-disabled,
.entry-content .button-disabled {
cursor: default;
color: #eaeaea;
border-color: #eaeaea;
}
.button-disabled:before {
color: #eaeaea !important;
}
.button-disabled:hover,
.entry-content .button-disabled:hover,
.button-disabled:hover:before {
color: #eaeaea !important;
border-color: #eaeaea !important;
} .button-minimal.button-icon-right {
padding-right: 25px;
position: relative;
}
.button-minimal.button-icon-right:before {
position: absolute;
right: 0;
top: 5px;
font-size: 16px;
color: #ccc;
} .button-minimal.button-icon-left {
padding-left: 25px;
position: relative;
}
.button-minimal.button-icon-left:before {
position: absolute;
left: 0;
top: 5px;
font-size: 16px;
color: #ccc;
} .button,
.entry-content .button {
background: #f5f5f5;
cursor: pointer;
font: normal 14px/30px "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
padding: 0 13px 2px;
display: inline-block;
margin: 0 0 10px 0;
border-radius: 2px;
color: #222;
text-shadow: 0 1px 0 rgba(255, 255, 255, .15);
text-decoration: none !important;
} .button:before {
font-size: 16px;
position: relative;
margin: 2px 5px 0 -4px;
}
.button:hover,
.entry-content .button:hover {
background: #ddd;
color: #333;
}
.button-big,
.entry-content .button-big {
padding: 0 18px;
line-height: 40px;
font-weight: 700;
}
.button-big:before {
margin: 0 5px 0 -4px;
}
.button-black,
.entry-content .button-black {
background: #1f1d19;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, .15);
}
.button-black:hover,
.entry-content .button-black:hover {
background: #444;
color: #fff;
}
.button-yellow,
.entry-content .button-yellow {
background: #FFF200;
color: #111;
}
.button-yellow:hover,
.entry-content .button-yellow:hover {
background: #ffd300;
}
.button-blue,
.entry-content .button-blue {
background: #619ec2;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, .15);
}
.button-blue:hover,
.entry-content .button-blue:hover {
background: #5386a5;
color: #fff;
}
.button-green,
.entry-content .button-green {
background: #35d59b;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, .15);
}
.button-green:hover,
.entry-content .button-green:hover {
background: #2fbe79;
color: #fff;
}
.button-red,
.entry-content .button-red {
background: #d1562b;
color: #fff;
text-shadow: 0 1px 0 rgba(0, 0, 0, .15);
}
.button-red:hover,
.entry-content .button-red:hover {
background: #bf4115;
color: #fff;
}
.decoration {
width: 15px;
border-top: 2px solid #000;
height: 1px;
top: 0;
left: 0;
position: absolute;
} .gallery {
width: 100%;
overflow: hidden;
}
.gallery .gallery-item {
position: relative;
float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden;
margin: 0 3% 0 0;
}
.gallery .gallery-item:before {
content: "";
display: block;
padding-top: 100%;
}
.gallery .gallery-item .gallery-icon {
position:  absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
transform-origin: top center;
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
transition: .5s ease-out;
}
.gallery .gallery-item .gallery-icon > a {
position: absolute;
display: block;
top: 0;
left: 0;
bottom: 0;
right: 0;
}
.gallery .gallery-item .gallery-icon:hover {
-ms-transform: scale(1.05);
-webkit-transform: scale(1.05);
transform: scale(1.05);
}
.gallery .gallery-caption {
position: absolute;
bottom: 0;
left: 0;
margin: 0;
text-align: center;
background: rgba(0, 0, 0, 0.6);
width: 100%;
color: #fff;
font-size: 14px;
padding: 3px 0;
}
.gallery img {
display: none;
}
.gallery-columns-1 .gallery-item {
width: 100%;
margin: 0 0 35px;
}
.gallery-columns-2 .gallery-item {
margin: 0 3% 3% 0;
width: 48.5%;
}
.gallery-columns-3 .gallery-item {
margin: 0 3.5% 3.5% 0;
width: 31%;
}
.gallery-columns-4 .gallery-item {
margin: 0 2% 2% 0;
width: 23.5%;
}
.gallery-columns-5 .gallery-item {
margin: 0 1.5% 1.5% 0;
width: 18.8%;
}
.gallery-columns-6 .gallery-item {
margin: 0 1% 1% 0;
width: 15.82%;
}
.gallery-columns-7 .gallery-item {
margin: 0 1% 1% 0;
width: 13.42%;
}
.gallery-columns-8 .gallery-item {
margin: 0 1% 1% 0;
width: 11.6%;
}
.gallery-columns-9 .gallery-item {
margin: 0 1% 1% 0;
width: 10.2%;
}
.gallery-columns-2 dl:nth-child(2n),
.gallery-columns-3 dl:nth-child(3n),
.gallery-columns-4 dl:nth-child(4n),
.gallery-columns-5 dl:nth-child(5n),
.gallery-columns-6 dl:nth-child(6n),
.gallery-columns-7 dl:nth-child(7n),
.gallery-columns-8 dl:nth-child(8n),
.gallery-columns-9 dl:nth-child(9n) {
margin-right: 0;
}
.gallery dl a:hover .gallery-hover {
opacity: 1;
} #comments {
margin: 35px 0 0 0;
}
#comments ul,
#comments ol {
list-style: none;
}
#comments .comments-title {
text-align: left;
margin: 0 0 20px;
}
.wrap-avatar {
width: 64px;
height: 64px;
position: absolute;
margin: 0 15px 0 0;
}
.wrap-avatar .avatar {
border-radius: 35px;
}
.wrap-avatar .avatar-128 {
display: none;
}
.comment-author-info {
padding: 0 0 0 80px;
}
.comment-author {
width: 400px;
min-height: 64px;
padding: 0 0 8px 0;
}
.bypostauthor { }
.bypostauthor .bypostauthor-icon {
font-size: 11px;
line-height: 1em;
border-radius: 2px;
color: #999;
background: #eaeaea;
float: right;
padding: 4px 5px 5px;
}
.comment footer em {
font-style: normal;
font-style: normal;
font-size: 13px;
color: #999;
border: 1px solid #eaeaea;
padding: 5px 10px;
}
.comment-author .fn {
font-size: 13px;
color: #111;
font-weight: bold;
font-style: normal;
display: block;
float: left;
}
.comment-meta {
font-size: 13px;
line-height: 13px;
}
.comment-meta a {
color: #999;
}
.comment-time {
clear: both;
display: block;
}
.comment-actions {
margin: 6px 0 0;
overflow: hidden;
}
.comment-actions a {
background: #111;
color: #fff;
border-radius: 2px;
padding: 0 10px;
margin: 0 10px 0 0;
font-size: 11px;
line-height: 18px;
display: block;
float: left;
}
.comment-actions a:hover {
background: #FFF200;
color: #111;
}
.comment-content {
margin: 10px 0 0 0;
font: normal .875em/1.642857143em "Merriweather", georgia, serif;
width: 400px;
}
.comment {
margin: 0 0 35px;
}
#comments .children {
margin-left: 20px;
padding-left: 20px;
border-left: 1px solid #eaeaea;
}
.form-allowed-tags {
font-size: 12px;
color: #666;
padding: 10px 10px 10px 0;
}
.form-allowed-tags code {
font-size: 11px;
}
#reply-title {
font-size: 13px;
text-transform: uppercase;
font-weight: normal;
margin: 0 0 10px;
}
#reply-title small {
float: right;
font-size: 1em;
}
.logged-in-as {
font: normal 16px/25px "Merriweather", georgia, serif;
margin: 0 0 10px;
background: #fbf3d8;
border: 1px solid #EDE3C8;
padding: 8px 16px;
}
.logged-in-as a {
border-bottom: 1px solid #333;
}
.logged-in-as a:hover {
border-bottom-color: #ccc;
}
#respond {
padding: 13px 15px 20px;
border-top: 2px solid #111;
background: #f9f9f9;
}
#respond label {
color: #757575;
font-size: 13px;
display: block;
width: 140px;
padding: 4px 0 0 0;
position: absolute;
}
#respond p {
margin: 0 0 10px;
overflow: hidden;
}
#respond p input {
float: left;
margin: 0 0 0 100px;
}
#respond .required {
font-size: 16px;
color: #f00;
font-weight: bold;
line-height: 1;
}
#cancel-comment-reply-link {
padding: 1px 8px 0;
margin: -3px 0 0 0;
display: block;
}
#cancel-comment-reply-link:hover {
color: #ccc;
}
.comment-notes {
font-size: 13px;
}
#respond input[name="author"] {
width: 100px;
}
#respond .comment-form-comment {
margin: 15px 0 0 0;
}
#respond .comment-form-comment label {
position: static;
padding: 0 0 5px;
}
#respond .form-submit,
#respond .form-submit input {
margin: 0;
}
.comment-navigation {
margin: 20px 0;
} #respond .comment-subscription-form {
margin-top: 10px;
}
#respond .comment-subscription-form input {
margin: 3px 0 0 0;
}
#respond .comment-subscription-form label {
width: auto;
padding: 0 0 0 4px;
}
#respond .comment-subscription-form:last-child {
margin-bottom: 0;
} .widget {
text-align: right;
margin: 0 0 25px;
position: relative;
overflow: hidden;
}
.widget:last-child {
margin-bottom: 0;
}
.widget a {
color: #888;
font-size: 13px;
border-bottom: 1px solid #eaeaea;
padding: 0 0 2px;
}
.widget a:hover {
color: #111;
border-bottom-color: #111;
}
.widget ul {
list-style: none;
}
.widget ul ul {
margin: 4px 15px 4px 0;
}
.widget li {
margin: 0 0 3px;
}
.widget .current_page_item > a,
.widget li a.active,
.widget .current-cat a {
color: #111;
padding-bottom: 2px;
border-bottom: 1px solid #111;
}
.widget li a.active .hash {
color: #111;
}
.widget .decoration {
right: 0;
left: auto;
}
.widget-title {
font-size: 13px;
font-weight: 600;
text-transform: uppercase;
padding: 6px 0 2px;
text-align: right;
position: relative;
}
.textwidget {
margin: 3px 0 0 0;
font: normal 13px/24px "Merriweather", georgia, serif;
color: #999;
}
.textwidget a {
padding-bottom: 0;
}
.textwidget p {
margin: 0 0 10px;
}
.textwidget img {
width: 100%;
height: auto;
}
.widget-content {
margin: 3px 0 0 0;
font-size: 13px;
color: #999;
padding-bottom: 2px; } .widget .count {
color: #ccc;
width: 30px;
display: inline-block;
}
.widget .recentcomments {
text-transform: uppercase;
color: #aaa;
font-size: 11px;
margin: 0 0 10px;
}
.widget .recentcomments a {
text-transform: none;
font-size: 13px;
}
.widget .recentcomments a:before {
content: ' ';
display: block;
}
.widget .recentcomments .url {
text-transform: none;
color: #999;
display: inline;
}
.widget .recentcomments .url:hover {
color: #222
}
.widget_rss .rsswidget {
display: block;
color: #222;
text-transform: uppercase;
margin: 0;
}
.widget_rss .rss-date {
color: #ccc;
}
.widget_rss .rsswidget img {
display: none;
}
.widget_rss .rssSummary {
margin: 5px 0 0;
color: #999;
}
.widget_rss cite {
display: inline-block;
color: #ccc;
font-style: normal;
}
.widget_rss cite:before {
content: '—';
position: absolute;
margin: 0 0 0 -18px;
color: #ccc;
}
.widget_tag_cloud .tagcloud {
padding: 0 0 0 5px;
}
.widget_tag_cloud .tagcloud a {
line-height: 1.2em;
}
#wp-calendar {
border-collapse: collapse;
font-size: 13px;
font-weight: normal;
}
#wp-calendar th,
#wp-calendar td {
border: 1px solid #eaeaea;
text-align: center;
color: #999;
}
#wp-calendar tbody td a {
background: #FFF200;
display: block;
}
#wp-calendar tbody td a:hover {
background: #000;
color: #fff;
}
#wp-calendar th {
color: #666;
background: #f5f5f5;
font-weight: normal;
}
#wp-calendar caption {
text-align: right;
padding: 0 0 5px 0;
color: #ccc;
}
#wp-calendar #prev {
border-right: 0 none;
}
#wp-calendar #next {
border-left: 0 none;
}
#wp-calendar tfoot .pad {
border-left: 0 none;
border-right: 0 none;
}
#wp-calendar #next {
border-right: 1px solid #eaeaea;
}
.widget_recent_entries .post-date {
font-size: 12px;
color: #ccc;
text-transform: uppercase;
white-space: nowrap;
display: block;
} .fluxus-posted-on time {
font-size: 13px;
color: #777;
font-weight: normal;
}  .slider {
width: 100%;
height: 100%;
position: relative;
}
.slider .slide {
width: 100%;
height: 100%;
background-repeat: no-repeat;
background-size: cover;
background-position: top center;
margin: 0 30px 0 0;
position: absolute;
opacity: 0;
z-index: 10;
visibility: hidden;
overflow: hidden;
}
.slider .image-top-center {
background-position: top center;
}
.slider .image-center-center {
background-position: center center;
}
.slider .image-bottom-center {
background-position: bottom center;
}
.slider .image-fit {
background-size: auto 100%;
background-color: #fff;
}
.slider .slide.active {
z-index: 50;
} .slide .info {
width: 365px;
overflow: hidden;
position: relative;
text-align: center;
padding: 0 20px;
color: #111;
opacity: 0;
-moz-transition: opacity .5s;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.slide .info .viewport {
padding: 20px 0 15px;
}
.slide .info.no-fade,
.full-page-slider-ready #main.show-arrows-on-hover:hover .slide .info,
.full-page-slider-ready #main.show-arrows-on-hover:hover .slider-arrow-right,
.full-page-slider-ready #main.show-arrows-on-hover:hover .slider-arrow-left,
.full-page-slider-ready #main.show-arrows-always .slide .info,
.full-page-slider-ready #main.show-arrows-always .slider-arrow-right,
.full-page-slider-ready #main.show-arrows-always .slider-arrow-left {
opacity: 1;
}
.full-page-slider-ready #main.show-arrows-on-hover .slider-arrow-right,
.full-page-slider-ready #main.show-arrows-on-hover .slider-arrow-left {
-moz-transition: opacity 0.5s ease-in;
-webkit-transition: opacity 0.5s ease-in;
-o-transition: opacity 0.5s ease-in;
transition: opacity 0.5s ease-in;
}
.slide .dim-background {
background: #fff;
background: rgba(255, 255, 255, 0.6);
}
.slide .info.white {
color: #fff;
}
.slide .info.white.dim-background {
background: #111;
background: rgba(0, 0, 0, 0.7);
}
.slide .info.white .decoration {
border-color: #fff;
} .slide .style-default .slide-title {
font-size: 40px;
line-height: 1em;
text-transform: uppercase;
letter-spacing: 0.06em;
margin: 0 0 36px;
font-weight: 700;
}
.slide .style-default .slide-subtitle {
font: normal 16px/1.2em "Merriweather", georgia, serif;
margin: 0 1px 5px 0;
}
.slide .style-default .decoration {
top: auto;
width: 20px;
margin: -16px 0 0 -10px;
left: 50%;
border-color: #111;
}
.slide .style-default .description {
font-size: 14px;
line-height: 1.7em;
}
.slide .style-default .button {
color: #fff;
background: #111;
margin: 13px 0 0 0;
padding-left: 15px;
padding-right: 15px;
line-height: 30px;
font-size: 13px;
border-radius: 2px;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
-moz-transition: color 0.15s ease-out, background-color 0.15s ease-out;
-webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out;
-o-transition: color 0.15s ease-out, background-color 0.15s ease-out;
transition: color 0.15s ease-out, background-color 0.15s ease-out;
}
.slide .style-default .button:hover {
color: #111;
background: #FFF200;
}
.slide .style-default.white .button {
color: #111;
background: #fff;
}
.slide .style-default.white .button:hover {
color: #fff;
background: #111;
} .slide .style-page-with-background {
text-align: left;
}
.slide .style-page-with-background p:last-child {
margin-bottom:  0;
}
.slide .style-page-with-background .entry-title {
font-size: 40px;
line-height: 1.2em;
font-weight: 700;
letter-spacing: 0.06em;
margin: 0;
padding: 0;
text-transform: uppercase;
}
.slide .style-page-with-background .entry-content {
font-size: 14px;
margin: 15px 0 0 0;
}
.slide .style-page-with-background.white,
.slide .style-page-with-background.white p {
color: #fff;
} .slider-arrow-left,
.slider-arrow-right {
background: url(https://andrej.hu/wp-content/themes/fluxus/images/slider-arrows.png) no-repeat transparent;
width: 68px;
height: 82px;
overflow: hidden;
text-indent: -9999px;
position: absolute;
left: 15px;
top: 50%;
z-index: 1000;
margin: -41px 0 0 0;
opacity: 0;
display: none;
-moz-transition: opacity 0.5s ease-in 0.4s;
-webkit-transition: opacity 0.5s ease-in 0.4s;
-o-transition: opacity 0.5s ease-in 0.4s;
transition: opacity 0.5s ease-in 0.4s;
}
.slider-arrow-right {
background-position: top right;
left: auto;
right: 15px;
top: 50%;
}
.slider-navigation {
position: absolute;
z-index: 1000;
bottom: 15px;
left: 15px;
}
.slider-navigation li {
list-style: none;
float: left;
margin: 0 5px 0 0;
width: 15px;
height: 15px;
position: relative;
}
.slider-navigation li a {
display: block;
width: 11px;
height: 11px;
border-radius: 8px;
border: 2px solid #fff;
position: absolute;
top: 3px;
left: 3px;
}
.slider-navigation li a.active,
.slider-navigation li a:hover {
background: #FFF200;
}
.slider-navigation a:hover span {
top: -23px;
margin-top: 0;
opacity: 1;
}
.slider-navigation a span {
opacity: 0;
color: #fff;
font-size: 13px;
text-transform: uppercase;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
position: absolute;
top: -30px;
margin: -4000px 0 0 -3px;
font-weight: 600;
white-space: nowrap;
-moz-transition: top 0.2s;
-webkit-transition: top 0.2s;
-o-transition: top 0.2s;
transition: top 0.2s;
}
.slider-navigation b {
opacity: 0;
}
.slider-navigation.auto-slideshow .active b {
position: absolute;
display: block;
opacity: 1;
width: 1px;
height: 1px;
position: absolute;
top: 5px;
left: 5px;
-moz-animation: spin 7s infinite linear;
-webkit-animation: spin 7s infinite linear;
-o-animation: spin 7s infinite linear;
animation: spin 7s infinite linear;
-moz-transition: opacity 1s;
-webkit-transition: opacity 1s;
-o-transition: opacity 1s;
transition: opacity 1s;
}
.slider-navigation.auto-slideshow .active b:after {
content: ' ';
display: block;
position: absolute;
width: 1px;
height: 6px;
background: #666;
top: -5px;
left: 0px;
}
@-moz-keyframes spin {
0% { -moz-transform:rotate(0deg); }
90% {
opacity: 1;
}
100% {
-moz-transform:rotate(360deg);
opacity: 0;
}
}
@-webkit-keyframes spin {
0% { -webkit-transform:rotate(0deg); }
90% { opacity: 1; }
100% {
-webkit-transform:rotate(360deg);
opacity: 0;
}
}
@-o-keyframes spin {
0% { -o-transform:rotate(0deg); }
90% { opacity: 1; }
100% {
-o-transform:rotate(360deg);
opacity: 0;
}
}
@keyframes spin {
0% { transform:rotate(0deg); }
90% { opacity: 1; }
100% {
transform:rotate(360deg);
opacity: 0;
}
} .project .preview {
position: relative;
overflow: hidden;
opacity: 0;
transition: opacity .5s ease-in;
-moz-transition: opacity .5s ease-in;
-webkit-transition: opacity .5s ease-in;
-o-transition: opacity .5s ease-in;
}
.project .hover-box {
width: 100%;
height: 100%;
text-align: center;
position: absolute;
background: rgba(0, 0, 0, 0.66);
background-image: -moz-radial-gradient(center center, ellipse,
transparent,
rgba(0, 0, 0, 0.33) 100%
);
top: 0;
left: 0;
color: #fff;
opacity: 0;
-moz-transition: opacity 0.4s;
-webkit-transition: opacity 0.4s;
-o-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.project .preview:hover .hover-box {
opacity: 1;
}
.project .hover-box-contents {
position: absolute;
top: 50%;
width: 80%;
margin-left: 10%;
}
.project .hover-box .subtitle {
font: normal 1em/1.5625em "Merriweather", georgia, serif;
color: #fff;
}
.project .hover-box h2 {
font-size: 40px;
line-height: 40px;
text-transform: uppercase;
letter-spacing: .03em;
font-weight: 600;
word-wrap: break-word;
padding: 0 20px 30px;
}
.project .hover-box .decoration {
width: 20px;
border-top: 2px solid #fff;
height: 1px;
position: absolute;
left: 50%;
top: auto;
margin: -12px 0 0 -10px;
}
.project .hover-box .password-required,
.project .hover-box .private-post {
font-size: 12px;
color: #aaa;
text-transform: uppercase;
}
.project .hover-box .excerpt {
display: inline-block;
width: 70%;
font-size: 15px;
margin: 0 0 10px;
}
.project .hover-box .wrap-button {
margin: 10px 0;
}
.project .hover-box .button {
background: #FFF200;
color: #111;
padding-bottom: 0;
font-size: 13px;
-moz-transition: background-color 0.2s;
-webkit-transition: background-color 0.2s;
-o-transition: background-color 0.2s;
transition: background-color 0.2s;
}
.project .hover-box .button:hover {
color: #fff;
background: #111;
}
.project img {
height: 100%;
width: auto;
display: block;
-moz-transition: opacity .5s;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
}
.project.loaded .preview {
opacity: 1;
}
.project .info {
padding: 10px 0 0;
}
.project .entry-title {
margin: 0;
padding: 5px 0 0;
font-size: 21px;
font-weight: 700;
letter-spacing: 0.02em;
text-transform: uppercase;
}
.project .entry-tags {
padding-bottom: 10px;
}
.entry-tags {
color: #ccc;
font-size: 13px;
position: relative;
font-family: "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
}
.fluxus-project-types a,
.entry-tags a {
color: #ccc;
text-transform: lowercase;
text-decoration: none;
margin: 0 5px 0 0;
border-bottom: 0 none;
}
.entry-tags a:hover {
color: #111;
}
.entry-tags a .hash {
color: #ccc;
padding: 0 1px 0 0;
font-weight: normal;
}
.entry-tags a:hover .hash {
color: #ccc;
}
.fluxus-project-types a {
margin: 0;
}
.fluxus-project-types a,
.fluxus-project-types a .hash {
color: #888;
font-weight: normal;
}
.entry-navigation {
border-top: 1px solid #eaeaea;
margin: 30px 0 0;
overflow: hidden;
}
.entry-navigation .entry-tags {
float: left;
}
.entry-navigation .entry-tags,
.entry-navigation .post-navigation {
padding: 20px 0;
}
.entry-navigation .post-navigation {
padding-left: 30px;
border-left: 1px solid #eaeaea;
}
.entry-navigation h3 {
color: #111;
font-size: 13px;
line-height: 1em;
margin: 0;
font-weight: bold;
text-transform: uppercase;
} .layout-portfolio-grid-vertical { overflow-y: scroll;
}
.portfolio-grid {
height: 100%;
width: 100%;
opacity: 0;
}
.grid-project {
width: 180px;
height: 120px;
position: absolute;
-moz-transition: top 0.5s, left 0.5s;
-webkit-transition: top 0.5s, left 0.5s;
-o-transition: top 0.5s, left 0.5s;
transition: top 0.5s, left 0.5s;
}
.grid-project .preview {
display: block;
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-color: #eaeaea;
position: relative;
}
.grid-project .project-contents {
margin: 20px 20px 0 0;
width: 100%;
height: 100%;
}
.grid-project .hover-box {
position: absolute;
height: 100%;
width: 100%;
display: block;
background: #333;
background: rgba(0, 0, 0, 0.8);
opacity: 0;
-moz-transition: 0.4s opacity;
-webkit-transition: 0.4s opacity;
-o-transition: 0.4s opacity;
transition: 0.4s opacity;
}
.grid-project:hover .hover-box {
opacity: 1;
}
.grid-project .hover-box .inner {
position: absolute;
top: 50%;
width: 100%;
padding: 0 10px;
text-align: center;
display: block;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.grid-project .hover-box i {
color: #fff;
font: normal 13px/1.1em "Merriweather", georgia, serif;
padding: 0 0 3px;
margin: -5px 0 0 0;
display: block;
}
.grid-project .hover-box b {
color: #fff;
text-transform: uppercase;
letter-spacing: 0.04em;
display: block;
font-size: 21px;
line-height: 1.1em;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
}
.grid-project .hover-box .password-required {
font-size: 12px;
color: #aaa;
text-transform: uppercase;
} .portfolio-single .horizontal-item {
position: relative;
opacity: 0;
}
.portfolio-single.lazy-loading .horizontal-item {
opacity: 1;
}
.portfolio-single .project-image .image {
display: block;
height: 100%;
width: auto;
}
.portfolio-single .project-image .lazy-image {
position: relative;
background: #eaeaea;
}
.portfolio-single .project-image .lazy-image .loading {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
text-align: center;
margin: -15px 0 0 -100px;
color: #ccc;
text-transform: uppercase;
font-size: 12px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.1);
}
.portfolio-single .project-image .lazy-image-loaded {
background-color: transparent;
}
.portfolio-single .project-image .lazy-image-loaded .loading {
display: none;
}
.portfolio-single .project-image .lazy-image-loaded img {
position: absolute;
opacity: 0;
height: 100%;
width: auto;
}
.portfolio-single .project-image figure {
position: relative;
}
.portfolio-single .project-image figcaption {
position: absolute;
bottom: 10px;
right: 10px;
background: #fff;
color: #111;
font-size: 11px;
padding: 6px 10px;
letter-spacing: 0.02em;
}
.portfolio-single .project-image figcaption a {
font-weight: bold;
text-decoration: underline;
}
.portfolio-single .project-image figcaption a:hover {
color: #999;
} .horizontal-posts .post {
width: 583px;
}
.horizontal-posts .entry-header {
position: relative;
padding: 0 75px 10px 0;
}
.horizontal-posts .entry-title {
font-size: 21px;
font-weight: 700;
letter-spacing: 0.02em;
position: relative;
margin: 0;
padding: 0;
}
.horizontal-posts .sticky .entry-title {
padding-right: 100px;
}
.horizontal-posts .post .byline {
margin: 2px 0 -5px;
}
.horizontal-posts .entry-title a,
.search .entry-title {
text-transform: uppercase;
}
.horizontal-posts .post-with-media .entry-title {
padding-top: 15px;
}
.horizontal-posts .wrap-embed-video,
.horizontal-posts .thumbnail {
background: #fff;
}
.horizontal-posts .entry-summary {
margin: 0;
font-size: 14px;
}
.entry-header {
position: relative;
}
.entry-header .entry-date {
position: absolute;
right: 0;
top: 0;
max-width: 120px;
padding: 3px 0 2px 20px;
font-weight: normal;
text-transform: none;
}
.entry-header .entry-date:before,
.single .entry-header .comment-count:before,
.attachment .entry-header .comment-count:before {
content: ' ';
position: absolute;
left: 0;
top: -5px;
display: block;
height: 30px;
width: 15px;
background: url(https://andrej.hu/wp-content/themes/fluxus/images/slash@2x.png) no-repeat;
background-size: auto 100%;
}
.post-with-media .entry-header .entry-date {
top: 12px;
}
.entry-header .byline {
font: normal 13px/1.642857143em "Merriweather", georgia, serif;
color: #999;
}
.entry-header .byline a {
color: #999;
}
.entry-header .byline a:hover {
color: #111;
}
.single .entry-header .entry-meta,
.attachment .entry-header .entry-meta {
width: auto;
white-space: nowrap;
}
.single .entry-header .byline,
.single .entry-header .entry-date,
.single .entry-header .comment-count,
.attachment .entry-header .byline,
.attachment .entry-header .entry-date,
.attachment .entry-header .comment-count {
font-size: 13px;
line-height: 16px;
font-family: "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
color: #999;
float: left;
}
.single .entry-header .entry-date,
.attachment .entry-header .entry-date {
position: relative;
top: 0;
padding: 0 0 0 20px;
}
.single .entry-header .comment-count,
.attachment .entry-header .comment-count  {
position: relative;
padding: 0 0 0 20px;
margin: 0 0 0 7px;
}
.single .entry-header .comment-count:hover,
.attachment .entry-header .comment-count:hover {
color: #111;
}
.post-with-media .entry-title .entry-date {
top: 13px;
}
.sticky-icon {
color: #ccc;
font-size: 16px;
position: absolute;
right: 56px;
top: 16px;
width: 30px;
cursor: default;
}
.entry-date {
color: #b2b2b2;
font-size: 12px;
font-weight: 600;
}
.single .entry-title {
padding-bottom: 55px;
margin: 0 0 30px;
text-indent: -3px;
border-bottom: 1px solid #eaeaea;
}
.single .post-with-media .entry-title,
.single-attachment .entry-title {
padding-top: 20px;
}
.excerpt-more {
font-family: "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
font-size: 12px;
font-weight: bold;
border-bottom: 1px solid #FFDD28;
padding-bottom: 2px;
color: #111;
white-space: nowrap;
} .tag-navigation {
border-top: 1px solid #eaeaea;
position: relative;
padding: 3px 0 0 0;
}
.tag-navigation h1 {
padding: 0 30px 0 0;
font-weight: normal;
font-size: 13px;
text-transform: uppercase;
float: left;
}
.tag-navigation .decoration {
top: -2px;
}
.tag-navigation a {
float: left;
color: #999;
font-size: 13px;
margin: 0 10px 0 0;
display: block;
}
.tag-navigation a:hover {
color: #111;
} .post-image {
margin: 0 0 10px;
overflow: hidden;
float: left;
position: relative;
}
.post-image img {
display: block;
}
.upscale .post-image {
float: none;
}
.post-image .cover {
position: absolute;
top: 50%;
padding: 20px 0;
width: 100%;
background: #000;
background: rgba(0, 0, 0, 0.5);
display: inline-block;
text-align: center;
-webkit-transform: translate(0, -50%);
-moz-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-o-transform: translate(0, -50%);
transform: translate(0, -50%);
}
.post-image .cover h1 {
color: #fff;
font-size: 40px;
line-height: 1em;
font-weight: bold;
text-transform: uppercase;
display: inline-block;
letter-spacing: 0.06em;
}
.post-image .cover p {
font: normal 16px/1em "Merriweather", georgia, serif;
color: #fff;
margin: 10px 0 0 0;
}
.post-image .cover p a {
color: #fff;
}
.post-image .cover p a:hover {
text-decoration: underline;
} .post-navigation {
float: right;
width: auto;
}
.post-navigation .nav-previous {
float: right;
margin: 10px 0 0 10px;
}
.post-navigation .nav-next {
float: right;
margin: 10px 0 0 0;
} .horizontal-posts .format-aside .entry-content {
margin-top: 0;
} .post-link {
background: #F4F4F4;
position: relative;
width: 583px;
}
.post-link .js-vertical-center {
position: absolute;
text-align: center;
width: 100%;
}
.post-link p {
padding: 10px 0 0 0;
font-size: 13px;
font-weight: 300;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.6);
width: 80%;
margin: 0 auto;
}
.post-link a {
font-size: 21px;
border-bottom: 1px solid #FFDD28;
padding: 0 0 1px;
}
.single .post-link,
.vertical-blog .post-link {
width: 100%;
height: auto;
padding: 50px 0;
}
.single .post-link .js-vertical-center,
.vertical-blog .post-link .js-vertical-center {
position: static;
} .wrap-quote {
background: #F4F4F4;
margin: 0;
width: 583px;
font-size: 24px;
}
.single .wrap-quote {
padding: 35px 0;
width: 100%;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.wrap-quote blockquote {
padding: 0 60px;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
margin-left: 0;
margin-right: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.single-post .wrap-quote blockquote {
padding: 0 80px;
}
.quote-white blockquote {
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
}
.wrap-quote p {
position: relative;
text-transform: uppercase;
font-family: "Merriweather", georgia, serif;
}
.wrap-quote cite {
font-style: normal;
font-size: 13px;
font-weight: 300;
display: block;
}
.wrap-quote .lq {
position: absolute;
font: normal 45px "Merriweather", georgia, serif;
margin: -8px 0 0 -35px;
color: #ffdd28;
}
.thumbnail:hover blockquote {
color: #111;
}
.post-image .wrap-quote,
.thumbnail .wrap-quote {
position: absolute;
top: 0;
left: 0;
background: none;
width: 100%;
height: 100%;
}
.quote-white {
background: #111;
}
.quote-white p,
.quote-white p:before,
.quote-white p:after,
.quote-white cite {
color: #fff;
}
.post-image .wrap-quote {
font-size: 2em;
}
.post-image .wrap-quote p:before {
top: -26px;
left: -20px;
}
.post-image .wrap-quote p:after {
right: -25px;
bottom: 10px;
}
.wp-post-image {
width: auto;
} .vertical-blog .post {
width: 583px;
padding: 35px 0;
}
.vertical-blog .post:first-child {
padding-top: 0;
}
.vertical-blog .post:after {
content: ' ';
position: absolute;
height: 1px;
border-bottom: 1px solid #eaeaea;
left: 0;
width: 200%;
margin: 34px 0 0 -34px;
}
.vertical-blog .post .entry-header {
padding: 0 120px 20px 0;
}
.vertical-blog .post-with-media .entry-header {
padding-top: 24px;
}
.vertical-blog .post .entry-title {
position: relative;
font-size: 24px;
font-weight: bold;
text-transform: uppercase;
margin: 0;
padding: 0;
}
.vertical-blog .post .byline {
margin: 2px 0 -5px;
}
.vertical-blog .post .entry-date {
top: 1px;
}
.vertical-blog .post-with-media .entry-date {
top: 23px;
}
.vertical-blog .site-with-sidebar .site-content {
position: relative;
padding-bottom: 50px;
}
.vertical-blog .wrap-excerpt-more {
margin: 20px 0 0;
}
.vertical-blog .wrap-excerpt-more:first-child {
margin: 0;
}
.vertical-blog .wrap-quote {
width: auto;
}
.vertical-blog .post-without-featured-image .wrap-quote blockquote {
padding-top: 35px;
padding-bottom: 35px;
}
.vertical-blog #main {
overflow: hidden;
}
.vertical-blog .entry-summary {
margin-top: 0;
}
.vertical-blog #main,
.vertical-blog .site-with-sidebar,
.vertical-blog .sidebar {
height: 100%;
}
.vertical-blog .navigation-paging {
position: relative;
margin: 30px 0 0 0;
padding: 0 0 20px;
width: 583px;
-webkit-box-shadow: none;
box-shadow: none;
text-align: left;
}
.vertical-blog .navigation-paging .status {
overflow: hidden;
float: right;
padding: 9px 0 0 0;
display: none;
}
.vertical-blog .navigation-paging .status p,
.vertical-blog .navigation-paging .status h5 {
float: left;
clear: none;
font-size: 11px;
line-height: 1em;
font-weight: bold;
padding: 0 0 0 5px;
text-transform: uppercase;
color: #B2B2B2;
}
.vertical-blog .navigation-paging .status h5 {
letter-spacing: -0.05em;
}
.vertical-blog .navigation-paging .paging p {
display: none;
}
.vertical-blog .navigation-paging .button-older {
float: right;
}
.vertical-blog .navigation-paging .wrap-page-numbers {
text-align: center;
width: 180px;
position: absolute;
top: 0;
left: 50%;
margin: 0 0 0 -80px;
}
.vertical-blog .navigation-paging .wrap-page-numbers .page-numbers {
text-align: center;
font-size: 11px;
width: 28px;
line-height: 26px;
}
.vertical-blog .thumbnail img {
height: auto;
width: auto;
max-width: 100%;
max-height: none;
}
.upscale.vertical-blog .thumbnail img {
width: 100%;
max-width: 100%;
} .page .entry-content {
margin: 30px 0 0 0;
clear: both;
} .site .error404 {
background: #fff;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
width: 80%;
margin: 0 auto;
padding: 20px;
text-align: center;
}
.site .error404 h1 {
font-size: 40px;
font-weight: 700;
}
.site .error404 .entry-content {
margin: 10px 0 60px 0;
}
.error404 #searchform {
position: absolute;
left: 50%;
margin: 10px 0 0 -100px;
}
.error404 .page-with-background {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
position: relative;
} #map-dim,
#map {
width: 100%;
height: 100%;
position: absolute;
}
#map-dim {
background: #000;
opacity: 0.7;
}
#map-dim.dim-image {
opacity: 0.35;
}
#close-map {
position: absolute;
bottom: 5px;
left: -200px;
z-index: 1001;
display: none;
}
.page-contacts .site-content {
position: relative;
height: 100%;
width: 100%;
overflow: hidden;
}
.page-contacts .contacts-background {
width: 100%;
height: 100%;
position: absolute;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page-contacts .site-content .page {
position: relative;
margin: 0 auto;
padding: 0 20px;
width: 600px;
}
.page-contacts .site-content .page .viewport {
padding: 20px 0;
}
.page-contacts .entry-content a {
color: #fff;
}
.page-contacts .entry-content .button,
#close-map {
background: #FFF200;
color: #111;
}
.page-contacts .entry-content .button:hover,
#close-map:hover {
background: #ffd300;
}
.page-contacts .site-content .page .entry-content {
margin-top: 15px;
}
.page-contacts .site-content .entry-header,
.page-contacts .site-content .entry-content {
color: #fff;
}
.page-contacts .site-content .entry-content {
width: 100%;
}
.page-contacts .contact-details {
border-left: 1px solid #fff;
border-left: 1px solid rgba(255, 255, 255, .25);
margin: 8px 0 0 -20px;
padding: 0 0 0 20px;
min-height: 100%;
}
.page-contacts  .contact-details h6 {
margin: 0 0 4px;
font: bold 13px "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
}
.page-contacts  .contact-details p {
font-size: 14px;
line-height: 21px;
}
#send-message {
margin-right: 10px;
}
.page-contacts .wpcf7 {
display: none;
} .tooltip {
background: #FFF200;
font-size: 12px;
position: absolute;
z-index: 150;
padding: 0 4px 1px;
border-radius: 2px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.40);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.40);
color: #000;
display: none;
white-space: nowrap;
}
.tooltip:after {
content: ' ';
display: block;
position: absolute;
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #FFF200;
margin: 1px 0 0 1px;
}
.sep {
width: 8px;
height: 19px;
display: inline-block;
background: url(https://andrej.hu/wp-content/themes/fluxus/images/slash.png) no-repeat top center;
padding: 0 2px 0 4px;
line-height: 1em;
vertical-align: bottom;
} .horizontal-break {
margin: 1.5em 0;
height: 1px;
background: #eaeaea;
}
.aside-content {
float: right;
font: 300 21px/33px "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
width: 38%;
position: relative;
margin: -5px -42.85% 0 0;
}
.aside-content .position-absolute {
position: absolute;
width: 100%;
}
.page-template-template-full-width-php .aside-content,
.page-template-template-full-width-sidebar-php .aside-content {
margin-right: 0;
margin-left: 20px;
margin-bottom: 20px;
width: auto;
max-width: 30%;
}
.page-template-template-full-width-php .aside-content .position-absolute,
.page-template-template-full-width-sidebar-php .aside-content .position-absolute {
position: static;
} .icon-social {
margin: 0 3px 0 0;
}
.icon-social:before {
color: #111;
font-size: 30px;
-moz-transition: color 0.3s;
-o-transition: color 0.3s;
-webkit-transition: color 0.3s;
transition: color 0.3s;
text-decoration: none;
text-align: left;
}
.entry-content .icon-social:before {
width: 48px;
height: 48px;
} .service {
width: 100%;
margin: 16px 0;
float: left;
}
.service .service-name {
text-align: center;
margin: 0 0 0.5em;
font-size: 18px;
}
.service .service-icon {
position: relative;
display: inline-block;
width: 100%;
margin: 0 auto;
}
.service .service-mask {
padding-top: 100%; position: relative;
width: 100%;
}
.service .service-icon img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
border-radius: 1000px;
border-radius: 100%;
}
.service .service-icon-no-image {
background-color: #ccc;
-webkit-box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 20px -10px rgba(0, 0, 0, 0.2);
border-radius: 100%;
}
.service .service-content {
margin: 1em 0;
font-size: 13px;
}
.service .icon {
position: absolute;
font-size: 100px;
width: 100%;
text-align: center;
color: #fff;
cursor: default;
top: 50%;
margin: -50px 0 0 0;
} .accordion {
margin: 0 0 1.5em;
border: 1px solid #eaeaea;
}
.accordion .panel-content {
display: none;
}
.accordion .panel-active .panel-content {
display: block;
}
.accordion .panel-title {
margin: 0;
border-bottom: 1px solid #ddd;
}
.accordion .panel-title a {
color: #222;
text-decoration: none;
display: block;
font: 700 13px "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
text-transform: uppercase;
padding: 8px 15px;
background: #F3F3F3;
-webkit-box-shadow: inset 0 -3px 4px -4px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 -3px 4px -4px rgba(0, 0, 0, 0.1);
}
.accordion .panel-active .panel-title a,
.accordion .panel-title a:hover {
background: #f9f9f9;
color: #111;
}
.accordion .panel-active .panel-title a {
-webkit-box-shadow: none;
box-shadow: none;
background: #fff;
}
.accordion .panel-content {
padding: 15px;
-webkit-box-shadow: inset 0 -3px 4px -4px rgba(0, 0, 0, 0.4);
box-shadow: inset 0 -3px 4px -4px rgba(0, 0, 0, 0.4);
font-size: 13px;
}
.accordion .panel-last .panel-title {
border-bottom: 0 none;
}
.accordion .panel-active .panel-title {
border-bottom: 1px solid #eee;
}
.accordion .panel-last .panel-title a {
-webkit-box-shadow: none;
box-shadow: none;
} .tabs {
margin: 0 0 1.5em;
}
.tabs .tabs-menu ul {
list-style: none;
overflow: hidden;
margin: 0;
}
.tabs .tabs-menu li {
display: block;
float: left;
padding: 0;
border: 1px solid #eaeaea;
border-right: 0 none;
z-index: 5;
position: relative;
}
.tabs .tabs-menu li:first-child {
border-radius: 3px 0 0 0;
}
.tabs .tabs-menu li:last-child {
border-right: 1px solid #eaeaea;
border-radius: 0 3px 0 0;
}
.tabs .tabs-menu li a {
display: block;
color: #333;
font: 700 13px "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
text-transform: uppercase;
padding: 8px 20px;
background: #F3F3F3;
-webkit-box-shadow: inset 0 -3px 4px -4px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 -3px 4px -4px rgba(0, 0, 0, 0.1);
text-decoration: none;
}
.tabs .tabs-menu li a b {
display: none;
}
.tabs .tabs-menu li a:hover {
background: #f9f9f9;
color: #111;
}
.tabs .tabs-menu li.active a:after {
content: ' ';
position: absolute;
border-bottom: 1px solid #fff;
width: 100%;
left: 0;
bottom: -1px;
}
.tabs .tabs-menu li.active a {
background: #fff;
cursor: default;
-webkit-box-shadow: none;
box-shadow: none;
position: relative;
color: #111;
}
.tabs .tab {
display: none;
padding: 20px;
border: 1px solid #eaeaea;
position: relative;
top: -1px;
}
.tabs .tab p:last-child {
margin-bottom: 0;
}
.tabs .tab-index-1 {
display: block;
} .alert {
border: 1px solid #eaeaea;
padding: 10px 15px;
text-align: center;
margin: 1.5em 0;
}
.alert a {
color: #111;
text-decoration: underline;
}
.alert p {
margin: 0 0 10px 0 !important;
}
.alert p:last-child {
margin: 0 !important;
}
.alert a:hover {
text-decoration: none;
}
.alert-note {
background: #FCF6E3;
border: 1px solid #EDE3C8;
}
.alert-warning {
border-color: #a03b18;
background: #c26161;
color: #fff;
}
.alert-warning a {
color: #fff;
}
.alert-success {
background: #bce592;
border-color: #8cd26f;
} html.horizontal-page {
overflow-y: hidden;
overflow-x: scroll;
}
html.no-scroll,
html.no-scroll body {
overflow: hidden;
}
.hide {
display: none;
} .fluxus-lightbox {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #111;
z-index: 10000;
display: none;
overflow-y: scroll;
}
.fluxus-lightbox.mode-full {
position: absolute;
}
.fluxus-lightbox.media-iframe .lightbox-right-area,
.fluxus-lightbox.media-iframe .lightbox-left-area,
.fluxus-lightbox.media-iframe .lightbox-center-area {
display: none;
}
html.fluxus-lightbox-visible,
.fluxus-lightbox-visible body {
overflow: hidden !important;
}
.fluxus-lightbox-visible body {
position: absolute;
width: 100%;
}
.fluxus-lightbox .lightbox-content {
width: 100%;
height: 100%;
}
.fluxus-lightbox .lightbox-left-area,
.fluxus-lightbox .lightbox-right-area,
.fluxus-lightbox .lightbox-center-area {
position: absolute;
top: 0;
left: 0;
bottom: 50px;
width: 40%;
}
.fluxus-lightbox .lightbox-center-area {
width: 20%;
left: 40%;
}
.fluxus-lightbox .arrow-right {
cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSItNjUuNSA2MzYuNSAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9InN0eWxlMCI+PHN0eWxlPi5zdHlsZTB7ZW5hYmxlLWJhY2tncm91bmQ6CW5ldyAtNjUuNSA2MzYuNSAzMiAzMjt9LnN0eWxlMXtvdmVyZmxvdzoJdmlzaWJsZTtvcGFjaXR5OgkwLjI1O308L3N0eWxlPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjAuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48Zz48aW1hZ2Ugd2lkdGg9IjIwIiBoZWlnaHQ9IjI4IiB4bGluazpocmVmPSIzMTIwNDIyRjFDRTNBNUUxLnBuZyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAtNjkuNSA2MzMuNSkiIGNsYXNzPSJzdHlsZTEiPjwvaW1hZ2U+PGc+PHBvbHlnb24gcG9pbnRzPSItNjUuNSw2MzcuNyAtNjQuMiw2MzYuNSAtNTMuNyw2NDYuMyAtNjQuMiw2NTYuMiAtNjUuNSw2NTUgLTU2LjMsNjQ2LjMiLz48cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9Ii02NS41LDYzNy43IC02NC4yLDYzNi41IC01My43LDY0Ni4zIC02NC4yLDY1Ni4yIC02NS41LDY1NSAtNTYuMyw2NDYuMyIvPjwvZz48L2c+PC9zdmc+), auto;
}
.fluxus-lightbox .arrow-left {
cursor: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2ZXJzaW9uPSIxLjEiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSItNjUuNSA2MzYuNSAzMiAzMiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgY2xhc3M9InN0eWxlMCI+PHN0eWxlPi5zdHlsZTB7ZW5hYmxlLWJhY2tncm91bmQ6CW5ldyAtNjUuNSA2MzYuNSAzMiAzMjt9LnN0eWxlMXtvdmVyZmxvdzoJdmlzaWJsZTtvcGFjaXR5OgkwLjI1O308L3N0eWxlPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOm5vbmU7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjAuNTtzdHJva2UtbWl0ZXJsaW1pdDoxMDt9PC9zdHlsZT48Zz48aW1hZ2Ugd2lkdGg9IjIwIiBoZWlnaHQ9IjI4IiB4bGluazpocmVmPSI5MjgyNDlCMDI3MUUyNjczLnBuZyIgdHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgMSAtNjkuNSA2MzMuNSkiIGNsYXNzPSJzdHlsZTEiPjwvaW1hZ2U+PGc+PHBvbHlnb24gcG9pbnRzPSItNTMuNyw2NTUgLTU1LDY1Ni4yIC02NS41LDY0Ni4zIC01NSw2MzYuNSAtNTMuNyw2MzcuNyAtNjIuOSw2NDYuMyIvPjxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iLTUzLjcsNjU1IC01NSw2NTYuMiAtNjUuNSw2NDYuMyAtNTUsNjM2LjUgLTUzLjcsNjM3LjcgLTYyLjksNjQ2LjMiLz48L2c+PC9nPjwvc3ZnPg==), auto;
}
.fluxus-lightbox .zoom-in {
cursor: pointer;
cursor: zoom-in;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
}
.fluxus-lightbox .zoom-out {
cursor: pointer;
cursor: zoom-out;
cursor: -webkit-zoom-out;
cursor: -moz-zoom-out;
}
.fluxus-lightbox .lightbox-right-area {
left: auto;
right: 0;
}
.fluxus-lightbox .lightbox-content .iframe-container {
position: relative;
height: 100%;
width: 100%;
}
.fluxus-lightbox .lightbox-content .iframe-container iframe {
position: relative;
margin: 0 auto;
display: block;
}
.fluxus-lightbox.mode-fit {
overflow: hidden;
height: 100%;
}
.fluxus-lightbox .lightbox-content img {
width: auto;
height: auto;
margin: 0 auto;
display: block;
position: relative;
top: 0;
}
.fluxus-lightbox .loading-image,
.fluxus-lightbox .error-image {
position: absolute;
top: 50%;
margin: -20px 0 0 0;
display: block;
width: 100%;
color: #fff;
font-size: 13px;
text-align: center;
}
.fluxus-lightbox .lightbox-loading,
.fluxus-lightbox .lightbox-error {
color: #fff;
font-size: 13px;
position: absolute;
display: none;
}
.fluxus-lightbox .lightbox-prev,
.fluxus-lightbox .lightbox-next,
.fluxus-lightbox .lightbox-close,
.fluxus-lightbox .lightbox-resize {
position: fixed;
background: #fff200;
padding: 0 15px 0 28px;
display: inline-block;
line-height: 34px;
color: #111;
font-weight: bold;
font-size: 13px;
z-index: 1001;
bottom: 0;
left: 0;
text-transform: uppercase;
cursor: pointer;
}
.mobile-device .fluxus-lightbox .lightbox-next,
.mobile-device .fluxus-lightbox .lightbox-prev,
.mobile-device .fluxus-lightbox .lightbox-resize {
display: none;
}
.fluxus-lightbox .lightbox-prev:hover,
.fluxus-lightbox .lightbox-next:hover,
.fluxus-lightbox .lightbox-close:hover,
.fluxus-lightbox .lightbox-resize:hover {
color: #fff;
background: #111;
}
.fluxus-lightbox .lightbox-close:before {
font-size: 16px;
position: absolute;
margin: 8px 0 0 -21px;
}
.fluxus-lightbox .lightbox-prev,
.fluxus-lightbox .lightbox-next,
.fluxus-lightbox .lightbox-resize {
left: auto;
right: 0;
width: 40px;
height: 34px;
padding-left: 0;
padding-right: 0;
}
.fluxus-lightbox .lightbox-prev {
right: 41px;
}
.fluxus-lightbox .lightbox-resize {
right: 92px;
}
.fluxus-lightbox .lightbox-prev:before,
.fluxus-lightbox .lightbox-next:before {
font-size: 16px;
margin: 0 0 0 11px;
}
.fluxus-lightbox .lightbox-next:before {
margin-left: 13px;
}
.fluxus-lightbox .lightbox-resize:before {
font-size: 16px;
margin: 0 0 0 11px;
} .scroll-container .scrollbar {
display: none;
}
.horizontal-page .scroll-container {
height: 100%;
}
.horizontal-page .scroll-container .viewport {
overflow: hidden;
position: relative;
}
.horizontal-page .scroll-container .overview {
position: absolute;
right: 0;
top: 0;
width: 235px;
}
.horizontal-page .scroll-container .thumb .end,
.horizontal-page .scroll-container .thumb {
background: #333;
}
.horizontal-page .scroll-container .scrollbar {
position: relative;
float: right;
width: 4px;
right: -34px;
display: block;
}
.horizontal-page .scroll-container .track {
background: #eaeaea;
height: 100%;
width: 4px;
position: relative;
padding: 0 1px;
}
.horizontal-page .scroll-container .thumb {
height: 20px;
width: 4px;
cursor: pointer;
overflow: hidden;
position: absolute;
top: 0;
}
.horizontal-page .scroll-container .thumb .end {
overflow: hidden;
height: 5px;
width: 4px;
}
.horizontal-page .scroll-container .disable {
display: none;
}
.noSelect {
user-select: none;
-o-user-select: none;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
} .alignleft {
display: inline;
float: left;
margin-right: 1.5em;
margin-bottom: 1em;
}
.alignright {
display: inline;
float: right;
margin-left: 1.5em;
margin-bottom: 1em;
}
.aligncenter {
clear: both;
display: block;
margin: 0 auto;
margin-bottom: 1em;
} .assistive-text {
clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
} .wpcf7-textarea {
height: 120px;
}
.wpcf7-form {
font-size: 13px;
}
.wpcf7-form .wpcf7-form-control-wrap {
margin: 2px 0 10px 0;
display: block;
}
.wpcf7-form .wpcf7-form-control-wrap {
overflow: hidden;
}
.wpcf7-form .wpcf7-form-control-wrap input[type="text"],
.wpcf7-form .wpcf7-form-control-wrap input[type="email"] {
font-size: 14px;
float: left;
margin: 0 10px 0 0;
}
.wpcf7-form .wpcf7-not-valid-tip {
position: static;
width: 200px;
float: left;
border: 0 none;
}
.wpcf7-form .wpcf7-validation-errors,
.wpcf7-form .wpcf7-mail-sent-ok {
background: #bce592;
border: 1px solid #8cd26f;
font: normal 1em "Merriweather", georgia, serif;
padding: 10px 10px;
}
.wpcf7-form .wpcf7-response-output {
margin: 10px 0 0 0;
}
.wpcf7-form .wpcf7-not-valid-tip {
color: #999;
}
.wpcf7-form .wpcf7-validation-errors {
background: #C26161;
border: 1px solid #A03B18;
color: #fff;
} .reveal-modal-bg {
position: fixed;
height: 100%;
width: 100%;
background: rgba(0,0,0,.8);
z-index: 10000;
display: none;
top: 0;
left: 0;
}
.reveal-modal {
visibility: hidden;
top: 0;
left: 50%;
margin-left: -300px;
width: 520px;
background: #fff;
position: absolute;
z-index: 10001;
padding: 20px 30px 20px;
border-radius: 1px;
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
box-shadow: 0 0 10px rgba(0,0,0,.4);
border-top: 3px solid #fff200;
}
.reveal-modal h1 {
font: 700 13px "Noto Sans", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
text-transform: uppercase;
margin: 0 0 10px;
}
.reveal-modal .close-reveal-modal {
font-size: 22px;
line-height: .5;
position: absolute;
top: 8px;
right: 11px;
color: #aaa;
font-weight: bold;
cursor: pointer;
} html.burger-menu-visible,
html.burger-menu-visible body {
overflow: hidden !important;
}
.burger-menu {
position: absolute;
top: 0;
right: 0;
height: 100%;
z-index: 9999;
}
.burger-menu-toggle {
position: absolute;
top: 26px;
left: -43px;
width: 28px;
height: 19px;
z-index: 10002;
display: block;
}
.burger-menu-toggle.inner {
left: auto;
right: 15px;
display: none;
}
.burger-menu-toggle span,
.burger-menu-toggle span:before,
.burger-menu-toggle span:after {
content: ' ';
position: absolute;
top: 8px;
width: 28px;
height: 3px;
display: block;
cursor: pointer;
background: #333;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: background-color .3s ease-in-out, -webkit-transform .5s ease-in-out, top .5s ease-in-out;
-moz-transition: background-color .3s ease-in-out, -moz-transform .5s ease-in-out, top .5s ease-in-out;
transition: background-color .3s ease-in-out, transform .5s ease-in-out, top .5s ease-in-out;
}
.burger-menu-toggle span:before {
top: -8px;
}
.burger-menu-toggle span:after {
top: 8px;
}
.burger-menu.expanded .burger-menu-toggle span {
background: transparent !important;
}
.burger-menu.expanded .burger-menu-toggle span:before {
top: 0;
background: #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.burger-menu.expanded .burger-menu-toggle span:after {
top: 0;
background: #fff;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.non-mobile-device .burger-menu-toggle:hover span,
.non-mobile-device .burger-menu-toggle:hover span:before,
.non-mobile-device .burger-menu-toggle:hover span:after {
background: #999;
}
.burger-menu.expanded .burger-menu-toggle:hover span:before,
.burger-menu.expanded .burger-menu-toggle:hover span:after {
background: #fff;
}
.burger-menu-dim {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
z-index: 9998;
}
.burger-menu-items {
position: fixed;
top: 0;
right: -320px;
background: #111;
background-size: 100%;
background-repeat: no-repeat;
padding: 130px 0 50px;
width: 320px;
height: 100%;
min-height: 100%;
display: none;
-webkit-overflow-scrolling: touch;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.burger-menu-items li {
position: relative;
}
.burger-menu-visible .burger-menu-items {
display: block;
overflow: auto;
overflow-x: hidden;
}
.burger-menu .bg {
position: absolute;
top: 0;
right: 0;
display: block;
width: 100%;
height: 200px;
background-size: 100%;
background-repeat: no-repeat;
}
.burger-menu .bg:after {
content: ' ';
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 200px;
display: block;
background: -moz-linear-gradient(top,  rgba(17,17,17,0) 31%, rgba(17,17,17,0.03) 33%, rgba(17,17,17,1) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(31%,rgba(17,17,17,0)), color-stop(33%,rgba(17,17,17,0.03)), color-stop(100%,rgba(17,17,17,1))); background: -webkit-linear-gradient(top,  rgba(17,17,17,0) 31%,rgba(17,17,17,0.03) 33%,rgba(17,17,17,1) 100%); background: -o-linear-gradient(top,  rgba(17,17,17,0) 31%,rgba(17,17,17,0.03) 33%,rgba(17,17,17,1) 100%); background: -ms-linear-gradient(top,  rgba(17,17,17,0) 31%,rgba(17,17,17,0.03) 33%,rgba(17,17,17,1) 100%); background: linear-gradient(to bottom,  rgba(17,17,17,0) 31%,rgba(17,17,17,0.03) 33%,rgba(17,17,17,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00222222', endColorstr='#222222',GradientType=0 ); }
.burger-menu ul,
.burger-menu li {
list-style: none;
margin: 0;
padding: 0;
}
.burger-menu-level-0 {
position: relative; }
.burger-menu-level-0 > li > .burger-menu-link {
padding-left: 0;
}
.burger-menu-level-1,
.burger-menu-level-2,
.burger-menu-level-3 {
display: none;
}
.burger-menu-link {
position: relative;
display: block;
padding: 20px 45px 22px 0;
margin-left: 30px;
color: #888;
text-transform: uppercase;
letter-spacing: 0.05em;
border-bottom: 1px solid #1d1d1d;
-moz-transition: color .3s;
-webkit-transition: color .3s;
-o-transition: color .3s;
transition: color .3s;
}
.mobile-device .burger-menu-link:hover {
color: #888;
}
.burger-menu-link-clicked {
color: #fff;
}
.burger-menu-children-toggle {
position: absolute;
top: 0;
right: 0;
height: 100%;
width: 60px;
display: inline-block;
color: #888;
}
.burger-menu-children-toggle:after {
position: absolute;
top: 19px;
left: 24px;
font-size: 16px;
content: '\e87b';
font-family: 'fontello';
font-style: normal;
font-weight: normal;
speak: none;
text-decoration: none;
display: inline-block;
}
.burger-menu-item-expanded > .burger-menu-children-toggle:after {
content: '\e87e';
}
.non-mobile-device .burger-menu-children-toggle:hover {
color: #fff;
}
.burger-menu-items > ul > li:last-child .burger-menu-link {
border-bottom: 0 none;
}
.non-mobile-device .burger-menu-link:hover {
color: #fff;
}
.burger-menu a.burger-menu-item-active {
color: #fff;
}
.burger-menu li.burger-menu-item-active > ul {
display: block;
}
.burger-menu ul ul .burger-menu-link {
margin-left: 48px;
font-size: 14px;
}
.burger-menu ul ul ul .burger-menu-link {
margin-left: 68px;
font-size: 12px;
}
.iscrollbarV {
position: absolute;
z-index: 100;
width: 8px;
bottom: 0;
top: 0;
right: 1px;
}
.iscrollbarV > div {
position: absolute;
border: 1px solid #fff;
border: 1px solid rgba(255, 255, 255, 0.3);
background: rgba(255, 255, 255, 0.05);
width: 5px;
border-radius: 3px;
cursor: pointer;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
} .mobile-device .portfolio-grid .grid-project .hover-box {
display: block;
opacity: 1;
height: auto;
box-shadow: none;
bottom: 0;
}
.mobile-device .portfolio-grid .grid-project .hover-box .inner[style] {
position: static !important;
transform: translate(0, 0) !important;
-moz-transform: translate(0, 0) !important;
-webkit-transform: translate(0, 0) !important;
-ms-transform: translate(0, 0) !important;
}
.mobile-device .portfolio-grid .grid-project .hover-box i {
display: none;
}
.mobile-device .grid-project .preview[style] {
height: 100% !important;
box-shadow: none;
}
.mobile-device .grid-project .hover-box b {
font-weight: normal;
line-height: 17px;
padding: 15px 0;
font-size: 14px;
letter-spacing: 0.05em;
}
.mobile-device .grid-project .hover-box .password-required {
display: none;
} #lang_sel_footer .lang_sel_sel {
border: 0 none;
font-weight: bold;
cursor: default;
}
#lang_sel_footer .iclflag {
margin: 0 2px 0 0;
}
.icl_languages_selector {
overflow: visible;
}
.icl_languages_selector #lang_sel ul ul {
display: none;
margin: 5px 0 0 0;
}
.icl_languages_selector #lang_sel li:hover > ul {
display: block;
}
.icl_languages_selector .lang_sel_list_horizontal li {
display: inline-block;
margin-left: 10px;
}
.menu-item-language .iclflag {
position: relative;
margin: 0 5px 0 0;
top: 1px;
}
.menu-item-language:hover .submenu-languages {
display: block;
}@media screen and (min-width: 1440px) { .slide .style-default {
width: 400px;
}
.slide .style-default .slide-title {
font-size: 60px;
}
.slide .style-default .slide-subtitle {
font-size: 18px;
}
.slide .style-default .description {
font-size: 16px;
}
} @media screen and (min-width: 1280px) {
.page-template-template-full-width-php .site {
width: 1021px;
}
} @media screen and (min-width: 1920px) {
.page-template-template-full-width-php .site {
width: 961px;
}
} @media screen and (max-width: 1024px) { #header hgroup {
width: 200px;
}
.sidebar {
width: 180px;
margin-left: -253px;
}
.site-with-sidebar {
padding: 0 35px 0 268px;
}
.nav-tip {
display: none !important;
} .site-navigation a {
font-size: 12px;
}
.site-navigation .has-children a:after {
font-size: 12px;
line-height: 14px;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
.site-navigation .has-children a:after {
font-size: 12px;
}
}
.site-navigation li {
margin-right: 10px;
}
.primary-navigation {
padding-left: 261px;
} .page-template-template-full-width-php .site {
width: auto;
margin: 0 15px;
} .slider .info[style],
.slider-arrow-right,
.slider-arrow-left {
opacity: 1;
}
.slider .info {
width: 280px;
}
.slide .style-page-with-background .entry-title,
.slide .style-default .slide-title {
font-size: 30px;
}
.slide .style-page-with-background .entry-content {
font-size: 13px;
} .vertical-blog .post,
.vertical-blog .navigation-paging {
width: 100%;
}
.vertical-blog .post-with-media .entry-date {
top: 25px;
} .button,
.entry-content .button,
.project .hover-box .button {
font-size: 12px;
font-weight: bold;
padding: 0 11px;
}
.button-big,
.entry-content .button-big {
line-height: 38px;
font-size: 13px;
padding-left: 14px;
padding-right: 14px;
}
.widget {
margin: 0 0 20px;
font-size: 12px;
}
.widget a {
padding-bottom: 1px;
font-size: 12px;
}
.widget-content,
.textwidget p {
font-size: 12px;
line-height: 18px;
}
.sidebar .title {
font-size: 21px;
padding-bottom: 15px;
}
.sidebar .subtitle {
font-size: 13px;
} .aside-content {
font-size: 18px;
line-height: 28px;
margin: 0;
padding: 0 0 10px 20px;
}
.aside-content .position-absolute {
position: static;
} .site-content .entry-content,
.single-format-link .entry-header,
.single-format-quote .entry-header,
#comments {
width: 100%;
}
.single .wrap-quote {
font-size: 24px;
}
.comment-content,
.comment-author {
width: auto;
}
.wp-caption .wp-caption-text {
width: 100%;
position: static;
margin: 0;
border: 0 none;
}
.horizontal-page .scroll-container .overview {
width: 175px;
}
.ipad-ios4 #fluxus-customize {
display: none !important;
}
} @media screen and (max-width: 768px) {
.site-navigation {
display: none;
} #header hgroup {
width: 100%;
float: none;
padding-left: 0;
padding-right: 0;
padding-bottom: 0;
margin-left: 0;
margin-right: 0;
border: 0 none;
}
#footer .footer-inner {
padding: 16px 20px;
} html.horizontal-page {
overflow-x: auto;
overflow-y: scroll;
}
html.no-scroll {
overflow-y: hidden;
}
html.horizontal-page body {
overflow: visible;
}
.horizontal-page .horizontal-content .horizontal-item,
.horizontal-page .horizontal-content .horizontal-item[style] {
margin: 0 0 20px;
display: block;
height: auto !important;
}
.horizontal-page .scroll-container .overview {
position: static;
width: auto;
}
.site-with-sidebar .site-content {
float: none;
} .site-with-sidebar {
padding: 0;
margin: 0 10px;
}
.sidebar {
width: auto;
border: 1px solid #eaeaea;
padding: 0;
margin: 30px 0 0;
overflow: hidden;
float: none;
}
.sidebar .widget {
float: left;
padding: 10px 20px;
margin: 0 0 10px;
text-align: left;
}
.sidebar .widget-title,
.sidebar .subtitle,
.sidebar .title,
.sidebar .title {
text-align: left;
}
.sidebar .search-results-hgroup,
.sidebar .archive-results-hgroup {
padding: 20px 20px 0;
}
.sidebar .decoration {
display: none;
}
.sidebar #s {
margin: 6px 0 0 0;
}
#fluxus-customize {
display: none !important;
} .horizontal-posts #footer {
position: absolute;
bottom: auto;
}
.horizontal-posts #footer-push {
display: block;
}
.horizontal-posts #header {
position: static;
}
.horizontal-posts .site,
.horizontal-posts .site[style] {
height: auto !important;
top: 0 !important;
}
.horizontal-posts .post {
margin: 0;
padding: 0 0 30px;
border-bottom: 2px solid #111;
width: 100%;
height: auto;
}
.horizontal-posts .post[style] {
height: auto !important;
width: 100% !important;
}
.horizontal-posts .resizable,
.horizontal-posts .resizable[style] {
height: auto !important;
width: 100% !important;
max-height: 100% !important;
}
.horizontal-posts .post-link[style],
.horizontal-posts .post-link {
padding: 50px 0;
height: auto !important;
}
.single .wrap-quote,
.horizontal-posts .wrap-quote {
padding: 50px 0;
font-size: 16px;
}
.single .post-with-featured-image .wrap-quote,
.single .post-with-featured-image .wrap-quote[style],
.horizontal-posts .post-with-featured-image .wrap-quote,
.horizontal-posts .post-with-featured-image .wrap-quote[style] {
padding: 0;
height: 100% !important;
overflow: hidden;
}
.horizontal-posts .navigation-paging {
margin: 0;
padding: 20px 0;
width: 100%;
}
.horizontal-posts .wrap-quote .post-without-featured-image .js-vertical-center,
.horizontal-posts .wrap-quote .post-without-featured-image .js-vertical-center[style],
.horizontal-posts .navigation-paging .js-vertical-center,
.horizontal-posts .navigation-paging .js-vertical-center[style],
.horizontal-posts .post .post-link .js-vertical-center,
.horizontal-posts .post .post-link .js-vertical-center[style] {
top: 0 !important;
position: relative;
}
.horizontal-posts .navigation-paging .js-vertical-center {
width: auto;
padding: 0 20px;
}
.horizontal-posts .navigation-paging .button-minimal {
margin-bottom: 10px;
}
.entry-navigation .post-navigation {
float: none;
border: 0 none;
padding-left: 0;
overflow: hidden;
}
.entry-navigation .entry-tags {
float: none;
}
.entry-navigation .post-navigation .nav-next {
float: left;
}
.post-navigation a {
width: auto;
}
.post-navigation a h2 {
display: none;
}
.post-navigation a span {
border-bottom: 1px solid #eaeaea;
padding: 0 0 1px 0;
}
.post-image .cover p {
font-size: 13px;
} .single-fluxus_portfolio #footer,
.tax-fluxus-project-type #footer,
.page-template-template-portfolio-php #footer {
position: absolute;
bottom: auto;
}
.single-fluxus_portfolio #footer-push,
.tax-fluxus-project-type #footer-push,
.page-template-template-portfolio-php #footer-push {
display: block;
}
.single-fluxus_portfolio #header,
.tax-fluxus-project-type #header,
.page-template-template-portfolio-php #header {
position: static;
}
.single-fluxus_portfolio .site,
.single-fluxus_portfolio .site[style],
.page-template-template-portfolio-php .site,
.page-template-template-portfolio-php .site[style] {
height: auto !important;
top: 0 !important;
}
.tax-fluxus-project-type .site,
.tax-fluxus-project-type .site[style] {
top: 0 !important;
}
.single-fluxus_portfolio[style] {
width: 100% !important;
}
.project .preview,
.project .preview[style] {
height: auto !important;
}
.project .featured-image,
.project .featured-image[style] {
width: 100% !important;
height: auto !important;
}
.portfolio-single .project-image a,
.portfolio-single .project-image .image {
display: block;
}
.portfolio-single .project-image .lazy-image-loaded img {
position: relative;
width: auto;
max-width: 100%;
height: auto;
display: block;
}
.upscale .portfolio-single .project-image .lazy-image-loaded img {
width: 100%;
max-width: none;
}
.portfolio-list h2 {
font-size: 16px;
}
.project .info {
border-bottom: 2px solid #111;
margin: 0 0 30px 0;
padding: 15px 0;
}
.project .hover-box {
display: none;
}
.portfolio-navigation {
width: 100%;
display: block;
}
.portfolio-navigation header {
padding: 20px 10px;
}
.feedback-buttons {
padding: 10px 0;
}
.portfolio-navigation .navigation {
position: relative;
padding: 20px;
}
.portfolio-navigation .other-projects,
.portfolio-navigation .other-projects[style] {
visibility: visible !important;
width: auto;
}
.portfolio-navigation .other-projects a {
width: 22%;
line-height: 120px;
margin: 0 4% 4% 0;
}
.portfolio-navigation .other-projects a.fourth {
margin-right: 0;
}
.portfolio-navigation .btn-appreciate {
margin-left: 10px;
}
.single-fluxus_portfolio .sidebar {
height: auto;
position: absolute;
top: 0;
width: 100%;
-moz-box-sizing: border-box;
-webkit-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
padding: 10px;
margin: 10px 0 0 0;
float: none;
}
.single-fluxus_portfolio .sidebar .title {
text-align: left;
}
.single-fluxus_portfolio .sidebar .subtitle {
text-align: left;
color: #999;
}
.single-fluxus_portfolio .sidebar .widget {
padding: 0;
float: none;
} .slide .style-default .slide-title {
margin: 0 0 25px;
}
.slide .style-page-with-background .entry-title,
.slide .style-default .slide-title {
font-size: 24px;
}
.slide .style-default .slide-subtitle {
font-size: 12px;
margin: 0 0 5px;
}
.slider .slide .info .decoration {
margin-top: -11px;
}
.slide .style-default .description {
font-size: 12px;
}
.slider .info {
width: 240px;
}
.slide .style-default .button,
.slide .style-page-with-background .button {
line-height: 26px;
padding: 0 10px;
font-size: 11px;
font-weight: bold;
}
.slider-arrow-right,
.slider-arrow-left {
height: 42px;
width: 34px;
margin-top: -21px;
background-size: cover;
left: 10px;
}
.slider-arrow-right {
left: auto;
right: 10px;
}
.slider-navigation a span {
display: none !important;
}
.slider-navigation a {
width: 5px;
height: 5px;
border-width: 1px;
} .entry-content .gallery .gallery-item {
margin: 0 3% 3% 0;
width: 48.5%;
}
.entry-content .gallery .gallery-item:nth-child(2n) {
margin-right: 0;
}
.entry-content .gallery .gallery-item:nth-child(2n + 1) {
margin-right: 3%;
}
.entry-content .gallery .gallery-caption {
font-size: 12px;
line-height: 1.6em;
}
.entry-content .gallery-columns-1 .gallery-item {
width: 100%;
margin-right: 0;
}
.entry-content .gallery-columns-1 .gallery-item {
margin-right: 0;
}
} @media screen and (max-width: 568px) {
.horizontal-page #header {
position: static;
padding: 0 0 15px 0;
} .horizontal-page #footer {
position: absolute;
bottom: auto;
}
.horizontal-page #footer-push {
display: block;
}
#footer {
text-align: center;
}
#footer .footer-inner {
padding: 60px 20px 20px;
position: relative;
}
#footer .footer-inner:before {
content: ' ';
position: absolute;
width: 20px;
margin: 32px 0 0 -10px;
border-top: 2px solid #111;
height: 1px;
left: 50%;
top: 0;
}
#sharrre-footer {
float: none;
display: inline-block;
margin: 0 0 10px;
height: 21px;
}
#sharrre-footer[style] {
display: inline-block !important;
}
#footer .social-networks {
float: none;
display: block;
text-align: center
}
#footer .social-networks .icon-social {
float: none;
display: inline-block;
margin: 0 5px;
}
#footer .footer-links {
float: none;
}
#footer .footer-navigation {
float: none;
text-align: center;
margin: 0;
padding: 10px 0;
}
#footer .footer-navigation li {
margin: 0 5px;
display: inline-block;
float: none;
}
#footer .footer-links .credits {
float: none;
font-size: 11px;
padding: 5px 0;
color: #ccc;
margin: 0;
}
.footer-links .credits:before,
.footer-navigation li:before {
display: none;
} .page-template-template-full-page-slider-php #page-wrapper,
.page-template-template-full-page-slider-php #main,
.page-template-template-contacts-php #page-wrapper,
.page-template-template-contacts-php #main,
.page-template-template-background-php #page-wrapper,
.page-template-template-background-php #main,
body.error404 #main,
body.error404 #page-wrapper {
margin: 0;
}
.page-template-template-full-page-slider-php #footer,
.page-template-template-full-page-slider-php #footer-push,
.page-template-template-contacts-php #footer,
.page-template-template-contacts-php #footer-push,
.page-template-template-background-php #footer,
.page-template-template-background-php #footer-push,
body.error404 #footer,
body.error404 #footer-push {
display: none;
} .page-template-template-full-page-slider-php #main {
overflow: hidden;
}
.slider .slide .info {
padding: 0 30px;
width: 100%;
background: rgba(255, 255, 255, 0.6);
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.slider .slide .info .viewport {
padding: 20px 0;
}
.slider .slide .info.white {
background: rgba(0, 0, 0, 0.6);
}
.slider .slide .info[style] {
left: 0 !important;
}
.slide .style-default .slide-title {
font-size: 30px;
}
.slider .slide .info .description {
line-height: 21px;
}
.slider-navigation {
display: none !important;
} .project .hover-box .excerpt,
.project .hover-box .decoration {
display: none;
}
.project .hover-box h2 {
padding-bottom: 10px;
}
.project .hover-box h2 {
font-size: 18px;
line-height: 21px;
}
.project .hover-box .subtitle {
font-size: 13px;
}
.portfolio-navigation .other-projects a {
width: 48%;
margin: 0 4% 4% 0;
}
.portfolio-navigation .other-projects a:nth-child(2n+1) {
margin-right: 0;
}
.portfolio-navigation .other-projects .item-3 {
clear: left;
} .site .error404 {
background: rgba(255, 255, 255, 0.9);
padding: 10px;
}
.site .error404 h1 {
font-size: 21px;
}
.site .error404 .entry-content p {
font-size: 13px;
line-height: 21px;
} .page-contacts .site-content .page[style],
.page-contacts .site-content .page {
top: 0 !important;
width: auto;
height: 100%;
}
.map-active #map {
position: fixed;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1000;
}
#map {
visibility: hidden;
}
.map-active #map {
visibility: visible;
}
.reveal-modal {
width: 100%;
margin: 0;
left: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.wpcf7-form .wpcf7-form-control-wrap input[type="text"] {
width: 100%;
} .post-image .cover h1 {
font-size: 21px;
}
.post-image .cover p {
font-size: 11px;
margin: 0;
} .vertical-blog .site-with-sidebar .site-content {
padding-bottom: 0;
}
.vertical-blog .navigation-paging .wrap-page-numbers {
position: static;
margin: 35px 0 0 0;
width: auto;
text-align: left;
}
.vertical-blog .post-with-media .entry-date {
top: 25px;
} .entry-content .standfirst {
font-size: 16px;
}
.aside-content {
float: none;
width: 100%;
margin: 0 0 15px;
padding: 7px 12px;
border-left: 1px solid #eaeaea;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
line-height: 26px;
}
.page-template-template-full-width-php .aside-content,
.page-template-template-full-width-sidebar-php .aside-content {
max-width: 100%;
}
.site-content table td,
.site-content table th {
font-size: 13px;
line-height: 18px;
padding: 5px;
}
.site-content thead th,
.site-content thead td {
font-size: 11px;
} .row-fluid [class*="span"] {
float: none;
width: 100%;
margin: 0;
}
.tabs .tabs-menu li a b {
display: inline;
}
.tabs .tabs-menu li a span {
display: none;
} .service .service-content {
font-size: 16px;
}
.service .service-content {
width: 240px;
margin-left: auto;
margin-right: auto;
}
.service .service-name {
font-size: 30px;
}
.page-title, .entry-title {
font-size: 30px;
text-indent: 0;
}
.alignright,
.alignleft {
margin: 0;
float: none;
display: block;
width: 100%;
}
#respond label {
position: static;
width: auto;
}
#respond p input {
float: none;
margin: 0;
}
#respond p input[type="text"] {
width: 100% !important;
}
.page-contacts .contact-details {
border-left: 0 none;
}
}
@media screen and (max-width: 320px) {
.other-projects {
display: none;
}
.portfolio-navigation .prev-project {
margin: 15px 0;
}
.portfolio-navigation .next-project {
float: right;
margin: 15px 0;
}
.portfolio-navigation .back-portfolio {
float: none;
width: auto;
display: block;
clear: both;
text-align: center;
} .entry-content .gallery .gallery-item {
width: 100%;
margin-right: 0;
}
}
@media screen and (max-height: 320px) {
.slide .info .slide-subtitle,
.slide .info .description,
.slide .info .decoration {
display: none;
}
.slide .info .slide-title {
margin: 0;
}
.button-minimal.button-icon-right {
float: right;
}
} @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 124.8dpi) { .logo {
display: none;
}
.logo-no-retina,
.logo-retina {
display: inline-block;
}
.default-logo {
background-image: url(//andrej.hu/wp-content/themes/fluxus/images/logo@2x.png);
background-size: 100%;
}
#sharrre-project .icon,
.btn-appreciate .icon {
background-image: url(//andrej.hu/wp-content/themes/fluxus/images/share-icons@2x.png);
background-size: 100%;
}
#sharrre-project .icon {
background-position: 0 -28px;
}
.wrap-avatar .avatar-128 {
display: inline-block;
width: 64px;
height: 64px;
}
.wrap-avatar .avatar-64 {
display: none;
}
.sep,
.footer-links .credits:before,
.footer-links li:before {
background-image: url(//andrej.hu/wp-content/themes/fluxus/images/slash@2x.png);
background-size: auto 100%;
}
}
table.cv {
width:100%;
}
table.cv td {
border: none;
vertical-align: top;
}
table.cv td:first-child {
width:20%;
font-weight: bold;
}.site-navigation .active > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a,
.site-navigation .active .current-fluxus-project-type-ancestor > a,
.current-fluxus_portfolio-parent > a,
.nav-tip #key-right.flash,
.nav-tip #key-left.flash,
.navigation-paging .paging .current,
.comment-actions a:hover,
#wp-calendar tbody td a,
.slide .style-default .button:hover,
.slider-navigation li a.active,
.slider-navigation li a:hover,
.project .hover-box .button,
.page-contacts .entry-content .button,
#close-map,
.tooltip,
.fluxus-lightbox .lightbox-prev,
.fluxus-lightbox .lightbox-next,
.fluxus-lightbox .lightbox-close,
.fluxus-lightbox .lightbox-resize,
.page-contacts .entry-content .button:hover,
#close-map:hover {
background-color: #619ec2;
color: ;
}
.reveal-modal,
.navigation-paging .paging .current {
border-color: #619ec2;
}
.tooltip:after {
border-top-color: #619ec2;
}
.excerpt-more {
border-bottom-color: #619ec2;
}
.nav-tip #key-right.flash:before,
.nav-tip #key-left.flash:before {
color: ;
}
.portfolio-navigation .other-projects .active .hover {
background: rgba(97,158,194,0.3);
color: #000000;
}