Files
core/templates/Binarity/Resources/assets/css/app.css
T

9261 lines
174 KiB
CSS
Vendored
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
@charset "UTF-8";
html {
font-family: sans-serif;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
font-size: 100%;
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
font-family: "Hind Siliguri", Helvetica, Roboto, Arial, sans-serif;
font-weight: 300;
line-height: 1;
color: #414042;
background: #fefefe;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
display: block;
}
audio,canvas,progress,video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],template {
display: none;
}
a {
background-color: transparent;
color: #8aa800;
text-decoration: none;
line-height: inherit;
cursor: pointer;
font-weight: 500;
}
a:active,a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
font-size: 1.25rem;
margin: 0.67em 0;
}
mark {
background: #ff0;
color: #000;
}
small {
font-size: 80%;
line-height: inherit;
}
sub,sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic;
display: inline-block;
vertical-align: middle;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
max-width: 75rem;
border-right: 0;
border-top: 0;
border-bottom: 1px solid #cacaca;
border-left: 0;
margin: 1.25rem auto;
clear: both;
}
pre {
overflow: auto;
}
code,kbd,pre,samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,input,optgroup,select,textarea {
color: inherit;
font: inherit;
margin: 0;
}
button {
overflow: visible;
-webkit-appearance: none;
-moz-appearance: none;
background: transparent;
padding: 0;
border: 0;
border-radius: 0;
line-height: 1;
}
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: not-allowed;
}
button::-moz-focus-inner,input::-moz-focus-inner {
border: 0;
padding: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],input[type="radio"] {
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-appearance: textfield;
box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
legend {
border: 0;
padding: 0;
margin-bottom: 0.5rem;
max-width: 100%;
}
textarea {
overflow: auto;
height: auto;
min-height: 50px;
border-radius: 0;
max-width: 100%;
}
optgroup {
font-weight: bold;
}
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
margin-bottom: 1rem;
border-radius: 0;
}
td,th {
padding: 0;
}
.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em";
}
*,*::before,*::after {
box-sizing: inherit;
}
select {
width: 100%;
border-radius: 0;
height: 2.4375rem;
padding: 0.5rem;
border: 2px solid #414042;
margin: 0 0 1rem;
font-size: 1rem;
font-family: inherit;
line-height: normal;
color: #414042;
background-color: #fefefe;
-webkit-appearance: none;
-moz-appearance: none;
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%2865, 64, 66%29"></polygon></svg>');
background-size: 9px 6px;
background-position: right center;
background-origin: content-box;
background-repeat: no-repeat;
}
#map_canvas img,#map_canvas embed,#map_canvas object,.map_canvas img,.map_canvas embed,.map_canvas object,.mqa-display img,.mqa-display embed,.mqa-display object {
max-width: none !important;
}
[data-whatinput='mouse'] button {
outline: 0;
}
.is-visible {
display: block !important;
}
.is-hidden {
display: none !important;
}
.row {
max-width: 75rem;
margin-left: auto;
margin-right: auto;
}
.row::before,.row::after {
content: ' ';
display: table;
}
.row::after {
clear: both;
}
.row.collapse > .column,.row.collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.row .row {
max-width: none;
margin-left: -0.625rem;
margin-right: -0.625rem;
}
@media screen and (min-width: 40em) {
.row .row {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
}
.row .row.collapse {
margin-left: 0;
margin-right: 0;
}
.row.expanded {
max-width: none;
}
.row.expanded .row {
margin-left: auto;
margin-right: auto;
}
.column,.columns {
width: 100%;
float: left;
padding-left: 0.625rem;
padding-right: 0.625rem;
}
@media screen and (min-width: 40em) {
.column,.columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
.column:last-child:not(:first-child),.columns:last-child:not(:first-child) {
float: right;
}
.column.end:last-child:last-child,.end.columns:last-child:last-child {
float: left;
}
.column.row.row,.row.row.columns {
float: none;
}
.row .column.row.row,.row .row.row.columns {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.small-1 {
width: 8.33333%;
}
.small-push-1 {
position: relative;
left: 8.33333%;
}
.small-pull-1 {
position: relative;
left: -8.33333%;
}
.small-offset-0 {
margin-left: 0%;
}
.small-2 {
width: 16.66667%;
}
.small-push-2 {
position: relative;
left: 16.66667%;
}
.small-pull-2 {
position: relative;
left: -16.66667%;
}
.small-offset-1 {
margin-left: 8.33333%;
}
.small-3 {
width: 25%;
}
.small-push-3 {
position: relative;
left: 25%;
}
.small-pull-3 {
position: relative;
left: -25%;
}
.small-offset-2 {
margin-left: 16.66667%;
}
.small-4 {
width: 33.33333%;
}
.small-push-4 {
position: relative;
left: 33.33333%;
}
.small-pull-4 {
position: relative;
left: -33.33333%;
}
.small-offset-3 {
margin-left: 25%;
}
.small-5 {
width: 41.66667%;
}
.small-push-5 {
position: relative;
left: 41.66667%;
}
.small-pull-5 {
position: relative;
left: -41.66667%;
}
.small-offset-4 {
margin-left: 33.33333%;
}
.small-6 {
width: 50%;
}
.small-push-6 {
position: relative;
left: 50%;
}
.small-pull-6 {
position: relative;
left: -50%;
}
.small-offset-5 {
margin-left: 41.66667%;
}
.small-7 {
width: 58.33333%;
}
.small-push-7 {
position: relative;
left: 58.33333%;
}
.small-pull-7 {
position: relative;
left: -58.33333%;
}
.small-offset-6 {
margin-left: 50%;
}
.small-8 {
width: 66.66667%;
}
.small-push-8 {
position: relative;
left: 66.66667%;
}
.small-pull-8 {
position: relative;
left: -66.66667%;
}
.small-offset-7 {
margin-left: 58.33333%;
}
.small-9 {
width: 75%;
}
.small-push-9 {
position: relative;
left: 75%;
}
.small-pull-9 {
position: relative;
left: -75%;
}
.small-offset-8 {
margin-left: 66.66667%;
}
.small-10 {
width: 83.33333%;
}
.small-push-10 {
position: relative;
left: 83.33333%;
}
.small-pull-10 {
position: relative;
left: -83.33333%;
}
.small-offset-9 {
margin-left: 75%;
}
.small-11 {
width: 91.66667%;
}
.small-push-11 {
position: relative;
left: 91.66667%;
}
.small-pull-11 {
position: relative;
left: -91.66667%;
}
.small-offset-10 {
margin-left: 83.33333%;
}
.small-12 {
width: 100%;
}
.small-offset-11 {
margin-left: 91.66667%;
}
.small-up-1 > .column,.small-up-1 > .columns {
width: 100%;
float: left;
}
.small-up-1 > .column:nth-of-type(1n),.small-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-1 > .column:nth-of-type(1n+1),.small-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.small-up-1 > .column:last-child,.small-up-1 > .columns:last-child {
float: left;
}
.small-up-2 > .column,.small-up-2 > .columns {
width: 50%;
float: left;
}
.small-up-2 > .column:nth-of-type(1n),.small-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-2 > .column:nth-of-type(2n+1),.small-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.small-up-2 > .column:last-child,.small-up-2 > .columns:last-child {
float: left;
}
.small-up-3 > .column,.small-up-3 > .columns {
width: 33.33333%;
float: left;
}
.small-up-3 > .column:nth-of-type(1n),.small-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-3 > .column:nth-of-type(3n+1),.small-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.small-up-3 > .column:last-child,.small-up-3 > .columns:last-child {
float: left;
}
.small-up-4 > .column,.small-up-4 > .columns {
width: 25%;
float: left;
}
.small-up-4 > .column:nth-of-type(1n),.small-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-4 > .column:nth-of-type(4n+1),.small-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.small-up-4 > .column:last-child,.small-up-4 > .columns:last-child {
float: left;
}
.small-up-5 > .column,.small-up-5 > .columns {
width: 20%;
float: left;
}
.small-up-5 > .column:nth-of-type(1n),.small-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-5 > .column:nth-of-type(5n+1),.small-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.small-up-5 > .column:last-child,.small-up-5 > .columns:last-child {
float: left;
}
.small-up-6 > .column,.small-up-6 > .columns {
width: 16.66667%;
float: left;
}
.small-up-6 > .column:nth-of-type(1n),.small-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-6 > .column:nth-of-type(6n+1),.small-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.small-up-6 > .column:last-child,.small-up-6 > .columns:last-child {
float: left;
}
.small-up-7 > .column,.small-up-7 > .columns {
width: 14.28571%;
float: left;
}
.small-up-7 > .column:nth-of-type(1n),.small-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-7 > .column:nth-of-type(7n+1),.small-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.small-up-7 > .column:last-child,.small-up-7 > .columns:last-child {
float: left;
}
.small-up-8 > .column,.small-up-8 > .columns {
width: 12.5%;
float: left;
}
.small-up-8 > .column:nth-of-type(1n),.small-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.small-up-8 > .column:nth-of-type(8n+1),.small-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.small-up-8 > .column:last-child,.small-up-8 > .columns:last-child {
float: left;
}
.small-collapse > .column,.small-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.small-collapse .row {
margin-left: 0;
margin-right: 0;
}
.small-uncollapse > .column,.small-uncollapse > .columns {
padding-left: 0.625rem;
padding-right: 0.625rem;
}
.small-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.small-uncentered,.small-push-0,.small-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
@media screen and (min-width: 40em) {
.medium-1 {
width: 8.33333%;
}
.medium-push-1 {
position: relative;
left: 8.33333%;
}
.medium-pull-1 {
position: relative;
left: -8.33333%;
}
.medium-offset-0 {
margin-left: 0%;
}
.medium-2 {
width: 16.66667%;
}
.medium-push-2 {
position: relative;
left: 16.66667%;
}
.medium-pull-2 {
position: relative;
left: -16.66667%;
}
.medium-offset-1 {
margin-left: 8.33333%;
}
.medium-3 {
width: 25%;
}
.medium-push-3 {
position: relative;
left: 25%;
}
.medium-pull-3 {
position: relative;
left: -25%;
}
.medium-offset-2 {
margin-left: 16.66667%;
}
.medium-4 {
width: 33.33333%;
}
.medium-push-4 {
position: relative;
left: 33.33333%;
}
.medium-pull-4 {
position: relative;
left: -33.33333%;
}
.medium-offset-3 {
margin-left: 25%;
}
.medium-5 {
width: 41.66667%;
}
.medium-push-5 {
position: relative;
left: 41.66667%;
}
.medium-pull-5 {
position: relative;
left: -41.66667%;
}
.medium-offset-4 {
margin-left: 33.33333%;
}
.medium-6 {
width: 50%;
}
.medium-push-6 {
position: relative;
left: 50%;
}
.medium-pull-6 {
position: relative;
left: -50%;
}
.medium-offset-5 {
margin-left: 41.66667%;
}
.medium-7 {
width: 58.33333%;
}
.medium-push-7 {
position: relative;
left: 58.33333%;
}
.medium-pull-7 {
position: relative;
left: -58.33333%;
}
.medium-offset-6 {
margin-left: 50%;
}
.medium-8 {
width: 66.66667%;
}
.medium-push-8 {
position: relative;
left: 66.66667%;
}
.medium-pull-8 {
position: relative;
left: -66.66667%;
}
.medium-offset-7 {
margin-left: 58.33333%;
}
.medium-9 {
width: 75%;
}
.medium-push-9 {
position: relative;
left: 75%;
}
.medium-pull-9 {
position: relative;
left: -75%;
}
.medium-offset-8 {
margin-left: 66.66667%;
}
.medium-10 {
width: 83.33333%;
}
.medium-push-10 {
position: relative;
left: 83.33333%;
}
.medium-pull-10 {
position: relative;
left: -83.33333%;
}
.medium-offset-9 {
margin-left: 75%;
}
.medium-11 {
width: 91.66667%;
}
.medium-push-11 {
position: relative;
left: 91.66667%;
}
.medium-pull-11 {
position: relative;
left: -91.66667%;
}
.medium-offset-10 {
margin-left: 83.33333%;
}
.medium-12 {
width: 100%;
}
.medium-offset-11 {
margin-left: 91.66667%;
}
.medium-up-1 > .column,.medium-up-1 > .columns {
width: 100%;
float: left;
}
.medium-up-1 > .column:nth-of-type(1n),.medium-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-1 > .column:nth-of-type(1n+1),.medium-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.medium-up-1 > .column:last-child,.medium-up-1 > .columns:last-child {
float: left;
}
.medium-up-2 > .column,.medium-up-2 > .columns {
width: 50%;
float: left;
}
.medium-up-2 > .column:nth-of-type(1n),.medium-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-2 > .column:nth-of-type(2n+1),.medium-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.medium-up-2 > .column:last-child,.medium-up-2 > .columns:last-child {
float: left;
}
.medium-up-3 > .column,.medium-up-3 > .columns {
width: 33.33333%;
float: left;
}
.medium-up-3 > .column:nth-of-type(1n),.medium-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-3 > .column:nth-of-type(3n+1),.medium-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.medium-up-3 > .column:last-child,.medium-up-3 > .columns:last-child {
float: left;
}
.medium-up-4 > .column,.medium-up-4 > .columns {
width: 25%;
float: left;
}
.medium-up-4 > .column:nth-of-type(1n),.medium-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-4 > .column:nth-of-type(4n+1),.medium-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.medium-up-4 > .column:last-child,.medium-up-4 > .columns:last-child {
float: left;
}
.medium-up-5 > .column,.medium-up-5 > .columns {
width: 20%;
float: left;
}
.medium-up-5 > .column:nth-of-type(1n),.medium-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-5 > .column:nth-of-type(5n+1),.medium-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.medium-up-5 > .column:last-child,.medium-up-5 > .columns:last-child {
float: left;
}
.medium-up-6 > .column,.medium-up-6 > .columns {
width: 16.66667%;
float: left;
}
.medium-up-6 > .column:nth-of-type(1n),.medium-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-6 > .column:nth-of-type(6n+1),.medium-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.medium-up-6 > .column:last-child,.medium-up-6 > .columns:last-child {
float: left;
}
.medium-up-7 > .column,.medium-up-7 > .columns {
width: 14.28571%;
float: left;
}
.medium-up-7 > .column:nth-of-type(1n),.medium-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-7 > .column:nth-of-type(7n+1),.medium-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.medium-up-7 > .column:last-child,.medium-up-7 > .columns:last-child {
float: left;
}
.medium-up-8 > .column,.medium-up-8 > .columns {
width: 12.5%;
float: left;
}
.medium-up-8 > .column:nth-of-type(1n),.medium-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-8 > .column:nth-of-type(8n+1),.medium-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.medium-up-8 > .column:last-child,.medium-up-8 > .columns:last-child {
float: left;
}
.medium-collapse > .column,.medium-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.medium-collapse .row {
margin-left: 0;
margin-right: 0;
}
.medium-uncollapse > .column,.medium-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.medium-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.medium-uncentered,.medium-push-0,.medium-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
}
@media screen and (min-width: 64em) {
.large-1 {
width: 8.33333%;
}
.large-push-1 {
position: relative;
left: 8.33333%;
}
.large-pull-1 {
position: relative;
left: -8.33333%;
}
.large-offset-0 {
margin-left: 0%;
}
.large-2 {
width: 16.66667%;
}
.large-push-2 {
position: relative;
left: 16.66667%;
}
.large-pull-2 {
position: relative;
left: -16.66667%;
}
.large-offset-1 {
margin-left: 8.33333%;
}
.large-3 {
width: 25%;
}
.large-push-3 {
position: relative;
left: 25%;
}
.large-pull-3 {
position: relative;
left: -25%;
}
.large-offset-2 {
margin-left: 16.66667%;
}
.large-4 {
width: 33.33333%;
}
.large-push-4 {
position: relative;
left: 33.33333%;
}
.large-pull-4 {
position: relative;
left: -33.33333%;
}
.large-offset-3 {
margin-left: 25%;
}
.large-5 {
width: 41.66667%;
}
.large-push-5 {
position: relative;
left: 41.66667%;
}
.large-pull-5 {
position: relative;
left: -41.66667%;
}
.large-offset-4 {
margin-left: 33.33333%;
}
.large-6 {
width: 50%;
}
.large-push-6 {
position: relative;
left: 50%;
}
.large-pull-6 {
position: relative;
left: -50%;
}
.large-offset-5 {
margin-left: 41.66667%;
}
.large-7 {
width: 58.33333%;
}
.large-push-7 {
position: relative;
left: 58.33333%;
}
.large-pull-7 {
position: relative;
left: -58.33333%;
}
.large-offset-6 {
margin-left: 50%;
}
.large-8 {
width: 66.66667%;
}
.large-push-8 {
position: relative;
left: 66.66667%;
}
.large-pull-8 {
position: relative;
left: -66.66667%;
}
.large-offset-7 {
margin-left: 58.33333%;
}
.large-9 {
width: 75%;
}
.large-push-9 {
position: relative;
left: 75%;
}
.large-pull-9 {
position: relative;
left: -75%;
}
.large-offset-8 {
margin-left: 66.66667%;
}
.large-10 {
width: 83.33333%;
}
.large-push-10 {
position: relative;
left: 83.33333%;
}
.large-pull-10 {
position: relative;
left: -83.33333%;
}
.large-offset-9 {
margin-left: 75%;
}
.large-11 {
width: 91.66667%;
}
.large-push-11 {
position: relative;
left: 91.66667%;
}
.large-pull-11 {
position: relative;
left: -91.66667%;
}
.large-offset-10 {
margin-left: 83.33333%;
}
.large-12 {
width: 100%;
}
.large-offset-11 {
margin-left: 91.66667%;
}
.large-up-1 > .column,.large-up-1 > .columns {
width: 100%;
float: left;
}
.large-up-1 > .column:nth-of-type(1n),.large-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-1 > .column:nth-of-type(1n+1),.large-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.large-up-1 > .column:last-child,.large-up-1 > .columns:last-child {
float: left;
}
.large-up-2 > .column,.large-up-2 > .columns {
width: 50%;
float: left;
}
.large-up-2 > .column:nth-of-type(1n),.large-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-2 > .column:nth-of-type(2n+1),.large-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.large-up-2 > .column:last-child,.large-up-2 > .columns:last-child {
float: left;
}
.large-up-3 > .column,.large-up-3 > .columns {
width: 33.33333%;
float: left;
}
.large-up-3 > .column:nth-of-type(1n),.large-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-3 > .column:nth-of-type(3n+1),.large-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.large-up-3 > .column:last-child,.large-up-3 > .columns:last-child {
float: left;
}
.large-up-4 > .column,.large-up-4 > .columns {
width: 25%;
float: left;
}
.large-up-4 > .column:nth-of-type(1n),.large-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-4 > .column:nth-of-type(4n+1),.large-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.large-up-4 > .column:last-child,.large-up-4 > .columns:last-child {
float: left;
}
.large-up-5 > .column,.large-up-5 > .columns {
width: 20%;
float: left;
}
.large-up-5 > .column:nth-of-type(1n),.large-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-5 > .column:nth-of-type(5n+1),.large-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.large-up-5 > .column:last-child,.large-up-5 > .columns:last-child {
float: left;
}
.large-up-6 > .column,.large-up-6 > .columns {
width: 16.66667%;
float: left;
}
.large-up-6 > .column:nth-of-type(1n),.large-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-6 > .column:nth-of-type(6n+1),.large-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.large-up-6 > .column:last-child,.large-up-6 > .columns:last-child {
float: left;
}
.large-up-7 > .column,.large-up-7 > .columns {
width: 14.28571%;
float: left;
}
.large-up-7 > .column:nth-of-type(1n),.large-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-7 > .column:nth-of-type(7n+1),.large-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.large-up-7 > .column:last-child,.large-up-7 > .columns:last-child {
float: left;
}
.large-up-8 > .column,.large-up-8 > .columns {
width: 12.5%;
float: left;
}
.large-up-8 > .column:nth-of-type(1n),.large-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-8 > .column:nth-of-type(8n+1),.large-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.large-up-8 > .column:last-child,.large-up-8 > .columns:last-child {
float: left;
}
.large-collapse > .column,.large-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.large-collapse .row {
margin-left: 0;
margin-right: 0;
}
.large-uncollapse > .column,.large-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.large-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.large-uncentered,.large-push-0,.large-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
}
@media screen and (min-width: 75em) {
.xlarge-1 {
width: 8.33333%;
}
.xlarge-push-1 {
position: relative;
left: 8.33333%;
}
.xlarge-pull-1 {
position: relative;
left: -8.33333%;
}
.xlarge-offset-0 {
margin-left: 0%;
}
.xlarge-2 {
width: 16.66667%;
}
.xlarge-push-2 {
position: relative;
left: 16.66667%;
}
.xlarge-pull-2 {
position: relative;
left: -16.66667%;
}
.xlarge-offset-1 {
margin-left: 8.33333%;
}
.xlarge-3 {
width: 25%;
}
.xlarge-push-3 {
position: relative;
left: 25%;
}
.xlarge-pull-3 {
position: relative;
left: -25%;
}
.xlarge-offset-2 {
margin-left: 16.66667%;
}
.xlarge-4 {
width: 33.33333%;
}
.xlarge-push-4 {
position: relative;
left: 33.33333%;
}
.xlarge-pull-4 {
position: relative;
left: -33.33333%;
}
.xlarge-offset-3 {
margin-left: 25%;
}
.xlarge-5 {
width: 41.66667%;
}
.xlarge-push-5 {
position: relative;
left: 41.66667%;
}
.xlarge-pull-5 {
position: relative;
left: -41.66667%;
}
.xlarge-offset-4 {
margin-left: 33.33333%;
}
.xlarge-6 {
width: 50%;
}
.xlarge-push-6 {
position: relative;
left: 50%;
}
.xlarge-pull-6 {
position: relative;
left: -50%;
}
.xlarge-offset-5 {
margin-left: 41.66667%;
}
.xlarge-7 {
width: 58.33333%;
}
.xlarge-push-7 {
position: relative;
left: 58.33333%;
}
.xlarge-pull-7 {
position: relative;
left: -58.33333%;
}
.xlarge-offset-6 {
margin-left: 50%;
}
.xlarge-8 {
width: 66.66667%;
}
.xlarge-push-8 {
position: relative;
left: 66.66667%;
}
.xlarge-pull-8 {
position: relative;
left: -66.66667%;
}
.xlarge-offset-7 {
margin-left: 58.33333%;
}
.xlarge-9 {
width: 75%;
}
.xlarge-push-9 {
position: relative;
left: 75%;
}
.xlarge-pull-9 {
position: relative;
left: -75%;
}
.xlarge-offset-8 {
margin-left: 66.66667%;
}
.xlarge-10 {
width: 83.33333%;
}
.xlarge-push-10 {
position: relative;
left: 83.33333%;
}
.xlarge-pull-10 {
position: relative;
left: -83.33333%;
}
.xlarge-offset-9 {
margin-left: 75%;
}
.xlarge-11 {
width: 91.66667%;
}
.xlarge-push-11 {
position: relative;
left: 91.66667%;
}
.xlarge-pull-11 {
position: relative;
left: -91.66667%;
}
.xlarge-offset-10 {
margin-left: 83.33333%;
}
.xlarge-12 {
width: 100%;
}
.xlarge-offset-11 {
margin-left: 91.66667%;
}
.xlarge-up-1 > .column,.xlarge-up-1 > .columns {
width: 100%;
float: left;
}
.xlarge-up-1 > .column:nth-of-type(1n),.xlarge-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-1 > .column:nth-of-type(1n+1),.xlarge-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.xlarge-up-1 > .column:last-child,.xlarge-up-1 > .columns:last-child {
float: left;
}
.xlarge-up-2 > .column,.xlarge-up-2 > .columns {
width: 50%;
float: left;
}
.xlarge-up-2 > .column:nth-of-type(1n),.xlarge-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-2 > .column:nth-of-type(2n+1),.xlarge-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.xlarge-up-2 > .column:last-child,.xlarge-up-2 > .columns:last-child {
float: left;
}
.xlarge-up-3 > .column,.xlarge-up-3 > .columns {
width: 33.33333%;
float: left;
}
.xlarge-up-3 > .column:nth-of-type(1n),.xlarge-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-3 > .column:nth-of-type(3n+1),.xlarge-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.xlarge-up-3 > .column:last-child,.xlarge-up-3 > .columns:last-child {
float: left;
}
.xlarge-up-4 > .column,.xlarge-up-4 > .columns {
width: 25%;
float: left;
}
.xlarge-up-4 > .column:nth-of-type(1n),.xlarge-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-4 > .column:nth-of-type(4n+1),.xlarge-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.xlarge-up-4 > .column:last-child,.xlarge-up-4 > .columns:last-child {
float: left;
}
.xlarge-up-5 > .column,.xlarge-up-5 > .columns {
width: 20%;
float: left;
}
.xlarge-up-5 > .column:nth-of-type(1n),.xlarge-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-5 > .column:nth-of-type(5n+1),.xlarge-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.xlarge-up-5 > .column:last-child,.xlarge-up-5 > .columns:last-child {
float: left;
}
.xlarge-up-6 > .column,.xlarge-up-6 > .columns {
width: 16.66667%;
float: left;
}
.xlarge-up-6 > .column:nth-of-type(1n),.xlarge-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-6 > .column:nth-of-type(6n+1),.xlarge-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.xlarge-up-6 > .column:last-child,.xlarge-up-6 > .columns:last-child {
float: left;
}
.xlarge-up-7 > .column,.xlarge-up-7 > .columns {
width: 14.28571%;
float: left;
}
.xlarge-up-7 > .column:nth-of-type(1n),.xlarge-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-7 > .column:nth-of-type(7n+1),.xlarge-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.xlarge-up-7 > .column:last-child,.xlarge-up-7 > .columns:last-child {
float: left;
}
.xlarge-up-8 > .column,.xlarge-up-8 > .columns {
width: 12.5%;
float: left;
}
.xlarge-up-8 > .column:nth-of-type(1n),.xlarge-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-8 > .column:nth-of-type(8n+1),.xlarge-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.xlarge-up-8 > .column:last-child,.xlarge-up-8 > .columns:last-child {
float: left;
}
.xlarge-collapse > .column,.xlarge-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.xlarge-collapse .row {
margin-left: 0;
margin-right: 0;
}
.xlarge-uncollapse > .column,.xlarge-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.xlarge-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.xlarge-uncentered,.xlarge-push-0,.xlarge-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
}
@media screen and (min-width: 90em) {
.xxlarge-1 {
width: 8.33333%;
}
.xxlarge-push-1 {
position: relative;
left: 8.33333%;
}
.xxlarge-pull-1 {
position: relative;
left: -8.33333%;
}
.xxlarge-offset-0 {
margin-left: 0%;
}
.xxlarge-2 {
width: 16.66667%;
}
.xxlarge-push-2 {
position: relative;
left: 16.66667%;
}
.xxlarge-pull-2 {
position: relative;
left: -16.66667%;
}
.xxlarge-offset-1 {
margin-left: 8.33333%;
}
.xxlarge-3 {
width: 25%;
}
.xxlarge-push-3 {
position: relative;
left: 25%;
}
.xxlarge-pull-3 {
position: relative;
left: -25%;
}
.xxlarge-offset-2 {
margin-left: 16.66667%;
}
.xxlarge-4 {
width: 33.33333%;
}
.xxlarge-push-4 {
position: relative;
left: 33.33333%;
}
.xxlarge-pull-4 {
position: relative;
left: -33.33333%;
}
.xxlarge-offset-3 {
margin-left: 25%;
}
.xxlarge-5 {
width: 41.66667%;
}
.xxlarge-push-5 {
position: relative;
left: 41.66667%;
}
.xxlarge-pull-5 {
position: relative;
left: -41.66667%;
}
.xxlarge-offset-4 {
margin-left: 33.33333%;
}
.xxlarge-6 {
width: 50%;
}
.xxlarge-push-6 {
position: relative;
left: 50%;
}
.xxlarge-pull-6 {
position: relative;
left: -50%;
}
.xxlarge-offset-5 {
margin-left: 41.66667%;
}
.xxlarge-7 {
width: 58.33333%;
}
.xxlarge-push-7 {
position: relative;
left: 58.33333%;
}
.xxlarge-pull-7 {
position: relative;
left: -58.33333%;
}
.xxlarge-offset-6 {
margin-left: 50%;
}
.xxlarge-8 {
width: 66.66667%;
}
.xxlarge-push-8 {
position: relative;
left: 66.66667%;
}
.xxlarge-pull-8 {
position: relative;
left: -66.66667%;
}
.xxlarge-offset-7 {
margin-left: 58.33333%;
}
.xxlarge-9 {
width: 75%;
}
.xxlarge-push-9 {
position: relative;
left: 75%;
}
.xxlarge-pull-9 {
position: relative;
left: -75%;
}
.xxlarge-offset-8 {
margin-left: 66.66667%;
}
.xxlarge-10 {
width: 83.33333%;
}
.xxlarge-push-10 {
position: relative;
left: 83.33333%;
}
.xxlarge-pull-10 {
position: relative;
left: -83.33333%;
}
.xxlarge-offset-9 {
margin-left: 75%;
}
.xxlarge-11 {
width: 91.66667%;
}
.xxlarge-push-11 {
position: relative;
left: 91.66667%;
}
.xxlarge-pull-11 {
position: relative;
left: -91.66667%;
}
.xxlarge-offset-10 {
margin-left: 83.33333%;
}
.xxlarge-12 {
width: 100%;
}
.xxlarge-offset-11 {
margin-left: 91.66667%;
}
.xxlarge-up-1 > .column,.xxlarge-up-1 > .columns {
width: 100%;
float: left;
}
.xxlarge-up-1 > .column:nth-of-type(1n),.xxlarge-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-1 > .column:nth-of-type(1n+1),.xxlarge-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.xxlarge-up-1 > .column:last-child,.xxlarge-up-1 > .columns:last-child {
float: left;
}
.xxlarge-up-2 > .column,.xxlarge-up-2 > .columns {
width: 50%;
float: left;
}
.xxlarge-up-2 > .column:nth-of-type(1n),.xxlarge-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-2 > .column:nth-of-type(2n+1),.xxlarge-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.xxlarge-up-2 > .column:last-child,.xxlarge-up-2 > .columns:last-child {
float: left;
}
.xxlarge-up-3 > .column,.xxlarge-up-3 > .columns {
width: 33.33333%;
float: left;
}
.xxlarge-up-3 > .column:nth-of-type(1n),.xxlarge-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-3 > .column:nth-of-type(3n+1),.xxlarge-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.xxlarge-up-3 > .column:last-child,.xxlarge-up-3 > .columns:last-child {
float: left;
}
.xxlarge-up-4 > .column,.xxlarge-up-4 > .columns {
width: 25%;
float: left;
}
.xxlarge-up-4 > .column:nth-of-type(1n),.xxlarge-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-4 > .column:nth-of-type(4n+1),.xxlarge-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.xxlarge-up-4 > .column:last-child,.xxlarge-up-4 > .columns:last-child {
float: left;
}
.xxlarge-up-5 > .column,.xxlarge-up-5 > .columns {
width: 20%;
float: left;
}
.xxlarge-up-5 > .column:nth-of-type(1n),.xxlarge-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-5 > .column:nth-of-type(5n+1),.xxlarge-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.xxlarge-up-5 > .column:last-child,.xxlarge-up-5 > .columns:last-child {
float: left;
}
.xxlarge-up-6 > .column,.xxlarge-up-6 > .columns {
width: 16.66667%;
float: left;
}
.xxlarge-up-6 > .column:nth-of-type(1n),.xxlarge-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-6 > .column:nth-of-type(6n+1),.xxlarge-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.xxlarge-up-6 > .column:last-child,.xxlarge-up-6 > .columns:last-child {
float: left;
}
.xxlarge-up-7 > .column,.xxlarge-up-7 > .columns {
width: 14.28571%;
float: left;
}
.xxlarge-up-7 > .column:nth-of-type(1n),.xxlarge-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-7 > .column:nth-of-type(7n+1),.xxlarge-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.xxlarge-up-7 > .column:last-child,.xxlarge-up-7 > .columns:last-child {
float: left;
}
.xxlarge-up-8 > .column,.xxlarge-up-8 > .columns {
width: 12.5%;
float: left;
}
.xxlarge-up-8 > .column:nth-of-type(1n),.xxlarge-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-8 > .column:nth-of-type(8n+1),.xxlarge-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.xxlarge-up-8 > .column:last-child,.xxlarge-up-8 > .columns:last-child {
float: left;
}
.xxlarge-collapse > .column,.xxlarge-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.xxlarge-collapse .row {
margin-left: 0;
margin-right: 0;
}
.xxlarge-uncollapse > .column,.xxlarge-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.xxlarge-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.xxlarge-uncentered,.xxlarge-push-0,.xxlarge-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td {
margin: 0;
padding: 0;
}
p {
font-size: inherit;
line-height: 1.6;
margin-bottom: 0;
text-rendering: optimizeLegibility;
}
em,i {
font-style: italic;
line-height: inherit;
}
strong,b {
font-weight: bold;
line-height: inherit;
}
h1,h2,h3,h4,h5,h6 {
font-family: "Hind Siliguri", Helvetica, Roboto, Arial, sans-serif;
font-weight: 500;
font-style: normal;
color: #8aa800;
text-rendering: optimizeLegibility;
margin-top: 0;
margin-bottom: 0.5rem;
line-height: 1.4;
}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
color: #cacaca;
line-height: 0;
}
h2 {
font-size: 1.25rem;
}
h3 {
font-size: 1.1875rem;
}
h4 {
font-size: 1.125rem;
}
h5 {
font-size: 1.0625rem;
}
h6 {
font-size: 1rem;
}
@media screen and (min-width: 40em) {
h1 {
font-size: 1.25rem;
}
h2 {
font-size: 1.25rem;
}
h3 {
font-size: 1.9375rem;
}
h4 {
font-size: 1.5625rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
}
a:hover,a:focus {
color: #779000;
text-decoration: underline;
}
a img {
border: 0;
}
ul,ol,dl {
line-height: 1.6;
margin-bottom: 0;
list-style-position: outside;
}
li {
font-size: inherit;
}
ul {
list-style-type: disc;
margin-left: 1.25rem;
}
ol {
margin-left: 1.25rem;
}
ul ul,ol ul,ul ol,ol ol {
margin-left: 1.25rem;
margin-bottom: 0;
}
dl {
margin-bottom: 1rem;
}
dl dt {
margin-bottom: 0.3rem;
font-weight: bold;
}
blockquote {
margin: 0 0 0;
padding: 0.5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #cacaca;
}
blockquote,blockquote p {
line-height: 1.6;
color: #414042;
}
cite {
display: block;
font-size: 0.8125rem;
color: #414042;
}
cite:before {
content: '\2014 \0020';
}
abbr {
color: #414042;
cursor: help;
border-bottom: 1px dotted #0a0a0a;
}
code {
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: 300;
color: #0a0a0a;
background-color: #e6e6e6;
border: 1px solid #cacaca;
padding: 0.125rem 0.3125rem 0.0625rem;
}
kbd {
padding: 0.125rem 0.25rem 0;
margin: 0;
background-color: #e6e6e6;
color: #0a0a0a;
font-family: Consolas, "Liberation Mono", Courier, monospace;
}
.subheader {
margin-top: 0.2rem;
margin-bottom: 0.5rem;
font-weight: 300;
line-height: 1.4;
color: #414042;
}
.lead {
font-size: 125%;
line-height: 1.6;
}
.stat {
font-size: 2.5rem;
line-height: 1;
}
p + .stat {
margin-top: -1rem;
}
.no-bullet {
margin-left: 0;
list-style: none;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
@media screen and (min-width: 40em) {
.medium-text-left {
text-align: left;
}
.medium-text-right {
text-align: right;
}
.medium-text-center {
text-align: center;
}
.medium-text-justify {
text-align: justify;
}
}
@media screen and (min-width: 64em) {
.large-text-left {
text-align: left;
}
.large-text-right {
text-align: right;
}
.large-text-center {
text-align: center;
}
.large-text-justify {
text-align: justify;
}
}
@media screen and (min-width: 75em) {
.xlarge-text-left {
text-align: left;
}
.xlarge-text-right {
text-align: right;
}
.xlarge-text-center {
text-align: center;
}
.xlarge-text-justify {
text-align: justify;
}
}
@media screen and (min-width: 90em) {
.xxlarge-text-left {
text-align: left;
}
.xxlarge-text-right {
text-align: right;
}
.xxlarge-text-center {
text-align: center;
}
.xxlarge-text-justify {
text-align: justify;
}
}
.show-for-print {
display: none !important;
}
@media print {
* {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
}
.show-for-print {
display: block !important;
}
.hide-for-print {
display: none !important;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print {
display: table-cell !important;
}
th.show-for-print {
display: table-cell !important;
}
a,a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
.ir a:after,a[href^='javascript:']:after,a[href^='#']:after {
content: '';
}
abbr[title]:after {
content: " (" attr(title) ")";
}
pre,blockquote {
border: 1px solid #414042;
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,h3 {
orphans: 3;
widows: 3;
}
h2,h3 {
page-break-after: avoid;
}
}
.button {
display: inline-block;
text-align: center;
line-height: 1;
cursor: pointer;
-webkit-appearance: none;
transition: background-color 0.25s ease-out, color 0.25s ease-out;
vertical-align: middle;
border: 1px solid transparent;
border-radius: 7px;
padding: 0.65em 1.25em;
margin: 0 0 1rem 0;
font-size: 0.9rem;
background-color: #2bc8e8;
color: #fefefe;
}
[data-whatinput='mouse'] .button {
outline: 0;
}
.button:hover,.button:focus {
background-color: #17b3d3;
color: #fefefe;
}
.button.tiny {
font-size: 0.6rem;
}
.button.small {
font-size: 0.75rem;
}
.button.large {
font-size: 1.25rem;
}
.button.expanded {
display: block;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.button.primary {
background-color: #2bc8e8;
color: #fefefe;
}
.button.primary:hover,.button.primary:focus {
background-color: #16a9c6;
color: #fefefe;
}
.button.secondary {
background-color: #777;
color: #fefefe;
}
.button.secondary:hover,.button.secondary:focus {
background-color: #5f5f5f;
color: #fefefe;
}
.button.success {
background-color: #8aa800;
color: #fefefe;
}
.button.success:hover,.button.success:focus {
background-color: #6e8600;
color: #fefefe;
}
.button.warning {
background-color: #ffc339;
color: #0a0a0a;
}
.button.warning:hover,.button.warning:focus {
background-color: #faae00;
color: #0a0a0a;
}
.button.alert {
background-color: #ec5840;
color: #fefefe;
}
.button.alert:hover,.button.alert:focus {
background-color: #da3116;
color: #fefefe;
}
.button.hollow {
border: 1px solid #2bc8e8;
color: #2bc8e8;
}
.button.hollow,.button.hollow:hover,.button.hollow:focus {
background-color: transparent;
}
.button.hollow:hover,.button.hollow:focus {
border-color: #0d697c;
color: #0d697c;
}
.button.hollow.primary {
border: 1px solid #2bc8e8;
color: #2bc8e8;
}
.button.hollow.primary:hover,.button.hollow.primary:focus {
border-color: #0d697c;
color: #0d697c;
}
.button.hollow.secondary {
border: 1px solid #777;
color: #777;
}
.button.hollow.secondary:hover,.button.hollow.secondary:focus {
border-color: #3c3c3c;
color: #3c3c3c;
}
.button.hollow.success {
border: 1px solid #8aa800;
color: #8aa800;
}
.button.hollow.success:hover,.button.hollow.success:focus {
border-color: #455400;
color: #455400;
}
.button.hollow.warning {
border: 1px solid #ffc339;
color: #ffc339;
}
.button.hollow.warning:hover,.button.hollow.warning:focus {
border-color: #9c6d00;
color: #9c6d00;
}
.button.hollow.alert {
border: 1px solid #ec5840;
color: #ec5840;
}
.button.hollow.alert:hover,.button.hollow.alert:focus {
border-color: #881f0e;
color: #881f0e;
}
.button.disabled,.button[disabled] {
opacity: 0.25;
cursor: not-allowed;
}
.button.dropdown::after {
content: '';
display: inline-block;
width: 0;
height: 0;
border: inset 0.4em;
border-color: #fefefe transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
position: relative;
top: 0.4em;
float: right;
margin-left: 1.25em;
}
.button.arrow-only::after {
margin-left: 0;
float: none;
top: -0.1em;
}
[type='text'],[type='password'],[type='date'],[type='datetime'],[type='datetime-local'],[type='month'],[type='week'],[type='email'],[type='number'],[type='search'],[type='tel'],[type='time'],[type='url'],[type='color'],textarea {
display: block;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
padding: 0.5rem;
border: 2px solid #414042;
margin: 0 0 1rem;
font-family: inherit;
font-size: 1rem;
color: #414042;
background-color: #fefefe;
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
border-radius: 7px;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
-webkit-appearance: none;
-moz-appearance: none;
}
[type='text']:focus,[type='password']:focus,[type='date']:focus,[type='datetime']:focus,[type='datetime-local']:focus,[type='month']:focus,[type='week']:focus,[type='email']:focus,[type='number']:focus,[type='search']:focus,[type='tel']:focus,[type='time']:focus,[type='url']:focus,[type='color']:focus,textarea:focus {
border: 2px solid #8aa800;
background-color: #fefefe;
outline: none;
box-shadow: 0 0 5px #414042;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}
textarea[rows] {
height: auto;
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
color: #9F9F9F;
}
input::-moz-placeholder,textarea::-moz-placeholder {
color: #9F9F9F;
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
color: #9F9F9F;
}
input::placeholder,textarea::placeholder {
color: #9F9F9F;
}
input:disabled,input[readonly],textarea:disabled,textarea[readonly] {
background-color: #e6e6e6;
cursor: default;
}
[type='submit'],[type='button'] {
border-radius: 7px;
-webkit-appearance: none;
-moz-appearance: none;
}
input[type='search'] {
box-sizing: border-box;
}
[type='file'],[type='checkbox'],[type='radio'] {
margin: 0 0 1rem;
}
[type='checkbox'] + label,[type='radio'] + label {
display: inline-block;
margin-left: 0.5rem;
margin-right: 1rem;
margin-bottom: 0;
vertical-align: baseline;
}
[type='checkbox'] + label[for],[type='radio'] + label[for] {
cursor: pointer;
}
label > [type='checkbox'],label > [type='radio'] {
margin-right: 0.5rem;
}
[type='file'] {
width: 100%;
}
label {
display: block;
margin: 0;
font-size: 0.875rem;
font-weight: 300;
line-height: 1.8;
color: #0a0a0a;
}
label.middle {
margin: 0 0 1rem;
padding: 0.625rem 0;
}
.help-text {
margin-top: -0.5rem;
font-size: 0.8125rem;
font-style: italic;
color: #0a0a0a;
}
.input-group {
display: table;
width: 100%;
margin-bottom: 1rem;
}
.input-group > :first-child {
border-radius: 0 0 0 0;
}
.input-group > :last-child > * {
border-radius: 0 0 0 0;
}
.input-group-label,.input-group-field,.input-group-button {
margin: 0;
display: table-cell;
vertical-align: middle;
}
.input-group-label {
text-align: center;
padding: 0 1rem;
background: #e6e6e6;
color: #0a0a0a;
border: 1px solid #cacaca;
white-space: nowrap;
width: 1%;
height: 100%;
}
.input-group-label:first-child {
border-right: 0;
}
.input-group-label:last-child {
border-left: 0;
}
.input-group-field {
border-radius: 0;
height: 2.5rem;
}
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
height: 100%;
width: 1%;
}
.input-group-button a,.input-group-button input,.input-group-button button {
margin: 0;
}
.input-group .input-group-button {
display: table-cell;
}
fieldset {
border: 0;
padding: 0;
margin: 0;
}
.fieldset {
border: 1px solid #cacaca;
padding: 1.25rem;
margin: 1.125rem 0;
}
.fieldset legend {
background: #fefefe;
padding: 0 0.1875rem;
margin: 0;
margin-left: -0.1875rem;
}
@media screen and (min-width: 0\0) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
}
}
select:disabled {
background-color: #e6e6e6;
cursor: default;
}
select::-ms-expand {
display: none;
}
select[multiple] {
height: auto;
background-image: none;
}
.is-invalid-input:not(:focus) {
background-color: rgba(236, 88, 64, 0.1);
border-color: #ec5840;
}
.is-invalid-label {
color: #ec5840;
}
.form-error {
display: none;
margin-top: -0.5rem;
margin-bottom: 1rem;
font-size: 0.75rem;
font-weight: bold;
color: #ec5840;
}
.form-error.is-visible {
display: block;
}
.accordion {
list-style-type: none;
background: #fefefe;
border: 1px solid #e6e6e6;
border-bottom: 0;
border-radius: 0;
margin-left: 0;
}
.accordion-title {
display: block;
padding: 1.25rem 1rem;
line-height: 1;
font-size: 0.75rem;
color: #2bc8e8;
position: relative;
border-bottom: 1px solid #e6e6e6;
}
.accordion-title:hover,.accordion-title:focus {
background-color: #e6e6e6;
}
.accordion-title::before {
content: '+';
position: absolute;
right: 1rem;
top: 50%;
margin-top: -0.5rem;
}
.is-active > .accordion-title::before {
content: '–';
}
.accordion-content {
padding: 1rem;
display: none;
border-bottom: 1px solid #e6e6e6;
background-color: #fefefe;
}
.is-accordion-submenu-parent > a {
position: relative;
}
.is-accordion-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 6px;
border-color: #2bc8e8 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
position: absolute;
top: 50%;
margin-top: -4px;
right: 1rem;
}
.is-accordion-submenu-parent[aria-expanded='true'] > a::after {
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
-webkit-transform: scaleY(-1);
-ms-transform: scaleY(-1);
transform: scaleY(-1);
}
.badge {
display: inline-block;
padding: 0.3em;
min-width: 2.1em;
font-size: 0.6rem;
text-align: center;
border-radius: 50%;
background: #2bc8e8;
color: #fefefe;
}
.badge.secondary {
background: #777;
color: #fefefe;
}
.badge.success {
background: #8aa800;
color: #fefefe;
}
.badge.warning {
background: #ffc339;
color: #0a0a0a;
}
.badge.alert {
background: #ec5840;
color: #fefefe;
}
.breadcrumbs {
list-style: none;
margin: 0 0 1rem 0;
}
.breadcrumbs::before,.breadcrumbs::after {
content: ' ';
display: table;
}
.breadcrumbs::after {
clear: both;
}
.breadcrumbs li {
float: left;
color: #0a0a0a;
font-size: 0.6875rem;
cursor: default;
text-transform: uppercase;
}
.breadcrumbs li:not(:last-child)::after {
color: #cacaca;
content: "/";
margin: 0 0.75rem;
position: relative;
top: 1px;
opacity: 1;
}
.breadcrumbs a {
color: #2bc8e8;
}
.breadcrumbs a:hover {
text-decoration: underline;
}
.breadcrumbs .disabled {
color: #cacaca;
cursor: not-allowed;
}
.button-group {
margin-bottom: 1rem;
font-size: 0;
}
.button-group::before,.button-group::after {
content: ' ';
display: table;
}
.button-group::after {
clear: both;
}
.button-group .button {
margin: 0;
font-size: 0.9rem;
}
.button-group .button:not(:last-child) {
margin-right: 1px;
}
.button-group.tiny .button {
font-size: 0.6rem;
}
.button-group.small .button {
font-size: 0.75rem;
}
.button-group.large .button {
font-size: 1.25rem;
}
.button-group.expanded {
margin-right: -1px;
}
.button-group.expanded::before,.button-group.expanded::after {
display: none;
}
.button-group.expanded .button:first-child:nth-last-child(2),.button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2) ~ .button {
display: inline-block;
width: calc(50% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(3),.button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3) ~ .button {
display: inline-block;
width: calc(33.33333% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(4),.button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4) ~ .button {
display: inline-block;
width: calc(25% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(5),.button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5) ~ .button {
display: inline-block;
width: calc(20% - 1px);
margin-right: 1px;
}
.button-group.expanded .button:first-child:nth-last-child(6),.button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6) ~ .button {
display: inline-block;
width: calc(16.66667% - 1px);
margin-right: 1px;
}
.button-group.primary .button {
background-color: #2bc8e8;
color: #fefefe;
}
.button-group.primary .button:hover,.button-group.primary .button:focus {
background-color: #16a9c6;
color: #fefefe;
}
.button-group.secondary .button {
background-color: #777;
color: #fefefe;
}
.button-group.secondary .button:hover,.button-group.secondary .button:focus {
background-color: #5f5f5f;
color: #fefefe;
}
.button-group.success .button {
background-color: #8aa800;
color: #fefefe;
}
.button-group.success .button:hover,.button-group.success .button:focus {
background-color: #6e8600;
color: #fefefe;
}
.button-group.warning .button {
background-color: #ffc339;
color: #0a0a0a;
}
.button-group.warning .button:hover,.button-group.warning .button:focus {
background-color: #faae00;
color: #0a0a0a;
}
.button-group.alert .button {
background-color: #ec5840;
color: #fefefe;
}
.button-group.alert .button:hover,.button-group.alert .button:focus {
background-color: #da3116;
color: #fefefe;
}
.button-group.stacked .button,.button-group.stacked-for-small .button,.button-group.stacked-for-medium .button {
width: 100%;
border-right: 1px solid transparent;
}
.button-group.stacked .button:not(:last-child),.button-group.stacked-for-small .button:not(:last-child),.button-group.stacked-for-medium .button:not(:last-child) {
border-bottom: 1px solid #fefefe;
}
@media screen and (min-width: 40em) {
.button-group.stacked-for-small .button {
width: auto;
}
.button-group.stacked-for-small .button:not(:last-child) {
margin-right: 1px;
}
}
@media screen and (min-width: 64em) {
.button-group.stacked-for-medium .button {
width: auto;
}
.button-group.stacked-for-medium .button:not(:last-child) {
margin-right: 1px;
}
}
@media screen and (max-width: 39.9375em) {
.button-group.stacked-for-small.expanded {
display: block;
}
.button-group.stacked-for-small.expanded .button {
display: block;
margin-right: 0;
}
}
.callout {
margin: 0 0 1rem 0;
padding: 1rem;
border: 1px solid rgba(10, 10, 10, 0.25);
border-radius: 0;
position: relative;
color: #414042;
background-color: white;
}
.callout > :first-child {
margin-top: 0;
}
.callout > :last-child {
margin-bottom: 0;
}
.callout.primary {
background-color: #dff7fc;
}
.callout.secondary {
background-color: #ebebeb;
}
.callout.success {
background-color: #f6ffcc;
}
.callout.warning {
background-color: #fff6e1;
}
.callout.alert {
background-color: #fce6e2;
}
.callout.small {
padding-top: 0.5rem;
padding-right: 0.5rem;
padding-bottom: 0.5rem;
padding-left: 0.5rem;
}
.callout.large {
padding-top: 3rem;
padding-right: 3rem;
padding-bottom: 3rem;
padding-left: 3rem;
}
.close-button {
position: absolute;
color: #414042;
right: 1rem;
top: 0.5rem;
font-size: 2em;
line-height: 1;
cursor: pointer;
}
[data-whatinput='mouse'] .close-button {
outline: 0;
}
.close-button:hover,.close-button:focus {
color: #0a0a0a;
}
.menu {
margin: 0;
list-style-type: none;
}
.menu > li {
display: table-cell;
vertical-align: middle;
}
[data-whatinput='mouse'] .menu > li {
outline: 0;
}
.menu > li > a {
display: block;
padding: 0.7rem 1rem;
line-height: 1;
}
.menu input,.menu a,.menu button {
margin-bottom: 0;
}
.menu > li > a img,.menu > li > a i {
vertical-align: middle;
margin-right: 0.25rem;
display: inline-block;
}
.menu > li > a i + span,.menu > li > a img + span {
vertical-align: middle;
}
.menu.vertical > li {
display: block;
}
@media screen and (min-width: 40em) {
.menu.medium-horizontal > li {
display: table-cell;
}
.menu.medium-vertical > li {
display: block;
}
}
@media screen and (min-width: 64em) {
.menu.large-horizontal > li {
display: table-cell;
}
.menu.large-vertical > li {
display: block;
}
}
@media screen and (min-width: 75em) {
.menu.xlarge-horizontal > li {
display: table-cell;
}
.menu.xlarge-vertical > li {
display: block;
}
}
@media screen and (min-width: 90em) {
.menu.xxlarge-horizontal > li {
display: table-cell;
}
.menu.xxlarge-vertical > li {
display: block;
}
}
.menu.simple li {
line-height: 1;
display: inline-block;
margin-right: 1rem;
}
.menu.simple a {
padding: 0;
}
.menu.align-right::before,.menu.align-right::after {
content: ' ';
display: table;
}
.menu.align-right::after {
clear: both;
}
.menu.align-right > li {
float: right;
}
.menu.expanded {
width: 100%;
display: table;
table-layout: fixed;
}
.menu.expanded > li:first-child:last-child {
width: 100%;
}
.menu.icon-top > li > a {
text-align: center;
}
.menu.icon-top > li > a img,.menu.icon-top > li > a i {
display: block;
margin: 0 auto 0.25rem;
}
.menu.nested {
margin-left: 1rem;
}
.menu .active > a {
color: #fefefe;
background: inherit;
}
.menu-text {
font-weight: bold;
color: inherit;
line-height: 1;
padding-top: 0;
padding-bottom: 0;
padding: 0.7rem 1rem;
}
.menu-centered {
text-align: center;
}
.menu-centered > .menu {
display: inline-block;
}
.no-js [data-responsive-menu] ul {
display: none;
}
.menu-icon {
position: relative;
display: inline-block;
vertical-align: middle;
cursor: pointer;
width: 20px;
height: 16px;
}
.menu-icon::after {
content: '';
position: absolute;
display: block;
width: 100%;
height: 2px;
background: #fefefe;
top: 0;
left: 0;
box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe;
}
.menu-icon:hover::after {
background: #cacaca;
box-shadow: 0 7px 0 #cacaca, 0 14px 0 #cacaca;
}
.menu-icon.dark {
position: relative;
display: inline-block;
vertical-align: middle;
cursor: pointer;
width: 20px;
height: 16px;
}
.menu-icon.dark::after {
content: '';
position: absolute;
display: block;
width: 100%;
height: 2px;
background: #0a0a0a;
top: 0;
left: 0;
box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a;
}
.menu-icon.dark:hover::after {
background: #414042;
box-shadow: 0 7px 0 #414042, 0 14px 0 #414042;
}
.is-drilldown {
position: relative;
overflow: hidden;
}
.is-drilldown li {
display: block !important;
}
.is-drilldown-submenu {
position: absolute;
top: 0;
left: 100%;
z-index: -1;
height: 100%;
width: 100%;
background: #fefefe;
transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}
.is-drilldown-submenu.is-active {
z-index: 1;
display: block;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.is-drilldown-submenu.is-closing {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.is-drilldown-submenu-parent > a {
position: relative;
}
.is-drilldown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 6px;
border-color: transparent transparent transparent #2bc8e8;
border-left-style: solid;
border-right-width: 0;
position: absolute;
top: 50%;
margin-top: -6px;
right: 1rem;
}
.js-drilldown-back > a::before {
content: '';
display: inline-block;
width: 0;
height: 0;
border: inset 6px;
border-color: transparent #2bc8e8 transparent transparent;
border-right-style: solid;
border-left-width: 0;
vertical-align: middle;
margin-right: 0.75rem;
}
.dropdown-pane {
background-color: #fefefe;
border: 1px solid #cacaca;
border-radius: 0;
display: block;
font-size: 1rem;
padding: 1rem;
position: absolute;
visibility: hidden;
width: 300px;
z-index: 10;
}
.dropdown-pane.is-open {
visibility: visible;
}
.dropdown-pane.tiny {
width: 100px;
}
.dropdown-pane.small {
width: 200px;
}
.dropdown-pane.large {
width: 400px;
}
.dropdown.menu > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 0;
top: 100%;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #8aa800 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
right: 5px;
margin-top: -2px;
}
[data-whatinput='mouse'] .dropdown.menu a {
outline: 0;
}
.no-js .dropdown.menu ul {
display: none;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.vertical > li.opens-left .is-dropdown-submenu {
left: auto;
right: 100%;
}
.dropdown.menu.vertical > li.opens-right .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.vertical > li > a::after {
right: 14px;
margin-top: -3px;
}
.dropdown.menu.vertical > li.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #8aa800 transparent transparent;
border-right-style: solid;
border-left-width: 0;
}
.dropdown.menu.vertical > li.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #8aa800;
border-left-style: solid;
border-right-width: 0;
}
@media screen and (min-width: 40em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%;
}
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 0;
top: 100%;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #8aa800 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
right: 5px;
margin-top: -2px;
}
.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu {
left: auto;
right: 100%;
}
.dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.medium-vertical > li > a::after {
right: 14px;
margin-top: -3px;
}
.dropdown.menu.medium-vertical > li.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #8aa800 transparent transparent;
border-right-style: solid;
border-left-width: 0;
}
.dropdown.menu.medium-vertical > li.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #8aa800;
border-left-style: solid;
border-right-width: 0;
}
}
@media screen and (min-width: 64em) {
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%;
}
.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 0;
top: 100%;
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative;
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #8aa800 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
right: 5px;
margin-top: -2px;
}
.dropdown.menu.large-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu {
left: auto;
right: 100%;
}
.dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.large-vertical > li > a::after {
right: 14px;
margin-top: -3px;
}
.dropdown.menu.large-vertical > li.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #8aa800 transparent transparent;
border-right-style: solid;
border-left-width: 0;
}
.dropdown.menu.large-vertical > li.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #8aa800;
border-left-style: solid;
border-right-width: 0;
}
}
@media screen and (min-width: 75em) {
.dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%;
}
.dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 0;
top: 100%;
}
.dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative;
}
.dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #8aa800 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
right: 5px;
margin-top: -2px;
}
.dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.xlarge-vertical > li.opens-left .is-dropdown-submenu {
left: auto;
right: 100%;
}
.dropdown.menu.xlarge-vertical > li.opens-right .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.xlarge-vertical > li > a::after {
right: 14px;
margin-top: -3px;
}
.dropdown.menu.xlarge-vertical > li.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #8aa800 transparent transparent;
border-right-style: solid;
border-left-width: 0;
}
.dropdown.menu.xlarge-vertical > li.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #8aa800;
border-left-style: solid;
border-right-width: 0;
}
}
@media screen and (min-width: 90em) {
.dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%;
}
.dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 0;
top: 100%;
}
.dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative;
}
.dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #8aa800 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
right: 5px;
margin-top: -2px;
}
.dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.xxlarge-vertical > li.opens-left .is-dropdown-submenu {
left: auto;
right: 100%;
}
.dropdown.menu.xxlarge-vertical > li.opens-right .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.xxlarge-vertical > li > a::after {
right: 14px;
margin-top: -3px;
}
.dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #8aa800 transparent transparent;
border-right-style: solid;
border-left-width: 0;
}
.dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #8aa800;
border-left-style: solid;
border-right-width: 0;
}
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
top: 100%;
left: auto;
right: 0;
}
.is-dropdown-menu.vertical {
width: 100px;
}
.is-dropdown-menu.vertical.align-right {
float: right;
}
.is-dropdown-submenu-parent {
position: relative;
}
.is-dropdown-submenu-parent a::after {
position: absolute;
top: 50%;
right: 5px;
margin-top: -2px;
}
.is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu {
top: 100%;
}
.is-dropdown-submenu-parent.opens-left .is-dropdown-submenu {
left: auto;
right: 100%;
}
.is-dropdown-submenu {
display: none;
position: absolute;
top: 0;
left: 100%;
min-width: 200px;
z-index: 1;
background: #fefefe;
border: 1px solid #cacaca;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
right: 14px;
margin-top: -3px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #8aa800 transparent transparent;
border-right-style: solid;
border-left-width: 0;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #8aa800;
border-left-style: solid;
border-right-width: 0;
}
.is-dropdown-submenu .is-dropdown-submenu {
margin-top: -1px;
}
.is-dropdown-submenu > li {
width: 100%;
}
.is-dropdown-submenu:not(.js-dropdown-nohover) > .is-dropdown-submenu-parent:hover > .is-dropdown-submenu,.is-dropdown-submenu.js-dropdown-active {
display: block;
}
.flex-video {
position: relative;
height: 0;
padding-bottom: 75%;
margin-bottom: 1rem;
overflow: hidden;
}
.flex-video iframe,.flex-video object,.flex-video embed,.flex-video video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.flex-video.widescreen {
padding-bottom: 56.25%;
}
.flex-video.vimeo {
padding-top: 0;
}
.label {
display: inline-block;
padding: 0.33333rem 0.5rem;
font-size: 0.8rem;
line-height: 1;
white-space: nowrap;
cursor: default;
border-radius: 0;
background: #2bc8e8;
color: #fefefe;
}
.label.secondary {
background: #777;
color: #fefefe;
}
.label.success {
background: #8aa800;
color: #fefefe;
}
.label.warning {
background: #ffc339;
color: #0a0a0a;
}
.label.alert {
background: #ec5840;
color: #fefefe;
}
.media-object {
margin-bottom: 1rem;
display: block;
}
.media-object img {
max-width: none;
}
@media screen and (max-width: 39.9375em) {
.media-object.stack-for-small .media-object-section {
padding: 0;
padding-bottom: 1rem;
display: block;
}
.media-object.stack-for-small .media-object-section img {
width: 100%;
}
}
.media-object-section {
display: table-cell;
vertical-align: top;
}
.media-object-section:first-child {
padding-right: 1rem;
}
.media-object-section:last-child:not(:nth-child(2)) {
padding-left: 1rem;
}
.media-object-section.middle {
vertical-align: middle;
}
.media-object-section.bottom {
vertical-align: bottom;
}
html,body {
height: 100%;
}
.off-canvas-wrapper {
width: 100%;
overflow-x: hidden;
position: relative;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-overflow-scrolling: auto;
overflow: hidden;
}
.off-canvas-wrapper-inner {
position: relative;
width: 100%;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.off-canvas-wrapper-inner::before,.off-canvas-wrapper-inner::after {
content: ' ';
display: table;
}
.off-canvas-wrapper-inner::after {
clear: both;
}
.off-canvas-content,.off-canvas-content {
min-height: 100%;
background: #fefefe;
transition: transform 0.5s ease, -webkit-transform 0.5s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
padding-bottom: 0.1px;
box-shadow: 0 0 10px rgba(10, 10, 10, 0.5);
}
.js-off-canvas-exit {
display: none;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(254, 254, 254, 0.25);
cursor: pointer;
transition: background 0.5s ease;
}
.off-canvas {
position: fixed;
background: #8aa800;
z-index: 50;
max-height: 100%;
overflow-y: auto;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
min-height: 100%;
}
[data-whatinput='mouse'] .off-canvas {
outline: 0;
}
.off-canvas.position-left {
left: -250px;
top: 0;
width: 250px;
}
.is-open-left {
-webkit-transform: translateX(250px);
-ms-transform: translateX(250px);
transform: translateX(250px);
}
.off-canvas.position-right {
right: -250px;
top: 0;
width: 250px;
}
.is-open-right {
-webkit-transform: translateX(-250px);
-ms-transform: translateX(-250px);
transform: translateX(-250px);
}
@media screen and (min-width: 40em) {
.position-left.reveal-for-medium {
left: 0;
z-index: auto;
position: fixed;
}
.position-left.reveal-for-medium ~ .off-canvas-content {
margin-left: 250px;
}
.position-right.reveal-for-medium {
right: 0;
z-index: auto;
position: fixed;
}
.position-right.reveal-for-medium ~ .off-canvas-content {
margin-right: 250px;
}
}
@media screen and (min-width: 64em) {
.position-left.reveal-for-large {
left: 0;
z-index: auto;
position: fixed;
}
.position-left.reveal-for-large ~ .off-canvas-content {
margin-left: 250px;
}
.position-right.reveal-for-large {
right: 0;
z-index: auto;
position: fixed;
}
.position-right.reveal-for-large ~ .off-canvas-content {
margin-right: 250px;
}
}
@media screen and (min-width: 75em) {
.position-left.reveal-for-xlarge {
left: 0;
z-index: auto;
position: fixed;
}
.position-left.reveal-for-xlarge ~ .off-canvas-content {
margin-left: 250px;
}
.position-right.reveal-for-xlarge {
right: 0;
z-index: auto;
position: fixed;
}
.position-right.reveal-for-xlarge ~ .off-canvas-content {
margin-right: 250px;
}
}
@media screen and (min-width: 90em) {
.position-left.reveal-for-xxlarge {
left: 0;
z-index: auto;
position: fixed;
}
.position-left.reveal-for-xxlarge ~ .off-canvas-content {
margin-left: 250px;
}
.position-right.reveal-for-xxlarge {
right: 0;
z-index: auto;
position: fixed;
}
.position-right.reveal-for-xxlarge ~ .off-canvas-content {
margin-right: 250px;
}
}
.orbit {
position: relative;
}
.orbit-container {
position: relative;
margin: 0;
overflow: hidden;
list-style: none;
}
.orbit-slide {
width: 100%;
max-height: 100%;
}
.orbit-slide.no-motionui.is-active {
top: 0;
left: 0;
}
.orbit-figure {
margin: 0;
}
.orbit-image {
margin: 0;
width: 100%;
max-width: 100%;
}
.orbit-caption {
position: absolute;
bottom: 0;
width: 100%;
padding: 1rem;
margin-bottom: 0;
color: #fefefe;
background-color: rgba(10, 10, 10, 0.5);
}
.orbit-previous,.orbit-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 10;
padding: 1rem;
color: #fefefe;
}
[data-whatinput='mouse'] .orbit-previous,[data-whatinput='mouse'] .orbit-next {
outline: 0;
}
.orbit-previous:hover,.orbit-next:hover,.orbit-previous:active,.orbit-next:active,.orbit-previous:focus,.orbit-next:focus {
background-color: rgba(10, 10, 10, 0.5);
}
.orbit-previous {
left: 0;
}
.orbit-next {
left: auto;
right: 0;
}
.orbit-bullets {
position: relative;
margin-top: 0.8rem;
margin-bottom: 0.8rem;
text-align: center;
}
[data-whatinput='mouse'] .orbit-bullets {
outline: 0;
}
.orbit-bullets button {
width: 1.2rem;
height: 1.2rem;
margin: 0.1rem;
background-color: #cacaca;
border-radius: 50%;
}
.orbit-bullets button:hover {
background-color: #414042;
}
.orbit-bullets button.is-active {
background-color: #414042;
}
.pagination {
margin-left: 0;
margin-bottom: 1rem;
}
.pagination::before,.pagination::after {
content: ' ';
display: table;
}
.pagination::after {
clear: both;
}
.pagination li {
font-size: 0.875rem;
margin-right: 0.0625rem;
border-radius: 0;
display: none;
}
.pagination li:last-child,.pagination li:first-child {
display: inline-block;
}
@media screen and (min-width: 40em) {
.pagination li {
display: inline-block;
}
}
.pagination a,.pagination button {
color: #0a0a0a;
display: block;
padding: 0.1875rem 0.625rem;
border-radius: 0;
}
.pagination a:hover,.pagination button:hover {
background: #e6e6e6;
}
.pagination .current {
padding: 0.1875rem 0.625rem;
background: #2bc8e8;
color: #fefefe;
cursor: default;
}
.pagination .disabled {
padding: 0.1875rem 0.625rem;
color: #cacaca;
cursor: not-allowed;
}
.pagination .disabled:hover {
background: transparent;
}
.pagination .ellipsis::after {
content: '\2026';
padding: 0.1875rem 0.625rem;
color: #0a0a0a;
}
.pagination-previous a::before,.pagination-previous.disabled::before {
content: '\00ab';
display: inline-block;
margin-right: 0.5rem;
}
.pagination-next a::after,.pagination-next.disabled::after {
content: '\00bb';
display: inline-block;
margin-left: 0.5rem;
}
.progress {
background-color: #cacaca;
height: 1rem;
margin-bottom: 1rem;
border-radius: 0;
}
.progress.primary .progress-meter {
background-color: #2bc8e8;
}
.progress.secondary .progress-meter {
background-color: #777;
}
.progress.success .progress-meter {
background-color: #8aa800;
}
.progress.warning .progress-meter {
background-color: #ffc339;
}
.progress.alert .progress-meter {
background-color: #ec5840;
}
.progress-meter {
position: relative;
display: block;
width: 0%;
height: 100%;
background-color: #2bc8e8;
}
.progress-meter-text {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 0;
font-size: 0.75rem;
font-weight: bold;
color: #fefefe;
white-space: nowrap;
}
.slider {
position: relative;
height: 0.5rem;
margin-top: 1.25rem;
margin-bottom: 2.25rem;
background-color: #e6e6e6;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-ms-touch-action: none;
touch-action: none;
}
.slider-fill {
position: absolute;
top: 0;
left: 0;
display: inline-block;
max-width: 100%;
height: 0.5rem;
background-color: #cacaca;
transition: all 0.2s ease-in-out;
}
.slider-fill.is-dragging {
transition: all 0s linear;
}
.slider-handle {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
z-index: 1;
display: inline-block;
width: 1.4rem;
height: 1.4rem;
background-color: #2bc8e8;
transition: all 0.2s ease-in-out;
-ms-touch-action: manipulation;
touch-action: manipulation;
border-radius: 0;
}
[data-whatinput='mouse'] .slider-handle {
outline: 0;
}
.slider-handle:hover {
background-color: #17b3d3;
}
.slider-handle.is-dragging {
transition: all 0s linear;
}
.slider.disabled,.slider[disabled] {
opacity: 0.25;
cursor: not-allowed;
}
.slider.vertical {
display: inline-block;
width: 0.5rem;
height: 12.5rem;
margin: 0 1.25rem;
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
.slider.vertical .slider-fill {
top: 0;
width: 0.5rem;
max-height: 100%;
}
.slider.vertical .slider-handle {
position: absolute;
top: 0;
left: 50%;
width: 1.4rem;
height: 1.4rem;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.sticky-container {
position: relative;
}
.sticky {
position: absolute;
z-index: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.sticky.is-stuck {
position: fixed;
z-index: 5;
}
.sticky.is-stuck.is-at-top {
top: 0;
}
.sticky.is-stuck.is-at-bottom {
bottom: 0;
}
.sticky.is-anchored {
position: absolute;
left: auto;
right: auto;
}
.sticky.is-anchored.is-at-bottom {
bottom: 0;
}
body.is-reveal-open {
overflow: hidden;
}
.reveal-overlay {
display: none;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 1005;
background-color: rgba(10, 10, 10, 0.45);
overflow-y: scroll;
}
.reveal {
display: none;
z-index: 1006;
padding: 1rem;
border: 1px solid #cacaca;
background-color: #fefefe;
border-radius: 0;
position: relative;
top: 100px;
margin-left: auto;
margin-right: auto;
overflow-y: auto;
}
[data-whatinput='mouse'] .reveal {
outline: 0;
}
@media screen and (min-width: 40em) {
.reveal {
min-height: 0;
}
}
.reveal .column,.reveal .columns,.reveal .columns {
min-width: 0;
}
.reveal > :last-child {
margin-bottom: 0;
}
@media screen and (min-width: 40em) {
.reveal {
width: 600px;
max-width: 75rem;
}
}
@media screen and (min-width: 40em) {
.reveal .reveal {
left: auto;
right: auto;
margin: 0 auto;
}
}
.reveal.collapse {
padding: 0;
}
@media screen and (min-width: 40em) {
.reveal.tiny {
width: 30%;
max-width: 75rem;
}
}
@media screen and (min-width: 40em) {
.reveal.small {
width: 50%;
max-width: 75rem;
}
}
@media screen and (min-width: 40em) {
.reveal.large {
width: 90%;
max-width: 75rem;
}
}
.reveal.full {
top: 0;
left: 0;
width: 100%;
height: 100vh;
min-height: 100vh;
max-width: none;
margin-left: 0;
border: 0;
border-radius: 0;
}
@media screen and (max-width: 39.9375em) {
.reveal {
top: 0;
left: 0;
width: 100%;
height: 100%;
height: 100vh;
min-height: 100vh;
max-width: none;
margin-left: 0;
border: 0;
border-radius: 0;
}
}
.reveal.without-overlay {
position: fixed;
}
.switch {
margin-bottom: 1rem;
outline: 0;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
color: #fefefe;
font-weight: bold;
font-size: 0.875rem;
}
.switch-input {
opacity: 0;
position: absolute;
}
.switch-paddle {
background: #cacaca;
cursor: pointer;
display: block;
position: relative;
width: 4rem;
height: 2rem;
transition: all 0.25s ease-out;
border-radius: 0;
color: inherit;
font-weight: inherit;
}
input + .switch-paddle {
margin: 0;
}
.switch-paddle::after {
background: #fefefe;
content: '';
display: block;
position: absolute;
height: 1.5rem;
left: 0.25rem;
top: 0.25rem;
width: 1.5rem;
transition: all 0.25s ease-out;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
border-radius: 0;
}
input:checked ~ .switch-paddle {
background: #2bc8e8;
}
input:checked ~ .switch-paddle::after {
left: 2.25rem;
}
[data-whatinput='mouse'] input:focus ~ .switch-paddle {
outline: 0;
}
.switch-active,.switch-inactive {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.switch-active {
left: 8%;
display: none;
}
input:checked + label > .switch-active {
display: block;
}
.switch-inactive {
right: 15%;
}
input:checked + label > .switch-inactive {
display: none;
}
.switch.tiny .switch-paddle {
width: 3rem;
height: 1.5rem;
font-size: 0.625rem;
}
.switch.tiny .switch-paddle::after {
width: 1rem;
height: 1rem;
}
.switch.tiny input:checked ~ .switch-paddle::after {
left: 1.75rem;
}
.switch.small .switch-paddle {
width: 3.5rem;
height: 1.75rem;
font-size: 0.75rem;
}
.switch.small .switch-paddle::after {
width: 1.25rem;
height: 1.25rem;
}
.switch.small input:checked ~ .switch-paddle::after {
left: 2rem;
}
.switch.large .switch-paddle {
width: 5rem;
height: 2.5rem;
font-size: 1rem;
}
.switch.large .switch-paddle::after {
width: 2rem;
height: 2rem;
}
.switch.large input:checked ~ .switch-paddle::after {
left: 2.75rem;
}
table thead,table tbody,table tfoot {
border: 1px solid #f1f1f1;
background-color: #fefefe;
}
table caption {
font-weight: bold;
padding: 0.5rem 0.625rem 0.625rem;
}
table thead,table tfoot {
background: #f8f8f8;
color: #414042;
}
table thead tr,table tfoot tr {
background: transparent;
}
table thead th,table thead td,table tfoot th,table tfoot td {
padding: 0.5rem 0.625rem 0.625rem;
font-weight: bold;
text-align: left;
}
table tbody tr:nth-child(even) {
background-color: #f1f1f1;
}
table tbody th,table tbody td {
padding: 0.5rem 0.625rem 0.625rem;
}
@media screen and (max-width: 63.9375em) {
table.stack thead {
display: none;
}
table.stack tfoot {
display: none;
}
table.stack tr,table.stack th,table.stack td {
display: block;
}
table.stack td {
border-top: 0;
}
}
table.scroll {
display: block;
width: 100%;
overflow-x: auto;
}
table.hover tr:hover {
background-color: #f9f9f9;
}
table.hover tr:nth-of-type(even):hover {
background-color: #ececec;
}
.table-scroll {
overflow-x: auto;
}
.table-scroll table {
width: auto;
}
.tabs {
margin: 0;
list-style-type: none;
background: #fefefe;
border: 1px solid #e6e6e6;
}
.tabs::before,.tabs::after {
content: ' ';
display: table;
}
.tabs::after {
clear: both;
}
.tabs.vertical > li {
width: auto;
float: none;
display: block;
}
.tabs.simple > li > a {
padding: 0;
}
.tabs.simple > li > a:hover {
background: transparent;
}
.tabs.primary {
background: #2bc8e8;
}
.tabs.primary > li > a {
color: #fefefe;
}
.tabs.primary > li > a:hover,.tabs.primary > li > a:focus {
background: #1fc5e7;
}
.tabs-title {
float: left;
}
.tabs-title > a {
display: block;
padding: 1.25rem 1.5rem;
line-height: 1;
font-size: 0.75rem;
}
.tabs-title > a:hover {
background: #fefefe;
}
.tabs-title > a:focus,.tabs-title > a[aria-selected='true'] {
background: #e6e6e6;
}
.tabs-content {
background: #fefefe;
transition: all 0.5s ease;
border: 1px solid #e6e6e6;
border-top: 0;
}
.tabs-content.vertical {
border: 1px solid #e6e6e6;
border-left: 0;
}
.tabs-panel {
display: none;
padding: 1rem;
}
.tabs-panel.is-active {
display: block;
}
.thumbnail {
border: solid 7px #e6e6e6;
box-shadow: 0 0 0 1px rgba(10, 10, 10, 0.2);
display: inline-block;
line-height: 0;
max-width: 100%;
transition: box-shadow 200ms ease-out;
border-radius: 7px;
margin-bottom: 1rem;
}
.thumbnail:hover,.thumbnail:focus {
box-shadow: 0 0 6px 1px rgba(138, 168, 0, 0.8);
}
.title-bar {
background: #0a0a0a;
color: #fefefe;
padding: 0.5rem;
background-color: #8aa800;
margin-bottom: 25px;
width: 100%;
z-index: 1000;
}
.title-bar::before,.title-bar::after {
content: ' ';
display: table;
}
.title-bar::after {
clear: both;
}
.title-bar .menu-icon {
margin-left: 0.25rem;
margin-right: 0.5rem;
}
.title-bar-left {
float: left;
}
.title-bar-right {
float: right;
text-align: right;
}
.title-bar-title {
font-weight: bold;
vertical-align: middle;
display: inline-block;
}
.has-tip {
border-bottom: dotted 1px #414042;
font-weight: bold;
position: relative;
display: inline-block;
cursor: help;
}
.tooltip {
background-color: #0a0a0a;
color: #fefefe;
font-size: 80%;
padding: 0.75rem;
position: absolute;
z-index: 10;
top: calc(100% + 0.6495rem);
max-width: 10rem !important;
border-radius: 0;
}
.tooltip::before {
content: '';
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
border-color: transparent transparent #0a0a0a;
border-bottom-style: solid;
border-top-width: 0;
bottom: 100%;
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.tooltip.top::before {
content: '';
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
border-color: #0a0a0a transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
top: 100%;
bottom: auto;
}
.tooltip.left::before {
content: '';
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
border-color: transparent transparent transparent #0a0a0a;
border-left-style: solid;
border-right-width: 0;
bottom: auto;
left: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.tooltip.right::before {
content: '';
display: block;
width: 0;
height: 0;
border: inset 0.75rem;
border-color: transparent #0a0a0a transparent transparent;
border-right-style: solid;
border-left-width: 0;
bottom: auto;
left: auto;
right: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.top-bar {
padding: 0.5rem;
}
.top-bar::before,.top-bar::after {
content: ' ';
display: table;
}
.top-bar::after {
clear: both;
}
.top-bar,.top-bar ul {
background-color: #e6e6e6;
}
.top-bar input {
max-width: 200px;
margin-right: 1rem;
}
.top-bar .input-group-field {
width: 100%;
margin-right: 0;
}
.top-bar input.button {
width: auto;
}
.top-bar .top-bar-left,.top-bar .top-bar-right {
width: 100%;
}
@media screen and (min-width: 40em) {
.top-bar .top-bar-left,.top-bar .top-bar-right {
width: auto;
}
}
@media screen and (max-width: 63.9375em) {
.top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right {
width: 100%;
}
}
@media screen and (max-width: 74.9375em) {
.top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right {
width: 100%;
}
}
@media screen and (max-width: 89.9375em) {
.top-bar.stacked-for-xlarge .top-bar-left,.top-bar.stacked-for-xlarge .top-bar-right {
width: 100%;
}
}
.top-bar.stacked-for-xxlarge .top-bar-left,.top-bar.stacked-for-xxlarge .top-bar-right {
width: 100%;
}
.top-bar-title {
float: left;
margin-right: 1rem;
}
.top-bar-left {
float: left;
}
.top-bar-right {
float: right;
}
.hide {
display: none !important;
}
.invisible {
visibility: hidden;
}
@media screen and (max-width: 39.9375em) {
.hide-for-small-only {
display: none !important;
}
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
.show-for-small-only {
display: none !important;
}
}
@media screen and (min-width: 40em) {
.hide-for-medium {
display: none !important;
}
}
@media screen and (max-width: 39.9375em) {
.show-for-medium {
display: none !important;
}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.hide-for-medium-only {
display: none !important;
}
}
@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
.show-for-medium-only {
display: none !important;
}
}
@media screen and (min-width: 64em) {
.hide-for-large {
display: none !important;
}
}
@media screen and (max-width: 63.9375em) {
.show-for-large {
display: none !important;
}
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
.hide-for-large-only {
display: none !important;
}
}
@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important;
}
}
@media screen and (min-width: 75em) {
.hide-for-xlarge {
display: none !important;
}
}
@media screen and (max-width: 74.9375em) {
.show-for-xlarge {
display: none !important;
}
}
@media screen and (min-width: 75em) and (max-width: 89.9375em) {
.hide-for-xlarge-only {
display: none !important;
}
}
@media screen and (max-width: 74.9375em), screen and (min-width: 90em) {
.show-for-xlarge-only {
display: none !important;
}
}
@media screen and (min-width: 90em) {
.hide-for-xxlarge {
display: none !important;
}
}
@media screen and (max-width: 89.9375em) {
.show-for-xxlarge {
display: none !important;
}
}
@media screen and (min-width: 90em) {
.hide-for-xxlarge-only {
display: none !important;
}
}
@media screen and (max-width: 89.9375em) {
.show-for-xxlarge-only {
display: none !important;
}
}
.show-for-sr,.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
}
.show-on-focus:active,.show-on-focus:focus {
position: static !important;
height: auto;
width: auto;
overflow: visible;
clip: auto;
}
.show-for-landscape,.hide-for-portrait {
display: block !important;
}
@media screen and (orientation: landscape) {
.show-for-landscape,.hide-for-portrait {
display: block !important;
}
}
@media screen and (orientation: portrait) {
.show-for-landscape,.hide-for-portrait {
display: none !important;
}
}
.hide-for-landscape,.show-for-portrait {
display: none !important;
}
@media screen and (orientation: landscape) {
.hide-for-landscape,.show-for-portrait {
display: none !important;
}
}
@media screen and (orientation: portrait) {
.hide-for-landscape,.show-for-portrait {
display: block !important;
}
}
.float-left {
float: left !important;
}
.float-right {
float: right !important;
}
.float-center {
display: block;
margin-left: auto;
margin-right: auto;
}
.clearfix::before,.clearfix::after {
content: ' ';
display: table;
}
.clearfix::after {
clear: both;
}
.slide-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-in-down.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.slide-in-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-in-left.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.slide-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-in-up.mui-enter.mui-enter-active {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.slide-in-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-in-right.mui-enter.mui-enter-active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.slide-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-out-down.mui-leave.mui-leave-active {
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
}
.slide-out-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-out-right.mui-leave.mui-leave-active {
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
}
.slide-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-out-up.mui-leave.mui-leave-active {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
}
.slide-out-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
transition-property: transform, opacity, -webkit-transform;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.slide-out-left.mui-leave.mui-leave-active {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
}
.fade-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 0;
transition-property: opacity;
}
.fade-in.mui-enter.mui-enter-active {
opacity: 1;
}
.fade-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
opacity: 1;
transition-property: opacity;
}
.fade-out.mui-leave.mui-leave-active {
opacity: 0;
}
.hinge-in-from-top.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-top.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-right.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-right.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-bottom.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-bottom.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-left.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-left.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-middle-x.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-middle-x.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-in-from-middle-y.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.hinge-in-from-middle-y.mui-enter.mui-enter-active {
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
opacity: 1;
}
.hinge-out-from-top.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: top;
-ms-transform-origin: top;
transform-origin: top;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-top.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0;
}
.hinge-out-from-right.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: right;
-ms-transform-origin: right;
transform-origin: right;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-right.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0;
}
.hinge-out-from-bottom.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: bottom;
-ms-transform-origin: bottom;
transform-origin: bottom;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-bottom.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(90deg);
transform: perspective(2000px) rotateX(90deg);
opacity: 0;
}
.hinge-out-from-left.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: left;
-ms-transform-origin: left;
transform-origin: left;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-left.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(90deg);
transform: perspective(2000px) rotateY(90deg);
opacity: 0;
}
.hinge-out-from-middle-x.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-middle-x.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateX(-90deg);
transform: perspective(2000px) rotateX(-90deg);
opacity: 0;
}
.hinge-out-from-middle-y.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: perspective(2000px) rotate(0deg);
transform: perspective(2000px) rotate(0deg);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.hinge-out-from-middle-y.mui-leave.mui-leave-active {
-webkit-transform: perspective(2000px) rotateY(-90deg);
transform: perspective(2000px) rotateY(-90deg);
opacity: 0;
}
.scale-in-up.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.scale-in-up.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.scale-in-down.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.scale-in-down.mui-enter.mui-enter-active {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.scale-out-up.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.scale-out-up.mui-leave.mui-leave-active {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
opacity: 0;
}
.scale-out-down.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.scale-out-down.mui-leave.mui-leave-active {
-webkit-transform: scale(0.5);
-ms-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
.spin-in.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(-0.75turn);
-ms-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.spin-in.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
.spin-out.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.spin-out.mui-leave.mui-leave-active {
-webkit-transform: rotate(0.75turn);
-ms-transform: rotate(0.75turn);
transform: rotate(0.75turn);
opacity: 0;
}
.spin-in-ccw.mui-enter {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(0.75turn);
-ms-transform: rotate(0.75turn);
transform: rotate(0.75turn);
transition-property: transform, opacity, -webkit-transform;
opacity: 0;
}
.spin-in-ccw.mui-enter.mui-enter-active {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1;
}
.spin-out-ccw.mui-leave {
transition-duration: 500ms;
transition-timing-function: linear;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
transition-property: transform, opacity, -webkit-transform;
opacity: 1;
}
.spin-out-ccw.mui-leave.mui-leave-active {
-webkit-transform: rotate(-0.75turn);
-ms-transform: rotate(-0.75turn);
transform: rotate(-0.75turn);
opacity: 0;
}
.slow {
transition-duration: 750ms !important;
-webkit-animation-duration: 750ms !important;
animation-duration: 750ms !important;
}
.fast {
transition-duration: 250ms !important;
-webkit-animation-duration: 250ms !important;
animation-duration: 250ms !important;
}
.linear {
transition-timing-function: linear !important;
-webkit-animation-timing-function: linear !important;
animation-timing-function: linear !important;
}
.ease {
transition-timing-function: ease !important;
-webkit-animation-timing-function: ease !important;
animation-timing-function: ease !important;
}
.ease-in {
transition-timing-function: ease-in !important;
-webkit-animation-timing-function: ease-in !important;
animation-timing-function: ease-in !important;
}
.ease-out {
transition-timing-function: ease-out !important;
-webkit-animation-timing-function: ease-out !important;
animation-timing-function: ease-out !important;
}
.ease-in-out {
transition-timing-function: ease-in-out !important;
-webkit-animation-timing-function: ease-in-out !important;
animation-timing-function: ease-in-out !important;
}
.bounce-in {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
animation-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
}
.bounce-out {
transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
-webkit-animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
animation-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
}
.bounce-in-out {
transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
-webkit-animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
animation-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
}
.short-delay {
transition-delay: 300ms !important;
-webkit-animation-delay: 300ms !important;
animation-delay: 300ms !important;
}
.long-delay {
transition-delay: 700ms !important;
-webkit-animation-delay: 700ms !important;
animation-delay: 700ms !important;
}
.shake {
-webkit-animation-name: shake-7;
animation-name: shake-7;
}
@keyframes shake-7 {
0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
-webkit-transform: translateX(7%);
transform: translateX(7%);
}
5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%);
}
}
@keyframes shake-7 {
0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
-webkit-transform: translateX(7%);
transform: translateX(7%);
}
5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%);
}
}
.spin-cw {
-webkit-animation-name: spin-cw-1turn;
animation-name: spin-cw-1turn;
}
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
.spin-ccw {
-webkit-animation-name: spin-cw-1turn;
animation-name: spin-cw-1turn;
}
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
.wiggle {
-webkit-animation-name: wiggle-7deg;
animation-name: wiggle-7deg;
}
@keyframes wiggle-7deg {
40%,50%,60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg);
}
35%,45%,55%,65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg);
}
0%,30%,70%,100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes wiggle-7deg {
40%,50%,60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg);
}
35%,45%,55%,65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg);
}
0%,30%,70%,100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
.shake,.spin-cw,.spin-ccw,.wiggle {
-webkit-animation-duration: 500ms;
animation-duration: 500ms;
}
.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.m-0 {
margin: 0 !important;
}
.m-t-25 {
margin-top: 25px;
}
.m-t-50 {
margin-top: 50px;
}
.m-b-25 {
margin-bottom: 25px;
}
.m-b-50 {
margin-bottom: 50px;
}
.m-b-26 {
margin-bottom: 26px;
}
.m-l-5 {
margin-left: 5px;
}
.m-l-25 {
margin-left: 25px;
}
.m-r-25 {
margin-right: 25px;
}
.m-l-40 {
margin-left: 40px;
}
.p-lr-15 {
padding-left: 15px;
padding-right: 15px;
}
.p-tb-15 {
padding-top: 15px;
padding-bottom: 15px;
}
.p-tb-25 {
padding-top: 25px;
padding-bottom: 25px;
}
.p-tb-35 {
padding-top: 35px;
padding-bottom: 35px;
}
.p-lr-0 {
padding-left: 0;
padding-right: 0;
}
.p-25 {
padding: 25px !important;
}
.p-b-0 {
padding-bottom: 0 !important;
}
.p-l-0 {
padding-left: 0 !important;
}
.rounded {
border-radius: 7px;
}
.button.long {
padding: 0.9em 4em;
text-transform: uppercase;
}
.thin {
font-weight: 300 !important;
}
.bolder {
font-weight: 500 !important;
}
.bold {
font-weight: 700 !important;
}
.pointer {
cursor: pointer;
}
.uppercase {
text-transform: uppercase;
}
.underline {
text-decoration: underline;
}
.green-text {
color: #8aa800 !important;
}
.white-text {
color: #fefefe !important;
}
.large-text {
font-size: 1.2rem;
}
.fa-small {
font-size: 1rem;
}
[type="text"],[type="password"],[type="date"],[type="datetime"],[type="datetime-local"],[type="month"],[type="week"],[type="email"],[type="number"],[type="search"],[type="tel"],[type="time"],[type="url"],[type="color"],textarea,[type="text"]:focus,[type="password"]:focus,[type="date"]:focus,[type="datetime"]:focus,[type="datetime-local"]:focus,[type="month"]:focus,[type="week"]:focus,[type="email"]:focus,[type="number"]:focus,[type="search"]:focus,[type="tel"]:focus,[type="time"]:focus,[type="url"]:focus,[type="color"]:focus,textarea:focus {
box-shadow: none;
padding: 0.8rem 1rem;
line-height: 2rem;
height: 3rem;
margin-bottom: 1.4rem;
}
textarea,textarea:focus {
height: 120px;
}
#logo-href {
margin: 50px auto 0;
text-align: center;
display: block;
}
.social-icons {
margin: 70px auto 0;
float: right;
}
.binarity-info {
margin: 30px auto 20px;
float: right;
text-align: right;
}
.binarity-info:before {
content: '';
width: 25%;
position: relative;
right: 0.7rem;
height: 1px;
background-color: #fefefe;
margin-bottom: 30px;
display: inline-block;
}
#responsive-menu .main-menu {
margin: 70px auto 0;
text-align: right;
}
.off-canvas#responsive-menu .main-menu.menu > li > a {
padding: 0.2rem 0.5rem;
text-transform: uppercase;
letter-spacing: 2px;
font-size: 1.2rem;
color: #fefefe;
}
.off-canvas#responsive-menu .main-menu.menu > li > a:hover,.off-canvas#responsive-menu .main-menu.menu > li.active > a {
text-decoration: none;
color: #414042;
}
.social-icons.menu > li > a {
padding: 0.2rem;
}
.social-icons.menu > li > a > i {
color: #fefefe;
}
.social-icons.menu > li > a:hover > i {
color: #414042;
}
.binarity-info.menu > li {
padding: 0.1rem 0.7rem;
letter-spacing: 2px;
font-size: 0.9rem;
color: #414042;
line-height: 1;
}
.binarity-info.menu > li > a {
padding: 0.1rem 0;
color: #414042;
font-weight: 700;
}
.off-canvas-content {
box-shadow: none;
background: transparent;
padding-top: 25px;
min-height: 100%;
height: 100%;
}
.more-references {
display: none;
}
.more-refs {
display: block;
width: 100%;
clear: both;
margin-bottom: 25px;
}
.reference-item {
margin-bottom: 1rem;
}
.reference-item .holder {
position: relative;
display: inline-block;
}
.item-data {
display: block;
opacity: 0;
width: calc(100% - 14px) !important;
height: calc(100% - 30px);
position: absolute;
top: 7px;
left: 7px;
background-color: rgba(65, 64, 66, 0.85);
font-size: 0.8rem;
text-align: center;
font-weight: 300;
padding: 5px;
}
.item-data p,.item-data a,.item-data h4 {
color: #ffffff;
}
.item-data h4 {
font-size: 1rem;
margin-top: 20px;
display: block;
margin-bottom: 15px;
}
.item-data h4:after {
content: '';
width: 10%;
height: 1px;
background-color: #fefefe;
display: inline-block;
position: absolute;
top: 50px;
left: 45%;
}
.item-data a {
text-transform: uppercase;
}
.member-list {
border-right: 2px solid #8aa800;
}
.member {
margin-bottom: 15px;
clear: both;
}
.contact-address {
background-color: #8aa800;
}
.contact-address div {
margin: 15px auto;
}
.contact-address p,.contact-address b,.contact-address a {
color: #fefefe;
margin: 0;
line-height: 20px;
}
.member-tile p,.member-tile a {
color: #414042;
margin: 0;
line-height: 17px;
}
.avatar-image {
margin: 2px auto 0 auto;
width: 75px;
height: auto;
position: relative;
left: calc(50% - 37px);
}
.what-we-know-holder {
width: 650px;
height: 76px;
position: relative;
margin: 0 auto;
}
.what-we-know {
position: absolute;
display: inline-block;
background: url(../images/technologies_hexagon.png);
width: 87px;
height: 74px;
}
.what-we-know:nth-child(2) {
left: 70px;
}
.what-we-know:nth-child(3) {
left: 140px;
}
.what-we-know:nth-child(4) {
left: 210px;
}
.what-we-know:nth-child(5) {
left: 280px;
}
.what-we-know:nth-child(6) {
left: 350px;
}
.what-we-know:nth-child(7) {
left: 420px;
}
.what-we-know:nth-child(8) {
left: 490px;
}
.what-we-know:nth-child(9) {
left: 560px;
}
.what-we-know:nth-child(even) {
top: 37px;
}
.what-we-know img {
width: 54px;
height: auto;
position: absolute;
top: 14px;
left: 16px;
}
.price-list {
color: #fefefe;
}
.price-list tbody {
border: 0;
background-color: transparent;
}
table.price-list tbody tr,table.price-list tbody tr:nth-child(2n) {
background-color: transparent;
}
table.price-list tbody tr td {
padding: 0.2rem 0.625rem 0.2rem 0;
}
table.price-list tbody tr td:first-child:before {
content: '•';
margin-right: 5px;
color: #8aa800;
}
.dark-background {
background-color: #58595b;
color: #fefefe;
}
.services-pos {
position: relative;
}
a#responsive-menu-button {
color: #ffffff;
font-size: 1.5rem;
line-height: 75px;
}
a#responsive-menu-button:hover {
text-decoration: none;
}
footer {
width: 100%;
display: block;
background-color: #8aa800;
text-align: center;
}
footer .social-icons {
margin: 20px auto 0;
float: none;
display: inline-block;
}
footer .binarity-info {
margin: 5px auto 20px;
float: none;
display: inline-block;
text-align: center;
}
footer .binarity-info:before {
content: '';
width: 50px;
position: relative;
left: calc(50% - 95px);
height: 1px;
background-color: #fefefe;
margin-bottom: 5px;
display: inline-block;
}
@media only screen and (min-width: 90.063em) {
.services-pos:nth-child(1) {
top: 0;
margin-top: 302px;
margin-left: 351px;
}
.services-pos:nth-child(2) {
top: 0;
margin-top: -217px;
margin-left: 489px;
}
.services-pos:nth-child(3) {
top: 0;
margin-top: -138px;
margin-left: 1037px;
}
.services-pos:nth-child(4) {
top: 0;
margin-top: -58px;
margin-left: 625px;
}
.services-pos:nth-child(5) {
top: 0;
margin-top: -138px;
margin-left: 900px;
}
.services-pos:nth-child(6) {
top: 0;
margin-top: -58px;
margin-left: 489px;
}
.services-pos:nth-child(7) {
top: 0;
margin-top: -138px;
margin-left: 762px;
}
.services-pos:nth-child(8) {
top: 0;
margin-top: -138px;
margin-left: 1037px;
}
.services-pos:nth-child(9) {
top: 0;
margin-top: -58px;
margin-left: 625px;
}
.services-pos:nth-child(10) {
top: 0;
margin-top: -138px;
margin-left: 900px;
}
.services-pos:nth-child(11) {
top: 0;
margin-top: -58px;
margin-left: 762px;
}
.services-pos:nth-child(12) {
top: 0;
margin-top: -58px;
margin-left: 900px;
}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
.services-pos:nth-child(1) {
top: 0;
margin-top: 143px;
margin-left: 76px;
}
.services-pos:nth-child(2) {
top: 0;
margin-top: -217px;
margin-left: 214px;
}
.services-pos:nth-child(3) {
top: 0;
margin-top: -138px;
margin-left: 762px;
}
.services-pos:nth-child(4) {
top: 0;
margin-top: -58px;
margin-left: 350px;
}
.services-pos:nth-child(5) {
top: 0;
margin-top: -138px;
margin-left: 625px;
}
.services-pos:nth-child(6) {
top: 0;
margin-top: -58px;
margin-left: 214px;
}
.services-pos:nth-child(7) {
top: 0;
margin-top: -138px;
margin-left: 487px;
}
.services-pos:nth-child(8) {
top: 0;
margin-top: -138px;
margin-left: 762px;
}
.services-pos:nth-child(9) {
top: 0;
margin-top: -58px;
margin-left: 350px;
}
.services-pos:nth-child(10) {
top: 0;
margin-top: -138px;
margin-left: 625px;
}
.services-pos:nth-child(11) {
top: 0;
margin-top: -58px;
margin-left: 487px;
}
.services-pos:nth-child(12) {
top: 0;
margin-top: -58px;
margin-left: 625px;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.services-pos:nth-child(1) {
top: 0;
margin-top: 126px;
margin-left: 190px;
}
.services-pos:nth-child(2) {
top: 0;
margin-top: -217px;
margin-left: 328px;
}
.services-pos:nth-child(3) {
top: 313px;
margin-top: -138px;
margin-left: 328px;
}
.services-pos:nth-child(4) {
top: 0;
margin-top: -58px;
margin-left: 464px;
}
.services-pos:nth-child(5) {
top: -80px;
margin-top: -134px;
margin-left: 601px;
}
.services-pos:nth-child(6) {
top: 0;
margin-top: -58px;
margin-left: 328px;
}
.services-pos:nth-child(7) {
top: 0;
margin-top: -138px;
margin-left: 601px;
}
.services-pos:nth-child(8) {
top: 80px;
margin-top: -138px;
margin-left: 190px;
}
.services-pos:nth-child(9) {
top: 0;
margin-top: -58px;
margin-left: 464px;
}
.services-pos:nth-child(10) {
top: 160px;
margin-top: -138px;
margin-left: 190px;
}
.services-pos:nth-child(11) {
top: 0;
margin-top: -58px;
margin-left: 601px;
}
.services-pos:nth-child(12) {
top: 0;
margin-top: -58px;
margin-left: 464px;
}
}
@media only screen and (max-width: 40em) {
.outline-holder {
display: none;
}
.services-pos:nth-child(2) {
left: calc(50% - 150px);
}
.services-pos:nth-child(4) {
margin-top: 10px;
left: calc(50% - 150px);
}
.services-pos:nth-child(6) {
left: calc(50% - 15px);
margin-top: -210px;
}
.services-pos:nth-child(7) {
left: calc(50% - 15px);
margin-top: 10px;
}
.services-pos:nth-child(8) {
left: calc(50% - 150px);
margin-top: -65px;
}
.services-pos:nth-child(9) {
left: calc(50% - 15px);
margin-top: -60px;
}
.services-pos:nth-child(10) {
left: calc(50% - 150px);
margin-top: -65px;
}
.services-pos:nth-child(12) {
left: calc(50% - 15px);
margin-top: -60px;
}
}
@media only screen and (max-width: 1270px) and (min-width: 64.063em) {
.services-pos:nth-child(3) {
margin-top: -138px;
top: 313px;
margin-left: 214px;
}
.services-pos:nth-child(8) {
margin-top: -138px;
top: 80px;
margin-left: 76px;
}
.services-pos:nth-child(12) {
margin-left: 350px;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 850px) {
.services-pos:nth-child(5) {
margin-left: 53px;
}
.services-pos:nth-child(7) {
margin-left: 53px;
}
.services-pos:nth-child(11) {
margin-left: 53px;
}
}
@media (max-width: 1366px) {
.row:not(.nochange) {
max-width: 60rem;
}
}
@media (max-width: 1270px) {
.row:not(.nochange) {
max-width: 50rem;
}
h2,h5 {
text-align: center;
margin: auto;
}
.what-we-know-holder {
left: calc(50% - 650px / 2);
}
}
@media (max-width: 1100px) {
.row:not(.nochange) {
max-width: 40rem;
}
}
@media (min-width: 1024px) {
.medium-centered {
float: none;
display: block;
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 1023px) {
.row:not(.nochange) {
max-width: 50rem;
}
.off-canvas-content {
padding-top: 0;
}
.item-data {
padding: 15px;
}
.item-data h4::after {
top: 60px;
}
.item-data a.button {
margin-top: 10px;
}
.ref-scr {
padding-left: 0.3rem;
padding-right: 0.3rem;
}
.detail-info {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.detail-buttons {
text-align: center;
}
.pull-right-for-small {
float: right;
}
[type="text"],[type="password"],[type="date"],[type="datetime"],[type="datetime-local"],[type="month"],[type="week"],[type="email"],[type="number"],[type="search"],[type="tel"],[type="time"],[type="url"],[type="color"],textarea,[type="text"]:focus,[type="password"]:focus,[type="date"]:focus,[type="datetime"]:focus,[type="datetime-local"]:focus,[type="month"]:focus,[type="week"]:focus,[type="email"]:focus,[type="number"]:focus,[type="search"]:focus,[type="tel"]:focus,[type="time"]:focus,[type="url"]:focus,[type="color"]:focus,textarea:focus {
margin-bottom: 0.4rem;
}
.button-medium-centered {
margin: auto;
text-align: center;
display: block;
}
.member-list {
margin-top: 25px;
border-right: 0;
}
.contact-address,.members {
float: left;
width: 50%;
}
.contact-address .small-8 {
text-align: right;
padding-top: 30px;
padding-bottom: 30px;
}
.members {
margin-top: 0;
}
.off-canvas {
background-color: rgba(88, 89, 91, 0.95);
}
#responsive-menu .main-menu {
text-align: center;
}
.off-canvas#responsive-menu .main-menu.menu > li > a {
font-size: 1.7rem;
}
.off-canvas#responsive-menu .main-menu.menu > li > a:hover,.off-canvas#responsive-menu .main-menu.menu > li.active > a {
color: #8aa800;
}
.off-canvas#responsive-menu .main-menu.menu > li.active > a {
font-size: 2.2rem;
}
}
@media (max-width: 850px) {
.row:not(.nochange) {
max-width: 45rem;
}
.item-data {
padding: 5px;
font-size: 0.8rem;
}
.item-data h4 {
margin-top: 5px;
margin-bottom: 5px;
}
.item-data h4::after {
top: 35px;
}
.item-data a.button {
margin-top: 10px;
}
.item-data p {
line-height: 1.2;
}
}
@media (max-width: 750px) {
.row:not(.nochange) {
max-width: 40rem;
}
}
@media (max-width: 639px) {
.row:not(.nochange) {
max-width: 30rem;
}
.ref-scr {
margin-bottom: 0;
}
.detail-info {
margin-top: 15px;
}
.item-data p,.item-data a,.item-data h4 {
color: #ffffff;
}
.item-data h4 {
font-size: 1rem;
margin-top: 20px;
display: block;
margin-bottom: 15px;
}
.item-data h4:after {
content: '';
width: 10%;
height: 1px;
background-color: #fefefe;
display: inline-block;
position: absolute;
top: 50px;
left: 45%;
}
.item-data a {
text-transform: uppercase;
}
}
@media (max-width: 530px) {
.row:not(.nochange) {
padding-left: 20px;
padding-right: 20px;
}
.detail-buttons .m-l-25 {
margin-left: 0;
}
}
@media (max-width: 500px) {
.item-data h4:after {
display: none;
}
.item-data h4 {
margin-top: 10px;
margin-bottom: 5px;
}
.item-data p {
display: none;
}
.item-data a.button {
margin-top: 0;
}
.contact-address .small-4 {
display: none;
}
.contact-address,.members,.contact-address .small-8 {
float: left;
width: 100%;
}
.contact-address .small-8 {
text-align: center;
}
.members {
margin-top: 25px;
}
.what-we-know-holder {
left: 0;
height: 152px;
}
.what-we-know:nth-child(2) {
left: 70px;
}
.what-we-know:nth-child(3) {
left: 140px;
}
.what-we-know:nth-child(4) {
left: 210px;
}
.what-we-know:nth-child(5) {
left: 280px;
}
.what-we-know:nth-child(6) {
left: 0;
top: 76px;
}
.what-we-know:nth-child(7) {
left: 70px;
top: 114px;
}
.what-we-know:nth-child(8) {
left: 140px;
top: 76px;
}
.what-we-know:nth-child(9) {
left: 210px;
top: 114px;
}
}
@media (max-width: 400px) {
.title-bar-title img {
width: 100px;
height: auto;
margin-top: 17px;
}
a#responsive-menu-button {
font-size: 1rem;
}
.off-canvas#responsive-menu .main-menu.menu > li > a {
font-size: 1.3rem;
}
.off-canvas#responsive-menu .main-menu.menu > li.active > a {
font-size: 1.6rem;
}
}
.flip-container {
-webkit-perspective: 1000px;
perspective: 1000px;
}
.flip-container:hover .flipper,.flip-container.hover .flipper {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.flip-container,.front,.back {
width: 165px;
height: 137px;
}
.flipper {
transition: 0.6s;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: relative;
}
.front,.back {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
position: absolute;
top: 0;
left: 0;
}
.front {
z-index: 2;
color: #ffffff;
text-transform: uppercase;
text-align: center;
font-weight: 500;
padding-top: 32%;
-webkit-transform: rotateY(0deg);
transform: rotateY(0deg);
background: url(../images/hexagon_grey.png);
background-size: cover;
}
.outline {
position: absolute;
width: 165px;
height: 137px;
z-index: 2;
background: url(../images/hexagon_green_outline.png);
background-size: cover;
}
.outline-grey {
position: absolute;
width: 165px;
height: 137px;
z-index: 2;
background: url(../images/hexagon_grey_outline.png);
background-size: cover;
}
.back {
color: #ffffff;
text-align: center;
font-weight: 500;
padding-top: 28%;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
background: url(../images/hexagon_green.png);
background-size: cover;
}
.b-lightbox-holder {
background-color: rgba(10, 10, 10, 0.85);
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
display: none;
z-index: 1000;
}
.b-lightbox-image {
display: none;
border-radius: 0;
max-height: 90%;
max-width: 90%;
position: fixed;
margin: 0 auto;
z-index: 1001;
}
.b-lightbox-close-button {
z-index: 1100;
display: block;
position: fixed;
top: 8px;
right: 8px;
font-size: 14px;
color: rgba(254, 254, 254, 0.8);
cursor: pointer;
font-weight: 700;
}
.b-lightbox-close-button:hover {
font-weight: 700;
}
.b-lightbox-direction {
z-index: 1050;
height: 100%;
font-size: 10em;
cursor: pointer;
display: inline-block;
min-width: 10%;
text-align: center;
position: absolute;
top: 0;
}
.b-lightbox-direction.next {
right: 0;
}
.b-lightbox-direction.previous {
left: 0;
}
.b-lightbox-direction:hover {
background-color: rgba(254, 254, 254, 0.1);
text-decoration: none;
}
.b-lightbox-direction:before {
content: '';
height: 35%;
display: block;
width: 100%;
}
.b-lightbox-label {
box-sizing: border-box;
display: none;
z-index: 1015;
background-color: rgba(65, 64, 66, 0.9);
color: rgba(254, 254, 254, 0.95);
font-weight: 500;
position: absolute;
padding: 10px;
font-size: 13px;
}
@charset "UTF-8";
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {
display: block;
}
@media screen and (min-width: 40em) {
.row .row {
margin-left: -0.9375rem;
margin-right: -0.9375rem;
}
}
@media screen and (min-width: 40em) {
.column,.columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
}
@media screen and (min-width: 40em) {
.medium-1 {
width: 8.33333%;
}
.medium-push-1 {
position: relative;
left: 8.33333%;
}
.medium-pull-1 {
position: relative;
left: -8.33333%;
}
.medium-offset-0 {
margin-left: 0%;
}
.medium-2 {
width: 16.66667%;
}
.medium-push-2 {
position: relative;
left: 16.66667%;
}
.medium-pull-2 {
position: relative;
left: -16.66667%;
}
.medium-offset-1 {
margin-left: 8.33333%;
}
.medium-3 {
width: 25%;
}
.medium-push-3 {
position: relative;
left: 25%;
}
.medium-pull-3 {
position: relative;
left: -25%;
}
.medium-offset-2 {
margin-left: 16.66667%;
}
.medium-4 {
width: 33.33333%;
}
.medium-push-4 {
position: relative;
left: 33.33333%;
}
.medium-pull-4 {
position: relative;
left: -33.33333%;
}
.medium-offset-3 {
margin-left: 25%;
}
.medium-5 {
width: 41.66667%;
}
.medium-push-5 {
position: relative;
left: 41.66667%;
}
.medium-pull-5 {
position: relative;
left: -41.66667%;
}
.medium-offset-4 {
margin-left: 33.33333%;
}
.medium-6 {
width: 50%;
}
.medium-push-6 {
position: relative;
left: 50%;
}
.medium-pull-6 {
position: relative;
left: -50%;
}
.medium-offset-5 {
margin-left: 41.66667%;
}
.medium-7 {
width: 58.33333%;
}
.medium-push-7 {
position: relative;
left: 58.33333%;
}
.medium-pull-7 {
position: relative;
left: -58.33333%;
}
.medium-offset-6 {
margin-left: 50%;
}
.medium-8 {
width: 66.66667%;
}
.medium-push-8 {
position: relative;
left: 66.66667%;
}
.medium-pull-8 {
position: relative;
left: -66.66667%;
}
.medium-offset-7 {
margin-left: 58.33333%;
}
.medium-9 {
width: 75%;
}
.medium-push-9 {
position: relative;
left: 75%;
}
.medium-pull-9 {
position: relative;
left: -75%;
}
.medium-offset-8 {
margin-left: 66.66667%;
}
.medium-10 {
width: 83.33333%;
}
.medium-push-10 {
position: relative;
left: 83.33333%;
}
.medium-pull-10 {
position: relative;
left: -83.33333%;
}
.medium-offset-9 {
margin-left: 75%;
}
.medium-11 {
width: 91.66667%;
}
.medium-push-11 {
position: relative;
left: 91.66667%;
}
.medium-pull-11 {
position: relative;
left: -91.66667%;
}
.medium-offset-10 {
margin-left: 83.33333%;
}
.medium-12 {
width: 100%;
}
.medium-offset-11 {
margin-left: 91.66667%;
}
.medium-up-1 > .column,.medium-up-1 > .columns {
width: 100%;
float: left;
}
.medium-up-1 > .column:nth-of-type(1n),.medium-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-1 > .column:nth-of-type(1n+1),.medium-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.medium-up-1 > .column:last-child,.medium-up-1 > .columns:last-child {
float: left;
}
.medium-up-2 > .column,.medium-up-2 > .columns {
width: 50%;
float: left;
}
.medium-up-2 > .column:nth-of-type(1n),.medium-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-2 > .column:nth-of-type(2n+1),.medium-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.medium-up-2 > .column:last-child,.medium-up-2 > .columns:last-child {
float: left;
}
.medium-up-3 > .column,.medium-up-3 > .columns {
width: 33.33333%;
float: left;
}
.medium-up-3 > .column:nth-of-type(1n),.medium-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-3 > .column:nth-of-type(3n+1),.medium-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.medium-up-3 > .column:last-child,.medium-up-3 > .columns:last-child {
float: left;
}
.medium-up-4 > .column,.medium-up-4 > .columns {
width: 25%;
float: left;
}
.medium-up-4 > .column:nth-of-type(1n),.medium-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-4 > .column:nth-of-type(4n+1),.medium-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.medium-up-4 > .column:last-child,.medium-up-4 > .columns:last-child {
float: left;
}
.medium-up-5 > .column,.medium-up-5 > .columns {
width: 20%;
float: left;
}
.medium-up-5 > .column:nth-of-type(1n),.medium-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-5 > .column:nth-of-type(5n+1),.medium-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.medium-up-5 > .column:last-child,.medium-up-5 > .columns:last-child {
float: left;
}
.medium-up-6 > .column,.medium-up-6 > .columns {
width: 16.66667%;
float: left;
}
.medium-up-6 > .column:nth-of-type(1n),.medium-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-6 > .column:nth-of-type(6n+1),.medium-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.medium-up-6 > .column:last-child,.medium-up-6 > .columns:last-child {
float: left;
}
.medium-up-7 > .column,.medium-up-7 > .columns {
width: 14.28571%;
float: left;
}
.medium-up-7 > .column:nth-of-type(1n),.medium-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-7 > .column:nth-of-type(7n+1),.medium-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.medium-up-7 > .column:last-child,.medium-up-7 > .columns:last-child {
float: left;
}
.medium-up-8 > .column,.medium-up-8 > .columns {
width: 12.5%;
float: left;
}
.medium-up-8 > .column:nth-of-type(1n),.medium-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.medium-up-8 > .column:nth-of-type(8n+1),.medium-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.medium-up-8 > .column:last-child,.medium-up-8 > .columns:last-child {
float: left;
}
.medium-collapse > .column,.medium-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.medium-collapse .row {
margin-left: 0;
margin-right: 0;
}
.medium-uncollapse > .column,.medium-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.medium-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.medium-uncentered,.medium-push-0,.medium-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
}
@media screen and (min-width: 64em) {
.large-1 {
width: 8.33333%;
}
.large-push-1 {
position: relative;
left: 8.33333%;
}
.large-pull-1 {
position: relative;
left: -8.33333%;
}
.large-offset-0 {
margin-left: 0%;
}
.large-2 {
width: 16.66667%;
}
.large-push-2 {
position: relative;
left: 16.66667%;
}
.large-pull-2 {
position: relative;
left: -16.66667%;
}
.large-offset-1 {
margin-left: 8.33333%;
}
.large-3 {
width: 25%;
}
.large-push-3 {
position: relative;
left: 25%;
}
.large-pull-3 {
position: relative;
left: -25%;
}
.large-offset-2 {
margin-left: 16.66667%;
}
.large-4 {
width: 33.33333%;
}
.large-push-4 {
position: relative;
left: 33.33333%;
}
.large-pull-4 {
position: relative;
left: -33.33333%;
}
.large-offset-3 {
margin-left: 25%;
}
.large-5 {
width: 41.66667%;
}
.large-push-5 {
position: relative;
left: 41.66667%;
}
.large-pull-5 {
position: relative;
left: -41.66667%;
}
.large-offset-4 {
margin-left: 33.33333%;
}
.large-6 {
width: 50%;
}
.large-push-6 {
position: relative;
left: 50%;
}
.large-pull-6 {
position: relative;
left: -50%;
}
.large-offset-5 {
margin-left: 41.66667%;
}
.large-7 {
width: 58.33333%;
}
.large-push-7 {
position: relative;
left: 58.33333%;
}
.large-pull-7 {
position: relative;
left: -58.33333%;
}
.large-offset-6 {
margin-left: 50%;
}
.large-8 {
width: 66.66667%;
}
.large-push-8 {
position: relative;
left: 66.66667%;
}
.large-pull-8 {
position: relative;
left: -66.66667%;
}
.large-offset-7 {
margin-left: 58.33333%;
}
.large-9 {
width: 75%;
}
.large-push-9 {
position: relative;
left: 75%;
}
.large-pull-9 {
position: relative;
left: -75%;
}
.large-offset-8 {
margin-left: 66.66667%;
}
.large-10 {
width: 83.33333%;
}
.large-push-10 {
position: relative;
left: 83.33333%;
}
.large-pull-10 {
position: relative;
left: -83.33333%;
}
.large-offset-9 {
margin-left: 75%;
}
.large-11 {
width: 91.66667%;
}
.large-push-11 {
position: relative;
left: 91.66667%;
}
.large-pull-11 {
position: relative;
left: -91.66667%;
}
.large-offset-10 {
margin-left: 83.33333%;
}
.large-12 {
width: 100%;
}
.large-offset-11 {
margin-left: 91.66667%;
}
.large-up-1 > .column,.large-up-1 > .columns {
width: 100%;
float: left;
}
.large-up-1 > .column:nth-of-type(1n),.large-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-1 > .column:nth-of-type(1n+1),.large-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.large-up-1 > .column:last-child,.large-up-1 > .columns:last-child {
float: left;
}
.large-up-2 > .column,.large-up-2 > .columns {
width: 50%;
float: left;
}
.large-up-2 > .column:nth-of-type(1n),.large-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-2 > .column:nth-of-type(2n+1),.large-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.large-up-2 > .column:last-child,.large-up-2 > .columns:last-child {
float: left;
}
.large-up-3 > .column,.large-up-3 > .columns {
width: 33.33333%;
float: left;
}
.large-up-3 > .column:nth-of-type(1n),.large-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-3 > .column:nth-of-type(3n+1),.large-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.large-up-3 > .column:last-child,.large-up-3 > .columns:last-child {
float: left;
}
.large-up-4 > .column,.large-up-4 > .columns {
width: 25%;
float: left;
}
.large-up-4 > .column:nth-of-type(1n),.large-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-4 > .column:nth-of-type(4n+1),.large-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.large-up-4 > .column:last-child,.large-up-4 > .columns:last-child {
float: left;
}
.large-up-5 > .column,.large-up-5 > .columns {
width: 20%;
float: left;
}
.large-up-5 > .column:nth-of-type(1n),.large-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-5 > .column:nth-of-type(5n+1),.large-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.large-up-5 > .column:last-child,.large-up-5 > .columns:last-child {
float: left;
}
.large-up-6 > .column,.large-up-6 > .columns {
width: 16.66667%;
float: left;
}
.large-up-6 > .column:nth-of-type(1n),.large-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-6 > .column:nth-of-type(6n+1),.large-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.large-up-6 > .column:last-child,.large-up-6 > .columns:last-child {
float: left;
}
.large-up-7 > .column,.large-up-7 > .columns {
width: 14.28571%;
float: left;
}
.large-up-7 > .column:nth-of-type(1n),.large-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-7 > .column:nth-of-type(7n+1),.large-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.large-up-7 > .column:last-child,.large-up-7 > .columns:last-child {
float: left;
}
.large-up-8 > .column,.large-up-8 > .columns {
width: 12.5%;
float: left;
}
.large-up-8 > .column:nth-of-type(1n),.large-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.large-up-8 > .column:nth-of-type(8n+1),.large-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.large-up-8 > .column:last-child,.large-up-8 > .columns:last-child {
float: left;
}
.large-collapse > .column,.large-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.large-collapse .row {
margin-left: 0;
margin-right: 0;
}
.large-uncollapse > .column,.large-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.large-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.large-uncentered,.large-push-0,.large-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
}
@media screen and (min-width: 75em) {
.xlarge-1 {
width: 8.33333%;
}
.xlarge-push-1 {
position: relative;
left: 8.33333%;
}
.xlarge-pull-1 {
position: relative;
left: -8.33333%;
}
.xlarge-offset-0 {
margin-left: 0%;
}
.xlarge-2 {
width: 16.66667%;
}
.xlarge-push-2 {
position: relative;
left: 16.66667%;
}
.xlarge-pull-2 {
position: relative;
left: -16.66667%;
}
.xlarge-offset-1 {
margin-left: 8.33333%;
}
.xlarge-3 {
width: 25%;
}
.xlarge-push-3 {
position: relative;
left: 25%;
}
.xlarge-pull-3 {
position: relative;
left: -25%;
}
.xlarge-offset-2 {
margin-left: 16.66667%;
}
.xlarge-4 {
width: 33.33333%;
}
.xlarge-push-4 {
position: relative;
left: 33.33333%;
}
.xlarge-pull-4 {
position: relative;
left: -33.33333%;
}
.xlarge-offset-3 {
margin-left: 25%;
}
.xlarge-5 {
width: 41.66667%;
}
.xlarge-push-5 {
position: relative;
left: 41.66667%;
}
.xlarge-pull-5 {
position: relative;
left: -41.66667%;
}
.xlarge-offset-4 {
margin-left: 33.33333%;
}
.xlarge-6 {
width: 50%;
}
.xlarge-push-6 {
position: relative;
left: 50%;
}
.xlarge-pull-6 {
position: relative;
left: -50%;
}
.xlarge-offset-5 {
margin-left: 41.66667%;
}
.xlarge-7 {
width: 58.33333%;
}
.xlarge-push-7 {
position: relative;
left: 58.33333%;
}
.xlarge-pull-7 {
position: relative;
left: -58.33333%;
}
.xlarge-offset-6 {
margin-left: 50%;
}
.xlarge-8 {
width: 66.66667%;
}
.xlarge-push-8 {
position: relative;
left: 66.66667%;
}
.xlarge-pull-8 {
position: relative;
left: -66.66667%;
}
.xlarge-offset-7 {
margin-left: 58.33333%;
}
.xlarge-9 {
width: 75%;
}
.xlarge-push-9 {
position: relative;
left: 75%;
}
.xlarge-pull-9 {
position: relative;
left: -75%;
}
.xlarge-offset-8 {
margin-left: 66.66667%;
}
.xlarge-10 {
width: 83.33333%;
}
.xlarge-push-10 {
position: relative;
left: 83.33333%;
}
.xlarge-pull-10 {
position: relative;
left: -83.33333%;
}
.xlarge-offset-9 {
margin-left: 75%;
}
.xlarge-11 {
width: 91.66667%;
}
.xlarge-push-11 {
position: relative;
left: 91.66667%;
}
.xlarge-pull-11 {
position: relative;
left: -91.66667%;
}
.xlarge-offset-10 {
margin-left: 83.33333%;
}
.xlarge-12 {
width: 100%;
}
.xlarge-offset-11 {
margin-left: 91.66667%;
}
.xlarge-up-1 > .column,.xlarge-up-1 > .columns {
width: 100%;
float: left;
}
.xlarge-up-1 > .column:nth-of-type(1n),.xlarge-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-1 > .column:nth-of-type(1n+1),.xlarge-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.xlarge-up-1 > .column:last-child,.xlarge-up-1 > .columns:last-child {
float: left;
}
.xlarge-up-2 > .column,.xlarge-up-2 > .columns {
width: 50%;
float: left;
}
.xlarge-up-2 > .column:nth-of-type(1n),.xlarge-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-2 > .column:nth-of-type(2n+1),.xlarge-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.xlarge-up-2 > .column:last-child,.xlarge-up-2 > .columns:last-child {
float: left;
}
.xlarge-up-3 > .column,.xlarge-up-3 > .columns {
width: 33.33333%;
float: left;
}
.xlarge-up-3 > .column:nth-of-type(1n),.xlarge-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-3 > .column:nth-of-type(3n+1),.xlarge-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.xlarge-up-3 > .column:last-child,.xlarge-up-3 > .columns:last-child {
float: left;
}
.xlarge-up-4 > .column,.xlarge-up-4 > .columns {
width: 25%;
float: left;
}
.xlarge-up-4 > .column:nth-of-type(1n),.xlarge-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-4 > .column:nth-of-type(4n+1),.xlarge-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.xlarge-up-4 > .column:last-child,.xlarge-up-4 > .columns:last-child {
float: left;
}
.xlarge-up-5 > .column,.xlarge-up-5 > .columns {
width: 20%;
float: left;
}
.xlarge-up-5 > .column:nth-of-type(1n),.xlarge-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-5 > .column:nth-of-type(5n+1),.xlarge-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.xlarge-up-5 > .column:last-child,.xlarge-up-5 > .columns:last-child {
float: left;
}
.xlarge-up-6 > .column,.xlarge-up-6 > .columns {
width: 16.66667%;
float: left;
}
.xlarge-up-6 > .column:nth-of-type(1n),.xlarge-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-6 > .column:nth-of-type(6n+1),.xlarge-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.xlarge-up-6 > .column:last-child,.xlarge-up-6 > .columns:last-child {
float: left;
}
.xlarge-up-7 > .column,.xlarge-up-7 > .columns {
width: 14.28571%;
float: left;
}
.xlarge-up-7 > .column:nth-of-type(1n),.xlarge-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-7 > .column:nth-of-type(7n+1),.xlarge-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.xlarge-up-7 > .column:last-child,.xlarge-up-7 > .columns:last-child {
float: left;
}
.xlarge-up-8 > .column,.xlarge-up-8 > .columns {
width: 12.5%;
float: left;
}
.xlarge-up-8 > .column:nth-of-type(1n),.xlarge-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.xlarge-up-8 > .column:nth-of-type(8n+1),.xlarge-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.xlarge-up-8 > .column:last-child,.xlarge-up-8 > .columns:last-child {
float: left;
}
.xlarge-collapse > .column,.xlarge-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.xlarge-collapse .row {
margin-left: 0;
margin-right: 0;
}
.xlarge-uncollapse > .column,.xlarge-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.xlarge-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.xlarge-uncentered,.xlarge-push-0,.xlarge-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
}
@media screen and (min-width: 90em) {
.xxlarge-1 {
width: 8.33333%;
}
.xxlarge-push-1 {
position: relative;
left: 8.33333%;
}
.xxlarge-pull-1 {
position: relative;
left: -8.33333%;
}
.xxlarge-offset-0 {
margin-left: 0%;
}
.xxlarge-2 {
width: 16.66667%;
}
.xxlarge-push-2 {
position: relative;
left: 16.66667%;
}
.xxlarge-pull-2 {
position: relative;
left: -16.66667%;
}
.xxlarge-offset-1 {
margin-left: 8.33333%;
}
.xxlarge-3 {
width: 25%;
}
.xxlarge-push-3 {
position: relative;
left: 25%;
}
.xxlarge-pull-3 {
position: relative;
left: -25%;
}
.xxlarge-offset-2 {
margin-left: 16.66667%;
}
.xxlarge-4 {
width: 33.33333%;
}
.xxlarge-push-4 {
position: relative;
left: 33.33333%;
}
.xxlarge-pull-4 {
position: relative;
left: -33.33333%;
}
.xxlarge-offset-3 {
margin-left: 25%;
}
.xxlarge-5 {
width: 41.66667%;
}
.xxlarge-push-5 {
position: relative;
left: 41.66667%;
}
.xxlarge-pull-5 {
position: relative;
left: -41.66667%;
}
.xxlarge-offset-4 {
margin-left: 33.33333%;
}
.xxlarge-6 {
width: 50%;
}
.xxlarge-push-6 {
position: relative;
left: 50%;
}
.xxlarge-pull-6 {
position: relative;
left: -50%;
}
.xxlarge-offset-5 {
margin-left: 41.66667%;
}
.xxlarge-7 {
width: 58.33333%;
}
.xxlarge-push-7 {
position: relative;
left: 58.33333%;
}
.xxlarge-pull-7 {
position: relative;
left: -58.33333%;
}
.xxlarge-offset-6 {
margin-left: 50%;
}
.xxlarge-8 {
width: 66.66667%;
}
.xxlarge-push-8 {
position: relative;
left: 66.66667%;
}
.xxlarge-pull-8 {
position: relative;
left: -66.66667%;
}
.xxlarge-offset-7 {
margin-left: 58.33333%;
}
.xxlarge-9 {
width: 75%;
}
.xxlarge-push-9 {
position: relative;
left: 75%;
}
.xxlarge-pull-9 {
position: relative;
left: -75%;
}
.xxlarge-offset-8 {
margin-left: 66.66667%;
}
.xxlarge-10 {
width: 83.33333%;
}
.xxlarge-push-10 {
position: relative;
left: 83.33333%;
}
.xxlarge-pull-10 {
position: relative;
left: -83.33333%;
}
.xxlarge-offset-9 {
margin-left: 75%;
}
.xxlarge-11 {
width: 91.66667%;
}
.xxlarge-push-11 {
position: relative;
left: 91.66667%;
}
.xxlarge-pull-11 {
position: relative;
left: -91.66667%;
}
.xxlarge-offset-10 {
margin-left: 83.33333%;
}
.xxlarge-12 {
width: 100%;
}
.xxlarge-offset-11 {
margin-left: 91.66667%;
}
.xxlarge-up-1 > .column,.xxlarge-up-1 > .columns {
width: 100%;
float: left;
}
.xxlarge-up-1 > .column:nth-of-type(1n),.xxlarge-up-1 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-1 > .column:nth-of-type(1n+1),.xxlarge-up-1 > .columns:nth-of-type(1n+1) {
clear: both;
}
.xxlarge-up-1 > .column:last-child,.xxlarge-up-1 > .columns:last-child {
float: left;
}
.xxlarge-up-2 > .column,.xxlarge-up-2 > .columns {
width: 50%;
float: left;
}
.xxlarge-up-2 > .column:nth-of-type(1n),.xxlarge-up-2 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-2 > .column:nth-of-type(2n+1),.xxlarge-up-2 > .columns:nth-of-type(2n+1) {
clear: both;
}
.xxlarge-up-2 > .column:last-child,.xxlarge-up-2 > .columns:last-child {
float: left;
}
.xxlarge-up-3 > .column,.xxlarge-up-3 > .columns {
width: 33.33333%;
float: left;
}
.xxlarge-up-3 > .column:nth-of-type(1n),.xxlarge-up-3 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-3 > .column:nth-of-type(3n+1),.xxlarge-up-3 > .columns:nth-of-type(3n+1) {
clear: both;
}
.xxlarge-up-3 > .column:last-child,.xxlarge-up-3 > .columns:last-child {
float: left;
}
.xxlarge-up-4 > .column,.xxlarge-up-4 > .columns {
width: 25%;
float: left;
}
.xxlarge-up-4 > .column:nth-of-type(1n),.xxlarge-up-4 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-4 > .column:nth-of-type(4n+1),.xxlarge-up-4 > .columns:nth-of-type(4n+1) {
clear: both;
}
.xxlarge-up-4 > .column:last-child,.xxlarge-up-4 > .columns:last-child {
float: left;
}
.xxlarge-up-5 > .column,.xxlarge-up-5 > .columns {
width: 20%;
float: left;
}
.xxlarge-up-5 > .column:nth-of-type(1n),.xxlarge-up-5 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-5 > .column:nth-of-type(5n+1),.xxlarge-up-5 > .columns:nth-of-type(5n+1) {
clear: both;
}
.xxlarge-up-5 > .column:last-child,.xxlarge-up-5 > .columns:last-child {
float: left;
}
.xxlarge-up-6 > .column,.xxlarge-up-6 > .columns {
width: 16.66667%;
float: left;
}
.xxlarge-up-6 > .column:nth-of-type(1n),.xxlarge-up-6 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-6 > .column:nth-of-type(6n+1),.xxlarge-up-6 > .columns:nth-of-type(6n+1) {
clear: both;
}
.xxlarge-up-6 > .column:last-child,.xxlarge-up-6 > .columns:last-child {
float: left;
}
.xxlarge-up-7 > .column,.xxlarge-up-7 > .columns {
width: 14.28571%;
float: left;
}
.xxlarge-up-7 > .column:nth-of-type(1n),.xxlarge-up-7 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-7 > .column:nth-of-type(7n+1),.xxlarge-up-7 > .columns:nth-of-type(7n+1) {
clear: both;
}
.xxlarge-up-7 > .column:last-child,.xxlarge-up-7 > .columns:last-child {
float: left;
}
.xxlarge-up-8 > .column,.xxlarge-up-8 > .columns {
width: 12.5%;
float: left;
}
.xxlarge-up-8 > .column:nth-of-type(1n),.xxlarge-up-8 > .columns:nth-of-type(1n) {
clear: none;
}
.xxlarge-up-8 > .column:nth-of-type(8n+1),.xxlarge-up-8 > .columns:nth-of-type(8n+1) {
clear: both;
}
.xxlarge-up-8 > .column:last-child,.xxlarge-up-8 > .columns:last-child {
float: left;
}
.xxlarge-collapse > .column,.xxlarge-collapse > .columns {
padding-left: 0;
padding-right: 0;
}
.xxlarge-collapse .row {
margin-left: 0;
margin-right: 0;
}
.xxlarge-uncollapse > .column,.xxlarge-uncollapse > .columns {
padding-left: 0.9375rem;
padding-right: 0.9375rem;
}
.xxlarge-centered {
float: none;
margin-left: auto;
margin-right: auto;
}
.xxlarge-uncentered,.xxlarge-push-0,.xxlarge-pull-0 {
position: static;
margin-left: 0;
margin-right: 0;
float: left;
}
}
@media screen and (min-width: 40em) {
h1 {
font-size: 1.25rem;
}
h2 {
font-size: 1.25rem;
}
h3 {
font-size: 1.9375rem;
}
h4 {
font-size: 1.5625rem;
}
h5 {
font-size: 1.25rem;
}
h6 {
font-size: 1rem;
}
}
@media screen and (min-width: 40em) {
.medium-text-left {
text-align: left;
}
.medium-text-right {
text-align: right;
}
.medium-text-center {
text-align: center;
}
.medium-text-justify {
text-align: justify;
}
}
@media screen and (min-width: 64em) {
.large-text-left {
text-align: left;
}
.large-text-right {
text-align: right;
}
.large-text-center {
text-align: center;
}
.large-text-justify {
text-align: justify;
}
}
@media screen and (min-width: 75em) {
.xlarge-text-left {
text-align: left;
}
.xlarge-text-right {
text-align: right;
}
.xlarge-text-center {
text-align: center;
}
.xlarge-text-justify {
text-align: justify;
}
}
@media screen and (min-width: 90em) {
.xxlarge-text-left {
text-align: left;
}
.xxlarge-text-right {
text-align: right;
}
.xxlarge-text-center {
text-align: center;
}
.xxlarge-text-justify {
text-align: justify;
}
}
@media print {
* {
background: transparent !important;
color: black !important;
box-shadow: none !important;
text-shadow: none !important;
}
.show-for-print {
display: block !important;
}
.hide-for-print {
display: none !important;
}
table.show-for-print {
display: table !important;
}
thead.show-for-print {
display: table-header-group !important;
}
tbody.show-for-print {
display: table-row-group !important;
}
tr.show-for-print {
display: table-row !important;
}
td.show-for-print {
display: table-cell !important;
}
th.show-for-print {
display: table-cell !important;
}
a,a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
.ir a:after,a[href^='javascript:']:after,a[href^='#']:after {
content: '';
}
abbr[title]:after {
content: " (" attr(title) ")";
}
pre,blockquote {
border: 1px solid #414042;
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,h3 {
orphans: 3;
widows: 3;
}
h2,h3 {
page-break-after: avoid;
}
}
@media screen and (min-width: 0\0) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
}
}
@media screen and (min-width: 40em) {
.button-group.stacked-for-small .button {
width: auto;
}
.button-group.stacked-for-small .button:not(:last-child) {
margin-right: 1px;
}
}
@media screen and (min-width: 64em) {
.button-group.stacked-for-medium .button {
width: auto;
}
.button-group.stacked-for-medium .button:not(:last-child) {
margin-right: 1px;
}
}
@media screen and (max-width: 39.9375em) {
.button-group.stacked-for-small.expanded {
display: block;
}
.button-group.stacked-for-small.expanded .button {
display: block;
margin-right: 0;
}
}
@media screen and (min-width: 40em) {
.menu.medium-horizontal > li {
display: table-cell;
}
.menu.medium-vertical > li {
display: block;
}
}
@media screen and (min-width: 64em) {
.menu.large-horizontal > li {
display: table-cell;
}
.menu.large-vertical > li {
display: block;
}
}
@media screen and (min-width: 75em) {
.menu.xlarge-horizontal > li {
display: table-cell;
}
.menu.xlarge-vertical > li {
display: block;
}
}
@media screen and (min-width: 90em) {
.menu.xxlarge-horizontal > li {
display: table-cell;
}
.menu.xxlarge-vertical > li {
display: block;
}
}
@media screen and (min-width: 40em) {
.dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%;
}
.dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 0;
top: 100%;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative;
}
.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #8aa800 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
right: 5px;
margin-top: -2px;
}
.dropdown.menu.medium-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.medium-vertical > li.opens-left .is-dropdown-submenu {
left: auto;
right: 100%;
}
.dropdown.menu.medium-vertical > li.opens-right .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.medium-vertical > li > a::after {
right: 14px;
margin-top: -3px;
}
.dropdown.menu.medium-vertical > li.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #8aa800 transparent transparent;
border-right-style: solid;
border-left-width: 0;
}
.dropdown.menu.medium-vertical > li.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #8aa800;
border-left-style: solid;
border-right-width: 0;
}
}
@media screen and (min-width: 64em) {
.dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%;
}
.dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 0;
top: 100%;
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative;
}
.dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #8aa800 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
right: 5px;
margin-top: -2px;
}
.dropdown.menu.large-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.large-vertical > li.opens-left .is-dropdown-submenu {
left: auto;
right: 100%;
}
.dropdown.menu.large-vertical > li.opens-right .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.large-vertical > li > a::after {
right: 14px;
margin-top: -3px;
}
.dropdown.menu.large-vertical > li.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #8aa800 transparent transparent;
border-right-style: solid;
border-left-width: 0;
}
.dropdown.menu.large-vertical > li.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #8aa800;
border-left-style: solid;
border-right-width: 0;
}
}
@media screen and (min-width: 75em) {
.dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%;
}
.dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 0;
top: 100%;
}
.dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative;
}
.dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #8aa800 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
right: 5px;
margin-top: -2px;
}
.dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.xlarge-vertical > li.opens-left .is-dropdown-submenu {
left: auto;
right: 100%;
}
.dropdown.menu.xlarge-vertical > li.opens-right .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.xlarge-vertical > li > a::after {
right: 14px;
margin-top: -3px;
}
.dropdown.menu.xlarge-vertical > li.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #8aa800 transparent transparent;
border-right-style: solid;
border-left-width: 0;
}
.dropdown.menu.xlarge-vertical > li.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #8aa800;
border-left-style: solid;
border-right-width: 0;
}
}
@media screen and (min-width: 90em) {
.dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
left: auto;
right: 0;
top: 100%;
}
.dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
right: auto;
left: 0;
top: 100%;
}
.dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
padding-right: 1.5rem;
position: relative;
}
.dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: #8aa800 transparent transparent;
border-top-style: solid;
border-bottom-width: 0;
right: 5px;
margin-top: -2px;
}
.dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
top: 0;
}
.dropdown.menu.xxlarge-vertical > li.opens-left .is-dropdown-submenu {
left: auto;
right: 100%;
}
.dropdown.menu.xxlarge-vertical > li.opens-right .is-dropdown-submenu {
right: auto;
left: 100%;
}
.dropdown.menu.xxlarge-vertical > li > a::after {
right: 14px;
margin-top: -3px;
}
.dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent #8aa800 transparent transparent;
border-right-style: solid;
border-left-width: 0;
}
.dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
content: '';
display: block;
width: 0;
height: 0;
border: inset 5px;
border-color: transparent transparent transparent #8aa800;
border-left-style: solid;
border-right-width: 0;
}
}
@media screen and (max-width: 39.9375em) {
.media-object.stack-for-small .media-object-section {
padding: 0;
padding-bottom: 1rem;
display: block;
}
.media-object.stack-for-small .media-object-section img {
width: 100%;
}
}
@media screen and (min-width: 40em) {
.position-left.reveal-for-medium {
left: 0;
z-index: auto;
position: fixed;
}
.position-left.reveal-for-medium ~ .off-canvas-content {
margin-left: 250px;
}
.position-right.reveal-for-medium {
right: 0;
z-index: auto;
position: fixed;
}
.position-right.reveal-for-medium ~ .off-canvas-content {
margin-right: 250px;
}
}
@media screen and (min-width: 64em) {
.position-left.reveal-for-large {
left: 0;
z-index: auto;
position: fixed;
}
.position-left.reveal-for-large ~ .off-canvas-content {
margin-left: 250px;
}
.position-right.reveal-for-large {
right: 0;
z-index: auto;
position: fixed;
}
.position-right.reveal-for-large ~ .off-canvas-content {
margin-right: 250px;
}
}
@media screen and (min-width: 75em) {
.position-left.reveal-for-xlarge {
left: 0;
z-index: auto;
position: fixed;
}
.position-left.reveal-for-xlarge ~ .off-canvas-content {
margin-left: 250px;
}
.position-right.reveal-for-xlarge {
right: 0;
z-index: auto;
position: fixed;
}
.position-right.reveal-for-xlarge ~ .off-canvas-content {
margin-right: 250px;
}
}
@media screen and (min-width: 90em) {
.position-left.reveal-for-xxlarge {
left: 0;
z-index: auto;
position: fixed;
}
.position-left.reveal-for-xxlarge ~ .off-canvas-content {
margin-left: 250px;
}
.position-right.reveal-for-xxlarge {
right: 0;
z-index: auto;
position: fixed;
}
.position-right.reveal-for-xxlarge ~ .off-canvas-content {
margin-right: 250px;
}
}
@media screen and (min-width: 40em) {
.pagination li {
display: inline-block;
}
}
@media screen and (min-width: 40em) {
.reveal {
min-height: 0;
}
}
@media screen and (min-width: 40em) {
.reveal {
width: 600px;
max-width: 75rem;
}
}
@media screen and (min-width: 40em) {
.reveal .reveal {
left: auto;
right: auto;
margin: 0 auto;
}
}
@media screen and (min-width: 40em) {
.reveal.tiny {
width: 30%;
max-width: 75rem;
}
}
@media screen and (min-width: 40em) {
.reveal.small {
width: 50%;
max-width: 75rem;
}
}
@media screen and (min-width: 40em) {
.reveal.large {
width: 90%;
max-width: 75rem;
}
}
@media screen and (max-width: 39.9375em) {
.reveal {
top: 0;
left: 0;
width: 100%;
height: 100%;
height: 100vh;
min-height: 100vh;
max-width: none;
margin-left: 0;
border: 0;
border-radius: 0;
}
}
@media screen and (max-width: 63.9375em) {
table.stack thead {
display: none;
}
table.stack tfoot {
display: none;
}
table.stack tr,table.stack th,table.stack td {
display: block;
}
table.stack td {
border-top: 0;
}
}
@media screen and (min-width: 40em) {
.top-bar .top-bar-left,.top-bar .top-bar-right {
width: auto;
}
}
@media screen and (max-width: 63.9375em) {
.top-bar.stacked-for-medium .top-bar-left,.top-bar.stacked-for-medium .top-bar-right {
width: 100%;
}
}
@media screen and (max-width: 74.9375em) {
.top-bar.stacked-for-large .top-bar-left,.top-bar.stacked-for-large .top-bar-right {
width: 100%;
}
}
@media screen and (max-width: 89.9375em) {
.top-bar.stacked-for-xlarge .top-bar-left,.top-bar.stacked-for-xlarge .top-bar-right {
width: 100%;
}
}
@media screen and (max-width: 39.9375em) {
.hide-for-small-only {
display: none !important;
}
}
@media screen and (max-width: 0em), screen and (min-width: 40em) {
.show-for-small-only {
display: none !important;
}
}
@media screen and (min-width: 40em) {
.hide-for-medium {
display: none !important;
}
}
@media screen and (max-width: 39.9375em) {
.show-for-medium {
display: none !important;
}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
.hide-for-medium-only {
display: none !important;
}
}
@media screen and (max-width: 39.9375em), screen and (min-width: 64em) {
.show-for-medium-only {
display: none !important;
}
}
@media screen and (min-width: 64em) {
.hide-for-large {
display: none !important;
}
}
@media screen and (max-width: 63.9375em) {
.show-for-large {
display: none !important;
}
}
@media screen and (min-width: 64em) and (max-width: 74.9375em) {
.hide-for-large-only {
display: none !important;
}
}
@media screen and (max-width: 63.9375em), screen and (min-width: 75em) {
.show-for-large-only {
display: none !important;
}
}
@media screen and (min-width: 75em) {
.hide-for-xlarge {
display: none !important;
}
}
@media screen and (max-width: 74.9375em) {
.show-for-xlarge {
display: none !important;
}
}
@media screen and (min-width: 75em) and (max-width: 89.9375em) {
.hide-for-xlarge-only {
display: none !important;
}
}
@media screen and (max-width: 74.9375em), screen and (min-width: 90em) {
.show-for-xlarge-only {
display: none !important;
}
}
@media screen and (min-width: 90em) {
.hide-for-xxlarge {
display: none !important;
}
}
@media screen and (max-width: 89.9375em) {
.show-for-xxlarge {
display: none !important;
}
}
@media screen and (min-width: 90em) {
.hide-for-xxlarge-only {
display: none !important;
}
}
@media screen and (max-width: 89.9375em) {
.show-for-xxlarge-only {
display: none !important;
}
}
@media screen and (orientation: landscape) {
.show-for-landscape,.hide-for-portrait {
display: block !important;
}
}
@media screen and (orientation: portrait) {
.show-for-landscape,.hide-for-portrait {
display: none !important;
}
}
@media screen and (orientation: landscape) {
.hide-for-landscape,.show-for-portrait {
display: none !important;
}
}
@media screen and (orientation: portrait) {
.hide-for-landscape,.show-for-portrait {
display: block !important;
}
}
@keyframes shake-7 {
0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
-webkit-transform: translateX(7%);
transform: translateX(7%);
}
5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%);
}
}
@keyframes shake-7 {
0%,10%,20%,30%,40%,50%,60%,70%,80%,90% {
-webkit-transform: translateX(7%);
transform: translateX(7%);
}
5%,15%,25%,35%,45%,55%,65%,75%,85%,95% {
-webkit-transform: translateX(-7%);
transform: translateX(-7%);
}
}
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn);
}
100% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
}
@keyframes spin-cw-1turn {
0% {
-webkit-transform: rotate(0);
transform: rotate(0);
}
100% {
-webkit-transform: rotate(1turn);
transform: rotate(1turn);
}
}
@keyframes wiggle-7deg {
40%,50%,60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg);
}
35%,45%,55%,65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg);
}
0%,30%,70%,100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
@keyframes wiggle-7deg {
40%,50%,60% {
-webkit-transform: rotate(7deg);
transform: rotate(7deg);
}
35%,45%,55%,65% {
-webkit-transform: rotate(-7deg);
transform: rotate(-7deg);
}
0%,30%,70%,100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
}
#responsive-menu {
box-shadow: gray 0 0 20px;
}
.services-pos:nth-child(1) {
z-index: 50;
}
.services-pos:nth-child(2) {
z-index: 51;
}
.services-pos:nth-child(3) {
z-index: 52;
}
.services-pos:nth-child(4) {
z-index: 53;
}
.services-pos:nth-child(5) {
z-index: 54;
}
.services-pos:nth-child(6) {
z-index: 55;
}
.services-pos:nth-child(7) {
z-index: 56;
}
.services-pos:nth-child(8) {
z-index: 57;
}
.services-pos:nth-child(9) {
z-index: 58;
}
.services-pos:nth-child(10) {
z-index: 59;
}
.services-pos:nth-child(11) {
z-index: 60;
}
.services-pos:nth-child(12) {
z-index: 61;
}
@media only screen and (min-width: 90.063em) {
.services-pos:nth-child(1) {
top: 0;
margin-top: 302px;
margin-left: 351px;
}
.services-pos:nth-child(2) {
top: 0;
margin-top: -217px;
margin-left: 489px;
}
.services-pos:nth-child(3) {
top: 0;
margin-top: -138px;
margin-left: 1037px;
}
.services-pos:nth-child(4) {
top: 0;
margin-top: -58px;
margin-left: 625px;
}
.services-pos:nth-child(5) {
top: 0;
margin-top: -138px;
margin-left: 900px;
}
.services-pos:nth-child(6) {
top: 0;
margin-top: -58px;
margin-left: 489px;
}
.services-pos:nth-child(7) {
top: 0;
margin-top: -138px;
margin-left: 762px;
}
.services-pos:nth-child(8) {
top: 0;
margin-top: -138px;
margin-left: 1037px;
}
.services-pos:nth-child(9) {
top: 0;
margin-top: -58px;
margin-left: 625px;
}
.services-pos:nth-child(10) {
top: 0;
margin-top: -138px;
margin-left: 900px;
}
.services-pos:nth-child(11) {
top: 0;
margin-top: -58px;
margin-left: 762px;
}
.services-pos:nth-child(12) {
top: 0;
margin-top: -58px;
margin-left: 900px;
}
}
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
.services-pos:nth-child(1) {
top: 0;
margin-top: 143px;
margin-left: 76px;
}
.services-pos:nth-child(2) {
top: 0;
margin-top: -217px;
margin-left: 214px;
}
.services-pos:nth-child(3) {
top: 0;
margin-top: -138px;
margin-left: 762px;
}
.services-pos:nth-child(4) {
top: 0;
margin-top: -58px;
margin-left: 350px;
}
.services-pos:nth-child(5) {
top: 0;
margin-top: -138px;
margin-left: 625px;
}
.services-pos:nth-child(6) {
top: 0;
margin-top: -58px;
margin-left: 214px;
}
.services-pos:nth-child(7) {
top: 0;
margin-top: -138px;
margin-left: 487px;
}
.services-pos:nth-child(8) {
top: 0;
margin-top: -138px;
margin-left: 762px;
}
.services-pos:nth-child(9) {
top: 0;
margin-top: -58px;
margin-left: 350px;
}
.services-pos:nth-child(10) {
top: 0;
margin-top: -138px;
margin-left: 625px;
}
.services-pos:nth-child(11) {
top: 0;
margin-top: -58px;
margin-left: 487px;
}
.services-pos:nth-child(12) {
top: 0;
margin-top: -58px;
margin-left: 625px;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.services-pos:nth-child(1) {
top: 0;
margin-top: 126px;
margin-left: 190px;
}
.services-pos:nth-child(2) {
top: 0;
margin-top: -217px;
margin-left: 328px;
}
.services-pos:nth-child(3) {
top: 313px;
margin-top: -138px;
margin-left: 328px;
}
.services-pos:nth-child(4) {
top: 0;
margin-top: -58px;
margin-left: 464px;
}
.services-pos:nth-child(5) {
top: -80px;
margin-top: -134px;
margin-left: 601px;
}
.services-pos:nth-child(6) {
top: 0;
margin-top: -58px;
margin-left: 328px;
}
.services-pos:nth-child(7) {
top: 0;
margin-top: -138px;
margin-left: 601px;
}
.services-pos:nth-child(8) {
top: 80px;
margin-top: -138px;
margin-left: 190px;
}
.services-pos:nth-child(9) {
top: 0;
margin-top: -58px;
margin-left: 464px;
}
.services-pos:nth-child(10) {
top: 160px;
margin-top: -138px;
margin-left: 190px;
}
.services-pos:nth-child(11) {
top: 0;
margin-top: -58px;
margin-left: 601px;
}
.services-pos:nth-child(12) {
top: 0;
margin-top: -58px;
margin-left: 464px;
}
}
@media only screen and (max-width: 40em) {
.outline-holder {
display: none;
}
.services-pos:nth-child(2) {
left: calc(50% - 150px);
}
.services-pos:nth-child(4) {
margin-top: 10px;
left: calc(50% - 150px);
}
.services-pos:nth-child(6) {
left: calc(50% - 15px);
margin-top: -210px;
}
.services-pos:nth-child(7) {
left: calc(50% - 15px);
margin-top: 10px;
}
.services-pos:nth-child(8) {
left: calc(50% - 150px);
margin-top: -65px;
}
.services-pos:nth-child(9) {
left: calc(50% - 15px);
margin-top: -60px;
}
.services-pos:nth-child(10) {
left: calc(50% - 150px);
margin-top: -65px;
}
.services-pos:nth-child(12) {
left: calc(50% - 15px);
margin-top: -60px;
}
}
@media only screen and (max-width: 1270px) and (min-width: 64.063em) {
.services-pos:nth-child(3) {
margin-top: -138px;
top: 313px;
margin-left: 214px;
}
.services-pos:nth-child(8) {
margin-top: -138px;
top: 80px;
margin-left: 76px;
}
.services-pos:nth-child(12) {
margin-left: 350px;
}
}
@media only screen and (min-width: 40.063em) and (max-width: 850px) {
.services-pos:nth-child(5) {
margin-left: 53px;
}
.services-pos:nth-child(7) {
margin-left: 53px;
}
.services-pos:nth-child(11) {
margin-left: 53px;
}
}
@media (max-width: 1366px) {
.row:not(.nochange) {
max-width: 60rem;
}
}
@media (max-width: 1270px) {
.row:not(.nochange) {
max-width: 50rem;
}
h2,h5 {
text-align: center;
margin: auto;
}
.what-we-know-holder {
left: calc(50% - 650px / 2);
}
}
@media (max-width: 1100px) {
.row:not(.nochange) {
max-width: 40rem;
}
}
@media (min-width: 1024px) {
.medium-centered {
float: none;
display: block;
margin-left: 0;
margin-right: 0;
}
}
@media (max-width: 1023px) {
.row:not(.nochange) {
max-width: 50rem;
}
.off-canvas-content {
padding-top: 0;
}
.item-data {
padding: 15px;
}
.item-data h4::after {
top: 60px;
}
.item-data a.button {
margin-top: 10px;
}
.ref-scr {
padding-left: 0.3rem;
padding-right: 0.3rem;
}
.detail-info {
padding-left: 1.5rem !important;
padding-right: 1.5rem !important;
}
.detail-buttons {
text-align: center;
}
.pull-right-for-small {
float: right;
}
[type="text"],[type="password"],[type="date"],[type="datetime"],[type="datetime-local"],[type="month"],[type="week"],[type="email"],[type="number"],[type="search"],[type="tel"],[type="time"],[type="url"],[type="color"],textarea,[type="text"]:focus,[type="password"]:focus,[type="date"]:focus,[type="datetime"]:focus,[type="datetime-local"]:focus,[type="month"]:focus,[type="week"]:focus,[type="email"]:focus,[type="number"]:focus,[type="search"]:focus,[type="tel"]:focus,[type="time"]:focus,[type="url"]:focus,[type="color"]:focus,textarea:focus {
margin-bottom: 0.4rem;
}
.button-medium-centered {
margin: auto;
text-align: center;
display: block;
}
.member-list {
margin-top: 25px;
border-right: 0;
}
.contact-address,.members {
float: left;
width: 50%;
}
.contact-address .small-8 {
text-align: right;
padding-top: 30px;
padding-bottom: 30px;
}
.members {
margin-top: 0;
}
.off-canvas {
background-color: rgba(88, 89, 91, 0.95);
}
#responsive-menu .main-menu {
text-align: center;
}
.off-canvas#responsive-menu .main-menu.menu > li > a {
font-size: 1.7rem;
}
.off-canvas#responsive-menu .main-menu.menu > li > a:hover,.off-canvas#responsive-menu .main-menu.menu > li.active > a {
color: #8aa800;
}
.off-canvas#responsive-menu .main-menu.menu > li.active > a {
font-size: 2.2rem;
}
}
@media (max-width: 850px) {
.row:not(.nochange) {
max-width: 45rem;
}
.item-data {
padding: 5px;
font-size: 0.8rem;
}
.item-data h4 {
margin-top: 5px;
margin-bottom: 5px;
}
.item-data h4::after {
top: 35px;
}
.item-data a.button {
margin-top: 10px;
}
.item-data p {
line-height: 1.2;
}
}
@media (max-width: 750px) {
.row:not(.nochange) {
max-width: 40rem;
}
}
@media (max-width: 639px) {
.row:not(.nochange) {
max-width: 30rem;
}
.ref-scr {
margin-bottom: 0;
}
.detail-info {
margin-top: 15px;
}
.item-data p,.item-data a,.item-data h4 {
color: #ffffff;
}
.item-data h4 {
font-size: 1rem;
margin-top: 20px;
display: block;
margin-bottom: 15px;
}
.item-data h4:after {
content: '';
width: 10%;
height: 1px;
background-color: #fefefe;
display: inline-block;
position: absolute;
top: 50px;
left: 45%;
}
.item-data a {
text-transform: uppercase;
}
}
@media (max-width: 530px) {
.row:not(.nochange) {
padding-left: 20px;
padding-right: 20px;
}
.detail-buttons .m-l-25 {
margin-left: 0;
}
}
@media (max-width: 500px) {
.item-data h4:after {
display: none;
}
.item-data h4 {
margin-top: 10px;
margin-bottom: 5px;
}
.item-data p {
display: none;
}
.item-data a.button {
margin-top: 0;
}
.contact-address .small-4 {
display: none;
}
.contact-address,.members,.contact-address .small-8 {
float: left;
width: 100%;
}
.contact-address .small-8 {
text-align: center;
}
.members {
margin-top: 25px;
}
.what-we-know-holder {
left: 0;
height: 152px;
}
.what-we-know:nth-child(2) {
left: 70px;
}
.what-we-know:nth-child(3) {
left: 140px;
}
.what-we-know:nth-child(4) {
left: 210px;
}
.what-we-know:nth-child(5) {
left: 280px;
}
.what-we-know:nth-child(6) {
left: 0;
top: 76px;
}
.what-we-know:nth-child(7) {
left: 70px;
top: 114px;
}
.what-we-know:nth-child(8) {
left: 140px;
top: 76px;
}
.what-we-know:nth-child(9) {
left: 210px;
top: 114px;
}
}
@media (max-width: 400px) {
.title-bar-title img {
width: 100px;
height: auto;
margin-top: 17px;
}
a#responsive-menu-button {
font-size: 1rem;
}
.off-canvas#responsive-menu .main-menu.menu > li > a {
font-size: 1.3rem;
}
.off-canvas#responsive-menu .main-menu.menu > li.active > a {
font-size: 1.6rem;
}
}