@charset "UTF-8";
*:not(input.field) {
-webkit-touch-callout: none; -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-user-select: none;   -ms-touch-action: none; -webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; -webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
-o-text-size-adjust: none;
text-size-adjust: none;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden] {
display: none;
}
html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
a:focus {
outline: thin dotted;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
hr {
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
mark {
background: #ff0;
color: #000;
}
code,
kbd,
pre,
samp {
font-family: monospace,serif;
font-size: 1em;
}
pre {
white-space: pre-wrap;
}
q {
quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 0;
}
fieldset {
border: 1px solid silver;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
legend {
border: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
button,
input {
line-height: normal;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
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-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#shuffle:hover {
cursor: pointer;
} @font-face {
font-family: 'league_gothicregular';
src: url(//flowstateltd.com/it/wp-content/fonts/league_gothic-wf.eot);
src: url(//flowstateltd.com/it/wp-content/fonts/league_gothic-wf.eot?#iefix) format('embedded-opentype'),
url(//flowstateltd.com/it/wp-content/fonts/league_gothic-wf.woff) format('woff'),
url(//flowstateltd.com/it/wp-content/fonts/league_gothic-wf.ttf) format('truetype'),
url(//flowstateltd.com/it/wp-content/fonts/league_gothic-wf.svg#league_gothicregular) format('svg');
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}

@font-face {
font-family: "feather";
src:url(//flowstateltd.com/it/wp-content/fonts/feather-webfont.eot);
src:url(//flowstateltd.com/it/wp-content/fonts/feather-webfont.eot?#iefix) format("embedded-opentype"),
url(//flowstateltd.com/it/wp-content/fonts/feather-webfont.woff) format("woff"),
url(//flowstateltd.com/it/wp-content/fonts/feather-webfont.ttf) format("truetype"),
url(//flowstateltd.com/it/wp-content/fonts/feather-webfont.svg#feather) format("svg");
font-weight: normal;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
} [data-icon]:before {
display: inline-block;
font-family: "feather";
content: attr(data-icon);
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
} [class^="icon-"],
[class*=" icon-"] {
display: inline-block;
font-family: "feather";
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
speak: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-eye:before { content: "\e000"; }
.icon-paper-clip:before { content: "\e001"; }
.icon-mail:before { content: "\e002"; }
.icon-mail:before { content: "\e002"; }
.icon-toggle:before { content: "\e003"; }
.icon-layout:before { content: "\e004"; }
.icon-link:before { content: "\e005"; }
.icon-bell:before { content: "\e006"; }
.icon-lock:before { content: "\e007"; }
.icon-unlock:before { content: "\e008"; }
.icon-ribbon:before { content: "\e009"; }
.icon-image:before { content: "\e010"; }
.icon-signal:before { content: "\e011"; }
.icon-target:before { content: "\e012"; }
.icon-clipboard:before { content: "\e013"; }
.icon-clock:before { content: "\e014"; }
.icon-clock:before { content: "\e014"; }
.icon-watch:before { content: "\e015"; }
.icon-air-play:before { content: "\e016"; }
.icon-camera:before { content: "\e017"; }
.icon-video:before { content: "\e018"; }
.icon-disc:before { content: "\e019"; }
.icon-printer:before { content: "\e020"; }
.icon-monitor:before { content: "\e021"; }
.icon-server:before { content: "\e022"; }
.icon-cog:before { content: "\e023"; }
.icon-heart:before { content: "\e024"; }
.icon-paragraph:before { content: "\e025"; }
.icon-align-justify:before { content: "\e026"; }
.icon-align-left:before { content: "\e027"; }
.icon-align-center:before { content: "\e028"; }
.icon-align-right:before { content: "\e029"; }
.icon-book:before { content: "\e030"; }
.icon-layers:before { content: "\e031"; }
.icon-stack:before { content: "\e032"; }
.icon-stack-2:before { content: "\e033"; }
.icon-paper:before { content: "\e034"; }
.icon-paper-stack:before { content: "\e035"; }
.icon-search:before { content: "\e036"; }
.icon-zoom-in:before { content: "\e037"; }
.icon-zoom-out:before { content: "\e038"; }
.icon-reply:before { content: "\e039"; }
.icon-circle-plus:before { content: "\e040"; }
.icon-circle-minus:before { content: "\e041"; }
.icon-circle-check:before { content: "\e042"; }
.icon-circle-cross:before { content: "\e043"; }
.icon-square-plus:before { content: "\e044"; }
.icon-square-minus:before { content: "\e045"; }
.icon-square-check:before { content: "\e046"; }
.icon-square-cross:before { content: "\e047"; }
.icon-microphone:before { content: "\e048"; }
.icon-record:before { content: "\e049"; }
.icon-skip-back:before { content: "\e050"; }
.icon-rewind:before { content: "\e051"; }
.icon-play:before { content: "\e052"; }
.icon-pause:before { content: "\e053"; }
.icon-stop:before { content: "\e054"; }
.icon-fast-forward:before { content: "\e055"; }
.icon-skip-forward:before { content: "\e056"; }
.icon-shuffle:before { content: "\e057"; }
.icon-repeat:before { content: "\e058"; }
.icon-folder:before { content: "\e059"; }
.icon-umbrella:before { content: "\e060"; }
.icon-moon:before { content: "\e061"; }
.icon-thermometer:before { content: "\e062"; }
.icon-drop:before { content: "\e063"; }
.icon-sun:before { content: "\e064"; }
.icon-cloud:before { content: "\e065"; }
.icon-cloud-upload:before { content: "\e066"; }
.icon-cloud-download:before { content: "\e067"; }
.icon-upload:before { content: "\e068"; }
.icon-download:before { content: "\e069"; }
.icon-location:before { content: "\e070"; }
.icon-location-2:before { content: "\e071"; }
.icon-map:before { content: "\e072"; }
.icon-battery:before { content: "\e073"; }
.icon-head:before { content: "\e074"; }
.icon-briefcase:before { content: "\e075"; }
.icon-speech-bubble:before { content: "\e076"; }
.icon-anchor:before { content: "\e077"; }
.icon-globe:before { content: "\e078"; }
.icon-box:before { content: "\e079"; }
.icon-reload:before { content: "\e080"; }
.icon-share:before { content: "\e081"; }
.icon-marquee:before { content: "\e082"; }
.icon-marquee-plus:before { content: "\e083"; }
.icon-marquee-minus:before { content: "\e084"; }
.icon-tag:before { content: "\e085"; }
.icon-power:before { content: "\e086"; }
.icon-command:before { content: "\e087"; }
.icon-alt:before { content: "\e088"; }
.icon-esc:before { content: "\e089"; }
.icon-bar-graph:before { content: "\e090"; }
.icon-bar-graph-2:before { content: "\e091"; }
.icon-pie-graph:before { content: "\e092"; }
.icon-star:before { content: "\e093"; }
.icon-arrow-left:before { content: "\e094"; }
.icon-arrow-right:before { content: "\e095"; }
.icon-arrow-up:before { content: "\e096"; }
.icon-arrow-down:before { content: "\e097"; }
.icon-volume:before { content: "\e098"; }
.icon-mute:before { content: "\e099"; }
.icon-content-right:before { content: "\e100"; }
.icon-content-left:before { content: "\e101"; }
.icon-grid:before { content: "\e102"; }
.icon-grid-2:before { content: "\e103"; }
.icon-columns:before { content: "\e104"; }
.icon-loader:before { content: "\e105"; }
.icon-bag:before { content: "\e106"; }
.icon-ban:before { content: "\e107"; }
.icon-flag:before { content: "\e108"; }
.icon-trash:before { content: "\e109"; }
.icon-expand:before { content: "\e110"; }
.icon-contract:before { content: "\e111"; }
.icon-maximize:before { content: "\e112"; }
.icon-minimize:before { content: "\e113"; }
.icon-plus:before { content: "\e114"; }
.icon-minus:before { content: "\e115"; }
.icon-check:before { content: "\e116"; }
.icon-cross:before { content: "\e117"; }
.icon-move:before { content: "\e118"; }
.icon-delete:before { content: "\e119"; }
.icon-menu:before { content: "\e120"; }
.icon-archive:before { content: "\e121"; }
.icon-inbox:before { content: "\e122"; }
.icon-outbox:before { content: "\e123"; }
.icon-file:before { content: "\e124"; }
.icon-file-add:before { content: "\e125"; }
.icon-file-subtract:before { content: "\e126"; }
.icon-help:before { content: "\e127"; }
.icon-open:before { content: "\e128"; }
.icon-ellipsis:before { content: "\e129"; }
body, input, textarea {
font-family: Georgia,serif;
font-size: 1.0em;
line-height: 1.3em;
color:#889FA0;
}
body {
background:#FEFEFE;
}
textarea {
resize: vertical;
}
h1 {
font-size: 2,3em;
margin: 0 0 0.2417em;
display: block;
color: #889FA0;
padding: 0;
font-weight: normal; }
#blog-title {
font-family:'league_gothicregular', Helvetica, Arial,sans-serif;
text-indent: 75px; padding-top: 0;
font-size:2.0em;
line-height: 1.2em;
color: #889FA0;
}
#blog-title a { color:#333;
text-decoration:none;
}
#blog-title a:active,
#blog-title a:hover {
color: #CC0000;
}
#blog-description {
color:#889FA0;
font-size:1.0em;
line-height:1.4em;
font-style:italic;
text-indent: 75px; float: left;
top: -7px;
position: relative;
}
h2, .entry-title {
margin: 0 0 0.7222em;
font-family:'league_gothicregular', Helvetica, Arial,sans-serif;
font-size:2.0em;
line-height: 1.2em;
font-weight: normal;
color: #889FA0; }
h3 {
margin: 0 0 0.8667em;
font-size:1.3em;
line-height:1.5em;
font-weight: normal;  }
h4, .widgettitle {
margin: 0.2417em 0 0.2417em;
font-size:1.3em;
line-height:1.5em;  }
h5 {
margin: 0 0 1.1818em;
font-family:'league_gothicregular', Helvetica, Arial,sans-serif;
font-size:1.3em;
line-height:1.5em;
color: #889FA0;
}
h6, .page-title {
margin: 0 0 1.0em;
font-family:'league_gothicregular', Helvetica, Arial,sans-serif;
font-size:1.3em;
line-height:1.5em;
color: #889FA0;
}
a {
-webkit-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-moz-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
-o-transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
color: #889FA0;
text-decoration: none;
}
a:visited {
color: #889FA0;
}
a:hover {
color: #CC0000;
}
a:focus {
color: #CC0000;
}
p,
pre,
form,
address,
embed,
select {
margin: 0 0 0.7em;
}
ul {
margin: 0 0 1.625em;
list-style: disc;
padding: 0;
}
ol {
margin: 0 0 1.625em;
list-style-type: decimal;
}
ol ol {
list-style: upper-alpha;
}
ol ol ol {
list-style: lower-roman;
}
ol ol ol ol {
list-style: lower-alpha;
}
ul ul,
ul ol,
ol ul,
ol ol {
margin-bottom: 0;
}
dl {
margin: 0 1em;
}
dt {
font-weight: bold;
}
dd {
margin: 0 0 1.625em;
}
abbr,
acronym {
cursor: help;
}
ins {
border-bottom: 1px solid #da1113;
text-decoration: none;
}
caption {
text-align: center;
}
table {
margin: 0 0 1.625em;
border: 1px solid #da1113;
border-width: 1px 1px 0;
text-align: left;
}
tr {
border-bottom: 1px solid #da1113;
}
th,
td {
padding: .7em 1.25em;
vertical-align: top;
}
hr {
height: 1px;
margin: 0 0 1.625em;
border: 0;
background: #da1113;
color: #da1113;
}
::-moz-selection {
background: #fe57a1;
color: #33FF33;
text-shadow: none;
}
::selection {
background: #fe57a1;
color: #33FF33;
text-shadow: none;
}
blockquote {
margin: 0 1em;
font-style: italic;
}
blockquote p {
padding-left: 1em;
border-left: 5px solid #da1113;
}
blockquote em,
blockquote i,
blockquote cite,
blockquote span {
font-style: normal;
}
#wrapper { }
#header {
position: relative;
z-index: 1002;
height: 85px;
}
#branding {
position: relative;
width: 95%;
margin: 0 auto;
padding: 1.3em 0 0.0em 0; background-image: url(https://flowstateltd.com/it/wp-content/media/fs_logo_f60@2x.png);
background-repeat: no-repeat;
background-position: 0px 20px;
background-size: 55px 60px;
height: 121px;
} #preloader {
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
background-color:#fff; z-index:99999; }
#status {
width:200px;
height:200px;
position:absolute;
left:50%; top:50%; background-image:url(https://flowstateltd.com/it/wp-content/media/status.gif); background-repeat:no-repeat;
background-position:center;
margin:-100px 0 0 -100px; } #header-widget {
margin: 1.625em 0 0;
}
#header-widget .widgettitle {
display: none;
}
#header-widget ul,
#header-widget address,
#header-widget form {
margin: 0;
}
#access {
*zoom: 1;
width: 95%;
margin: 0 auto 0; border-bottom: 1px solid #889FA0;
height: 37px;
font-size: 1.0em;
top: -73px;
position: relative;
}
#access:after {
content: "";
display: table;
clear: both;
}
.menu-button {
padding: 7px 0 7px 7px; background: transparent; color: #333; margin-left: 75%;
}
.menu-button:hover {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer;
color: #da1113;
}
.menu-button:hover .icon-bar {
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background: #da1113;
}
.menu-button .icon-bar {
display: block;
height: 2px;
width: 37px;
margin-top: 2px;
background: #FFF;  }
.nav-open {
color: #da1113;
}
.nav-open .icon-bar {
background: #da1113;
}
.js .access-nav {
display: none;
}
.access-nav ul {
margin: 1px 0 0 0;
padding: 0;
}
.sf-menu li {
position: relative;
display: block; background: #FFF;
}
.sf-menu li:last-child {
border: none;
}
.sf-menu li a {
display: block;
padding: 1em .35em 1em 1em; text-decoration: none;
color: #889FA0; border-left: 1px solid #889FA0;
border-bottom: 1px solid #889FA0;
font-style: italic;
} .sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {
color: #da1113;
outline: 0;
color: #FFF;
background: #889FA0;
}
.sf-menu .has-flyout:after {
border-color: #000 transparent transparent;
border-image: none;
border-style: solid;
border-width: 5px;
content: "";
display: block;
height: 0;
position: absolute;
right: 10px;
top: 21px;
width: 0;
}
.sf-menu .sub-menu li, .sf-menu .children li {
border-bottom: none;
}
.sf-menu .sub-menu li a, .sf-menu .children li a {
padding-left: 2em;
}
.sf-menu .sub-menu li a:hover, .sf-menu .children li a:hover {
padding-left: 2.5em;
}
.sf-menu .sub-menu li li, .sf-menu .children li li {
border-bottom: none;
}
.sf-menu .sub-menu li li a, .sf-menu .children li li a {
padding-left: 3em;
}
.sf-menu .sub-menu li li a:hover, .sf-menu .children li li a:hover {
padding-left: 3.5em;
}
.sf-menu .sub-menu li li li, .sf-menu .children li li li {
border-bottom: none;
}
.sf-menu .sub-menu li li li a, .sf-menu .children li li li a {
padding-left: 4em;
}
.sf-menu .sub-menu li li li a:hover, .sf-menu .children li li li a:hover {
padding-left: 4.5em;
}
#main {
*zoom: 1;
position: relative;
width: 95%;
margin: 0 auto;
clear: both; }
#main:after {
content: "";
display: table;
clear: both;
}
#container {
margin: 0 0 1.0em;
}
.page-title span span {
font-style: normal;
}
.page-title .meta-nav {
font-style: normal;
}
.hentry {
margin: 0 0 1.0em; }
.sticky {
padding: 1.625em;
background: rgba(0, 0, 0, 0.1);
}
.entry-title a {
color: #3d3331;
}
.entry-title a:hover {
color: #da1113;
}
.entry-meta {
margin: 0 0 1.625em;
font-size: 90%;
color: #7f7f7f;
}
.entry-meta a {
border-bottom: 1px dotted #7f7f7f;
color: #7f7f7f;
}
.entry-meta a:hover {
color: #da1113;
}
.entry-meta abbr {
border: none;
cursor: text;
}
.entry-utility {
*zoom: 1;
clear: both;
font-size: 90%;
color: #7f7f7f;
}
.entry-utility [class*="entypo-"]:before {
padding-right: 1em;
font-family: 'entypo', sans-serif;
font-size: 1.3em;
text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.5), 1px 1px 0 rgba(255, 255, 255, 0.5), 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.entry-utility:after {
content: "";
display: table;
clear: both;
}
.entry-utility a {
border-bottom: 1px dotted #7f7f7f;
color: #7f7f7f;
}
.entry-utility a:hover {
color: #da1113;
}
.entry-utility ul {
margin: 0;
padding: 0;
}
.entry-utility li {
padding-left: 2em;
list-style: none;
}
.edit-link {
display: block;
clear: both;
}
#links-page,
#archives-page {
padding: 0;
list-style: none;
overflow: hidden;
}
#author-info {
margin: 0 0 1.625em;
overflow: hidden;
}
#author-info .avatar {
margin: 0 1em 0;
float: left;
}
.entry-content .wp-post-image {
float: right;
margin: 0 0 1em 1.625em;
}
.entry-content img {
height: auto;
max-width: 100%; margin: 0 0 0 0; }
.entry-content {
padding-top: 0px;
}
.entry-content.home { padding-top: 4px; }
.alignleft,
img.alignleft {
float: left;
margin-right: 1em;
}
.alignright,
img.alignright {
float: right;
margin-left: 1em;
}
.aligncenter,
img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
clear: both;
}
.wp-caption {
max-width: 100%;
margin-bottom: 1.625em;
text-align: center;
}
.wp-caption img {
margin: 0;
padding: 0;
}
.wp-caption-text {
margin: 0;
padding: 1.625em 0;
}
.gallery {
display: block;
margin: 0 auto;
padding: 0 0 1.625em;
clear: both;
overflow: hidden;
}
.gallery-row {
display: block;
margin: 0;
clear: both;
overflow: hidden;
}
.gallery-item {
margin: 0;
padding: 0;
list-style: none;
overflow: hidden;
}
.gallery-item img {
height: auto;
margin: 0 auto;
border: none !important;
}
.gallery-icon {
margin: 0 .25em;
}
.gallery-caption {
padding: .25em .25em 0;
}
.wp-smiley {
max-height: 12px;
margin: 0 !important;
}
#comments {
clear: both;
}
#comments ol,
#comments ul {
margin: 0;
padding: 0;
list-style: none;
}
#comments .edit-link {
display: inline;
}
#comments-list ol {
margin: 0 0 1.625em;
border-bottom: none;
}
#comments-list li {
margin: 0 0 1.625em;
padding-top: 1.625em;
clear: both;
border: none;
}
#comments-list li li {
padding-top: 0;
}
#comments-list > li {
border-bottom: 1px solid #da1113;
}
#comments-list .children {
padding: 0;
}
.avatar {
float: left;
margin: 0 0.8125em 0.8125em 0;
border: 5px solid rgba(0, 0, 0, 0.1);
}
.comment-author {
font-weight: bold;
}
.comment-content {
clear: both;
}
.comment-reply-link {
padding: 0 0 0.8125em;
text-align: right;
}
.comment-reply-link a {
padding: .5em;
font-size: 80%;
}
#pings-list-wrapper {
padding-bottom: 1.625em;
}
#reply-title {
position: relative;
}
#cancel-comment-reply-link {
display: block;
font-weight: normal;
}
.form-section input {
width: 100%;
margin: 0 0 1.625em;
}
.form-section textarea {
width: 100%;
}
#form-allowed-tags {
display: none;
}
.form-submit {
padding: 1.625em 0 0;
text-align: right;
}
.page-link,
.comment-navigation {
margin: 0 0 1.625em;
clear: both;
font-weight: bold;
word-spacing: 0.5em;
}
.page-link a,
.comment-navigation a {
padding: 0.4em 0.65em;
background: rgba(0, 0, 0, 0.1);
}
.page-link a:hover,
.comment-navigation a:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.page-link a,
.page-link span,
.comment-navigation a,
.comment-navigation span {
margin-right: 0.5em;
}
.paginated-comments-links {
margin-top: 1.625em;
}
.button,
input[type="submit"] {
position: relative;
display: inline-block;
float: right;
margin: 0; padding: 3px 5px;
vertical-align: middle;
cursor: pointer; line-height: 18px; text-align: center;
font-size: 0.9em;
}
.button:hover,
input[type="submit"]:hover { left: 2px; }
.aside {
word-wrap: break-word;
overflow-wrap: break-word;
color: #666;
}
.aside ul,
.aside section {
list-style: none;
padding: 0;
}
.aside ul ul,
.aside section ul {
margin: 0 0 1.625em 1em;
}
.aside ul ul li,
.aside section ul li {
padding: 1px 0;
}
.aside ul ul ul,
.aside section ul ul {
margin-bottom: 0;
}
.aside img {
max-width: 100%;
}
.aside table {
border: none;
}
.aside thead,
.aside tbody {
border: 1px solid #da1113;
}
.aside th,
.aside td {
border-right: 1px solid #da1113;
padding: .15em .5em;
}
.aside tfoot tr {
border: none;
}
.aside tfoot td {
border-color: transparent;
}
.aside #searchform input {
width: 100%;
}
.widget_tag_cloud {
margin: 0 0 1.625em;
}
#searchsubmit {
display: none;
}
#primary {
padding: 0.7em 0.7em;
margin-bottom: 1.625em;
border: 1px solid #889FA0; margin-bottom: 23px;
margin-top: 13px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
display: block;
position: relative;
margin: 37px 8px 23px 8px;
}
#primary {
transform: skew(2deg, 2deg);
animation: mymove 3.7s infinite;
animation-direction: alternate-reverse;
}
#primary .xoxo {
transform: skew(-2deg, -2deg);
animation: mymoveB 3.7s infinite;
animation-direction: alternate-reverse;
}
@keyframes myfirst {
0%   {background: red; left: 0px; top: 0px;}
25%  {background: yellow; left: 200px; top: 0px;}
50%  {background: blue; left: 200px; top: 200px;}
75%  {background: green; left: 0px; top: 200px;}
100% {background: red; left: 0px; top: 0px;}
}
@keyframes mymove {
from {transform: skew(2deg, 2deg);}
to {transform: skew(-1deg, -1deg);}
}
@keyframes mymoveB {
from {transform: skew(-2deg, -2deg);}
to {transform: skew(1deg, 1deg);}
}
#primary::after {
content: "";
background: url(https://flowstateltd.com/it/wp-content/media/fBG2.png) no-repeat -90px -10px;
opacity: 0.13;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
transform: skew(-2deg, -2deg);
}
.widgetcontainer {
margin-bottom: 50px;
}
.widgettitle {
font-size: 1.0em;
font-style: italic;
line-height: 13px;
padding: 5px 0 3px 0;
}
.widgettitle a {
color: #3d3331;
}
.widgettitle a:hover {
color: #da1113;
}
#content .aside {
margin: 0 0 1.625em;
}
#footer {
margin-top: 0em;
clear: both;
}
#subsidiary {
width: 90%;
margin: 0 auto;
padding: 1.625em 0 0;
}
#subsidiary #footer-widget {
width: 100%;
margin: 0;
clear: both;
}
#siteinfo {
width: 95%;
margin: 0 auto;
padding: 0 0 23px 0;
clear: both;
font-size: 0.7em;
}
.page-template-template-page-fullwidth-php #container {
width: 100%;
margin-right: 0;
}
.page-template-template-page-fullwidth-php #content,
.page-template-template-page-fullwidth-php #comments {
width: 100%;
}
.attachment-jpeg #content,
.attachment-jpeg #container,
.attachment-png #content,
.attachment-png #container {
width: 100%;
margin: 0;
}
.attachment-jpeg .main-aside,
.attachment-png .main-aside {
display: none;
}
.lt-ie9 #branding,
.lt-ie9 #access,
.lt-ie9 #main,
.lt-ie9 #subsidiary,
.lt-ie9 #siteinfo {
width: 640px;
padding-left: 20px;
padding-right: 20px;
}
.lt-ie9 #access {
background-color: transparent;
}
.lt-ie8 .menu-title {
float: left;
}
.lt-ie8 .menu-button {
padding-bottom: 1em;
}
.lt-ie8 .access-nav ul {
list-style-type: none;
}
.lt-ie8 .access-nav ul li a {
display: inline-block;
width: 80%;
}
img#wpstats {
width: 0;
height: 0;
overflow: hidden;
}
.flexslider {
margin-bottom: 1.625em;
border: none;
background: none;
}
.flexslider .entry-title {
display: none;
}
.flexslider .slides {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
}
.flexslider .slides img {
height: auto;
}
.flex-control-nav {
display: none;
}
.flex-direction-nav li .prev {
left: -15px;
}
.flex-direction-nav li .next {
right: -15px;
}
.flex-caption {
width: 100%;
padding: 0;
background: #211b1a;
font-size: 1em;
}
.flex-caption a {
display: block;
padding: 1em;
color: #f1f1f1;
}
.ir {
background-color: transparent;
border: 0;
overflow: hidden;
*text-indent: -9999px;
}
.ir:before {
content: "";
display: block;
width: 0;
height: 150%;
}
.hidden {
display: none !important;
visibility: hidden;
}
.visuallyhidden, #trackbacks-list .comment-content {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.visuallyhidden.focusable:active, #trackbacks-list .focusable.comment-content:active,
.visuallyhidden.focusable:focus,
#trackbacks-list .focusable.comment-content:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto;
}
.invisible {
visibility: hidden;
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
} .RHcol { clear: both; }
.RHcol p { margin: 0 0.7em 1.625em 0; }
.bar { display:none; min-height:37px;padding:5px 0px 0px 5px;border-top: 1px solid #889FA0;border-left: 1px solid #889FA0;border-bottom: 1px solid #889FA0;font-size:16px;color:#fff;clear: both; } .home-col-li {
padding: 5px 5px 4px 5px;
border-left: 1px solid #889FA0;
border-bottom: 1px solid #889FA0;
list-style: none; clear: both;
line-height: 1.0em;
}
.widget_nktagcloud, .widget_ns_mailchimp, .widget_mailchimpsf_widget {
border-top: 1px dashed #889FA0;
margin: 1.7417em 0 0.1417em;
padding: 0px 0px 0px 0px; }
.widget_ns_mailchimp input[type="text"], .widget_mailchimpsf_widget input[type="text"] {
width: 65%; background: #FFF;
border: 1px solid #889FA0;
margin: 0px 0;
padding: 5px 3px 4px 3px;
font-size: 0.9em;
height: 26px;
}
.item-top {
width: 100%;
max-width: 100%;
min-height: 170px;
padding: 0 0 0 0px;
border-bottom: 1px solid #889FA0;
margin: 4px 0 13px 0;
position: relative;
max-height: 170px;
overflow: hidden;
background: #889FA0;
color: #FFF;
}
.item-top img {
max-height: 480px;
float: right;
}
.item-top h1 {
bottom: 13px;
background: #FFF;
position: absolute;
}
#content {
padding: 0 0 13px 0;
border-right: 1px dashed #879E9F;
border-bottom: 1px solid #889FA0;
border-bottom-right-radius: 15px;
}
#content h1 {
font-family: 'league_gothicregular', Helvetica, Arial,sans-serif;
font-size: 2.0em;
line-height: 1.3em;
margin-top: 5px;
display: block;
color: #889FA0;
padding: 0px 37px 0px 0px;
}
#sswld { max-width: 640px; }
.dashed {
color:#889FA0;
}
.dashed a:link,
.dashed a:visited {
color:#889FA0;text-decoration:none;
}
.dashed a:active,
.dashed a:hover {
color: #CC0000;
border-bottom:1px dashed #889FA0;
}
.descpanelfg {
font-family: 'league_gothicregular', Helvetica, Arial,sans-serif;
font-size: 3.7em;
line-height: 1.0em;
}
.slideshow-description, #accordion-wrapper .title {
font-family: 'league_gothicregular', Helvetica, Arial,sans-serif;
font-size: 1.6em;
line-height: 1.0em;
color: #fff;
}
.slideshow-description p, #accordion-wrapper .title p {
position: absolute;
left: 0px;
bottom: 13px;
width: 90%;
padding: 4px 8px 4px 4px;
background-color: rgba(0, 0, 0, 0.7); }
.menu-title {
font-family: 'league_gothicregular', Helvetica, Arial,sans-serif;
text-transform: lowercase;
font-size: 1.3em;
color: #FFF;
line-height: 1.0em;
vertical-align: middle;
}
.LHcol.work, .LHcol.fstatic { border-top: 1px solid #889FA0; }
.RHcol.work, .RHcol.fstatic { border-top: 1px solid #889FA0; }
.navigation {
color:#889FA0;
font-size:1.0em;
overflow:hidden
margin: 0 0 1.625em 0;
line-height: 1.7em;
}
.navigation a {
text-decoration:none;
border-top: 1px dashed #889FA0;
font-size: 0.9em;
padding-left: 0px;
width: 100%;
float: left;
padding: 7px 0;
text-transform: uppercase;
}
.error,
#ns_widget_mailchimp_form-2 p,
#mc_unsub_link { font-size: 0.7em; }
.error { color: #cc0000; }
#ns_widget_mailchimp_form-2 p { color: #009900; line-height: 1.3em; width: 80%; }
.nav-previous, .nav-next { 
background: transparent;
color: #889FA0; font-size: 0.9em; 
padding-left: 0px;
}
.nav-previous a, .nav-next a { color: #889FA0; }
.title-wrap { padding-top: 37px; }
.spiral { vertical-align: bottom; } div#accordion-wrapper {
clear: both; height: 320px;
margin-bottom: 5px;
}
div#accordion-wrapper .title p { margin-bottom: 0 }
div#accordion-wrapper .title a { color: #fff; }
div#accordion-wrapper .title p { width: 280px ; 
-webkit-transform-origin: 100% 100%;
left: -200px;
bottom: 300px;
transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
text-align: right;
}
#featured li { }
.has-cookie-bar #catapult-cookie-bar {
font-size: 0.9em;
padding: 10px 20px 10px;
}
.leaflet-popup-content {
margin: 7px 10px !important;
}
.column-half{display:inline-block;width:48%;vertical-align:top}
.column-half.first{margin:0 1% 0 0}
.column-half.second{margin:0 0 0 1%}
.column-third{display:inline-block;vertical-align:top;width:31%}
.column-third.first{margin:0 1% 0 0}
.column-third.second{margin:0 1% 0 1%}
.column-third.third{margin:0 0 0 1%}
.column-third.first-second{width:64%;margin:0 1% 0 0}
.column-third.second-third{width:64%;margin:0 0 0 1%}
.column-quarter{display:inline-block;vertical-align:top;width:23%}
.column-quarter.first{margin:0 1% 0 0}
.column-quarter.second{margin:0 1% 0 1%}
.column-quarter.third{margin:0 1% 0 1%}
.column-quarter.fourth{margin:0 0 0 1%}
.column-quarter.first-second{width:48%;margin:0 1% 0 0}
.column-quarter.first-second-third{width:73%;margin:0 1% 0 0}
.column-quarter.second-third{width:48%;margin:0 1% 0 1%}
.column-quarter.second-third-fourth{width:73%;margin:0 0 0 1%}
.column-quarter.third-fourth{width:48%;margin:0 0 0 1%}
@media only screen and (max-width: 767px){.column-half,.column-third,.column-quarter{width:100% !important;margin:0 0 1em 0 !important}}  @media only screen and (min-width: 768px) and (max-width: 990px) {
#container { margin: 0px 0 1.0em; }
#main { top: 0px; }
}
@media only screen and (min-width: 45em) {
blockquote.left {
width: 33%;
float: left;
margin-left: 0;
margin-right: 1em;
}
blockquote.right {
width: 33%;
float: right;
margin-left: 1em;
margin-right: 0;
}
.item-top { margin: 0px 0 13px 0; }
#branding,
#access,
#main,
#siteinfo,
.sub-wrapper {
max-width: 1380px;
}
#branding { height: 100px; padding: 2.3em 0 0.0em 0; background-position: 0px 35px;margin-bottom: 10px;}
#header-widget {
position: absolute;
top: 1.625em;
right: 0;
margin: 0;
}
#header-widget ul,
#header-widget address {
text-align: right;
}
.js .access-nav {
display: block;
}
.menu-button {
display: none;
}
#access { top: -37px; }
.access-nav ul { margin: 0; padding: 0; }
.sf-menu {
border-right: 1px solid #889FA0;
float: right;
}
.sf-menu li {
position: relative;
float: left; border-bottom: none;
}
.sf-menu li:hover ul {
left: 0; z-index: 99;
color: #889FA0;
}
.sf-menu li.has-flyout:after {
border-color: #fff transparent transparent;
}
.sf-menu li a {
display: block;
position: relative;
text-decoration: none;
color: #889FA0;
padding: 0.37em 0.69em;
border-left: 1px solid #889FA0;
border-top: 1px solid #889FA0;
border-bottom: 1px solid #889FA0;
font-style: italic;
}
.sf-menu li a:focus, .sf-menu li a:hover, .sf-menu li a:active {
color: #da1113;
padding: 0.37em 0.69em;
outline: 0;
color: #FFF;
background: #889FA0;
}
.sf-menu > li.has-flyout a {
padding-right: 1.75em;
}
.sf-menu .sub-menu,
.sf-menu .children {
position: absolute;
top: -999em;
width: 10em;
}
.sf-menu .sub-menu li,
.sf-menu .children li {
width: 100%;
background: #ddd;
}
.sf-menu .sub-menu li a,
.sf-menu .children li a {
padding: 0.5em 0.75em;
color: #211b1a;
}
.sf-menu .sub-menu li a:hover,
.sf-menu .children li a:hover {
background: rgba(0, 0, 0, 0.1);
padding: 0.5em 0.75em;
}
.sf-menu .sub-menu li li a,
.sf-menu .children li li a {
padding: 0.5em 0.75em;
}
.sf-menu .sub-menu li li a:hover,
.sf-menu .children li li a:hover {
padding: 0.5em 0.75em;
}
.sf-menu .sub-menu li li li a,
.sf-menu .children li li li a {
padding: 0.5em 0.75em;
}
.sf-menu .sub-menu li li li a:hover,
.sf-menu .children li li li a:hover {
padding: 0.5em 0.75em;
}
.sf-menu .sub-menu li.has-flyout:after,
.sf-menu .children li.has-flyout:after {
border-color: #000 transparent transparent;
}
.sf-menu li:hover li ul {
top: -999em;
}
.sf-menu li li:hover ul {
left: 10em;
top: 0;
}
.sf-menu li li:hover li ul {
top: -999em;
}
.sf-menu li li li:hover ul {
left: 10em;
top: 0;
}
#main {
padding: 0px 0 0px 0; top: -30px;
}
#container {
float: left;
width: 78.4%;
margin-right: 1.8%;
}
.entry-content.home { padding-top: 0px; }
.entry-utility {
padding: 1.625em 0;
}
.entry-utility ul {
float: left;
width: 50%;
}
.main-aside,
#header-widget {
float: right;
width: 17.5%;
clear: right;
}
.LHcol { float:left; }
.RHcol { float:right;clear: none; }
.LHcol.home, .LHcol.project { width:37%; }
.RHcol.home { width:63%; }
.LHcol.project { width:37%; }
.RHcol.project { width:61%; padding-right: 2%; }
.LHcol.work, .LHcol.fstatic { width:37%; }
.RHcol.work, .RHcol.fstatic { width:63%; } .RHcol ul { margin:0px; }
#primary {
}
#primary section, #secondary section,
#secondary > ul {
padding: 0 1em;
}
.sub-wrapper {
width: 90%;
margin: 0 auto;
}
#subsidiary {
width: auto;
}
#subsidiary .aside {
float: left;
width: 30.8%;
margin: 0 3.8% 0 0;
}
#subsidiary #third {
margin: 0;
}
.navigation {
color:#889FA0;
font-size:1.0em;
line-height: 1.7em;
padding:37px 0 13px 0;
overflow:hidden
margin: 0 0 1.625em 0;
}
.navigation a, .navigation a:visited {
color:#889FA0;
font-style:normal; }
.navigation a:active,
.navigation a:hover {
color: #CC0000;
}
.navigation .meta-nav {
font-style: normal;
}
.nav-previous {
float: left;
width:48%;
}
.nav-next {
float: right;
width:48%;
text-align: right;
padding-right:20px;
}
.nav-previous, .nav-next { background: transparent; color: #889FA0; border-top: 1px solid transparent; padding-left: 0px; }
#nav-above,#nav-below {
width: 100%;
clear: both;
}
#nav-above {
display:none;
}
.paged #nav-above {
display:block;
padding:0 0 44px 0;
}
.content-column {
float: left;
width: 45%;
margin: 0 0 1.625em;
}
.page-template-template-page-fullwidth-php #comments,
.attachment-jpeg #comments,
.attachment-png #comments {
width: 65.4%;
}
.flexslider {
margin: 0 0 3.25em;
}
.bar { display:block; }
.entry-content { padding-top: 0px; }
#post-2129 .entry-content { padding-right: 13px; } // cookie policy
.slideshow-description, #accordion-wrapper .title { font-size: 2.0em; }
.slideshow-description p { width: 37%; }
.title-wrap { padding-top: 0px; }
}
@media only screen and (max-width: 45em) {
.access-nav ul {
margin: 1px 0 0 0;
padding: 0; }
#featured li {
height: auto;
}
}
@media print {
* {
background: transparent !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
.entry-title,
h3 {
orphans: 3;
widows: 3;
}
h2, .entry-title,
h3 {
page-break-after: avoid;
}
.aside,
#access
.menu,
.navigation {
display: none;
}
}
#hover-details-freebie { list-style: none; }
div.hover-details
{ overflow: hidden;
position: relative;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
margin-bottom: 0px;
text-align: center;
vertical-align: middle;
}
div.hover-details > img
{
width: 100%;
height: auto;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
}
div.hover-details .details
{
opacity: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(24, 24, 24, 0.3);
transition: all .5s;
-moz-transition: all .5s;
-webkit-transition: all .5s;
-o-transition: all .5s;
cursor: pointer;
}
div.hover-details:hover .details { opacity: 1; }
div.hover-details:hover .details { opacity: 1; } .browsehappy {
margin: 0.2em 0;
background: #ccc;
color: #000;
padding: 0.2em 0;
} .gmnoprint img {
max-width: none; 
}
.tag #content img { }
.tagcloud a{
display:block;
float:left;
padding:4px 10px;
margin-right:7px;
margin-bottom:7px;
background:#EEE;
color:#666;
font-size:11px; -webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
border:1px solid #889FA0;
text-decoration:none;
} .tagcloud a:hover{
background:#FFF;
color:#889FA0; text-decoration:none;
}