9261 lines
174 KiB
CSS
Vendored
9261 lines
174 KiB
CSS
Vendored
@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;
|
||
}
|
||
}
|
||
|
||
|