#cookiepopup {
display: none;
}
.contactpage form p {
border: none;
}
.contactpage form input,
.contactpage form .select,
.contactpage form textarea {
width: 100%;
}
.contactpage form select {
padding: 0.5em;
border: solid 0.2em #d2d2d8;
transition: all 0.4s ease-in-out;
border-radius: 0px;
box-shadow: none;
}
.no-minheight {
min-height: 0px;
}
.home_timeline {
display: none;
}
.home_timeline .guided-tour.timeline-tour {
box-shadow: 0px -1px 5px #0f1356;
bottom: 2em;
left: 1em;
position: fixed;
padding: 3em;
color: #fff;
background: #010326;
border: 1px solid #191818;
visibility: visible;
opacity: 1;
z-index: 999999;
}
.home_timeline .guided-tour:before {
content: "";
}
.home_timeline .guided-tour:after {
border: none;
}
.home_timeline .guided-tour p {
font-size: 1em;
}
#cookiepopup-continue,
a.cookiepopup-learnmore {
color: #fff;
padding: 3px 10px;
font-size: 1.5em;
border: 1px solid;
margin: 20px 10px;
}
.contact-page form input[type="submit"] {
background: black;
margin: 0.5em 0;
padding: 0.8em;
width: 100%;
color: #ffd301;
font-weight: 300;
border: none;
}
/*li.activeli, .level_2:hover {background: #484d54 !important; color: white;}*/
.level_2:hover a {
color: white !important;
}
.mobilemenuicon,
.search-form-new,
.search-form-new input,
#s,
#menu-mobile-menu,
#mobilemenu,
.mobilesearch {
display: none;
}
#search .search-form-new {
display: block;
}
/*------------------------------OLD end styles ------------------------------------*/
/*uk styles 99999999999999999999*/
@import url("https://fonts.googleapis.com/css?family=Merriweather:400,400i,700,700i,900");
.top-leaderboard {
padding: 2em;
background: #f1f1f1;
border-bottom: solid 0.1em rgba(0, 0, 0, 0.1);
text-align: center;
z-index: 11;
position: relative
}
.top-leaderboard .row div {
margin: 0 auto
}
.site-header {
box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 0 1em 0 rgba(0, 0, 0, 0.1);
z-index: 10;
background: white;
position: relative
}
.site-header .site-logo {
padding: 0.5em 0;
text-align: center;
margin: 0 auto
}
.site-header .site-logo img {
display: block
}
.site-header .header-cta a {
color: #202428;
font-size: 1.8em;
padding: 2.5em 0 0 0;
display: block;
line-height: 1.5;
width: 93%
}
.site-header .header-cta a strong {
display: block;
font-size: 1.2em
}
.site-header .header-cta a small {
line-height: 1.4;
display: block
}
.site-header .header-cta a img {
float: left;
display: block;
width: 7em;
margin: -1.5em 2em 0 0
}
.site-header .newsletter-cta a {
text-align: right;
float: right
}
.site-header .newsletter-cta a img {
float: right;
margin: -2em 0 0 2em;
width: 6em
}
.site-header .account-links {
float: right
}
.site-header .account-links li {
display: inline-block
}
.site-nav {
border-top: solid 1px #ebebeb;
border-top: solid 1px rgba(0, 0, 0, 0.05);
background: #f5f5f5;
position: relative;
min-height: 4em\9;
z-index: 99
}
.site-nav .grid-container {
position: relative
}
.site-nav ul {
margin: 0;
padding: 0;
list-style: none;
border-left: solid 0.1em rgba(0, 0, 0, 0.05);
display: inline-block;
float: left
}
.site-nav ul li {
float: left;
display: inline-block;
letter-spacing: 0.5px;
font: 1em/2em "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: bold;
text-transform: uppercase;
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out
}
.site-nav ul li:hover {
background: white
}
.site-nav ul li a,
.site-nav ul li .content-links-toggle {
display: block;
padding: 0.26em 1em;
border-left: solid 0.1em #fff;
color: black;
text-decoration: none;
transition: background-color 0.4s ease-in-out;
-moz-transition: background-color 0.4s ease-in-out;
-webkit-transition: background-color 0.4s ease-in-out
}
.site-nav ul li a:hover,
.site-nav ul li .content-links-toggle:hover {
background-color: #ffffff;
position: relative;
z-index: 9999
}
.site-nav ul li div.mega-menu {
visibility: hidden;
opacity: 0;
z-index: -999;
position: absolute;
left: 0;
right: 0;
top: 1em;
padding: 2em;
-webkit-box-shadow: 0 0 4em 0 rgba(0, 0, 0, 0.1);
box-shadow: 0 0 4em 0 rgba(0, 0, 0, 0.1);
background: white;
-webkit-transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out, top 0.5s ease-in-out
}
.site-nav ul li div.mega-menu ul {
font-size: 1em;
width: 20%;
border: none
}
.site-nav ul li div.mega-menu ul li {
display: block;
float: none
}
.site-nav ul li div.mega-menu ul li a {
border: none;
padding: 0
}
.site-nav ul li div.mega-menu ul li a:active {
background: #f7f7f7;
padding-left: 0.5em
}
.site-nav ul li div.mega-menu ul li ul {
visibility: hidden;
opacity: 0;
z-index: -9;
position: absolute;
left: 0;
top: 0;
bottom: 0;
padding: 2em;
width: 28%;
-webkit-transition: opacity 0.5s ease-in-out, left 0.5s ease-in-out;
transition: opacity 0.5s ease-in-out, left 0.5s ease-in-out;
background: #f7f7f7
}
.site-nav ul li div.mega-menu ul li ul li a {
color: white;
line-height: 1.5
}
.site-nav ul li div.mega-menu div.features {
position: absolute;
left: 49%;
width: 51%;
top: 0;
bottom: 0;
background: #ebebeb;
padding: 2em
}
.site-nav ul li div.mega-menu div.features .featured-image {
height: 10em;
overflow: hidden;
margin-bottom: 1em
}
.site-nav ul li div.mega-menu div.features h3 {
font-size: 1.2em
}
.site-nav ul li div.mega-menu div.features a {
padding: 0
}
.site-nav ul li div.mega-menu div.features .article-category a {
display: inline-block;
font-size: 0.9em
}
.site-nav ul li div.mega-menu:hover div.mega-menu {
visibility: visible;
opacity: 1;
z-index: 999;
padding: 2em;
top: 2.5em
}
.site-nav ul li div.mega-menu:hover div.mega-menu ul {
visibility: visible;
opacity: 1;
z-index: 9999;
left: 21%
}
.site-nav ul li div.mega-menu:hover div.mega-menu ul li.active a {
background: #f7f7f7
}
.site-nav ul li div.mega-menu:hover div.mega-menu ul li.active li a {
background: none
}
.site-nav ul li div.mega-menu:hover div.mega-menu div.features {
z-index: 99999
}
.second-nav {
float: right
}
.mobile-menu-toggle,
.content-links-toggle {
display: none
}
.search-toggle,
.mega-menu-toggle {
display: block;
text-indent: -5000px;
text-align: left;
width: 5em;
height: 4.5em;
font-size: 1em;
position: relative;
top: 0;
float: right;
cursor: pointer;
border-left: solid 1px rgba(0, 0, 0, 0.05);
border-right: solid 1px rgba(255, 255, 255, 0.5)
}
.mega-menu-toggle {
display: none
}
.search-toggle:after,
.mega-menu-toggle:after {
content: "\f002";
font: 1.8em/2.7em fontawesome;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
text-align: center;
text-indent: 0;
color: #000;
border-left: solid 1px rgba(255, 255, 255, 0.5);
border-right: solid 1px rgba(0, 0, 0, 0.05)
}
.mega-menu-toggle:after {
content: "\f0c9";
font-size: 2em;
line-height: 2.2em;
padding-top: 0.1em;
bottom: 0
}
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {
.mega-menu-toggle:after {
font-size: 18px
}
}
.mega-menu-open .mega-menu-toggle {
background: white;
z-index: 99999;
height: 5.5em;
border: none
}
.search-toggle {
border-right: none;
right: 0
}
.site-search {
visibility: hidden;
opacity: 0;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #222;
background: rgba(0, 0, 0, 0.9);
transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-webkit-transition: all 0.4s ease-in-out
}
.site-search h2 {
position: absolute;
top: 20%;
color: white;
text-align: center;
right: 0;
left: 0;
font-size: 5em
}
.site-search .region-search {
position: absolute;
top: 500px;
height: 10em;
margin-top: -5em;
width: 50%;
left: 50%;
margin-left: -25%
}
.site-search .region-search .form-text {
width: 70%;
font-size: 3em;
background: rgba(255, 255, 255, 0.2) !important;
border: solid 0.5em #c1002a;
display: inline-block;
float: left;
color: white;
box-shadow: 0 0 5em 0 #000;
-webkit-box-shadow: 0 0 5em 0 #000;
-moz-box-shadow: 0 0 5em 0 #000
}
.site-search .form-actions {
width: 25%;
display: inline-block;
float: right
}
.site-search .form-actions input {
font-size: 3em;
padding: 1.13em;
width: 100%;
box-shadow: 0 0 5em 0 #000;
-webkit-box-shadow: 0 0 5em 0 #000;
-moz-box-shadow: 0 0 5em 0 #000
}
.search-form-revealed .site-search {
opacity: 1;
z-index: 9998;
visibility: visible
}
.search-form-revealed .search-toggle {
top: 1em;
right: 1em;
z-index: 99999;
height: 5em;
width: 5em
}
.search-form-revealed .search-toggle:before {
content: "\f00d";
font: 4em fontawesome;
color: #c1002a;
position: absolute;
left: 0;
right: auto;
top: 0;
text-indent: 0
}
.search-form-revealed .search-toggle:after {
display: none
}
.ie8 .site-nav {
min-height: 4.5em
}
.ie8 .site-nav ul,
.ie9 .site-nav ul {
font-size: 1.3em
}
/*@font-face{font-family:"Unit";src:url(https://www.newstatesman.com/sites/all/themes/creative-responsive-theme/fonts/UnitOT.eot?) format("eot"),url(https://www.newstatesman.com/sites/all/themes/creative-responsive-theme/fonts/UnitOT.woff) format("woff"),url(https://www.newstatesman.com/sites/all/themes/creative-responsive-theme/fonts/UnitOT.ttf) format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:"Unit";src:url(https://www.newstatesman.com/sites/all/themes/creative-responsive-theme/fonts/UnitOT-Black.eot?) format("eot"),url(https://www.newstatesman.com/sites/all/themes/creative-responsive-theme/fonts/UnitOT-Black.woff) format("woff"),url(https://www.newstatesman.com/sites/all/themes/creative-responsive-theme/fonts/UnitOT-Black.ttf) format("truetype");font-weight:bold;font-style:normal}@font-face{font-family:"Unit";src:url(https://www.newstatesman.com/sites/all/themes/creative-responsive-theme/fonts/UnitOT-BlackIta.eot?) format("eot"),url(https://www.newstatesman.com/sites/all/themes/creative-responsive-theme/fonts/UnitOT-BlackIta.woff) format("woff"),url(https://www.newstatesman.com/sites/all/themes/creative-responsive-theme/fonts/UnitOT-BlackIta.ttf) format("truetype");font-weight:bold;font-style:italic}@font-face{font-family:"Unit Slab";src:url(https://www.newstatesman.com/sites/all/themes/creative-responsive-theme/fonts/unitslabpro-bold-webfont.eot?) format("eot"),url(https://www.newstatesman.com/sites/all/themes/creative-responsive-theme/fonts/unitslabpro-bold-webfont.woff) format("woff"),url(https://www.newstatesman.com/sites/all/themes/creative-responsive-theme/fonts/unitslabpro-bold-webfont.ttf) format("truetype");font-weight:normal;font-style:normal} */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
line-height: 1.15;
-webkit-text-size-adjust: 100%
}
body {
margin: 0
}
h1 {
font-size: 2em;
margin: 0.67em 0
}
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible
}
pre {
font-family: monospace, monospace;
font-size: 1em
}
a {
background-color: transparent
}
abbr[title] {
border-bottom: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted
}
b,
strong {
font-weight: bolder
}
code,
kbd,
samp {
font-family: monospace, monospace;
font-size: 1em
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sub {
bottom: -0.25em
}
sup {
top: -0.5em
}
img {
border-style: none
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0
}
button,
input {
overflow: visible
}
button,
select {
text-transform: none
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
-webkit-appearance: button
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText
}
fieldset {
padding: 0.35em 0.75em 0.625em
}
legend {
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal
}
progress {
vertical-align: baseline
}
textarea {
overflow: auto
}
[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px
}
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit
}
details {
display: block
}
summary {
display: list-item
}
template {
display: none
}
[hidden] {
display: none
}
.foundation-mq {
font-family: "small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"
}
html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 100%
}
*,
*::before,
*::after {
-webkit-box-sizing: inherit;
box-sizing: inherit
}
body {
margin: 0;
padding: 0;
background: #fefefe;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
img {
display: inline-block;
vertical-align: middle;
max-width: 100%;
height: auto;
-ms-interpolation-mode: bicubic
}
textarea {
height: auto;
min-height: 50px;
border-radius: 0
}
select {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
border-radius: 0
}
.map_canvas img,
.map_canvas embed,
.map_canvas object,
.mqa-display img,
.mqa-display embed,
.mqa-display object {
max-width: none !important
}
button {
padding: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
border-radius: 0;
background: transparent;
line-height: 1;
cursor: auto
}
[data-whatinput='mouse'] button {
outline: 0
}
pre {
overflow: auto
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit
}
.is-visible {
display: block !important
}
.is-hidden {
display: none !important
}
[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;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 2.4375rem;
margin: 0 0 1rem;
padding: .5rem;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
-webkit-box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
-webkit-appearance: none;
-moz-appearance: none;
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 {
outline: none;
border: 1px solid #8a8a8a;
background-color: #fefefe;
-webkit-box-shadow: 0 0 5px #cacaca;
box-shadow: 0 0 5px #cacaca;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s
}
textarea {
max-width: 100%
}
textarea[rows] {
height: auto
}
input:disabled,
input[readonly],
textarea:disabled,
textarea[readonly] {
background-color: #e6e6e6;
cursor: not-allowed
}
[type='submit'],
[type='button'] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0
}
input[type='search'] {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
::-webkit-input-placeholder {
color: #cacaca
}
::-ms-input-placeholder {
color: #cacaca
}
::placeholder {
color: #cacaca
}
[type='file'],
[type='checkbox'],
[type='radio'] {
margin: 0 0 1rem
}
[type='checkbox']+label,
[type='radio']+label {
display: inline-block;
vertical-align: baseline;
margin-left: .5rem;
margin-right: 1rem;
margin-bottom: 0
}
[type='checkbox']+label[for],
[type='radio']+label[for] {
cursor: pointer
}
label>[type='checkbox'],
label>[type='radio'] {
margin-right: .5rem
}
[type='file'] {
width: 100%
}
label {
display: block;
margin: 0;
font-size: .875rem;
font-weight: normal;
line-height: 1.8;
color: #0a0a0a
}
label.middle {
margin: 0 0 1rem;
padding: .5625rem 0
}
.help-text {
margin-top: -.5rem;
font-size: .8125rem;
font-style: italic;
color: #0a0a0a
}
.input-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 1rem;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch
}
.input-group>:first-child,
.input-group>:first-child.input-group-button>* {
border-radius: 0 0 0 0
}
.input-group>:last-child,
.input-group>:last-child.input-group-button>* {
border-radius: 0 0 0 0
}
.input-group-label,
.input-group-field,
.input-group-button,
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
margin: 0;
white-space: nowrap
}
.input-group-label {
padding: 0 1rem;
border: 1px solid #cacaca;
background: #e6e6e6;
color: #0a0a0a;
text-align: center;
white-space: nowrap;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.input-group-label:first-child {
border-right: 0
}
.input-group-label:last-child {
border-left: 0
}
.input-group-field {
border-radius: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
min-width: 0
}
.input-group-button {
padding-top: 0;
padding-bottom: 0;
text-align: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
-ms-flex-item-align: stretch;
align-self: stretch;
height: auto;
padding-top: 0;
padding-bottom: 0;
font-size: 1rem
}
fieldset {
margin: 0;
padding: 0;
border: 0
}
legend {
max-width: 100%;
margin-bottom: .5rem
}
.fieldset {
margin: 1.125rem 0;
padding: 1.25rem;
border: 1px solid #cacaca
}
.fieldset legend {
margin: 0;
margin-left: -.1875rem;
padding: 0 .1875rem
}
select {
height: 2.4375rem;
margin: 0 0 1rem;
padding: .5rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid #cacaca;
border-radius: 0;
background-color: #fefefe;
font-family: inherit;
font-size: 1rem;
font-weight: normal;
line-height: 1.5;
color: #0a0a0a;
background-image: url("data:image/svg+xml;utf8,");
background-origin: content-box;
background-position: right -1rem center;
background-repeat: no-repeat;
background-size: 9px 6px;
padding-right: 1.5rem;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s
}
@media screen and (min-width: 0\0) {
select {
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==")
}
}
select:focus {
outline: none;
border: 1px solid #8a8a8a;
background-color: #fefefe;
-webkit-box-shadow: 0 0 5px #cacaca;
box-shadow: 0 0 5px #cacaca;
-webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s
}
select:disabled {
background-color: #e6e6e6;
cursor: not-allowed
}
select::-ms-expand {
display: none
}
select[multiple] {
height: auto;
background-image: none
}
.is-invalid-input:not(:focus) {
border-color: #cc4b37;
background-color: #f9ecea
}
.is-invalid-input:not(:focus)::-webkit-input-placeholder {
color: #cc4b37
}
.is-invalid-input:not(:focus)::-ms-input-placeholder {
color: #cc4b37
}
.is-invalid-input:not(:focus)::placeholder {
color: #cc4b37
}
.is-invalid-label {
color: #cc4b37
}
.form-error {
display: none;
margin-top: -.5rem;
margin-bottom: 1rem;
font-size: .75rem;
font-weight: bold;
color: #cc4b37
}
.form-error.is-visible {
display: block
}
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
margin: 0;
padding: 0
}
p {
margin-bottom: 1rem;
font-size: inherit;
line-height: 1.6;
text-rendering: optimizeLegibility
}
em,
i {
font-style: italic;
line-height: inherit
}
strong,
b {
font-weight: bold;
line-height: inherit
}
small {
font-size: 80%;
line-height: inherit
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: normal;
color: inherit;
text-rendering: optimizeLegibility
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small {
line-height: 0;
color: #cacaca
}
h1,
.h1 {
font-size: 1.5rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
h2,
.h2 {
font-size: 1.25rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
h3,
.h3 {
font-size: 1.1875rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
h4,
.h4 {
font-size: 1.125rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
h5,
.h5 {
font-size: 1.0625rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
h6,
.h6 {
font-size: 1rem;
line-height: 1.4;
margin-top: 0;
margin-bottom: .5rem
}
@media print,
screen and (min-width: 40em) {
h1,
.h1 {
font-size: 3rem
}
h2,
.h2 {
font-size: 2.5rem
}
h3,
.h3 {
font-size: 1.9375rem
}
h4,
.h4 {
font-size: 1.5625rem
}
h5,
.h5 {
font-size: 1.25rem
}
h6,
.h6 {
font-size: 1rem
}
}
a {
line-height: inherit;
color: #1779ba;
text-decoration: none;
cursor: pointer
}
a:hover,
a:focus {
color: #1468a0
}
a img {
border: 0
}
hr {
clear: both;
max-width: 93.75rem;
height: 0;
margin: 1.25rem auto;
border-top: 0;
border-right: 0;
border-bottom: 1px solid #cacaca;
border-left: 0
}
ul,
ol,
dl {
margin-bottom: 1rem;
list-style-position: outside;
line-height: 1.6
}
li {
font-size: inherit
}
ul {
margin-left: 1.25rem;
list-style-type: disc
}
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: .3rem;
font-weight: bold
}
blockquote {
margin: 0 0 1rem;
padding: .5625rem 1.25rem 0 1.1875rem;
border-left: 1px solid #cacaca
}
blockquote,
blockquote p {
line-height: 1.6;
color: #8a8a8a
}
cite {
display: block;
font-size: .8125rem;
color: #8a8a8a
}
cite:before {
content: "— "
}
abbr,
abbr[title] {
border-bottom: 1px dotted #0a0a0a;
cursor: help;
text-decoration: none
}
figure {
margin: 0
}
code {
padding: .125rem .3125rem .0625rem;
border: 1px solid #cacaca;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
font-weight: normal;
color: #0a0a0a
}
kbd {
margin: 0;
padding: .125rem .25rem 0;
background-color: #e6e6e6;
font-family: Consolas, "Liberation Mono", Courier, monospace;
color: #0a0a0a
}
.subheader {
margin-top: .2rem;
margin-bottom: .5rem;
font-weight: normal;
line-height: 1.4;
color: #8a8a8a
}
.lead {
font-size: 125%;
line-height: 1.6
}
.stat {
font-size: 2.5rem;
line-height: 1
}
p+.stat {
margin-top: -1rem
}
ul.no-bullet,
ol.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 print,
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 print,
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
}
}
.show-for-print {
display: none !important
}
@media print {
* {
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
color: black !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 #8a8a8a;
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
}
.print-break-inside {
page-break-inside: auto
}
}
.grid-container {
padding-right: 0;
padding-left: 0;
max-width: 93.75rem;
margin: 0 auto
}
.grid-container.fluid {
padding-right: 0;
padding-left: 0;
max-width: 100%;
margin: 0 auto
}
.grid-container.full {
padding-right: 0;
padding-left: 0;
max-width: 100%;
margin: 0 auto
}
.grid-x {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.cell {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
min-height: 0px;
min-width: 0px;
width: 100%
}
.cell.auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
.cell.shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x>.auto {
width: auto
}
.grid-x>.shrink {
width: auto
}
.grid-x>.small-shrink,
.grid-x>.small-full,
.grid-x>.small-1,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
@media print,
screen and (min-width: 40em) {
.grid-x>.medium-shrink,
.grid-x>.medium-full,
.grid-x>.medium-1,
.grid-x>.medium-2,
.grid-x>.medium-3,
.grid-x>.medium-4,
.grid-x>.medium-5,
.grid-x>.medium-6,
.grid-x>.medium-7,
.grid-x>.medium-8,
.grid-x>.medium-9,
.grid-x>.medium-10,
.grid-x>.medium-11,
.grid-x>.medium-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media print,
screen and (min-width: 64em) {
.grid-x>.large-shrink,
.grid-x>.large-full,
.grid-x>.large-1,
.grid-x>.large-2,
.grid-x>.large-3,
.grid-x>.large-4,
.grid-x>.large-5,
.grid-x>.large-6,
.grid-x>.large-7,
.grid-x>.large-8,
.grid-x>.large-9,
.grid-x>.large-10,
.grid-x>.large-11,
.grid-x>.large-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
.grid-x>.small-1,
.grid-x>.small-2,
.grid-x>.small-3,
.grid-x>.small-4,
.grid-x>.small-5,
.grid-x>.small-6,
.grid-x>.small-7,
.grid-x>.small-8,
.grid-x>.small-9,
.grid-x>.small-10,
.grid-x>.small-11,
.grid-x>.small-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x>.small-1 {
width: 8.33333%
}
.grid-x>.small-2 {
width: 16.66667%
}
.grid-x>.small-3 {
width: 25%
}
.grid-x>.small-4 {
width: 33.33333%
}
.grid-x>.small-5 {
width: 41.66667%
}
.grid-x>.small-6 {
width: 50%
}
.grid-x>.small-7 {
width: 58.33333%
}
.grid-x>.small-8 {
width: 66.66667%
}
.grid-x>.small-9 {
width: 75%
}
.grid-x>.small-10 {
width: 83.33333%
}
.grid-x>.small-11 {
width: 91.66667%
}
.grid-x>.small-12 {
width: 100%
}
@media print,
screen and (min-width: 40em) {
.grid-x>.medium-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
.grid-x>.medium-shrink,
.grid-x>.medium-1,
.grid-x>.medium-2,
.grid-x>.medium-3,
.grid-x>.medium-4,
.grid-x>.medium-5,
.grid-x>.medium-6,
.grid-x>.medium-7,
.grid-x>.medium-8,
.grid-x>.medium-9,
.grid-x>.medium-10,
.grid-x>.medium-11,
.grid-x>.medium-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x>.medium-shrink {
width: auto
}
.grid-x>.medium-1 {
width: 8.33333%
}
.grid-x>.medium-2 {
width: 16.66667%
}
.grid-x>.medium-3 {
width: 25%
}
.grid-x>.medium-4 {
width: 33.33333%
}
.grid-x>.medium-5 {
width: 41.66667%
}
.grid-x>.medium-6 {
width: 50%
}
.grid-x>.medium-7 {
width: 58.33333%
}
.grid-x>.medium-8 {
width: 66.66667%
}
.grid-x>.medium-9 {
width: 75%
}
.grid-x>.medium-10 {
width: 83.33333%
}
.grid-x>.medium-11 {
width: 91.66667%
}
.grid-x>.medium-12 {
width: 100%
}
}
@media print,
screen and (min-width: 64em) {
.grid-x>.large-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
width: auto
}
.grid-x>.large-shrink,
.grid-x>.large-1,
.grid-x>.large-2,
.grid-x>.large-3,
.grid-x>.large-4,
.grid-x>.large-5,
.grid-x>.large-6,
.grid-x>.large-7,
.grid-x>.large-8,
.grid-x>.large-9,
.grid-x>.large-10,
.grid-x>.large-11,
.grid-x>.large-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-x>.large-shrink {
width: auto
}
.grid-x>.large-1 {
width: 8.33333%
}
.grid-x>.large-2 {
width: 16.66667%
}
.grid-x>.large-3 {
width: 25%
}
.grid-x>.large-4 {
width: 33.33333%
}
.grid-x>.large-5 {
width: 41.66667%
}
.grid-x>.large-6 {
width: 50%
}
.grid-x>.large-7 {
width: 58.33333%
}
.grid-x>.large-8 {
width: 66.66667%
}
.grid-x>.large-9 {
width: 75%
}
.grid-x>.large-10 {
width: 83.33333%
}
.grid-x>.large-11 {
width: 91.66667%
}
.grid-x>.large-12 {
width: 100%
}
}
.grid-margin-x:not(.grid-x)>.cell {
width: auto
}
.grid-margin-y:not(.grid-y)>.cell {
height: auto
}
.grid-margin-x {
margin-left: -.625rem;
margin-right: -.625rem
}
@media print,
screen and (min-width: 40em) {
.grid-margin-x {
margin-left: -.9375rem;
margin-right: -.9375rem
}
}
.grid-margin-x>.cell {
width: calc(100% - 1.25rem);
margin-left: .625rem;
margin-right: .625rem
}
@media print,
screen and (min-width: 40em) {
.grid-margin-x>.cell {
width: calc(100% - 1.875rem);
margin-left: .9375rem;
margin-right: .9375rem
}
}
.grid-margin-x>.auto {
width: auto
}
.grid-margin-x>.shrink {
width: auto
}
.grid-margin-x>.small-1 {
width: calc(8.33333% - 1.25rem)
}
.grid-margin-x>.small-2 {
width: calc(16.66667% - 1.25rem)
}
.grid-margin-x>.small-3 {
width: calc(25% - 1.25rem)
}
.grid-margin-x>.small-4 {
width: calc(33.33333% - 1.25rem)
}
.grid-margin-x>.small-5 {
width: calc(41.66667% - 1.25rem)
}
.grid-margin-x>.small-6 {
width: calc(50% - 1.25rem)
}
.grid-margin-x>.small-7 {
width: calc(58.33333% - 1.25rem)
}
.grid-margin-x>.small-8 {
width: calc(66.66667% - 1.25rem)
}
.grid-margin-x>.small-9 {
width: calc(75% - 1.25rem)
}
.grid-margin-x>.small-10 {
width: calc(83.33333% - 1.25rem)
}
.grid-margin-x>.small-11 {
width: calc(91.66667% - 1.25rem)
}
.grid-margin-x>.small-12 {
width: calc(100% - 1.25rem)
}
@media print,
screen and (min-width: 40em) {
.grid-margin-x>.auto {
width: auto
}
.grid-margin-x>.shrink {
width: auto
}
.grid-margin-x>.small-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x>.small-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x>.small-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x>.small-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x>.small-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x>.small-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x>.small-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x>.small-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x>.small-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x>.small-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x>.small-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x>.small-12 {
width: calc(100% - 1.875rem)
}
.grid-margin-x>.medium-auto {
width: auto
}
.grid-margin-x>.medium-shrink {
width: auto
}
.grid-margin-x>.medium-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x>.medium-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x>.medium-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x>.medium-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x>.medium-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x>.medium-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x>.medium-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x>.medium-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x>.medium-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x>.medium-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x>.medium-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x>.medium-12 {
width: calc(100% - 1.875rem)
}
}
@media print,
screen and (min-width: 64em) {
.grid-margin-x>.large-auto {
width: auto
}
.grid-margin-x>.large-shrink {
width: auto
}
.grid-margin-x>.large-1 {
width: calc(8.33333% - 1.875rem)
}
.grid-margin-x>.large-2 {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x>.large-3 {
width: calc(25% - 1.875rem)
}
.grid-margin-x>.large-4 {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x>.large-5 {
width: calc(41.66667% - 1.875rem)
}
.grid-margin-x>.large-6 {
width: calc(50% - 1.875rem)
}
.grid-margin-x>.large-7 {
width: calc(58.33333% - 1.875rem)
}
.grid-margin-x>.large-8 {
width: calc(66.66667% - 1.875rem)
}
.grid-margin-x>.large-9 {
width: calc(75% - 1.875rem)
}
.grid-margin-x>.large-10 {
width: calc(83.33333% - 1.875rem)
}
.grid-margin-x>.large-11 {
width: calc(91.66667% - 1.875rem)
}
.grid-margin-x>.large-12 {
width: calc(100% - 1.875rem)
}
}
.grid-padding-x .grid-padding-x {
margin-right: -.625rem;
margin-left: -.625rem
}
@media print,
screen and (min-width: 40em) {
.grid-padding-x .grid-padding-x {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
.grid-container:not(.full)>.grid-padding-x {
margin-right: -.625rem;
margin-left: -.625rem
}
@media print,
screen and (min-width: 40em) {
.grid-container:not(.full)>.grid-padding-x {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
.grid-padding-x>.cell {
padding-right: .625rem;
padding-left: .625rem
}
@media print,
screen and (min-width: 40em) {
.grid-padding-x>.cell {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.small-up-1>.cell {
width: 100%
}
.small-up-2>.cell {
width: 50%
}
.small-up-3>.cell {
width: 33.33333%
}
.small-up-4>.cell {
width: 25%
}
.small-up-5>.cell {
width: 20%
}
.small-up-6>.cell {
width: 16.66667%
}
.small-up-7>.cell {
width: 14.28571%
}
.small-up-8>.cell {
width: 12.5%
}
@media print,
screen and (min-width: 40em) {
.medium-up-1>.cell {
width: 100%
}
.medium-up-2>.cell {
width: 50%
}
.medium-up-3>.cell {
width: 33.33333%
}
.medium-up-4>.cell {
width: 25%
}
.medium-up-5>.cell {
width: 20%
}
.medium-up-6>.cell {
width: 16.66667%
}
.medium-up-7>.cell {
width: 14.28571%
}
.medium-up-8>.cell {
width: 12.5%
}
}
@media print,
screen and (min-width: 64em) {
.large-up-1>.cell {
width: 100%
}
.large-up-2>.cell {
width: 50%
}
.large-up-3>.cell {
width: 33.33333%
}
.large-up-4>.cell {
width: 25%
}
.large-up-5>.cell {
width: 20%
}
.large-up-6>.cell {
width: 16.66667%
}
.large-up-7>.cell {
width: 14.28571%
}
.large-up-8>.cell {
width: 12.5%
}
}
.grid-margin-x.small-up-1>.cell {
width: calc(100% - 1.25rem)
}
.grid-margin-x.small-up-2>.cell {
width: calc(50% - 1.25rem)
}
.grid-margin-x.small-up-3>.cell {
width: calc(33.33333% - 1.25rem)
}
.grid-margin-x.small-up-4>.cell {
width: calc(25% - 1.25rem)
}
.grid-margin-x.small-up-5>.cell {
width: calc(20% - 1.25rem)
}
.grid-margin-x.small-up-6>.cell {
width: calc(16.66667% - 1.25rem)
}
.grid-margin-x.small-up-7>.cell {
width: calc(14.28571% - 1.25rem)
}
.grid-margin-x.small-up-8>.cell {
width: calc(12.5% - 1.25rem)
}
@media print,
screen and (min-width: 40em) {
.grid-margin-x.small-up-1>.cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.small-up-2>.cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.small-up-3>.cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.small-up-4>.cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.small-up-5>.cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.small-up-6>.cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.small-up-7>.cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.small-up-8>.cell {
width: calc(12.5% - 1.875rem)
}
.grid-margin-x.medium-up-1>.cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.medium-up-2>.cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.medium-up-3>.cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.medium-up-4>.cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.medium-up-5>.cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.medium-up-6>.cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.medium-up-7>.cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.medium-up-8>.cell {
width: calc(12.5% - 1.875rem)
}
}
@media print,
screen and (min-width: 64em) {
.grid-margin-x.large-up-1>.cell {
width: calc(100% - 1.875rem)
}
.grid-margin-x.large-up-2>.cell {
width: calc(50% - 1.875rem)
}
.grid-margin-x.large-up-3>.cell {
width: calc(33.33333% - 1.875rem)
}
.grid-margin-x.large-up-4>.cell {
width: calc(25% - 1.875rem)
}
.grid-margin-x.large-up-5>.cell {
width: calc(20% - 1.875rem)
}
.grid-margin-x.large-up-6>.cell {
width: calc(16.66667% - 1.875rem)
}
.grid-margin-x.large-up-7>.cell {
width: calc(14.28571% - 1.875rem)
}
.grid-margin-x.large-up-8>.cell {
width: calc(12.5% - 1.875rem)
}
}
.small-margin-collapse {
margin-right: 0;
margin-left: 0
}
.small-margin-collapse>.cell {
margin-right: 0;
margin-left: 0
}
.small-margin-collapse>.small-1 {
width: 8.33333%
}
.small-margin-collapse>.small-2 {
width: 16.66667%
}
.small-margin-collapse>.small-3 {
width: 25%
}
.small-margin-collapse>.small-4 {
width: 33.33333%
}
.small-margin-collapse>.small-5 {
width: 41.66667%
}
.small-margin-collapse>.small-6 {
width: 50%
}
.small-margin-collapse>.small-7 {
width: 58.33333%
}
.small-margin-collapse>.small-8 {
width: 66.66667%
}
.small-margin-collapse>.small-9 {
width: 75%
}
.small-margin-collapse>.small-10 {
width: 83.33333%
}
.small-margin-collapse>.small-11 {
width: 91.66667%
}
.small-margin-collapse>.small-12 {
width: 100%
}
@media print,
screen and (min-width: 40em) {
.small-margin-collapse>.medium-1 {
width: 8.33333%
}
.small-margin-collapse>.medium-2 {
width: 16.66667%
}
.small-margin-collapse>.medium-3 {
width: 25%
}
.small-margin-collapse>.medium-4 {
width: 33.33333%
}
.small-margin-collapse>.medium-5 {
width: 41.66667%
}
.small-margin-collapse>.medium-6 {
width: 50%
}
.small-margin-collapse>.medium-7 {
width: 58.33333%
}
.small-margin-collapse>.medium-8 {
width: 66.66667%
}
.small-margin-collapse>.medium-9 {
width: 75%
}
.small-margin-collapse>.medium-10 {
width: 83.33333%
}
.small-margin-collapse>.medium-11 {
width: 91.66667%
}
.small-margin-collapse>.medium-12 {
width: 100%
}
}
@media print,
screen and (min-width: 64em) {
.small-margin-collapse>.large-1 {
width: 8.33333%
}
.small-margin-collapse>.large-2 {
width: 16.66667%
}
.small-margin-collapse>.large-3 {
width: 25%
}
.small-margin-collapse>.large-4 {
width: 33.33333%
}
.small-margin-collapse>.large-5 {
width: 41.66667%
}
.small-margin-collapse>.large-6 {
width: 50%
}
.small-margin-collapse>.large-7 {
width: 58.33333%
}
.small-margin-collapse>.large-8 {
width: 66.66667%
}
.small-margin-collapse>.large-9 {
width: 75%
}
.small-margin-collapse>.large-10 {
width: 83.33333%
}
.small-margin-collapse>.large-11 {
width: 91.66667%
}
.small-margin-collapse>.large-12 {
width: 100%
}
}
.small-padding-collapse {
margin-right: 0;
margin-left: 0
}
.small-padding-collapse>.cell {
padding-right: 0;
padding-left: 0
}
@media print,
screen and (min-width: 40em) {
.medium-margin-collapse {
margin-right: 0;
margin-left: 0
}
.medium-margin-collapse>.cell {
margin-right: 0;
margin-left: 0
}
}
@media print,
screen and (min-width: 40em) {
.medium-margin-collapse>.small-1 {
width: 8.33333%
}
.medium-margin-collapse>.small-2 {
width: 16.66667%
}
.medium-margin-collapse>.small-3 {
width: 25%
}
.medium-margin-collapse>.small-4 {
width: 33.33333%
}
.medium-margin-collapse>.small-5 {
width: 41.66667%
}
.medium-margin-collapse>.small-6 {
width: 50%
}
.medium-margin-collapse>.small-7 {
width: 58.33333%
}
.medium-margin-collapse>.small-8 {
width: 66.66667%
}
.medium-margin-collapse>.small-9 {
width: 75%
}
.medium-margin-collapse>.small-10 {
width: 83.33333%
}
.medium-margin-collapse>.small-11 {
width: 91.66667%
}
.medium-margin-collapse>.small-12 {
width: 100%
}
}
@media print,
screen and (min-width: 40em) {
.medium-margin-collapse>.medium-1 {
width: 8.33333%
}
.medium-margin-collapse>.medium-2 {
width: 16.66667%
}
.medium-margin-collapse>.medium-3 {
width: 25%
}
.medium-margin-collapse>.medium-4 {
width: 33.33333%
}
.medium-margin-collapse>.medium-5 {
width: 41.66667%
}
.medium-margin-collapse>.medium-6 {
width: 50%
}
.medium-margin-collapse>.medium-7 {
width: 58.33333%
}
.medium-margin-collapse>.medium-8 {
width: 66.66667%
}
.medium-margin-collapse>.medium-9 {
width: 75%
}
.medium-margin-collapse>.medium-10 {
width: 83.33333%
}
.medium-margin-collapse>.medium-11 {
width: 91.66667%
}
.medium-margin-collapse>.medium-12 {
width: 100%
}
}
@media print,
screen and (min-width: 64em) {
.medium-margin-collapse>.large-1 {
width: 8.33333%
}
.medium-margin-collapse>.large-2 {
width: 16.66667%
}
.medium-margin-collapse>.large-3 {
width: 25%
}
.medium-margin-collapse>.large-4 {
width: 33.33333%
}
.medium-margin-collapse>.large-5 {
width: 41.66667%
}
.medium-margin-collapse>.large-6 {
width: 50%
}
.medium-margin-collapse>.large-7 {
width: 58.33333%
}
.medium-margin-collapse>.large-8 {
width: 66.66667%
}
.medium-margin-collapse>.large-9 {
width: 75%
}
.medium-margin-collapse>.large-10 {
width: 83.33333%
}
.medium-margin-collapse>.large-11 {
width: 91.66667%
}
.medium-margin-collapse>.large-12 {
width: 100%
}
}
@media print,
screen and (min-width: 40em) {
.medium-padding-collapse {
margin-right: 0;
margin-left: 0
}
.medium-padding-collapse>.cell {
padding-right: 0;
padding-left: 0
}
}
@media print,
screen and (min-width: 64em) {
.large-margin-collapse {
margin-right: 0;
margin-left: 0
}
.large-margin-collapse>.cell {
margin-right: 0;
margin-left: 0
}
}
@media print,
screen and (min-width: 64em) {
.large-margin-collapse>.small-1 {
width: 8.33333%
}
.large-margin-collapse>.small-2 {
width: 16.66667%
}
.large-margin-collapse>.small-3 {
width: 25%
}
.large-margin-collapse>.small-4 {
width: 33.33333%
}
.large-margin-collapse>.small-5 {
width: 41.66667%
}
.large-margin-collapse>.small-6 {
width: 50%
}
.large-margin-collapse>.small-7 {
width: 58.33333%
}
.large-margin-collapse>.small-8 {
width: 66.66667%
}
.large-margin-collapse>.small-9 {
width: 75%
}
.large-margin-collapse>.small-10 {
width: 83.33333%
}
.large-margin-collapse>.small-11 {
width: 91.66667%
}
.large-margin-collapse>.small-12 {
width: 100%
}
}
@media print,
screen and (min-width: 64em) {
.large-margin-collapse>.medium-1 {
width: 8.33333%
}
.large-margin-collapse>.medium-2 {
width: 16.66667%
}
.large-margin-collapse>.medium-3 {
width: 25%
}
.large-margin-collapse>.medium-4 {
width: 33.33333%
}
.large-margin-collapse>.medium-5 {
width: 41.66667%
}
.large-margin-collapse>.medium-6 {
width: 50%
}
.large-margin-collapse>.medium-7 {
width: 58.33333%
}
.large-margin-collapse>.medium-8 {
width: 66.66667%
}
.large-margin-collapse>.medium-9 {
width: 75%
}
.large-margin-collapse>.medium-10 {
width: 83.33333%
}
.large-margin-collapse>.medium-11 {
width: 91.66667%
}
.large-margin-collapse>.medium-12 {
width: 100%
}
}
@media print,
screen and (min-width: 64em) {
.large-margin-collapse>.large-1 {
width: 8.33333%
}
.large-margin-collapse>.large-2 {
width: 16.66667%
}
.large-margin-collapse>.large-3 {
width: 25%
}
.large-margin-collapse>.large-4 {
width: 33.33333%
}
.large-margin-collapse>.large-5 {
width: 41.66667%
}
.large-margin-collapse>.large-6 {
width: 50%
}
.large-margin-collapse>.large-7 {
width: 58.33333%
}
.large-margin-collapse>.large-8 {
width: 66.66667%
}
.large-margin-collapse>.large-9 {
width: 75%
}
.large-margin-collapse>.large-10 {
width: 83.33333%
}
.large-margin-collapse>.large-11 {
width: 91.66667%
}
.large-margin-collapse>.large-12 {
width: 100%
}
}
@media print,
screen and (min-width: 64em) {
.large-padding-collapse {
margin-right: 0;
margin-left: 0
}
.large-padding-collapse>.cell {
padding-right: 0;
padding-left: 0
}
}
.small-offset-0 {
margin-left: 0%
}
.grid-margin-x>.small-offset-0 {
margin-left: calc(0% + .625rem)
}
.small-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x>.small-offset-1 {
margin-left: calc(8.33333% + .625rem)
}
.small-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x>.small-offset-2 {
margin-left: calc(16.66667% + .625rem)
}
.small-offset-3 {
margin-left: 25%
}
.grid-margin-x>.small-offset-3 {
margin-left: calc(25% + .625rem)
}
.small-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x>.small-offset-4 {
margin-left: calc(33.33333% + .625rem)
}
.small-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x>.small-offset-5 {
margin-left: calc(41.66667% + .625rem)
}
.small-offset-6 {
margin-left: 50%
}
.grid-margin-x>.small-offset-6 {
margin-left: calc(50% + .625rem)
}
.small-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x>.small-offset-7 {
margin-left: calc(58.33333% + .625rem)
}
.small-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x>.small-offset-8 {
margin-left: calc(66.66667% + .625rem)
}
.small-offset-9 {
margin-left: 75%
}
.grid-margin-x>.small-offset-9 {
margin-left: calc(75% + .625rem)
}
.small-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x>.small-offset-10 {
margin-left: calc(83.33333% + .625rem)
}
.small-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x>.small-offset-11 {
margin-left: calc(91.66667% + .625rem)
}
@media print,
screen and (min-width: 40em) {
.medium-offset-0 {
margin-left: 0%
}
.grid-margin-x>.medium-offset-0 {
margin-left: calc(0% + .9375rem)
}
.medium-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x>.medium-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.medium-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x>.medium-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.medium-offset-3 {
margin-left: 25%
}
.grid-margin-x>.medium-offset-3 {
margin-left: calc(25% + .9375rem)
}
.medium-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x>.medium-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.medium-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x>.medium-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.medium-offset-6 {
margin-left: 50%
}
.grid-margin-x>.medium-offset-6 {
margin-left: calc(50% + .9375rem)
}
.medium-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x>.medium-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.medium-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x>.medium-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.medium-offset-9 {
margin-left: 75%
}
.grid-margin-x>.medium-offset-9 {
margin-left: calc(75% + .9375rem)
}
.medium-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x>.medium-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.medium-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x>.medium-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
}
@media print,
screen and (min-width: 64em) {
.large-offset-0 {
margin-left: 0%
}
.grid-margin-x>.large-offset-0 {
margin-left: calc(0% + .9375rem)
}
.large-offset-1 {
margin-left: 8.33333%
}
.grid-margin-x>.large-offset-1 {
margin-left: calc(8.33333% + .9375rem)
}
.large-offset-2 {
margin-left: 16.66667%
}
.grid-margin-x>.large-offset-2 {
margin-left: calc(16.66667% + .9375rem)
}
.large-offset-3 {
margin-left: 25%
}
.grid-margin-x>.large-offset-3 {
margin-left: calc(25% + .9375rem)
}
.large-offset-4 {
margin-left: 33.33333%
}
.grid-margin-x>.large-offset-4 {
margin-left: calc(33.33333% + .9375rem)
}
.large-offset-5 {
margin-left: 41.66667%
}
.grid-margin-x>.large-offset-5 {
margin-left: calc(41.66667% + .9375rem)
}
.large-offset-6 {
margin-left: 50%
}
.grid-margin-x>.large-offset-6 {
margin-left: calc(50% + .9375rem)
}
.large-offset-7 {
margin-left: 58.33333%
}
.grid-margin-x>.large-offset-7 {
margin-left: calc(58.33333% + .9375rem)
}
.large-offset-8 {
margin-left: 66.66667%
}
.grid-margin-x>.large-offset-8 {
margin-left: calc(66.66667% + .9375rem)
}
.large-offset-9 {
margin-left: 75%
}
.grid-margin-x>.large-offset-9 {
margin-left: calc(75% + .9375rem)
}
.large-offset-10 {
margin-left: 83.33333%
}
.grid-margin-x>.large-offset-10 {
margin-left: calc(83.33333% + .9375rem)
}
.large-offset-11 {
margin-left: 91.66667%
}
.grid-margin-x>.large-offset-11 {
margin-left: calc(91.66667% + .9375rem)
}
}
.grid-y {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column nowrap;
flex-flow: column nowrap
}
.grid-y>.cell {
width: auto;
max-width: none
}
.grid-y>.auto {
height: auto
}
.grid-y>.shrink {
height: auto
}
.grid-y>.small-shrink,
.grid-y>.small-full,
.grid-y>.small-1,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
@media print,
screen and (min-width: 40em) {
.grid-y>.medium-shrink,
.grid-y>.medium-full,
.grid-y>.medium-1,
.grid-y>.medium-2,
.grid-y>.medium-3,
.grid-y>.medium-4,
.grid-y>.medium-5,
.grid-y>.medium-6,
.grid-y>.medium-7,
.grid-y>.medium-8,
.grid-y>.medium-9,
.grid-y>.medium-10,
.grid-y>.medium-11,
.grid-y>.medium-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
@media print,
screen and (min-width: 64em) {
.grid-y>.large-shrink,
.grid-y>.large-full,
.grid-y>.large-1,
.grid-y>.large-2,
.grid-y>.large-3,
.grid-y>.large-4,
.grid-y>.large-5,
.grid-y>.large-6,
.grid-y>.large-7,
.grid-y>.large-8,
.grid-y>.large-9,
.grid-y>.large-10,
.grid-y>.large-11,
.grid-y>.large-12 {
-ms-flex-preferred-size: auto;
flex-basis: auto
}
}
.grid-y>.small-1,
.grid-y>.small-2,
.grid-y>.small-3,
.grid-y>.small-4,
.grid-y>.small-5,
.grid-y>.small-6,
.grid-y>.small-7,
.grid-y>.small-8,
.grid-y>.small-9,
.grid-y>.small-10,
.grid-y>.small-11,
.grid-y>.small-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-y>.small-1 {
height: 8.33333%
}
.grid-y>.small-2 {
height: 16.66667%
}
.grid-y>.small-3 {
height: 25%
}
.grid-y>.small-4 {
height: 33.33333%
}
.grid-y>.small-5 {
height: 41.66667%
}
.grid-y>.small-6 {
height: 50%
}
.grid-y>.small-7 {
height: 58.33333%
}
.grid-y>.small-8 {
height: 66.66667%
}
.grid-y>.small-9 {
height: 75%
}
.grid-y>.small-10 {
height: 83.33333%
}
.grid-y>.small-11 {
height: 91.66667%
}
.grid-y>.small-12 {
height: 100%
}
@media print,
screen and (min-width: 40em) {
.grid-y>.medium-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto
}
.grid-y>.medium-shrink,
.grid-y>.medium-1,
.grid-y>.medium-2,
.grid-y>.medium-3,
.grid-y>.medium-4,
.grid-y>.medium-5,
.grid-y>.medium-6,
.grid-y>.medium-7,
.grid-y>.medium-8,
.grid-y>.medium-9,
.grid-y>.medium-10,
.grid-y>.medium-11,
.grid-y>.medium-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-y>.medium-shrink {
height: auto
}
.grid-y>.medium-1 {
height: 8.33333%
}
.grid-y>.medium-2 {
height: 16.66667%
}
.grid-y>.medium-3 {
height: 25%
}
.grid-y>.medium-4 {
height: 33.33333%
}
.grid-y>.medium-5 {
height: 41.66667%
}
.grid-y>.medium-6 {
height: 50%
}
.grid-y>.medium-7 {
height: 58.33333%
}
.grid-y>.medium-8 {
height: 66.66667%
}
.grid-y>.medium-9 {
height: 75%
}
.grid-y>.medium-10 {
height: 83.33333%
}
.grid-y>.medium-11 {
height: 91.66667%
}
.grid-y>.medium-12 {
height: 100%
}
}
@media print,
screen and (min-width: 64em) {
.grid-y>.large-auto {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
height: auto
}
.grid-y>.large-shrink,
.grid-y>.large-1,
.grid-y>.large-2,
.grid-y>.large-3,
.grid-y>.large-4,
.grid-y>.large-5,
.grid-y>.large-6,
.grid-y>.large-7,
.grid-y>.large-8,
.grid-y>.large-9,
.grid-y>.large-10,
.grid-y>.large-11,
.grid-y>.large-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto
}
.grid-y>.large-shrink {
height: auto
}
.grid-y>.large-1 {
height: 8.33333%
}
.grid-y>.large-2 {
height: 16.66667%
}
.grid-y>.large-3 {
height: 25%
}
.grid-y>.large-4 {
height: 33.33333%
}
.grid-y>.large-5 {
height: 41.66667%
}
.grid-y>.large-6 {
height: 50%
}
.grid-y>.large-7 {
height: 58.33333%
}
.grid-y>.large-8 {
height: 66.66667%
}
.grid-y>.large-9 {
height: 75%
}
.grid-y>.large-10 {
height: 83.33333%
}
.grid-y>.large-11 {
height: 91.66667%
}
.grid-y>.large-12 {
height: 100%
}
}
.grid-padding-y .grid-padding-y {
margin-top: -.625rem;
margin-bottom: -.625rem
}
@media print,
screen and (min-width: 40em) {
.grid-padding-y .grid-padding-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem
}
}
.grid-padding-y>.cell {
padding-top: .625rem;
padding-bottom: .625rem
}
@media print,
screen and (min-width: 40em) {
.grid-padding-y>.cell {
padding-top: .9375rem;
padding-bottom: .9375rem
}
}
.grid-margin-y {
margin-top: -.625rem;
margin-bottom: -.625rem
}
@media print,
screen and (min-width: 40em) {
.grid-margin-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem
}
}
.grid-margin-y>.cell {
height: calc(100% - 1.25rem);
margin-top: .625rem;
margin-bottom: .625rem
}
@media print,
screen and (min-width: 40em) {
.grid-margin-y>.cell {
height: calc(100% - 1.875rem);
margin-top: .9375rem;
margin-bottom: .9375rem
}
}
.grid-margin-y>.auto {
height: auto
}
.grid-margin-y>.shrink {
height: auto
}
.grid-margin-y>.small-1 {
height: calc(8.33333% - 1.25rem)
}
.grid-margin-y>.small-2 {
height: calc(16.66667% - 1.25rem)
}
.grid-margin-y>.small-3 {
height: calc(25% - 1.25rem)
}
.grid-margin-y>.small-4 {
height: calc(33.33333% - 1.25rem)
}
.grid-margin-y>.small-5 {
height: calc(41.66667% - 1.25rem)
}
.grid-margin-y>.small-6 {
height: calc(50% - 1.25rem)
}
.grid-margin-y>.small-7 {
height: calc(58.33333% - 1.25rem)
}
.grid-margin-y>.small-8 {
height: calc(66.66667% - 1.25rem)
}
.grid-margin-y>.small-9 {
height: calc(75% - 1.25rem)
}
.grid-margin-y>.small-10 {
height: calc(83.33333% - 1.25rem)
}
.grid-margin-y>.small-11 {
height: calc(91.66667% - 1.25rem)
}
.grid-margin-y>.small-12 {
height: calc(100% - 1.25rem)
}
@media print,
screen and (min-width: 40em) {
.grid-margin-y>.auto {
height: auto
}
.grid-margin-y>.shrink {
height: auto
}
.grid-margin-y>.small-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.small-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.small-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.small-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.small-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.small-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.small-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.small-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.small-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.small-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.small-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.small-12 {
height: calc(100% - 1.875rem)
}
.grid-margin-y>.medium-auto {
height: auto
}
.grid-margin-y>.medium-shrink {
height: auto
}
.grid-margin-y>.medium-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.medium-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.medium-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.medium-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.medium-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.medium-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.medium-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.medium-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.medium-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.medium-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.medium-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.medium-12 {
height: calc(100% - 1.875rem)
}
}
@media print,
screen and (min-width: 64em) {
.grid-margin-y>.large-auto {
height: auto
}
.grid-margin-y>.large-shrink {
height: auto
}
.grid-margin-y>.large-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.large-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.large-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.large-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.large-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.large-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.large-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.large-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.large-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.large-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.large-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.large-12 {
height: calc(100% - 1.875rem)
}
}
.grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.cell .grid-frame {
width: 100%
}
.cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.cell-block-container>.grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
@media print,
screen and (min-width: 40em) {
.medium-grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.cell .medium-grid-frame {
width: 100%
}
.medium-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.medium-cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.medium-cell-block-container>.grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.medium-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
}
@media print,
screen and (min-width: 64em) {
.large-grid-frame {
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100vw
}
.cell .large-grid-frame {
width: 100%
}
.large-cell-block {
overflow-x: auto;
max-width: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
.large-cell-block-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-height: 100%
}
.large-cell-block-container>.grid-x {
max-height: 100%;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap
}
.large-cell-block-y {
overflow-y: auto;
max-height: 100%;
min-height: 100%;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar
}
}
.grid-y.grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
@media print,
screen and (min-width: 40em) {
.grid-y.medium-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
}
@media print,
screen and (min-width: 64em) {
.grid-y.large-grid-frame {
width: auto;
overflow: hidden;
position: relative;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
height: 100vh
}
}
.cell .grid-y.grid-frame {
height: 100%
}
@media print,
screen and (min-width: 40em) {
.cell .grid-y.medium-grid-frame {
height: 100%
}
}
@media print,
screen and (min-width: 64em) {
.cell .grid-y.large-grid-frame {
height: 100%
}
}
.grid-margin-y {
margin-top: -.625rem;
margin-bottom: -.625rem
}
@media print,
screen and (min-width: 40em) {
.grid-margin-y {
margin-top: -.9375rem;
margin-bottom: -.9375rem
}
}
.grid-margin-y>.cell {
height: calc(100% - 1.25rem);
margin-top: .625rem;
margin-bottom: .625rem
}
@media print,
screen and (min-width: 40em) {
.grid-margin-y>.cell {
height: calc(100% - 1.875rem);
margin-top: .9375rem;
margin-bottom: .9375rem
}
}
.grid-margin-y>.auto {
height: auto
}
.grid-margin-y>.shrink {
height: auto
}
.grid-margin-y>.small-1 {
height: calc(8.33333% - 1.25rem)
}
.grid-margin-y>.small-2 {
height: calc(16.66667% - 1.25rem)
}
.grid-margin-y>.small-3 {
height: calc(25% - 1.25rem)
}
.grid-margin-y>.small-4 {
height: calc(33.33333% - 1.25rem)
}
.grid-margin-y>.small-5 {
height: calc(41.66667% - 1.25rem)
}
.grid-margin-y>.small-6 {
height: calc(50% - 1.25rem)
}
.grid-margin-y>.small-7 {
height: calc(58.33333% - 1.25rem)
}
.grid-margin-y>.small-8 {
height: calc(66.66667% - 1.25rem)
}
.grid-margin-y>.small-9 {
height: calc(75% - 1.25rem)
}
.grid-margin-y>.small-10 {
height: calc(83.33333% - 1.25rem)
}
.grid-margin-y>.small-11 {
height: calc(91.66667% - 1.25rem)
}
.grid-margin-y>.small-12 {
height: calc(100% - 1.25rem)
}
@media print,
screen and (min-width: 40em) {
.grid-margin-y>.auto {
height: auto
}
.grid-margin-y>.shrink {
height: auto
}
.grid-margin-y>.small-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.small-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.small-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.small-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.small-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.small-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.small-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.small-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.small-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.small-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.small-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.small-12 {
height: calc(100% - 1.875rem)
}
.grid-margin-y>.medium-auto {
height: auto
}
.grid-margin-y>.medium-shrink {
height: auto
}
.grid-margin-y>.medium-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.medium-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.medium-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.medium-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.medium-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.medium-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.medium-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.medium-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.medium-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.medium-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.medium-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.medium-12 {
height: calc(100% - 1.875rem)
}
}
@media print,
screen and (min-width: 64em) {
.grid-margin-y>.large-auto {
height: auto
}
.grid-margin-y>.large-shrink {
height: auto
}
.grid-margin-y>.large-1 {
height: calc(8.33333% - 1.875rem)
}
.grid-margin-y>.large-2 {
height: calc(16.66667% - 1.875rem)
}
.grid-margin-y>.large-3 {
height: calc(25% - 1.875rem)
}
.grid-margin-y>.large-4 {
height: calc(33.33333% - 1.875rem)
}
.grid-margin-y>.large-5 {
height: calc(41.66667% - 1.875rem)
}
.grid-margin-y>.large-6 {
height: calc(50% - 1.875rem)
}
.grid-margin-y>.large-7 {
height: calc(58.33333% - 1.875rem)
}
.grid-margin-y>.large-8 {
height: calc(66.66667% - 1.875rem)
}
.grid-margin-y>.large-9 {
height: calc(75% - 1.875rem)
}
.grid-margin-y>.large-10 {
height: calc(83.33333% - 1.875rem)
}
.grid-margin-y>.large-11 {
height: calc(91.66667% - 1.875rem)
}
.grid-margin-y>.large-12 {
height: calc(100% - 1.875rem)
}
}
.grid-frame.grid-margin-y {
height: calc(100vh + 1.25rem)
}
@media print,
screen and (min-width: 40em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem)
}
}
@media print,
screen and (min-width: 64em) {
.grid-frame.grid-margin-y {
height: calc(100vh + 1.875rem)
}
}
@media print,
screen and (min-width: 40em) {
.grid-margin-y.medium-grid-frame {
height: calc(100vh + 1.875rem)
}
}
@media print,
screen and (min-width: 64em) {
.grid-margin-y.large-grid-frame {
height: calc(100vh + 1.875rem)
}
}
.row {
max-width: 93.75rem;
margin-right: auto;
margin-left: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap
}
.row .row {
margin-right: -.625rem;
margin-left: -.625rem
}
@media print,
screen and (min-width: 40em) {
.row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
@media print,
screen and (min-width: 64em) {
.row .row {
margin-right: -.9375rem;
margin-left: -.9375rem
}
}
.row .row.collapse {
margin-right: 0;
margin-left: 0
}
.row.expanded {
max-width: none
}
.row.expanded .row {
margin-right: auto;
margin-left: auto
}
.row:not(.expanded) .row {
max-width: none
}
.row.collapse>.column,
.row.collapse>.columns {
padding-right: 0;
padding-left: 0
}
.row.is-collapse-child,
.row.collapse>.column>.row,
.row.collapse>.columns>.row {
margin-right: 0;
margin-left: 0
}
.column,
.columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px;
padding-right: .625rem;
padding-left: .625rem;
min-width: 0
}
@media print,
screen and (min-width: 40em) {
.column,
.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.column.row.row,
.row.row.columns {
float: none;
display: block
}
.row .column.row.row,
.row .row.row.columns {
margin-right: 0;
margin-left: 0;
padding-right: 0;
padding-left: 0
}
.small-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.small-offset-0 {
margin-left: 0%
}
.small-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.small-offset-1 {
margin-left: 8.33333%
}
.small-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.small-offset-2 {
margin-left: 16.66667%
}
.small-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.small-offset-3 {
margin-left: 25%
}
.small-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.small-offset-4 {
margin-left: 33.33333%
}
.small-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.small-offset-5 {
margin-left: 41.66667%
}
.small-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.small-offset-6 {
margin-left: 50%
}
.small-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.small-offset-7 {
margin-left: 58.33333%
}
.small-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.small-offset-8 {
margin-left: 66.66667%
}
.small-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.small-offset-9 {
margin-left: 75%
}
.small-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.small-offset-10 {
margin-left: 83.33333%
}
.small-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.small-offset-11 {
margin-left: 91.66667%
}
.small-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-1>.column,
.small-up-1>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.small-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-2>.column,
.small-up-2>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.small-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-3>.column,
.small-up-3>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.small-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-4>.column,
.small-up-4>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.small-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-5>.column,
.small-up-5>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.small-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-6>.column,
.small-up-6>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.small-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-7>.column,
.small-up-7>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.small-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.small-up-8>.column,
.small-up-8>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
.small-collapse>.column,
.small-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.small-uncollapse>.column,
.small-uncollapse>.columns {
padding-right: .625rem;
padding-left: .625rem
}
@media print,
screen and (min-width: 40em) {
.medium-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.medium-offset-0 {
margin-left: 0%
}
.medium-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.medium-offset-1 {
margin-left: 8.33333%
}
.medium-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.medium-offset-2 {
margin-left: 16.66667%
}
.medium-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.medium-offset-3 {
margin-left: 25%
}
.medium-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.medium-offset-4 {
margin-left: 33.33333%
}
.medium-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.medium-offset-5 {
margin-left: 41.66667%
}
.medium-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.medium-offset-6 {
margin-left: 50%
}
.medium-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.medium-offset-7 {
margin-left: 58.33333%
}
.medium-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.medium-offset-8 {
margin-left: 66.66667%
}
.medium-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.medium-offset-9 {
margin-left: 75%
}
.medium-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.medium-offset-10 {
margin-left: 83.33333%
}
.medium-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.medium-offset-11 {
margin-left: 91.66667%
}
.medium-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-1>.column,
.medium-up-1>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.medium-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-2>.column,
.medium-up-2>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.medium-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-3>.column,
.medium-up-3>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.medium-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-4>.column,
.medium-up-4>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.medium-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-5>.column,
.medium-up-5>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.medium-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-6>.column,
.medium-up-6>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.medium-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-7>.column,
.medium-up-7>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.medium-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.medium-up-8>.column,
.medium-up-8>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media print,
screen and (min-width: 40em) and (min-width: 40em) {
.medium-expand {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.row.medium-unstack>.column,
.row.medium-unstack>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media print,
screen and (min-width: 40em) {
.row.medium-unstack>.column,
.row.medium-unstack>.columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media print,
screen and (min-width: 40em) {
.medium-collapse>.column,
.medium-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.medium-uncollapse>.column,
.medium-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
@media print,
screen and (min-width: 64em) {
.large-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.33333%;
flex: 0 0 8.33333%;
max-width: 8.33333%
}
.large-offset-0 {
margin-left: 0%
}
.large-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.large-offset-1 {
margin-left: 8.33333%
}
.large-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.large-offset-2 {
margin-left: 16.66667%
}
.large-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.large-offset-3 {
margin-left: 25%
}
.large-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.66667%;
flex: 0 0 41.66667%;
max-width: 41.66667%
}
.large-offset-4 {
margin-left: 33.33333%
}
.large-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.large-offset-5 {
margin-left: 41.66667%
}
.large-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.33333%;
flex: 0 0 58.33333%;
max-width: 58.33333%
}
.large-offset-6 {
margin-left: 50%
}
.large-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.66667%;
flex: 0 0 66.66667%;
max-width: 66.66667%
}
.large-offset-7 {
margin-left: 58.33333%
}
.large-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.large-offset-8 {
margin-left: 66.66667%
}
.large-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.33333%;
flex: 0 0 83.33333%;
max-width: 83.33333%
}
.large-offset-9 {
margin-left: 75%
}
.large-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.66667%;
flex: 0 0 91.66667%;
max-width: 91.66667%
}
.large-offset-10 {
margin-left: 83.33333%
}
.large-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.large-offset-11 {
margin-left: 91.66667%
}
.large-up-1 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-1>.column,
.large-up-1>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.large-up-2 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-2>.column,
.large-up-2>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.large-up-3 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-3>.column,
.large-up-3>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.33333%;
flex: 0 0 33.33333%;
max-width: 33.33333%
}
.large-up-4 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-4>.column,
.large-up-4>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.large-up-5 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-5>.column,
.large-up-5>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.large-up-6 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-6>.column,
.large-up-6>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.66667%;
flex: 0 0 16.66667%;
max-width: 16.66667%
}
.large-up-7 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-7>.column,
.large-up-7>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 14.28571%;
flex: 0 0 14.28571%;
max-width: 14.28571%
}
.large-up-8 {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.large-up-8>.column,
.large-up-8>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 12.5%;
flex: 0 0 12.5%;
max-width: 12.5%
}
}
@media print,
screen and (min-width: 64em) and (min-width: 64em) {
.large-expand {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
.row.large-unstack>.column,
.row.large-unstack>.columns {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%
}
@media print,
screen and (min-width: 64em) {
.row.large-unstack>.column,
.row.large-unstack>.columns {
-webkit-box-flex: 1;
-ms-flex: 1 1 0px;
flex: 1 1 0px
}
}
@media print,
screen and (min-width: 64em) {
.large-collapse>.column,
.large-collapse>.columns {
padding-right: 0;
padding-left: 0
}
.large-uncollapse>.column,
.large-uncollapse>.columns {
padding-right: .9375rem;
padding-left: .9375rem
}
}
.shrink {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
max-width: 100%
}
.column-block {
margin-bottom: 1.25rem
}
.column-block>:last-child {
margin-bottom: 0
}
@media print,
screen and (min-width: 40em) {
.column-block {
margin-bottom: 1.875rem
}
.column-block>:last-child {
margin-bottom: 0
}
}
table {
border-collapse: collapse;
width: 100%;
margin-bottom: 1rem;
border-radius: 0
}
thead,
tbody,
tfoot {
border: 1px solid #f1f1f1;
background-color: #fefefe
}
caption {
padding: .5rem .625rem .625rem;
font-weight: bold
}
thead {
background: #f8f8f8;
color: #0a0a0a
}
tfoot {
background: #f1f1f1;
color: #0a0a0a
}
thead tr,
tfoot tr {
background: transparent
}
thead th,
thead td,
tfoot th,
tfoot td {
padding: .5rem .625rem .625rem;
font-weight: bold;
text-align: left
}
tbody th,
tbody td {
padding: .5rem .625rem .625rem
}
tbody tr:nth-child(even) {
border-bottom: 0;
background-color: #f1f1f1
}
table.unstriped tbody {
background-color: #fefefe
}
table.unstriped tbody tr {
border-bottom: 0;
border-bottom: 1px solid #f1f1f1;
background-color: #fefefe
}
@media screen and (max-width: 63.99875em) {
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 thead tr:hover {
background-color: #f3f3f3
}
table.hover tfoot tr:hover {
background-color: #ececec
}
table.hover tbody tr:hover {
background-color: #f9f9f9
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
background-color: #ececec
}
.table-scroll {
overflow-x: auto
}
.pagination {
margin-left: 0;
margin-bottom: 1rem
}
.pagination::before,
.pagination::after {
display: table;
content: ' ';
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.pagination::after {
clear: both
}
.pagination li {
margin-right: .0625rem;
border-radius: 0;
font-size: .875rem;
display: none
}
.pagination li:last-child,
.pagination li:first-child {
display: inline-block
}
@media print,
screen and (min-width: 40em) {
.pagination li {
display: inline-block
}
}
.pagination a,
.pagination button {
display: block;
padding: .1875rem .625rem;
border-radius: 0;
color: #0a0a0a
}
.pagination a:hover,
.pagination button:hover {
background: #e6e6e6
}
.pagination .current {
padding: .1875rem .625rem;
background: #1779ba;
color: #fefefe;
cursor: default
}
.pagination .disabled {
padding: .1875rem .625rem;
color: #cacaca;
cursor: not-allowed
}
.pagination .disabled:hover {
background: transparent
}
.pagination .ellipsis::after {
padding: .1875rem .625rem;
content: '\2026';
color: #0a0a0a
}
.pagination-previous a::before,
.pagination-previous.disabled::before {
display: inline-block;
margin-right: 0.5rem;
content: '\00ab'
}
.pagination-next a::after,
.pagination-next.disabled::after {
display: inline-block;
margin-left: 0.5rem;
content: '\00bb'
}
.has-tip {
position: relative;
display: inline-block;
border-bottom: dotted 1px #8a8a8a;
font-weight: bold;
cursor: help
}
.tooltip {
position: absolute;
top: calc(100% + .6495rem);
z-index: 1200;
max-width: 10rem;
padding: .75rem;
border-radius: 0;
background-color: #0a0a0a;
font-size: 80%;
color: #fefefe
}
.tooltip::before {
position: absolute
}
.tooltip.bottom::before {
display: block;
width: 0;
height: 0;
border: inset .75rem;
content: '';
border-top-width: 0;
border-bottom-style: solid;
border-color: transparent transparent #0a0a0a;
bottom: 100%
}
.tooltip.bottom.align-center::before {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.tooltip.top::before {
display: block;
width: 0;
height: 0;
border: inset .75rem;
content: '';
border-bottom-width: 0;
border-top-style: solid;
border-color: #0a0a0a transparent transparent;
top: 100%;
bottom: auto
}
.tooltip.top.align-center::before {
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.tooltip.left::before {
display: block;
width: 0;
height: 0;
border: inset .75rem;
content: '';
border-right-width: 0;
border-left-style: solid;
border-color: transparent transparent transparent #0a0a0a;
left: 100%
}
.tooltip.left.align-center::before {
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.tooltip.right::before {
display: block;
width: 0;
height: 0;
border: inset .75rem;
content: '';
border-left-width: 0;
border-right-style: solid;
border-color: transparent #0a0a0a transparent transparent;
right: 100%;
left: auto
}
.tooltip.right.align-center::before {
bottom: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.tooltip.align-top::before {
bottom: auto;
top: 10%
}
.tooltip.align-bottom::before {
bottom: 10%;
top: auto
}
.tooltip.align-left::before {
left: 10%;
right: auto
}
.tooltip.align-right::before {
left: auto;
right: 10%
}
.float-left {
float: left !important
}
.float-right {
float: right !important
}
.float-center {
display: block;
margin-right: auto;
margin-left: auto
}
.clearfix::before,
.clearfix::after {
display: table;
content: ' ';
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.clearfix::after {
clear: both
}
.hide {
display: none !important
}
.invisible {
visibility: hidden
}
@media screen and (max-width: 39.99875em) {
.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 print,
screen and (min-width: 40em) {
.hide-for-medium {
display: none !important
}
}
@media screen and (max-width: 39.99875em) {
.show-for-medium {
display: none !important
}
}
@media screen and (min-width: 40em) and (max-width: 63.99875em) {
.hide-for-medium-only {
display: none !important
}
}
@media screen and (max-width: 39.99875em),
screen and (min-width: 64em) {
.show-for-medium-only {
display: none !important
}
}
@media print,
screen and (min-width: 64em) {
.hide-for-large {
display: none !important
}
}
@media screen and (max-width: 63.99875em) {
.show-for-large {
display: none !important
}
}
@media screen and (min-width: 64em) and (max-width: 74.99875em) {
.hide-for-large-only {
display: none !important
}
}
@media screen and (max-width: 63.99875em),
screen and (min-width: 75em) {
.show-for-large-only {
display: none !important
}
}
.show-for-sr,
.show-on-focus {
position: absolute !important;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0
}
.show-on-focus:active,
.show-on-focus:focus {
position: static !important;
width: auto;
height: auto;
overflow: visible;
clip: auto;
white-space: normal
}
.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
}
}
.slide-in-down.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(100%);
-ms-transform: translateY(100%);
transform: translateY(100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
opacity: 0;
-webkit-transition-property: opacity;
transition-property: opacity
}
.fade-in.mui-enter.mui-enter-active {
opacity: 1
}
.fade-out.mui-leave {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
opacity: 1;
-webkit-transition-property: opacity;
transition-property: opacity
}
.fade-out.mui-leave.mui-leave-active {
opacity: 0
}
.hinge-in-from-top.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
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;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
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;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
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;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
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;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
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;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
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;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
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;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
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;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
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;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
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;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
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;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
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;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1
}
.scale-out-down.mui-leave.mui-leave-active {
-webkit-transform: scale(.5);
-ms-transform: scale(.5);
transform: scale(.5);
opacity: 0
}
.spin-in.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(-.75turn);
-ms-transform: rotate(-.75turn);
transform: rotate(-.75turn);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1
}
.spin-out.mui-leave.mui-leave-active {
-webkit-transform: rotate(.75turn);
-ms-transform: rotate(.75turn);
transform: rotate(.75turn);
opacity: 0
}
.spin-in-ccw.mui-enter {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(.75turn);
-ms-transform: rotate(.75turn);
transform: rotate(.75turn);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
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 {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
opacity: 1
}
.spin-out-ccw.mui-leave.mui-leave-active {
-webkit-transform: rotate(-.75turn);
-ms-transform: rotate(-.75turn);
transform: rotate(-.75turn);
opacity: 0
}
.slow {
-webkit-transition-duration: 750ms !important;
transition-duration: 750ms !important
}
.fast {
-webkit-transition-duration: 250ms !important;
transition-duration: 250ms !important
}
.linear {
-webkit-transition-timing-function: linear !important;
transition-timing-function: linear !important
}
.ease {
-webkit-transition-timing-function: ease !important;
transition-timing-function: ease !important
}
.ease-in {
-webkit-transition-timing-function: ease-in !important;
transition-timing-function: ease-in !important
}
.ease-out {
-webkit-transition-timing-function: ease-out !important;
transition-timing-function: ease-out !important
}
.ease-in-out {
-webkit-transition-timing-function: ease-in-out !important;
transition-timing-function: ease-in-out !important
}
.bounce-in {
-webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important;
transition-timing-function: cubic-bezier(0.485, 0.155, 0.24, 1.245) !important
}
.bounce-out {
-webkit-transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important;
transition-timing-function: cubic-bezier(0.485, 0.155, 0.515, 0.845) !important
}
.bounce-in-out {
-webkit-transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important;
transition-timing-function: cubic-bezier(0.76, -0.245, 0.24, 1.245) !important
}
.short-delay {
-webkit-transition-delay: 300ms !important;
transition-delay: 300ms !important
}
.long-delay {
-webkit-transition-delay: 700ms !important;
transition-delay: 700ms !important
}
.shake {
-webkit-animation-name: shake-7;
animation-name: shake-7
}
@-webkit-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
}
@-webkit-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-ccw-1turn;
animation-name: spin-ccw-1turn
}
@-webkit-keyframes spin-ccw-1turn {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(-1turn);
transform: rotate(-1turn)
}
}
@keyframes spin-ccw-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
}
@-webkit-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
}
.slow {
-webkit-animation-duration: 750ms !important;
animation-duration: 750ms !important
}
.fast {
-webkit-animation-duration: 250ms !important;
animation-duration: 250ms !important
}
.linear {
-webkit-animation-timing-function: linear !important;
animation-timing-function: linear !important
}
.ease {
-webkit-animation-timing-function: ease !important;
animation-timing-function: ease !important
}
.ease-in {
-webkit-animation-timing-function: ease-in !important;
animation-timing-function: ease-in !important
}
.ease-out {
-webkit-animation-timing-function: ease-out !important;
animation-timing-function: ease-out !important
}
.ease-in-out {
-webkit-animation-timing-function: ease-in-out !important;
animation-timing-function: ease-in-out !important
}
.bounce-in {
-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 {
-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 {
-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 {
-webkit-animation-delay: 300ms !important;
animation-delay: 300ms !important
}
.long-delay {
-webkit-animation-delay: 700ms !important;
animation-delay: 700ms !important
}
header {
margin-top: 1em
}
@media screen and (max-width: 414px) {
header {
text-align: center
}
}
header #site-logo img {
width: 55%
}
@media screen and (max-width: 414px) {
header #site-logo img {
margin-bottom: 1em
}
}
@media screen and (max-width: 812px) {
header #site-logo img {
margin: 1em 0
}
}
header .txt-webinar {
margin-top: 1em
}
header .txt-webinar p {
line-height: 18px
}
header .txt-newsletter {
text-align: right;
margin-top: 1em
}
@media screen and (max-width: 414px) {
header .txt-newsletter {
text-align: center
}
}
header .txt-newsletter p {
line-height: 18px
}
@media screen and (max-width: 414px) {
header .icons {
text-align: center
}
header .icons img {
width: 25%;
margin-bottom: 1em
}
}
.main-nav {
background-color: #e6e6e6
}
.main-nav ul {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.main-nav ul li {
margin-right: 0.4em;
text-transform: uppercase;
font-weight: bold
}
@media screen and (max-width: 1280px) {
.main-nav ul li {
margin-right: 0
}
}
.main-nav ul li a {
font-size: 0.9em;
color: #0a0a0a;
padding-top: 1em;
padding-bottom: 1em;
display: inline-block;
-webkit-transition: .5s;
transition: .5s;
padding-left: 0.5em;
padding-right: 0.5em
}
.main-nav ul li a:hover {
color: #0a0a0a;
-webkit-transition: .5s;
transition: .5s;
background-color: #b9dacd
}
@media screen and (max-width: 1280px) {
.main-nav ul li a {
font-size: 0.65em
}
}
.main-nav .register {
background-color: #9b0000;
color: #fff;
-webkit-transition: .5s;
transition: .5s
}
.main-nav .register a {
padding-left: 0.5em;
padding-right: 0.5em;
color: #fff
}
.main-nav .register a:hover {
background-color: #0a0a0a;
color: #fff;
-webkit-box-shadow: 0 8px 16px 0 #8a8a8a;
box-shadow: 0 8px 16px 0 #8a8a8a;
-webkit-transition: .5s;
transition: .5s;
color: #fff
}
.main-nav #login {
margin-right: 0
}
@media screen and (max-width: 414px) {
.main-nav {
display: none
}
}
#home .article-author {
/*text-transform:uppercase;*/
font-weight: bold;
font-size: 1.4em;
margin-bottom: 0;
margin: 1em 0
}
#home .article-author #date {
color: #9b0000
}
#home .article-author span {
color: #e6000b
}
#home .article-author a {
color: #0a0a0a;
text-decoration: none;
-webkit-transition: .5s;
transition: .5s;
display: inline-block
}
#home .article-author a:hover {
color: #e6000b;
text-decoration: none;
-webkit-transition: .5s;
transition: .5s
}
#home .article-author a:hover::after {
width: 100%
}
#home .article-author a::after {
content: '';
display: block;
width: 0;
height: 2px;
background: #0a0a0a;
-webkit-transition: width .3s;
transition: width .3s
}
#home .tags {
margin-bottom: 0;
font-size: 1.2em;
text-transform: uppercase
}
#home .tags span {
background: #e6e6e6;
display: inline-block;
color: #8a8a8a;
padding: 1px 3px;
margin-bottom: 0.5em
}
#home section {
padding: 2em 0
}
#home section #mian-article {
-webkit-box-shadow: 1px 1px 10px #dadada;
box-shadow: 1px 1px 10px #dadada
}
#home section #mian-article .txt-part {
padding: 1em 1.5em
}
#home section #mian-article h1 {
font-size: 3.8em
}
#home section #sub-article {
margin: 2em 0
}
#home section #sub-article h2 {
font-size: 2em
}
#home section #sub-article article {
-webkit-box-shadow: 1px 1px 10px #dadada;
box-shadow: 1px 1px 10px #dadada;
margin-bottom: 2em
}
#home section #sub-article article .txt-part {
padding: 1em 1.5em
}
#home section #sub-article .more-news {
cursor: pointer;
background-color: #9b0000;
color: #fff;
text-align: center;
display: block;
text-transform: uppercase;
font-weight: bold;
font-size: 1.3em;
margin: 1em 0 0 0;
padding: 0.4em;
-webkit-transition: .5s;
transition: .5s
}
#home section #sub-article .more-news:hover {
background-color: #e6000b;
-webkit-transition: .5s;
transition: .5s
}
#home section #sub-article .view-more {
cursor: pointer;
background-color: #9b0000;
color: #fff;
text-align: center;
display: inline-block;
text-transform: uppercase;
font-weight: bold;
font-size: 1.3em;
padding: 0.4em;
float: right;
-webkit-transition: .5s;
transition: .5s
}
#home section #sub-article .view-more:hover {
background-color: #e6000b;
-webkit-transition: .5s;
transition: .5s
}
#home section #sub-article .divider {
background-color: #e6e6e6;
height: 1em;
margin: 2em 0
}
#home .grey-grad {
background-image: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), to(#fff));
background-image: linear-gradient(#e6e6e6, #fff)
}
#home .grey-grad h2 {
font-size: 1.8em
}
#home .grey-grad article {
-webkit-box-shadow: 1px 1px 10px #dadada;
box-shadow: 1px 1px 10px #dadada;
margin-bottom: 2em;
background-color: #fff
}
#home .grey-grad article .txt-part {
padding: 1em 1.5em
}
#home .grey-grad .view-more {
cursor: pointer;
background-color: #9b0000;
color: #fff;
text-align: center;
display: inline-block;
text-transform: uppercase;
font-weight: bold;
font-size: 1.3em;
padding: 0.4em;
float: right;
-webkit-transition: .5s;
transition: .5s
}
#home .grey-grad .view-more:hover {
background-color: #e6000b;
-webkit-transition: .5s;
transition: .5s
}
#home .grey-grad .latest-event-red {
border-top: 0.6em solid #9b0000
}
#home .grey-grad .latest-event-red h2 {
margin: 1em 0
}
#home .grey-grad .latest-event-black {
border-top: 0.6em solid #0a0a0a
}
#home .grey-grad .latest-event-black .only-date {
margin-top: 1.5em
}
#home .grey-grad .latest-event-black h2 {
margin: 1em 0
}
#home .grey-grad .article-date {
background-color: #9b0000;
color: #fff;
display: inline-block;
text-align: center;
padding: 0.5em 1em;
font-size: 1.4em;
font-weight: bold;
margin-top: -1em
}
#home .grey-grad .featured-event {
background-color: #b9dacd;
color: #0a0a0a;
display: block;
text-align: center;
padding: 0.5em 1em;
font-size: 1.4em;
font-weight: bold;
float: right
}
#home .grey-grad .icon {
margin-right: 0.7em
}
.side-widgets {
background: #fff;
padding: 1.3em;
-webkit-box-shadow: 1px 1px 10px #dadada;
box-shadow: 1px 1px 10px #dadada
}
.side-widgets .side-bar-top {
background-color: #9b0000;
height: 1em
}
.side-widgets p:first-of-type {
color: #0a0a0a;
margin: 2% 0
}
.side-widgets #latest-news h5 {
padding: 0.6em 0 1.1em 0;
margin-bottom: 0
}
.side-widgets #latest-news article {
margin-bottom: 1em;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 1em
}
.side-widgets #latest-news article h3 {
font-size: 1.8em
}
.side-widgets .count {
font-size: 1.6em;
width: 2em;
position: relative;
background: #9b0000;
color: #fff;
text-align: center;
padding: 0.3em 1em 0.3em 0.8em;
display: inline-block;
left: -15px
}
.side-widgets .count::before {
left: -2em;
border-right-width: 1.5em;
border-left-color: transparent
}
.side-widgets .count .count-content::before {
content: "";
position: absolute;
display: block;
border-style: solid;
border-color: #9b0000 transparent transparent transparent;
bottom: -1em;
left: 0;
border-width: 1em 0 0 1em
}
.side-widgets .news-thumb {
margin-top: -3.4em
}
@media screen and (max-width: 768px) {
.side-widgets .news-thumb {
width: 100%
}
}
.side-widgets #recommended-companies h5 {
padding: 0.1em 0 1.1em 0;
margin-bottom: 0;
text-transform: uppercase
}
.side-widgets #recommended-companies article {
margin-bottom: 1em;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 1em
}
.side-widgets #recommended-companies article h3 {
font-size: 1.8em
}
.side-widgets #recommended-companies article .tags {
margin-bottom: 0;
font-size: 1.2em;
text-transform: uppercase
}
.side-widgets #recommended-companies article .tags span {
background: #e6e6e6;
display: inline-block;
color: #8a8a8a;
padding: 1px 3px;
margin-bottom: 0.5em
}
.side-widgets #industry-section {
padding-top: 1em
}
.side-widgets #industry-section h5 {
padding: 0.1em 0 1.1em 0;
margin-bottom: 0;
text-transform: uppercase
}
.side-widgets #industry-section article {
margin-bottom: 1em;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 1em
}
.side-widgets #industry-section article h3 {
font-size: 1.8em
}
.side-widgets #industry-section article .tags {
margin-bottom: 0;
font-size: 1.2em;
text-transform: uppercase
}
.side-widgets #industry-section article .tags span {
background: #e6e6e6;
display: inline-block;
color: #8a8a8a;
padding: 1px 3px;
margin-bottom: 0.5em
}
.side-widgets #energy-newsletter {
background-color: #e6e6e6;
border-top: 1em solid #9b0000;
padding: 2em;
margin: 2.5em 0
}
.side-widgets #energy-newsletter h5 {
text-align: center
}
.side-widgets #energy-newsletter p {
padding: 1em 0
}
.side-widgets #energy-newsletter .input-group {
padding-bottom: 1.2em
}
.side-widgets #energy-newsletter .sign-up {
background-color: #9b0000;
color: #fff;
text-transform: uppercase;
border: none;
font-weight: bold;
cursor: pointer
}
.side-widgets #related-article {
background-color: #e6e6e6;
padding: 0 1em;
border-top: 1em solid #9b0000
}
.side-widgets #related-article h5 {
padding: 0.6em 0 1.1em 0;
margin-bottom: 0
}
.side-widgets #related-article article {
margin-bottom: 1em;
padding-bottom: 1em
}
.side-widgets #related-article article h3 {
font-size: 1.8em
}
.side-widgets #white-paper {
padding-top: 1em
}
.side-widgets #white-paper h5 {
padding: 0.1em 0 1.1em 0;
margin-bottom: 0;
text-transform: uppercase
}
.side-widgets #white-paper article {
margin-bottom: 1em;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 1em
}
.side-widgets #white-paper article h3 {
font-size: 1.8em
}
.side-widgets #white-paper article .tags {
margin-bottom: 0;
font-size: 1.2em;
text-transform: uppercase
}
.side-widgets #white-paper article .tags span {
background: #e6e6e6;
display: inline-block;
padding: 1px 3px;
color: #8a8a8a
}
.side-widgets .view-more {
cursor: pointer;
background-color: #9b0000;
color: #fff;
text-align: center;
display: inline-block;
text-transform: uppercase;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
font-size: 1.3em;
padding: 0.5em;
float: right;
-webkit-transition: .5s;
transition: .5s
}
.side-widgets .view-more:hover {
background-color: #e6000b;
-webkit-transition: .5s;
transition: .5s
}
.side-widgets .article-author {
text-transform: uppercase;
font-weight: bold;
font-size: 1.4em;
margin-bottom: 0;
margin: 1em 0
}
.side-widgets .article-author #date {
color: #9b0000
}
.side-widgets .article-author span {
color: #e6000b
}
.side-widgets .article-author a {
color: #0a0a0a;
text-decoration: none;
-webkit-transition: .5s;
transition: .5s;
display: inline-block
}
.side-widgets .article-author a:hover {
color: #e6000b;
text-decoration: none;
-webkit-transition: .5s;
transition: .5s
}
.side-widgets .article-author a:hover::after {
width: 100%
}
.side-widgets .article-author a::after {
content: '';
display: block;
width: 0;
height: 2px;
background: #0a0a0a;
-webkit-transition: width .3s;
transition: width .3s
}
footer .red-divider {
background-color: #9b0000;
height: 1em;
margin: 2em 0 4em 0
}
footer #footer-main {
padding: 0 0 2.5em 0
}
footer #footer-main h4 {
font-size: 1.8em;
text-transform: uppercase
}
footer #footer-main ul {
border-left: 0.2em solid #9b0000;
padding-left: 0.5em;
list-style: none
}
footer #footer-main ul li a {
color: #0a0a0a;
text-decoration: none;
-webkit-transition: .5s;
transition: .5s;
display: inline-block;
font-size: 0.9em
}
footer #footer-main ul li a:hover {
color: #e6000b;
text-decoration: none;
-webkit-transition: .5s;
transition: .5s
}
footer #footer-main ul li a:hover::after {
width: 100%
}
footer #footer-main ul li a::after {
content: '';
display: block;
width: 0;
height: 2px;
background: #0a0a0a;
-webkit-transition: width .3s;
transition: width .3s
}
footer #bottom {
background-color: #e6e6e6;
padding: 2em 0
}
@media screen and (max-width: 414px) {
footer #bottom .ft-logo {
text-align: center
}
}
footer #bottom ul {
list-style-type: none;
float: right;
margin-top: 0.8em
}
@media screen and (max-width: 414px) {
footer #bottom ul {
float: none
}
}
footer #bottom ul li {
display: inline-block;
margin-right: 0.5em
}
@media screen and (max-width: 414px) {
footer #bottom ul li {
display: block;
text-align: center
}
}
footer #bottom ul li a {
color: #0a0a0a;
text-decoration: none;
-webkit-transition: .5s;
transition: .5s;
display: inline-block;
font-size: 0.9em
}
footer #bottom ul li a:hover {
color: #e6000b;
text-decoration: none;
-webkit-transition: .5s;
transition: .5s
}
footer #bottom ul li a:hover::after {
width: 100%
}
footer #bottom ul li a::after {
content: '';
display: block;
width: 0;
height: 2px;
background: #0a0a0a;
-webkit-transition: width .3s;
transition: width .3s
}
.energy-search {
margin-bottom: 3em
}
.energy-search .search {
background-color: #9b0000;
color: #fff;
text-transform: uppercase;
border: none;
font-weight: bold;
cursor: pointer
}
#category .article-author {
text-transform: uppercase;
font-weight: bold;
font-size: 1.4em;
margin-bottom: 0;
margin: 1em 0
}
#category .article-author #date {
color: #9b0000
}
#category .article-author span {
color: #e6000b
}
#category .article-author a {
color: #0a0a0a;
text-decoration: none;
-webkit-transition: .5s;
transition: .5s;
display: inline-block
}
#category .article-author a:hover {
color: #e6000b;
text-decoration: none;
-webkit-transition: .5s;
transition: .5s
}
#category .article-author a:hover::after {
width: 100%
}
#category .article-author a::after {
content: '';
display: block;
width: 0;
height: 2px;
background: #0a0a0a;
-webkit-transition: width .3s;
transition: width .3s
}
#category .tags {
margin-bottom: 0;
font-size: 1.2em;
text-transform: uppercase
}
#category .tags span {
background: #e6e6e6;
display: inline-block;
color: #8a8a8a;
padding: 1px 3px;
margin-bottom: 0.5em
}
#category section {
padding: 2em 0
}
#category section #mian-article {
-webkit-box-shadow: 1px 1px 10px #dadada;
box-shadow: 1px 1px 10px #dadada
}
#category section #mian-article .txt-part {
padding: 1em 1.5em
}
#category section #mian-article h1 {
font-size: 3.8em
}
#category section .sub-article {
-webkit-box-shadow: 1px 1px 10px #dadada;
box-shadow: 1px 1px 10px #dadada;
margin: 2em 0
}
#category section .sub-article h3 {
font-size: 1.8em
}
#category section .sub-article .txt-part {
padding: 1em 1.5em
}
#article .project-title .project-tag {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
white-space: nowrap;
margin: auto;
color: #8a8a8a;
border-left: 1px solid #8a8a8a;
padding-left: 0.3em
}
#article .project-title .project-tag span {
margin-left: 0.5em
}
#article .project-title .title-section {
border-left: 0.4em solid #9b0000
}
@media screen and (max-width: 1023px) {
#article .project-title .title-section {
border-left: 0
}
}
#article .project-title .title-section h1 {
font-size: 3.5em
}
#article .project-title .title-section .tags {
margin-bottom: 0;
font-size: 1.2em;
text-transform: uppercase;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif
}
#article .project-title .title-section .tags span {
background: #e6e6e6;
display: inline-block;
padding: 1px 3px;
color: #8a8a8a
}
#article .project-title .title-section .article-author {
font-weight: bold;
font-size: 1.4em;
margin-bottom: 0;
margin-top: 1em
}
#article .project-title .title-section .article-author #date {
color: #9b0000
}
#article .project-title .title-section .article-author span {
color: #e6000b
}
#article .project-title .title-section .article-author a {
color: #0a0a0a;
text-decoration: none;
-webkit-transition: .5s;
transition: .5s;
display: inline-block
}
#article .project-title .title-section .article-author a:hover {
color: #e6000b;
text-decoration: none;
-webkit-transition: .5s;
transition: .5s
}
#article .project-title .title-section .article-author a:hover::after {
width: 100%
}
#article .project-title .title-section .article-author a::after {
content: '';
display: block;
width: 0;
height: 2px;
background: #0a0a0a;
-webkit-transition: width .3s;
transition: width .3s
}
#article section {
padding: 2em 0
}
#article section .article-body {
border-top: 2px solid #dadada;
padding-top: 5%
}
#article section .article-body .txt-part {
padding: 1em 1.5em
}
#article section .article-body h1 {
font-size: 3.8em
}
#article section .article-body .social-media-outer-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%
}
#article section .article-body .social-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 60% auto 0 auto
}
#article section .article-body .social-media a {
text-align: center;
font-size: 1.4rem;
margin: 30% 0
}
#article section .article-body .social-media .fa-share {
color: #cacaca;
font-size: 2rem;
margin-bottom: 10px
}
#article section .article-body .project-gallery-title {
text-transform: uppercase;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
margin-top: 5%
}
#article section .article-body img {
/*margin-bottom:10%*/
}
#article section .sub-article {
-webkit-box-shadow: 1px 1px 10px #dadada;
box-shadow: 1px 1px 10px #dadada;
margin: 2em 0
}
#article section .sub-article h3 {
font-size: 1.8em
}
#article section .sub-article .txt-part {
padding: 1em 1.5em
}
#article .share-content-signup-form {
padding: 0;
border-top: 10px solid #9b0000;
margin-top: 3%;
background-color: #dadada
}
#article .share-content-signup-form header {
font: 1.2rem Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
text-align: center
}
#article .share-content-signup-form label {
text-align: center;
margin: 2% 0;
font-size: 1rem
}
#article .share-content-signup-form input {
width: 40%;
display: inline-block;
margin-left: 20%
}
#article .share-content-signup-form input[type="submit"] {
width: 15%;
margin: 0 0 0 3%;
height: 39px;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
background: black;
color: white
}
.bottom-banner {
background: #dadada;
background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), color-stop(60%, #fff));
background: linear-gradient(180deg, #e6e6e6 0%, #fff 60%);
padding-bottom: 2%;
margin-top: 2%
}
.bottom-banner .content-row-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.bottom-banner .content-row-container header {
font: 1.2rem Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
width: 100%;
margin: 2% 0 2% .9375rem
}
.bottom-banner .content-row-container .tile {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.bottom-banner .content-row-container .tile img {
height: -webkit-min-content;
height: -moz-min-content;
height: min-content
}
.bottom-banner .content-row-container .tile p {
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
margin-left: 5%
}
.bottom-banner .content-row-container .tile .tag-container {
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 5%
}
.bottom-banner .content-row-container .tile .tag-container p {
font-size: 10px;
padding: 3px;
background: #e6e6e6;
color: #8a8a8a;
margin: 3px;
white-space: nowrap;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
width: initial
}
#project-article .project-details .details {
padding: 1.5em 2.5em;
-webkit-box-shadow: 1px 1px 10px #dadada;
box-shadow: 1px 1px 10px #dadada;
border-top: 1em solid #9b0000
}
#project-article .project-details .details h5 {
text-transform: uppercase;
color: #9b0000
}
#project-article .project-details .details p {
font-weight: bold
}
#project-article .project-details .details .hr-line {
background-color: #dadada;
height: 1px;
margin-bottom: 1em
}
#project-article .project-title .project-tag {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
white-space: nowrap;
margin: auto;
color: #8a8a8a;
border-left: 1px solid #8a8a8a;
padding-left: 0.3em
}
#project-article .project-title .project-tag span {
margin-left: 0.5em
}
#project-article .project-title .title-section {
border-left: 0.4em solid #9b0000
}
@media screen and (max-width: 1023px) {
#project-article .project-title .title-section {
border-left: 0
}
}
#project-article .project-title .title-section h1 {
font-size: 3.5em
}
#project-article .project-title .title-section .tags {
margin-bottom: 0;
font-size: 1.2em;
text-transform: uppercase;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif
}
#project-article .project-title .title-section .tags span {
background: #e6e6e6;
display: inline-block;
padding: 1px 3px;
color: #8a8a8a
}
#project-article .project-title .title-section .article-author {
text-transform: uppercase;
font-weight: bold;
font-size: 1.4em;
margin-bottom: 0;
margin-top: 1em
}
#project-article .project-title .title-section .article-author #date {
color: #9b0000
}
#project-article .project-title .title-section .article-author span {
color: #e6000b
}
#project-article .project-title .title-section .article-author a {
color: #0a0a0a;
text-decoration: none;
-webkit-transition: .5s;
transition: .5s;
display: inline-block
}
#project-article .project-title .title-section .article-author a:hover {
color: #e6000b;
text-decoration: none;
-webkit-transition: .5s;
transition: .5s
}
#project-article .project-title .title-section .article-author a:hover::after {
width: 100%
}
#project-article .project-title .title-section .article-author a::after {
content: '';
display: block;
width: 0;
height: 2px;
background: #0a0a0a;
-webkit-transition: width .3s;
transition: width .3s
}
#project-article section {
padding: 2em 0
}
#project-article section .article-body {
border-top: 2px solid #dadada;
padding-top: 5%
}
#project-article section .article-body .txt-part {
padding: 1em 1.5em
}
#project-article section .article-body h1 {
font-size: 3.8em
}
#project-article section .article-body .social-media-outer-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%
}
#project-article section .article-body .social-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: 60% auto 0 auto
}
#project-article section .article-body .social-media a {
text-align: center;
font-size: 1.4rem;
margin: 30% 0
}
#project-article section .article-body .social-media .fa-share {
color: #cacaca;
font-size: 2rem;
margin-bottom: 10px
}
#project-article section .article-body p:first-of-type::first-letter {
float: left;
color: #9b0000;
font-size: 3em;
line-height: 0.9em;
margin-top: 0.09em;
margin-right: 0.1em;
font-weight: bold
}
#project-article section .article-body .project-gallery-title {
text-transform: uppercase;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
margin-top: 5%
}
#project-article section .article-body img {
margin-bottom: 10%
}
#project-article section .sub-article {
-webkit-box-shadow: 1px 1px 10px #dadada;
box-shadow: 1px 1px 10px #dadada;
margin: 2em 0
}
#project-article section .sub-article h3 {
font-size: 1.8em
}
#project-article section .sub-article .txt-part {
padding: 1em 1.5em
}
#project-article .share-content-signup-form {
padding: 0;
border-top: 10px solid #9b0000;
margin-top: 3%;
background-color: #dadada
}
#project-article .share-content-signup-form header {
font: 1.2rem Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
text-align: center
}
#project-article .share-content-signup-form label {
text-align: center;
margin: 2% 0;
font-size: 1rem
}
#project-article .share-content-signup-form input {
width: 40%;
display: inline-block;
margin-left: 20%
}
#project-article .share-content-signup-form input[type="submit"] {
width: 15%;
margin: 0 0 0 3%;
height: 39px;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
background: black;
color: white
}
.bottom-banner {
background: #dadada;
background: -webkit-gradient(linear, left top, left bottom, from(#e6e6e6), color-stop(60%, #fff));
background: linear-gradient(180deg, #e6e6e6 0%, #fff 60%);
padding-bottom: 2%;
margin-top: 2%
}
.bottom-banner .content-row-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.bottom-banner .content-row-container header {
font: 1.2rem Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
width: 100%;
margin: 2% 0 2% .9375rem
}
.bottom-banner .content-row-container .tile {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
.bottom-banner .content-row-container .tile img {
height: -webkit-min-content;
height: -moz-min-content;
height: min-content
}
.bottom-banner .content-row-container .tile p {
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
margin-left: 5%
}
.bottom-banner .content-row-container .tile .tag-container {
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 5%
}
.bottom-banner .content-row-container .tile .tag-container p {
font-size: 10px;
padding: 3px;
background: #e6e6e6;
color: #8a8a8a;
margin: 3px;
white-space: nowrap;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
width: initial
}
.events-filter-container {
height: 130px;
background: #f5f5f5;
border-top: 8px solid #9b0000;
-webkit-box-shadow: 0px 0px 15px 0px #cacaca;
box-shadow: 0px 0px 15px 0px #cacaca;
margin-top: 2%
}
@media (max-width: 700px) {
.events-filter-container {
height: 220px
}
}
.events-filter-container .select-month-container,
.events-filter-container .select-year-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (max-width: 700px) {
.events-filter-container .select-month-container,
.events-filter-container .select-year-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media (min-width: 801px) and (max-width: 1100px) {
.events-filter-container .select-month-container,
.events-filter-container .select-year-container {
width: 50% !important;
max-width: 50%
}
}
@media (max-width: 700px) {
.events-filter-container .select-year-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
@media (min-width: 801px) and (max-width: 1100px) {
.events-filter-container .select-year-container {
width: 50% !important;
max-width: 50%
}
}
.events-filter-container .select-year-container button {
width: 30%;
height: 2.4375rem;
background: #b9dacd;
margin: auto 2.5%;
font: 1.6em Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around
}
@media (max-width: 700px) {
.events-filter-container .select-year-container button {
width: 100%;
margin: 2% 4%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center
}
.events-filter-container .select-year-container button span {
margin-right: 2%
}
}
@media (min-width: 701px) and (max-width: 800px) {
.events-filter-container .select-year-container button {
width: 35%
}
}
.events-filter-container label {
width: 30%;
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
font-weight: bold;
margin: auto 2.5%;
font: 2em Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
text-align: right
}
@media (max-width: 700px) {
.events-filter-container label {
width: 100%;
text-align: left;
margin: 2% 4%
}
}
@media (min-width: 701px) and (max-width: 800px) {
.events-filter-container label {
width: 35%;
text-align: center
}
}
.events-filter-container select {
margin: auto 2.5%;
width: 60%;
background-image: url("https://live-newstatesman-b2b.pantheonsite.io/wp-content/themes/goodlife-wp-child/assets/img/caret-down-solid.svg");
background-size: initial;
color: #cacaca
}
@media (max-width: 700px) {
.events-filter-container select {
width: 100%;
margin: 2% 4%
}
}
@media (min-width: 701px) and (max-width: 800px) {
.events-filter-container select {
width: 55%
}
}
.event-tile-container {
margin-top: 2%;
margin-bottom: 2%
}
@media .event-tile-container .event-tile,
.event-tile-container .event-tile-featured {
-webkit-box-shadow: 0px 0px 15px 0px #cacaca;
box-shadow: 0px 0px 15px 0px #cacaca;
border-top: 5px black solid;
height: 330px;
margin: 1% auto
}
@media (max-width: 400px) {
.event-tile-container .event-tile,
.event-tile-container .event-tile-featured {
margin: 5% auto;
height: 90px;
overflow: hidden;
-webkit-transition: 0.5s;
transition: 0.5s
}
}
.event-tile-container .event-tile .event-date-container,
.event-tile-container .event-tile-featured .event-date-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between
}
.event-tile-container .event-tile .event-date-container .event-date,
.event-tile-container .event-tile-featured .event-date-container .event-date {
margin-top: 2%;
background: #9b0000;
color: white;
font: 1.5em Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
padding: 1% 6%;
margin-left: 0
}
.event-tile-container .event-tile .event-date-container .featured-event-banner,
.event-tile-container .event-tile-featured .event-date-container .featured-event-banner {
background: #b9dacd;
padding: 2%;
font: 1.5em Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
display: none
}
.event-tile-container .event-tile .event-title,
.event-tile-container .event-tile-featured .event-title {
font: 2em Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
margin-left: 5%
}
.event-tile-container .event-tile .event-location,
.event-tile-container .event-tile-featured .event-location,
.event-tile-container .event-tile .event-company,
.event-tile-container .event-tile-featured .event-company,
.event-tile-container .event-tile .event-email,
.event-tile-container .event-tile-featured .event-email,
.event-tile-container .event-tile .event-website,
.event-tile-container .event-tile-featured .event-website {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-left: 5%;
font-family: Merriweather
}
.event-tile-container .event-tile .event-location i,
.event-tile-container .event-tile-featured .event-location i,
.event-tile-container .event-tile .event-company i,
.event-tile-container .event-tile-featured .event-company i,
.event-tile-container .event-tile .event-email i,
.event-tile-container .event-tile-featured .event-email i,
.event-tile-container .event-tile .event-website i,
.event-tile-container .event-tile-featured .event-website i {
margin-right: 3%;
color: #cacaca;
font-size: 1.8em
}
.event-tile-container .event-tile .fa-angle-double-down,
.event-tile-container .event-tile-featured .fa-angle-double-down {
margin-left: 10%;
text-align: center
}
.event-tile-container .event-tile-featured {
border-top-color: #9b0000
}
.event-tile-container .event-tile-featured .featured-event-banner {
display: block !important
}
.a-z-category-filter-container {
height: 200px;
background: #f5f5f5;
border-top: 8px solid #9b0000;
-webkit-box-shadow: 0px 0px 15px 0px #cacaca;
box-shadow: 0px 0px 15px 0px #cacaca;
margin-top: 2%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: hidden;
-webkit-transition: 1s;
transition: 1s;
margin-bottom: 2%
}
@media (max-width: 700px) {
.a-z-category-filter-container {
height: 55px;
width: 90%;
margin: 10% auto
}
}
.a-z-category-filter-container .filter-title {
font-size: 1.4rem;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
padding: 2% 0;
margin: 0 auto;
text-transform: uppercase;
display: none
}
@media (max-width: 700px) {
.a-z-category-filter-container .filter-title {
display: block
}
}
.a-z-category-filter-container .company-search-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
border-bottom: 2px solid #cacaca;
width: 90%;
margin: auto;
padding: 1% 0
}
@media (max-width: 700px) {
.a-z-category-filter-container .company-search-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (min-width: 700px) and (max-width: 815px) {
.a-z-category-filter-container .company-search-container {
padding: 2% 0
}
}
.a-z-category-filter-container .company-search-container label {
text-align: start;
margin: auto 0;
width: 10%;
white-space: nowrap;
font: 1.2rem Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif
}
@media (max-width: 700px) {
.a-z-category-filter-container .company-search-container label {
width: 100%
}
}
@media (min-width: 700px) and (max-width: 1050px) {
.a-z-category-filter-container .company-search-container label {
width: 30%
}
}
@media (min-width: 800px) and (max-width: 1050px) {
.a-z-category-filter-container .company-search-container label {
width: auto
}
}
.a-z-category-filter-container .company-search-container input {
margin: auto 2% auto 0;
width: 20%
}
@media (max-width: 700px) {
.a-z-category-filter-container .company-search-container input {
width: 100%;
margin: 3% 0
}
}
@media (min-width: 700px) and (max-width: 815px) {
.a-z-category-filter-container .company-search-container input {
width: 40%;
margin: auto 0 auto auto
}
}
@media (min-width: 800px) and (max-width: 1050px) {
.a-z-category-filter-container .company-search-container input {
margin: auto 5%;
width: 40%
}
}
.a-z-category-filter-container .company-search-container input[type="submit"] {
width: 8%;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
height: 39px;
background: #9b0000;
color: white
}
@media (max-width: 700px) {
.a-z-category-filter-container .company-search-container input[type="submit"] {
width: 100%
}
}
@media (min-width: 700px) and (max-width: 1050px) {
.a-z-category-filter-container .company-search-container input[type="submit"] {
width: 20%
}
}
@media (min-width: 800px) and (max-width: 1050px) {
.a-z-category-filter-container .company-search-container input[type="submit"] {
margin-left: 0
}
}
.a-z-category-filter-container .filter-sector-container {
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: auto;
padding: 1% 0
}
@media (max-width: 700px) {
.a-z-category-filter-container .filter-sector-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (min-width: 700px) and (max-width: 815px) {
.a-z-category-filter-container .filter-sector-container {
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.a-z-category-filter-container .filter-sector-container label {
text-align: start;
margin: auto 0;
width: 8%;
white-space: nowrap;
font: 1.2rem Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif
}
@media (max-width: 700px) {
.a-z-category-filter-container .filter-sector-container label {
width: 100%;
margin: 2% 0
}
}
@media (min-width: 700px) and (max-width: 815px) {
.a-z-category-filter-container .filter-sector-container label {
width: 105px
}
}
@media (min-width: 816px) and (max-width: 1050px) {
.a-z-category-filter-container .filter-sector-container label {
width: auto
}
}
.a-z-category-filter-container .filter-sector-container select {
width: 20%;
color: #cacaca;
margin: auto 2%
}
@media (max-width: 700px) {
.a-z-category-filter-container .filter-sector-container select {
width: 100%;
margin: 2% 0
}
}
@media (min-width: 700px) and (max-width: 815px) {
.a-z-category-filter-container .filter-sector-container select {
margin: 1% 2.5%;
width: 30%
}
}
@media (min-width: 700px) and (max-width: 815px) {
.a-z-category-filter-container .filter-sector-container select[name="region-filter"] {
margin-left: 123px
}
}
.a-z-category-filter-container .filter-sector-container button {
background: #b9dacd;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
padding: 8px;
font-size: 1.8em
}
@media (max-width: 700px) {
.a-z-category-filter-container .filter-sector-container button {
width: 100%;
margin: 2% 0
}
}
@media (min-width: 700px) and (max-width: 815px) {
.a-z-category-filter-container .filter-sector-container button {
height: 39px;
margin: auto 0 auto 17px;
width: 30%;
padding: 8px
}
}
@media (min-width: 816px) and (max-width: 1050px) {
.a-z-category-filter-container .filter-sector-container button {
margin: auto 0 auto auto
}
}
.suppliers-container {
border-top: 5px solid #9b0000
}
@media (max-width: 700px) {
.suppliers-container {
width: 90% !important;
margin: auto !important
}
}
.suppliers-container h2 {
margin: 2% 0;
width: 100%
}
.suppliers-container .supplier-tile-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: auto 0
}
@media (max-width: 700px) {
.suppliers-container .supplier-tile-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.suppliers-container .supplier-tile-container .supplier-tile {
height: 300px;
width: 30%;
-webkit-box-shadow: 0px 0px 15px 0px #cacaca;
box-shadow: 0px 0px 15px 0px #cacaca;
margin: 2% 0
}
@media (max-width: 700px) {
.suppliers-container .supplier-tile-container .supplier-tile {
width: 100%;
height: 120px;
overflow: hidden;
-webkit-transition: 1s;
transition: 1s
}
}
@media (min-width: 700px) and (max-width: 1050px) {
.suppliers-container .supplier-tile-container .supplier-tile {
width: 48%
}
}
.suppliers-container .supplier-tile-container .supplier-tile h3 {
margin: 4% 0 4% 5%;
font-size: 1.2rem
}
.suppliers-container .supplier-tile-container .supplier-tile img {
width: 70%;
height: 70px;
display: block;
margin: 0 auto
}
.suppliers-container .supplier-tile-container .supplier-tile p {
font-family: merriweather;
margin-left: 5%;
font-size: 1rem
}
@media (max-width: 700px) {
.suppliers-container .supplier-tile-container .supplier-tile p {
width: 90%
}
}
.suppliers-container .supplier-tile-container .supplier-tile .tag-container {
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 5%
}
.suppliers-container .supplier-tile-container .supplier-tile .tag-container p {
font-size: 10px;
padding: 3px;
background: #e6e6e6;
color: #8a8a8a;
margin: 3px;
white-space: nowrap;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
width: initial
}
.company-a-z-container {
border-top: 5px solid #9b0000;
margin-bottom: 20vh
}
.company-a-z-container h2 {
margin: 1% 0 4% 0
}
.company-a-z-container .companies-section-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
border-top: 3px solid #cacaca;
padding-top: 2%
}
.company-a-z-container .companies-section-container:last-of-type {
border-bottom: 3px solid #cacaca
}
@media (max-width: 700px) {
.company-a-z-container .companies-section-container {
height: 50px;
overflow: hidden;
-webkit-transition: 1s;
transition: 1s
}
}
.company-a-z-container .companies-section-container .company-index-container {
width: 10%
}
.company-a-z-container .companies-section-container .company-index-container h3 {
color: #9b0000
}
@media (max-width: 700px) {
.company-a-z-container .companies-section-container .company-index-container {
width: 100%;
text-align: center;
height: 40px
}
}
.company-a-z-container .companies-section-container .company-details {
border-bottom: 3px solid #cacaca;
width: 90%;
padding: 2% 0
}
.company-a-z-container .companies-section-container .company-details h4 {
text-transform: uppercase
}
.company-a-z-container .companies-section-container .company-details p {
font-family: merriweather;
margin-bottom: 0;
}
.company-a-z-container .companies-section-container .company-details .tag-container {
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.company-a-z-container .companies-section-container .company-details .tag-container p {
font-size: 10px;
padding: 3px;
background: #e6e6e6;
color: #8a8a8a;
margin: 3px;
white-space: nowrap;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif
}
.company-a-z-container .companies-section-container .company-details .top-container {
width: 100%;
display: none;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end
}
.company-a-z-container .companies-section-container .company-details .top-container a {
margin: 0;
padding: 0.5% 3%;
background: #e6e6e6;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
white-space: nowrap;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
font-size: 1rem
}
.company-a-z-container .companies-section-container .company-details .top-container a i {
margin-left: 30%
}
.company-a-z-container .companies-section-container .company-details:first-of-type {
padding-top: 0
}
.company-a-z-container .companies-section-container .company-details:last-of-type {
border: none;
padding-bottom: 0
}
@media (max-width: 700px) {
.company-a-z-container .companies-section-container .company-details:last-of-type {
padding-bottom: 2%
}
}
.company-a-z-container .companies-section-container .company-details:last-of-type .top-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (max-width: 700px) {
.company-a-z-container .companies-section-container .company-details:last-of-type .top-container {
display: none
}
}
.latest-news {
-webkit-box-shadow: 0px 0px 15px 0px #cacaca;
box-shadow: 0px 0px 15px 0px #cacaca
}
@media (max-width: 700px) {
.latest-news {
width: 90% !important;
margin: 5% auto !important;
height: 335px;
overflow: scroll
}
}
@media (min-width: 700px) and (max-width: 815px) {
.latest-news {
overflow: scroll;
height: 330px;
margin-bottom: 5%
}
}
@media (min-width: 816px) and (max-width: 1050px) {
.latest-news {
height: 1052px
}
}
.latest-news .red-line {
height: 10px;
width: 95%;
background: #9b0000;
margin: 2% auto
}
.latest-news header {
width: 90%;
margin: 1% auto
}
.latest-news header h3 {
margin: 5% 0
}
.latest-news .news-item-container {
width: 90%;
margin: 1% auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border-bottom: 2px solid #e6e6e6;
padding-bottom: 2%
}
.latest-news .news-item-container:last-of-type {
border: none
}
@media (max-width: 700px) {
.latest-news .news-item-container {
width: 100%;
padding-top: 1%
}
}
@media (min-width: 816px) and (max-width: 1050px) {
.latest-news .news-item-container {
width: 100%
}
}
.latest-news .news-item-container img {
display: block;
margin: auto 0
}
@media (max-width: 700px) {
.latest-news .news-item-container img {
margin-top: 0
}
}
@media (min-width: 816px) and (max-width: 1050px) {
.latest-news .news-item-container img {
margin-top: 0
}
}
.latest-news .news-item-container .news-text {
width: 70%
}
@media (max-width: 700px) {
.latest-news .news-item-container .news-text {
width: 68%
}
}
@media (min-width: 816px) and (max-width: 1050px) {
.latest-news .news-item-container .news-text {
width: 65%
}
}
.latest-news .news-item-container .news-text p {
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
font-size: 1rem;
margin-bottom: 1%
}
.latest-news .news-item-container .news-text .tag-container {
width: 90%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
@media (min-width: 816px) and (max-width: 1050px) {
.latest-news .news-item-container .news-text .tag-container {
width: 100%
}
}
.latest-news .news-item-container .news-text .tag-container p {
font-size: 10px;
padding: 3px;
background: #e6e6e6;
color: #8a8a8a;
margin: 3px;
white-space: nowrap;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif
}
.header-banner {
border-top: 10px solid #9b0000;
background: #2c2c2c;
margin-bottom: 5%
}
@media (max-width: 700px) {
.header-banner {
margin-bottom: 10%
}
}
.header-banner .header-banner-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2% 0
}
@media (max-width: 700px) {
.header-banner .header-banner-title {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (min-width: 816px) and (max-width: 1050px) {
.header-banner .header-banner-title {
margin: auto;
width: 75%
}
}
.header-banner .header-banner-title img {
height: 80px;
width: -webkit-min-content;
width: -moz-min-content;
width: min-content
}
@media (max-width: 700px) {
.header-banner .header-banner-title img {
display: block;
margin: auto
}
}
@media (min-width: 700px) and (max-width: 800px) {
.header-banner .header-banner-title img {
margin-left: 1%
}
}
.header-banner .header-banner-title .verticle-red-line {
height: 80px;
width: 5px;
background: #9b0000;
margin: 0 2%
}
@media (max-width: 700px) {
.header-banner .header-banner-title .verticle-red-line {
height: 5px;
width: 90%;
margin: 4% auto
}
}
@media (min-width: 700px) and (max-width: 800px) {
.header-banner .header-banner-title .verticle-red-line {
margin: 0 1.5%
}
}
.header-banner .header-banner-title .header-banner-title-text {
color: white
}
.header-banner .header-banner-title .header-banner-title-text h1 {
margin: -7px 0 0 0;
white-space: nowrap
}
@media (max-width: 700px) {
.header-banner .header-banner-title .header-banner-title-text h1 {
text-align: center;
font-size: 1.8rem;
margin: 0 auto 2% auto
}
}
.header-banner .header-banner-title .header-banner-title-text p {
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif
}
@media (max-width: 700px) {
.header-banner .header-banner-title .header-banner-title-text p {
width: 90%;
margin: auto;
font-size: 1rem
}
}
@media (min-width: 700px) and (max-width: 800px) {
.header-banner .header-banner-title .header-banner-title-text {
margin-right: 1%
}
}
.header-banner .page-nav-sm-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: black;
-webkit-transition: 0.5s;
transition: 0.5s
}
@media (max-width: 700px) {
.header-banner .page-nav-sm-container {
height: 35px;
overflow: hidden
}
}
.header-banner .page-nav-sm-container .page-navigation {
margin-left: 4%;
margin-right: 0;
padding: 0.3% 0;
width: 40%;
background-color: initial
}
@media (max-width: 700px) {
.header-banner .page-nav-sm-container .page-navigation {
display: block
}
}
.header-banner .page-nav-sm-container .page-navigation .page-navigation-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex
}
@media (max-width: 700px) {
.header-banner .page-nav-sm-container .page-navigation .page-navigation-links {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.header-banner .page-nav-sm-container .page-navigation .page-navigation-links li {
margin-right: 3%;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
color: white;
padding: 0.3% 0
}
@media (max-width: 700px) {
.header-banner .page-nav-sm-container .page-navigation .page-navigation-links li {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
margin: 2% 0
}
}
.header-banner .page-nav-sm-container .page-navigation .page-navigation-links li a {
color: white;
padding-bottom: 0
}
.header-banner .page-nav-sm-container .page-navigation .page-navigation-links .active {
border-bottom: 5px solid #bbdace
}
.header-banner .page-nav-sm-container .page-navigation .page-navigation-links .active a {
color: #bbdace
}
.header-banner .page-nav-sm-container .page-navigation .page-navigation-links .mobile-nav-header {
display: none;
white-space: nowrap
}
@media (max-width: 700px) {
.header-banner .page-nav-sm-container .page-navigation .page-navigation-links .mobile-nav-header {
display: block;
margin-bottom: 5%
}
}
.header-banner .page-nav-sm-container .social-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
width: 40%;
margin: auto 0 auto auto;
overflow: hidden;
-webkit-transition: 0.5s;
transition: 0.5s;
height: -webkit-min-content;
height: -moz-min-content;
height: min-content
}
@media (max-width: 700px) {
.header-banner .page-nav-sm-container .social-media {
width: 50%;
margin: 10px -130px auto auto
}
}
.header-banner .page-nav-sm-container .social-media li {
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
margin: auto 2%
}
.header-banner .page-nav-sm-container .social-media li i {
color: white;
font-size: 16px
}
.header-banner .page-nav-sm-container .social-media li .fa-share {
color: #676767;
margin: auto
}
@media (max-width: 700px) {
.header-banner .page-nav-sm-container .social-media li .fa-share {
color: white
}
}
.main-text {
font-family: merriweather;
margin-bottom: 5%
}
@media (max-width: 700px) {
.main-text {
margin-bottom: 0
}
}
.newsletter-signup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: 0px 0px 15px 0px #cacaca;
box-shadow: 0px 0px 15px 0px #cacaca;
height: -webkit-min-content;
height: -moz-min-content;
height: min-content;
padding: 0
}
@media (max-width: 800px) {
.newsletter-signup {
margin: 5% auto
}
}
.newsletter-signup .newsletter-signup-form {
width: 100%;
margin: 2%;
border-top: 10px solid #9b0000;
background: #e6e6e6
}
.newsletter-signup .newsletter-signup-form header {
width: 100%;
margin-top: 5%
}
.newsletter-signup .newsletter-signup-form p {
text-align: center;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
font-size: 1.2rem
}
.newsletter-signup .newsletter-signup-form label {
width: 80%;
margin: 5% auto;
font-family: merriweather;
font-size: 1rem
}
@media (max-width: 700px) {
.newsletter-signup .newsletter-signup-form label {
width: 90%
}
}
@media (min-width: 800px) and (max-width: 1050px) {
.newsletter-signup .newsletter-signup-form label {
width: 70%
}
}
.newsletter-signup .newsletter-signup-form input {
width: 55%;
margin: 0 2% 10% 10%;
display: inline-block;
font-family: merriweather
}
@media (max-width: 1050px) {
.newsletter-signup .newsletter-signup-form input {
width: 90%;
margin: 0 0 5% 5%
}
}
.newsletter-signup .newsletter-signup-form input[type="submit"] {
width: 25%;
height: 39px;
display: inline-block;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
background: #9b0000;
color: white;
margin: 0 0 10% 0
}
@media (max-width: 1050px) {
.newsletter-signup .newsletter-signup-form input[type="submit"] {
width: 90%;
margin-left: 5%
}
}
.magazine-tile {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-shadow: 0px 0px 15px 0px #cacaca;
box-shadow: 0px 0px 15px 0px #cacaca;
margin: 1% 0
}
@media (max-width: 700px) {
.magazine-tile {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 3% 0
}
}
@media (min-width: 800px) and (max-width: 1050px) {
.magazine-tile {
width: 90% !important;
max-width: 100% !important
}
}
@media (max-width: 800px) {
.magazine-tile img {
width: 332px;
margin: 3% auto auto auto
}
}
@media (min-width: 800px) and (max-width: 1050px) {
.magazine-tile img {
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
}
.magazine-tile p {
font: 0.8rem merriweather;
margin-left: 5%;
width: 90%
}
.magazine-tile p:first-of-type {
color: #9b0000;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
margin: 2% 0 5% 5%;
font-size: 0.9rem
}
.magazine-tile p:nth-of-type(2) {
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
font-size: 0.9rem
}
.cta {
text-transform: uppercase;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif
}
.tags {
margin-bottom: 0;
font-size: 1.2em;
text-transform: uppercase
}
.tags span {
background: #e6e6e6;
display: inline-block;
color: #8a8a8a;
padding: 1px 3px;
margin-bottom: 0.5em;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif
}
#report_hero {
border-top: 10px solid #990100;
background: #2b2c2c;
margin-bottom: 2em;
color: #fff;
padding: 2em 0
}
#report_hero div:first-child {
border-right: 4px solid #990100;
padding-right: 3em;
text-align: right
}
#report_hero div {
padding-left: 3em
}
#report_hero div h2 {
font-size: 5em;
line-height: 1em;
margin: 0
}
#report_hero div.large-12 {
background: #000;
margin-top: 1em
}
#report_hero div.large-12 nav {
background: #000
}
#report_hero div.large-12 nav ul li a {
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
color: #fff
}
.grid-x.report-main {
margin-bottom: 2em
}
.grid-x.report-main .small-2 .social-media,
.grid-x.report-main .small-12 .social-media {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin: -11% auto 0 auto !important
}
.grid-x.report-main .small-2 .social-media a,
.grid-x.report-main .small-12 .social-media a {
text-align: center;
font-size: 1.4rem;
margin: 30% 0
}
.grid-x.report-main .large-12.report-hero-big .glow {
display: block;
padding: 0px
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div {
position: relative;
padding: 1.3em
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div .triangle-right {
width: 0px;
height: 0px;
border-top: 30px solid transparent;
border-bottom: 30px solid transparent;
border-left: 30px solid white;
position: absolute;
left: 0;
top: 44%
}
@media only screen and (max-width: 640px) {
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div .triangle-right {
display: none
}
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div .grid-container {
font-family: "Helvetica Neaue", Helvetica, Arial, sans-serif
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div .grid-container .grid-x {
border-bottom: 1px solid #cfcfcf;
padding-bottom: 3em;
margin-right: 0px;
margin-left: 0px
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div .grid-container .grid-x:first-child {
margin-bottom: 3em
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div .grid-container .grid-x:first-child>div.small-2 {
border-right: 4px solid #990100;
text-align: right;
font-size: .8em
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div .grid-container .grid-x:first-child>div.small-2 p {
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
color: #929292;
text-transform: uppercase
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div .grid-container>.grid-x:last-child {
font-family: Merriweather, Georgia, "Times New Roman", serif;
padding: 0px;
border-bottom: none
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div.small-10 {
padding-left: 2em !important
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div.small-10 h2 {
line-height: 1em
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div.small-10 p.tags span {
font-size: .8em
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div.small-10 p.author {
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
color: #363636;
font-size: 1.4em
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div.small-10 p.author span {
color: #990100
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div:first-child h5 {
padding: 0 .9em
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div:first-child article div div p {
line-height: 1.5em
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div:nth-child(2) article div>div:last-child p.tags span {
font-family: "Helvetica Neaue", Helvetica, Arial, sans-serif;
font-size: .2em
}
.grid-x.report-main .large-12.report-hero-big .glow>.grid-x>div:last-child {
padding: 0
}
.grid-x.report-main .col-left>.grid-x>.large-12 {
margin-bottom: 3em
}
.grid-x.report-main .col-left>.grid-x>.large-10 p:first-of-type::first-letter {
float: left;
color: #9b0000;
font-size: 3em;
line-height: 0.9em;
margin-top: 0.09em;
margin-right: 0.1em;
font-weight: bold
}
.grid-x.report-main .col-left article {
margin-bottom: 3em
}
.grid-x.report-main .col-left article #mian-article div p.tags {
margin-bottom: 1em
}
.grid-x.report-main .col-left article #mian-article div .cta {
float: none;
font-size: 1.5em;
padding: 0.4em 0.8em
}
.grid-x.report-main .cell .glow article div div a {
position: relative;
display: block
}
.grid-x.report-main .cell .glow article div div a img {
width: 100%
}
.grid-x.report-main div article div #energy-newsletter {
background-color: #e6e6e6;
border-top: 1em solid #9b0000;
padding: 2em;
margin: 0
}
.grid-x.report-main div article div #energy-newsletter h5 {
text-align: left
}
.grid-x.report-main div article div #energy-newsletter form {
padding: 4em
}
.grid-x.report-main div article div #energy-newsletter form .input-group {
position: relative;
display: inline-block;
padding-bottom: 1.2em
}
.grid-x.report-main div article div #energy-newsletter form .input-group textarea {
height: 120px
}
.grid-x.report-main div article div #energy-newsletter form .input-group .input-group-button {
position: relative;
display: block;
text-align: right
}
.grid-x.report-main div article div #energy-newsletter form .input-group .input-group-button .sign-up {
background-color: #9b0000;
color: #fff;
text-transform: uppercase;
border: none;
font-weight: bold;
cursor: pointer;
background-color: #000;
margin: 0px;
padding: .4em 1.8em;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif
}
.grid-x.report-main div div h5.sub {
text-transform: uppercase;
margin-bottom: .8em
}
.grid-x.report-main div div article>div {
margin-bottom: 2em;
border-bottom: 1px solid #f0f0f0
}
.grid-x.report-main div div article.np {
margin-bottom: 2em
}
.grid-x.report-main div div article.np>div {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: 0px
}
.grid-x.report-main div .cta {
text-transform: uppercase;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif
}
.grid-x.report-main div aside {
padding-bottom: 2em
}
.grid-x.report-main div aside #recommended-companies {
padding-top: 1em;
position: relative;
display: inline-block;
margin-bottom: 5em
}
.grid-x.report-main div aside div article>div {
margin-bottom: 0em;
padding-bottom: 0em;
border-bottom: 0px solid #f0f0f0
}
.grid-x.report-main div aside div article .grid-x {
border-bottom: 1px solid #f0f0f0;
margin-bottom: 20px;
padding-bottom: 20px
}
.grid-x.report-main div aside #tweets {
font-family: "Helvetica Neaue", Helvetica, Arial, sans-serif;
height: 650px;
overflow-x: scroll;
border: 1px solid #eee
}
.grid-x.report-main div aside #tweets h5 {
padding: 1em 1em .4em 1em
}
.grid-x.report-main div aside #tweets article {
border-top: 2px solid #181818;
padding: 2em
}
.grid-x.report-main div aside #tweets article div:first-child {
margin-bottom: 1em
}
.grid-x.report-main div aside #tweets article div p {
font-size: 1.5em;
margin-bottom: 0px
}
.grid-x.report-main div aside #tweets article div div:first-child img {
margin: 12px 0px 0px 0px
}
.grid-x.report-main div aside #tweets article div div:nth-child(2) p {
margin: 0px;
line-height: 1.2em
}
.grid-x.report-main div aside #tweets article div div:nth-child(2) p:first-child {
text-transform: uppercase
}
.grid-x.report-main div aside #tweets article div div:nth-child(3) {
text-align: right
}
.grid-x.report-main div aside #tweets article div div:nth-child(3) i {
font-size: 2em;
color: #999999;
margin: 12px 12px 0px 0px
}
.grid-x.report-main div aside #tweets article>div:nth-child(2) {
margin-bottom: 1.4em
}
.grid-x.report-main div aside #tweets article>div:last-child div:last-child {
text-align: right
}
.grid-x.report-main div aside #tweets article>div:last-child div:last-child p {
color: #ccc
}
.grid-x.report-main div aside.storefront {
padding: 2em 2em 2em 2em;
-webkit-box-shadow: 1px 1px 10px #dadada;
box-shadow: 1px 1px 10px #dadada
}
.grid-x.report-main #energy-newsletter {
background-color: #e6e6e6;
border-top: 1em solid #9b0000;
padding: 2em 0;
margin: 0;
height: 100%
}
.grid-x.report-main #energy-newsletter h5 {
text-align: left;
padding: 0 0 0 2em;
text-transform: uppercase
}
.grid-x.report-main #energy-newsletter form {
padding: 4em
}
.grid-x.report-main #energy-newsletter form .input-group {
position: relative;
display: inline-block;
padding-bottom: 1.2em
}
.grid-x.report-main #energy-newsletter form .input-group input:first-child {
margin: 40px 0 20px
}
.grid-x.report-main #energy-newsletter form .input-group textarea {
height: 120px
}
.grid-x.report-main #energy-newsletter form .input-group .input-group-button {
position: relative;
display: block;
text-align: right
}
.grid-x.report-main #energy-newsletter form .input-group .input-group-button .sign-up {
background-color: #9b0000;
color: #fff;
text-transform: uppercase;
border: none;
font-weight: bold;
cursor: pointer;
background-color: #000;
margin: 0px;
padding: .4em 1.8em;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif
}
.grid-x.report-main #energy-newsletter.whitepaper {
background: #990100;
height: 100%
}
.grid-x.report-main #energy-newsletter.whitepaper h5 {
color: #fff
}
.grid-x.report-main #energy-newsletter.whitepaper form .input-group .input-group-button {
width: 100%
}
.grid-x.report-main #energy-newsletter.whitepaper form .input-group .input-group-button .sign-up {
width: 100%
}
.report-home .grey-grad .grid-container .grid-x .cell .glow article {
margin-bottom: 2em;
padding-bottom: 2em;
border-bottom: 1px solid #f0f0f0
}
.report-home .grey-grad .grid-container .grid-x .cell>a {
position: relative;
display: inline-block;
width: 100%
}
.report-home .grey-grad .grid-container .grid-x .cell>a img {
position: relative;
display: inline-block;
width: 100%
}
.report-home .grey-grad .grid-container .grid-x:first-child {
margin-bottom: 2em
}
.report-products #report_hero {
border-top: 10px solid #990100;
background: #2b2c2c;
margin-bottom: 2em;
color: #fff;
padding: 2em 0
}
.glow article {
-webkit-box-shadow: none !important;
box-shadow: none !important
}
.glow article>div {
float: left
}
.glow article .thumb-wrap {
position: relative;
display: inline-block;
width: 30%
}
.glow article .thumb-wrap a {
position: relative;
display: inline-block;
width: 100%
}
.glow article .thumb-wrap a img {
position: relative;
display: inline-block;
width: 100%
}
.glow article .copy-wrap {
position: relative;
display: inline-block;
width: 70%
}
.glow article .copy-wrap .copy-wrap-inner {
position: relative;
display: inline-block;
margin-left: 20px;
width: auto
}
.glow article .copy-wrap .copy-wrap-inner h5 {
line-height: 1.2em
}
.glow {
background: #fff;
padding: 1.3em;
-webkit-box-shadow: 1px 1px 10px #dadada;
box-shadow: 1px 1px 10px #dadada;
position: relative;
display: block
}
.glow>h5 {
text-transform: uppercase
}
.cta {
cursor: pointer;
background-color: #9b0000;
color: #fff;
text-align: center;
display: inline-block;
text-transform: uppercase;
font-weight: bold;
font-size: 1.3em;
padding: 0.4em;
float: right;
-webkit-transition: .5s;
transition: .5s
}
.lh-12 {
line-height: 1.2em
}
.social-media-outer-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%
}
.project-tag {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
white-space: nowrap;
margin: auto;
color: #8a8a8a;
border-left: 1px solid #8a8a8a;
padding-left: 0.3em
}
.social-media .fa-share {
color: #cacaca;
font-size: 2rem;
margin-bottom: 10px
}
#login-flip-front {
min-width: 0px;
left: 0;
top: 0;
right: 0;
width: 100%;
bottom: 0;
padding: 3em
}
.ctaModal {
font-size: 0.9em;
color: #0a0a0a;
padding-top: 1em;
padding-bottom: 1em;
margin-bottom: 0px;
display: inline-block;
-webkit-transition: .5s;
transition: .5s;
padding-left: 0.5em;
padding-right: 0.5em;
outline: none;
cursor: pointer
}
.ctaModal.ctaRegister {
color: #fff
}
.ctaModal.ctaRegister:hover {
background-color: #0a0a0a;
color: #fff;
-webkit-transition: .5s;
transition: .5s;
color: #fff
}
.popModal {
font-family: "Helvetica Neaue", Helvetica, Arial, sans-serif;
color: #242f33;
width: 50%
}
.popModal a.forgot-password {
font-size: 1.2em;
color: grey;
text-decoration: underline
}
.popModal h3 {
width: 100%;
text-align: center;
padding-top: .5em;
text-transform: uppercase
}
.popModal .grid-x:nth-of-type(2) {
padding-top: 2em
}
.popModal .grid-x:last-child {
background: whitesmoke !important;
margin-top: 2em;
padding: 2em;
margin: 2em 0px 0px 0px;
text-align: center;
font-size: 1.2em
}
.popModal .ev-nslogo img {
max-width: 14em;
top: -0.5em;
position: relative;
left: -.6em
}
.popModal .tns-close {
top: -2em;
right: -2em
}
.popModal .tns-close {
position: relative;
top: 0;
right: 0;
width: 36px;
height: 36px;
color: #fff !important;
text-decoration: none !important;
font-size: 18px;
line-height: 36px;
text-align: center;
float: right;
z-index: 101;
background: #c1002a !important
}
.popModal span {
font-size: 1.2em;
margin-left: 6px;
color: grey
}
.popModal input {
color: grey
}
.popModal button {
width: 100%§;
background: #c1002b;
opacity: 1;
text-transform: uppercase;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
letter-spacing: 0;
font-weight: 600 !important;
padding: 0.625em;
color: #FFF;
width: 100%
}
.popModal#popRegisterModal .form-wrapper .form-field {
width: 50%;
position: relative;
display: inline-block;
float: left;
padding: 1em
}
.popModal#popRegisterModal .form-wrapper .form-field.pd-textarea {
width: 100%
}
.popModal#popRegisterModal .form-wrapper .form-field.pd-checkbox {
width: 100%;
margin: 0px;
padding: 0px;
line-height: 0px
}
.popModal#popRegisterModal .form-wrapper .form-field.pd-checkbox .value.checkbox-list>span {
display: block
}
.popModal#popRegisterModal input[type=submit] {
width: 100%§;
background: #c1002b;
opacity: 1;
text-transform: uppercase;
-webkit-box-shadow: none !important;
box-shadow: none !important;
border: none !important;
letter-spacing: 0;
font-weight: 600 !important;
padding: 1em;
color: #FFF;
width: 100%
}
.align-right {
text-align: right
}
.main-header {
margin-top: 1em
}
@media screen and (max-width: 414px) {
.main-header {
text-align: center
}
}
@media (max-width: 1050px) {
.main-header .energy-webinar-container {
display: none
}
}
.main-header .energy-webinar-container .txt-webinar {
margin-top: 1em
}
.main-header .energy-webinar-container .txt-webinar p {
line-height: 18px
}
@media (min-width: 816px) and (max-width: 1050px) {
.main-header {
margin: 2% 0
}
}
.main-header .logo-container #site-logo img {
width: 55%
}
@media screen and (max-width: 414px) {
.main-header .logo-container #site-logo img {
margin-bottom: 1em
}
}
@media (max-width: 800px) {
.main-header .logo-container #site-logo img {
width: initial
}
}
@media screen and (max-width: 812px) {
.main-header .logo-container #site-logo img {
margin: 1em 0
}
}
@media (max-width: 1050px) {
.main-header .energy-newsletter-container {
display: none
}
}
.main-header .energy-newsletter-container .txt-newsletter {
text-align: right;
margin-top: 1em
}
@media screen and (max-width: 414px) {
.main-header .energy-newsletter-container .txt-newsletter {
text-align: center
}
}
.main-header .energy-newsletter-container .txt-newsletter p {
line-height: 18px
}
@media screen and (max-width: 414px) {
.main-header .icons {
text-align: center
}
.main-header .icons img {
width: 25%;
margin-bottom: 1em
}
}
.main-header #burger-menu {
margin: auto 0.625rem auto auto;
display: none
}
@media (max-width: 1050px) {
.main-header #burger-menu {
display: block
}
}
.main-header #burger-menu .burger-bar {
height: 5px;
width: 30px;
margin: 5px auto;
background: black;
border-radius: 5px;
-webkit-transition: 0.5s;
transition: 0.5s
}
.main-header #burger-menu #burger-bar-1 {
-webkit-transform-origin: 25%;
-ms-transform-origin: 25%;
transform-origin: 25%
}
.main-header #burger-menu #burger-bar-3 {
-webkit-transform-origin: 25%;
-ms-transform-origin: 25%;
transform-origin: 25%
}
.main-header .main-nav-container {
background-color: #e6e6e6
}
@media (max-width: 1050px) {
.main-header .main-nav-container {
height: 0;
overflow: hidden;
-webkit-transition: 0.75s;
transition: 0.75s
}
}
.main-header .main-nav-container ul {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex
}
.main-header .main-nav-container ul .small-screen-search {
display: none
}
@media (max-width: 1050px) {
.main-header .main-nav-container ul .small-screen-search {
display: block
}
}
@media screen and (max-width: 1050px) {
.main-header .main-nav-container ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%
}
}
@media (max-width: 1050px) {
.main-header .main-nav-container ul .fa-search {
display: none
}
}
.main-header .main-nav-container ul li {
margin-right: 0.4em;
text-transform: uppercase;
font-weight: bold
}
@media (max-width: 1050px) {
.main-header .main-nav-container ul li {
text-align: center;
font-size: 0.9rem
}
}
@media screen and (max-width: 1280px) {
.main-header .main-nav-container ul li {
margin-right: 0
}
}
@media (min-width: 815px) and (max-width: 1050px) {
.main-header .main-nav-container ul li {
font-size: 1rem
}
}
.main-header .main-nav-container ul li a {
font-size: 0.9em;
color: #0a0a0a;
padding-top: 1em;
padding-bottom: 1em;
display: inline-block;
-webkit-transition: .5s;
transition: .5s;
padding-left: 0.5em;
padding-right: 0.5em
}
.main-header .main-nav-container ul li a:hover {
color: #0a0a0a;
-webkit-transition: .5s;
transition: .5s;
background-color: #b9dacd
}
@media (min-width: 815px) and (max-width: 1050px) {
.main-header .main-nav-container #main-nav {
margin-top: 20px
}
}
.main-header .main-nav-container .nav-aside {
margin-left: auto;
margin-right: 0
}
.main-header .main-nav-container .register {
background-color: #e6000b;
color: #fff;
-webkit-transition: .5s;
transition: .5s
}
@media (max-width: 1050px) {
.main-header .main-nav-container .register {
background: transparent
}
}
.main-header .main-nav-container .register a {
padding-left: 0.5em;
padding-right: 0.5em;
color: #fff
}
.main-header .main-nav-container .register a:hover {
background-color: #0a0a0a;
color: #fff;
-webkit-box-shadow: 0 8px 16px 0 #8a8a8a;
box-shadow: 0 8px 16px 0 #8a8a8a;
-webkit-transition: .5s;
transition: .5s;
color: #fff
}
@media (max-width: 1050px) {
.main-header .main-nav-container .register a {
color: #e6000b;
text-align: center
}
}
.main-header .main-nav-container #login {
margin-right: 0
}
#contact-us-header {
border-bottom: solid 5px #dadada;
margin-bottom: 2%
}
#contact-us-header h1 {
padding: 1% 0 1% 5%;
margin: 5% 0;
border-left: solid 5px #9b0000
}
#contact-us-email-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 5%
}
#contact-us-email-container p {
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
font-size: 1.2rem
}
#contact-us-email-container a {
font-family: Merriweather;
font-size: 1rem
}
#contact-us-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 5% 0
}
#contact-us-form label {
width: 45%
}
#contact-us-form #purchasing-role-label {
width: 100%
}
#contact-us-form #comment-label {
width: 100%;
margin-bottom: 2%
}
#contact-us-form #comment-label textarea {
font-size: 1rem
}
#contact-us-form .contact-us-checkbox-label {
width: 100%
}
#contact-us-form .contact-us-checkbox-label:last-of-type {
margin-bottom: 2%
}
#contact-us-form input[type="submit"] {
width: 100%;
margin-top: 3%;
padding: 1% 0;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: white;
background: #9b0000;
font-size: 1.4rem;
letter-spacing: 1px
}
#side-widget-container {
margin-top: 3%
}
#side-widget-container p {
font-family: unit
}
#side-widget-container p span {
color: #9b0000
}
.recaptcha {
margin-top: 2%
}
#privacy-header {
border-bottom: solid 5px #dadada;
margin-bottom: 2%
}
#privacy-header h1 {
padding: 1% 0 1% 5%;
margin: 5% 0;
border-left: solid 5px #9b0000
}
.grid-container.main {
padding-bottom: 4em
}
.search-results {
border-top: 5px solid #9b0000
}
.search-results header {
border-bottom: 2px solid #cacaca
}
.search-results header p {
font-family: "Helvetica Neaue", Helvetica, Arial, sans-serif;
color: #8a8a8a
}
.search-results .search-tile-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: auto 0
}
@media (max-width: 700px) {
.search-results .search-tile-container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
}
.search-results .search-tile-container .search-tile {
width: 100%;
margin: 1% 0;
border-bottom: 2px solid #cacaca;
padding-bottom: 1.6em
}
@media (max-width: 700px) {
.search-results .search-tile-container .search-tile {
width: 100%;
height: 120px;
overflow: hidden;
-webkit-transition: 1s;
transition: 1s
}
}
@media (min-width: 700px) and (max-width: 1050px) {
.search-results .search-tile-container .search-tile {
width: 48%
}
}
.search-results .search-tile-container .search-tile h3 {
margin: 4% 0 4% 5%;
font-size: 1.2rem
}
.search-results .search-tile-container .search-tile img {
width: 70%;
height: 70px;
display: block;
margin: 0 auto
}
.search-results .search-tile-container .search-tile p {
font-family: merriweather;
font-size: 1rem;
display: inline-block
}
.search-results .search-tile-container .search-tile p.date {
color: #9b0000;
margin: 0 0 0 2%
}
@media (max-width: 700px) {
.search-results .search-tile-container .search-tile p {
width: 90%
}
}
.search-results .search-tile-container .search-tile .tag-container {
width: auto;
display: inline-block;
margin: 0
}
.search-results .search-tile-container .search-tile .tag-container p {
display: inline-block;
font-size: 10px;
padding: 3px;
background: #e6e6e6;
color: #8a8a8a;
margin: 3px;
font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
width: initial
}
body {
font: 62.5%/1.5 Merriweather, Georgia, "Times New Roman", serif
}
p,
ul,
ol,
dl,
input,
button,
textarea {
font-size: 1.8em
}
a {
color: black
}
ul {
list-style: none;
padding: 0;
margin: 0
}
.cta a,
.cta-toggle {
background: #e6000b;
color: white;
display: inline-block;
font-size: 1.8em;
padding: 0.8em 3em 0.8em 0.8em;
line-height: 1;
cursor: pointer;
-webkit-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
border-radius: 0.2em;
position: relative
}
.cta a:hover,
.cta-toggle:hover {
background: #333
}
.article-tags a {
background: #e6000b
}
/*uk styles 9999999999999999999 */
/* ind styles ends*/
/*dffff*/
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 10rem;
padding: 0.5rem 0;
margin: 0.125rem 0 0;
font-size: 1rem;
color: #212529;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0.25rem;
}
.politics .popular_ul,
.article-category .popular_ul {
display: none;
}
.search-form button {
max-height: 2em;
}
.grid-container.energy-search form {
width: 100%;
}
nav .fa-search {
font-size: 20px;
padding: 18px;
color: #000;
}
#searchsubmitmobicon-d {
margin-right: 10px;
}
li#myaccount {
font-size: 0.9em !important;
padding: 1em 0.8em !important;
}
.a-z-category-filter-container .filter-sector-container {
padding: 2em 0;
}
.a-z-category-filter-container .company-search-container {
padding: 2em 0;
}
.grid-container .article-list h2,
.grid-container .article-list h2 a {
font-size: 2em;
}
.related-article {
background: #e6e6e6;
padding: 1em 2em;
margin-top: -0.1em !important;
}
.article-date {
color: #9b0000;
}
.category-grid h2 {
font-size: 2rem;
line-height: 1.3em;
font-weight: bold;
}
.category-grid .large-8 article {
margin-bottom: 3em;
}
.left-section {
box-shadow: 1px 1px 10px #dadada;
padding: 5%;
}
.left-section .side-bar-top {
height: 10px;
background: #aa0000;
}
.left-section h5 {
padding: 0.9em 0 1.1em 0;
margin-bottom: 0;
text-transform: uppercase;
font-weight: bold;
}
.left-section h3,
.left-section h6 {
font-size: 1.7em;
font-weight: bold;
}
.left-section article {
margin-bottom: 1em;
border-bottom: 1px solid #e6e6e6;
padding-bottom: 1em;
}
.sc.most-read {
padding: 1.5em 0;
}
p.tags span {
margin-right: 0.5em;
}
.left-section #energy-newsletter p {
color: #000;
padding: 0.5em 1em 0.2em 0.8em;
line-height: 1.3em;
}
.ns-viewmore {
float: right;
}
.row.report-main .left-section #energy-newsletter h2,
.widgets #energy-newsletter h2 {
text-align: center;
font-size: 2.2em;
text-transform: uppercase;
}
.button a,
button.button {
background: #010326;
font-size: 1.6em;
color: #ffd200;
padding: 0.6em 1em 0.6em 1em;
transition: all 0.4s ease-in-out;
display: inline-block;
text-transform: uppercase;
cursor: pointer;
margin-left: 2em;
}
.row.report-main .left-section #energy-newsletter form .input-group-field,
.widgets #energy-newsletter form .input-group-field {
width: 70%;
float: left;
}
.row.report-main .left-section #energy-newsletter .sign-up,
.widgets #energy-newsletter .sign-up {
width: 24% !important;
padding: 0.6em;
margin-left: 1em;
font-size: 1.5em;
background: rgb(170, 0, 0);
color: white;
font-family: Unit;
text-transform: uppercase;
}
.row.report-main .left-section #energy-newsletter,
.widgets #energy-newsletter {
background-color: #e6e6e6;
border-top: 1em solid #9b0000;
padding: 1em;
margin: 0;
overflow: hidden;
}
.share-content-signup-form {
background-color: #e6e6e6;
overflow: hidden;
}
.share-content-signup-form input {
float: none;
}
#article .share-content-signup-form input[type="submit"] {
background-color: #9b0000;
color: #fff;
text-transform: uppercase;
border: none;
font-weight: bold;
cursor: pointer;
padding: 0.6em;
border: 0;
}
.cell.large-4.tile img {
max-width: 130px;
max-height: 100px;
}
.title-section h1 {
font-size: 2rem;
font-weight: bold;
}
.event-location p,
.event-company p,
.event-email p,
.event-website p {
line-height: 1.2em;
}
.article-author span.by {
color: #9b0000;
}
#thb_singlead_widget-4 {
width: 100%;
float: left;
padding: 1.6em 0;
border-bottom: 1px solid #e6e6e6;
border-top: 1px solid #e6e6e6;
margin: 2em 0;
}
.grid-x.a-z-category-filter-container form {
clear: both;
width: 100%;
display: flex;
}
footer #bottom ul {
font-weight: bold;
width: 100%;
text-align: center;
}
#site-logo {
text-align: center;
}
.energy-search h3 {
font-weight: bold;
}
.events-filter-container .select-year-container a.button {
width: 40%;
height: 2.4375rem;
background: #b9dacd;
margin: auto 2.5%;
font: 1.6em Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
line-height: 2.3em;
}
@media (max-width: 700px) {
.events-filter-container .select-year-container a.button {
width: 100%;
margin: 2% 4%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.events-filter-container .select-year-container a.button span {
margin-right: 2%;
}
}
@media (min-width: 701px) and (max-width: 800px) {
.events-filter-container .select-year-container a.button {
width: 35%;
}
}
.inner-addon {
position: relative;
margin: 0 0 0 auto;
}
.main-nav ul.dropdown-menu {
display: none;
}
.widgets {
margin: 1.5em 0;
}
.columns.small-12.medium-6.large-3.row-break {
border-bottom: 2px solid #dadada;
margin-bottom: 2em;
}
.columns.small-12.medium-6.large-3.row-break:nth-child(5),
.columns.small-12.medium-6.large-3.row-break:nth-child(6),
.columns.small-12.medium-6.large-3.row-break:nth-child(7),
.columns.small-12.medium-6.large-3.row-break:nth-child(8) {
border: 0;
}
.single-projects li.item .caption {
/* display: none; */
}
.single-projects .owl-dot span:after {
content: "\f111";
color: #e6e6e6;
font: normal normal normal 14px/1 FontAwesome;
}
.single-projects .owl-dot.active span:after {
color: #9b0000;
}
.owl-dots {
text-align: center;
}
.owl-dot {
display: inline;
margin-right: 1em;
}
.owl-nav {
display: block !important;
visibility: visible !important;
}
.gallery {
position: relative;
z-index: 0;
}
.gallery .owl-nav {
top: 42%;
width: 100%;
}
.gallery .owl-nav {
position: absolute;
right: 0;
display: inline-block;
}
.gallery .owl-next {
float: right;
right: -1.5em;
position: relative;
}
.gallery .owl-prev {
left: -1.5em;
float: left;
position: relative;
}
.gallery .owl-prev,
.gallery .owl-next {
z-index: 1;
background: rgba(255, 255, 255, 0.8);
border-radius: 100px;
box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.19);
-moz-box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.19);
-webkit-box-shadow: 0 0 3em 0 rgba(0, 0, 0, 0.19);
width: 3em;
height: 3em;
line-height: 3em;
text-align: center;
}
.gallery .owl-prev {
display: inline-block;
}
#article section .article-body .owl-stage .item img {
margin-bottom: 1em;
}
h5.project-gallery-title,
.side-bar-to h5 {
margin: 1.5em 0 0.3em 0;
font-weight: bold;
}
.count {
font-size: 1.6em;
width: 2em;
position: relative;
background: #9b0000;
color: #fff;
text-align: center;
padding: 0.3em 1em 0.3em 0.8em;
display: inline-block;
left: -15px;
}
.count:before {
left: -2em;
border-right-width: 1.5em;
border-left-color: transparent;
}
.count .count-content:before {
content: "";
position: absolute;
display: block;
border-style: solid;
border-color: #9b0000 transparent transparent transparent;
bottom: -1em;
left: 0;
border-width: 1em 0 0 1em;
}
.news-thumb {
margin-top: -3.4em;
}
#latest-news .article-author span {
/*color:#e6000b*/
color: #9b0000;
}
.left-section p.article-author:first-of-type {
color: #000;
}
.article-body h1 {
font-size: 2rem;
}
.article-body h2 {
font-size: 1.8rem;
}
.article-body h3 {
font-size: 1.6rem;
}
.article-body h4 {
font-size: 1.4rem;
}
.article-body h5 {
font-size: 1.2rem;
}
.header-banner .header-banner-title .header-banner-title-text h1 {
margin: -7px 0 0 0;
white-space: normal !important;
}
.header-banner .page-nav-sm-container .page-navigation {
width: 80%;
}
.header-banner .page-nav-sm-container .social-media {
width: 20%;
}
.header-banner .page-nav-sm-container .page-navigation .page-navigation-links li {
margin-right: 2%;
}
/*************** White Paper Styles ***********/
.grid-x.report-main #energy-newsletter.whitepaper label,
.grid-x.report-main #energy-newsletter.whitepaper span,
.grid-x.report-main #energy-newsletter.whitepaper .extra_checkbox {
color: #fff;
}
.bottom-banner .content-row-container header {
width: 97%;
}
input.wpcf7-form-control.wpcf7-submit {
color: #fff;
text-transform: uppercase;
border: none;
font-weight: bold;
cursor: pointer;
background-color: #000;
margin: 0px;
padding: 0.4em 1.8em;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
float: right;
outline: 0;
}
/* color: #fff;
text-transform: uppercase;
border: none;
font-weight: bold;
cursor: pointer;
background-color: #000;
margin: 0px;
padding: .4em 1.8em;
font-family: Unit,"Helvetica Neaue",Helvetica,Arial,sans-serif;
} */
/********** Serach page styles *********/
.tag-container p a {
color: #8a8a8a;
}
/****************Pagination ***********/
.screen-reader-text {
display: none;
}
.pagination,
.nav-links,
.pgfilter {
width: 100%;
}
.pagination .page-numbers {
margin: 0 0.5em;
border: none;
width: auto;
height: auto;
line-height: 1;
background: #9b0000;
color: white;
font-weight: bold;
padding: 11px 14px;
font-size: 1.4em;
float: left;
}
.pagination .page-numbers.current {
background: none;
color: #000226;
}
.pagination .page-numbers:last-child span,
.pagination .page-numbers:first-child span {
display: none;
}
.pagination .page-numbers:last-child {
position: relative;
text-indent: -5000px;
overflow: hidden;
transition: all 0.4s ease-in-out;
padding: 18px 14px;
line-height: 1;
}
.pagination .page-numbers:last-child:after {
content: "\f101";
font: 1em/3em fontawesome;
text-align: center;
text-indent: 0;
color: white;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
line-height: 3em;
}
.pagination .page-numbers:first-child {
position: relative;
text-indent: 0;
overflow: hidden;
transition: all 0.4s ease-in-out;
padding: 11px 14px;
}
.pagination .page-numbers:first-child:after {
content: "\f100";
font: 1em/3em fontawesome;
text-align: center;
text-indent: 0;
color: white;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
line-height: 3em;
}
.pagination .page-numbers.current:last-child:after,
.pagination .page-numbers.current:first-child:after {
content: "";
}
.pagination .page-numbers:first-child {
color: #676767;
}
.pagination .page-numbers:last-child {
color: #000;
}
.pgfilter {
margin: 3em 0;
float: left;
}
.pgfilter .navigation {
text-align: center;
}
.pgfilter .page-numbers {
margin: 0 0.5em;
border: none;
width: auto;
height: auto;
line-height: 1;
background: #000226;
color: white;
font-weight: bold;
padding: 15px 22px;
font-size: 1.8em;
}
.pgfilter .page-numbers.current {
background: none;
color: #000226;
}
.pgfilter .page-numbers:last-child span,
.pgfilter .page-numbers:first-child span {
display: none;
}
.pgfilter .page-numbers:last-child {
position: relative;
text-indent: -5000px;
overflow: hidden;
transition: all 0.4s ease-in-out;
padding: 15px 27px;
}
.pgfilter .page-numbers:first-child {
position: relative;
text-indent: -5000px;
overflow: hidden;
transition: all 0.4s ease-in-out;
padding: 15px 27px;
}
.pgfilter_whitepapers {
float: none;
}
/************ End pagination *********/
/********Store front category page ******/
.tab-display,
.tab-content {
display: none;
}
.current {
display: block !important;
}
.no-content2 {
color: #d8d8d8;
pointer-events: none;
opacity: 0.4;
}
#newsletter-subscription-main-container .header-text-container {
margin: 5% 0;
border-bottom: 5px solid #e6e6e6;
padding-bottom: 5%;
width: 100%;
}
#newsletter-subscription-main-container .header-text-container h1 {
padding: 3% 0 3% 5%;
text-transform: uppercase;
border-left: 5px solid #9b0000;
}
#newsletter-subscription-main-container label[for="email"] {
margin-bottom: 5%;
font-size: 16px;
}
#newsletter-subscription-main-container label[for="send-info-consent"],
#newsletter-subscription-main-container label[for="data-consent"] {
display: flex;
}
#newsletter-subscription-main-container label[for="send-info-consent"] p,
#newsletter-subscription-main-container label[for="data-consent"] p {
font-size: 14px;
}
#newsletter-subscription-main-container input[type="checkbox"] {
margin-top: 4px;
}
#newsletter-subscription-main-container label[for="send-info-consent"] {
margin-bottom: 1%;
}
#newsletter-subscription-main-container input[type="submit"] {
width: 100%;
font-family: Unit;
text-transform: uppercase;
background: #9b0000;
height: 40px;
color: white;
font-size: 18px;
margin: 5% 0;
}
@media (max-width: 500px) {
#newsletter-subscription-main-container .header-text-container h1 {
border: none;
padding: 0;
font-size: 35px;
text-align: center;
}
}
@media (min-width: 501px) and (max-width: 1100px) {
#newsletter-subscription-main-container .header-text-container h1 {
border: none;
padding: 0;
text-align: center;
font-size: 40px;
}
}
.vertical.medium-horizontal.menu.nav-aside .dropdown-menu {
position: absolute;
display: block;
background-color: #e6e6e6 !important;
min-width: 12em;
border: 1px solid rgba(0, 0, 0, 0.15);
border-radius: 0 !important;
top: 3.090em !important;
}
.vertical.medium-horizontal.menu.nav-aside ul.dropdown-menu li {
width: 100%;
display: block;
float: left;
}
.vertical.medium-horizontal.menu.nav-aside ul.dropdown-menu li a {
width: 100%;
padding-top: 0.6em !important;
padding-bottom: 0.6em !important;
}
.view-bottom {
position: relative;
margin-bottom: 3em !important;
}
.view-bottom .button-bottom {
position: absolute;
bottom: -2rem;
position: absolute;
width: 100%;
}
/* =============================++++++++++++++++++++++++++++++++
Advertise With NS Energy Css Stats
++++++++++++++++++++++++++++++++================================*/
.advertise-with-ns {
background-color: #dadada;
position: relative;
padding: 8em 1em;
}
.advertise-with-ns::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 5000px;
margin-left: -5000px;
right: 100%;
background: #dadada;
}
.advertise-with-ns h1 {
font-size: 4.9em;
}
.advertise-with-ns h3 {
width: 75%;
margin: 2em 0;
color: #9b0000;
}
.advertise-brand-sections {
background-color: #9b0000;
}
.overview-lead-section {
padding: 8em 5em;
color: #ffffff;
}
.overview-fgr-icon {
color: #da0000;
font-size: 4em;
margin-bottom: -0.3em;
}
.overview-lead-section h2 {
font-size: 5em;
margin-bottom: 0;
}
.overview-lead-section h3 {
font-size: 2.5em;
}
.add-your-company-section {
padding: 5em;
}
.pad-sec {
padding: 5em 0;
}
.l-clm {
padding-right: 15em;
padding-left: 1em;
}
.l-clm h2 {
margin-bottom: 1em;
}
.add-form-group {
margin-top: 5em;
}
.add-your-email {
margin-right: 1em;
}
.submit-ad {
text-transform: uppercase;
color: #ffffff;
background-color: #9b0000;
padding: 0.3em 1em;
font-weight: bold;
transition: .5s;
border: 0;
}
.submit-ad:hover {
background-color: #000000;
color: #ffffff;
transition: .5s;
}
.advert-sec-gray {
background-color: #e5e5e5;
padding: 5em 0 0 0;
}
.advert-sec-gray h2 {
margin-bottom: 1em;
}
.btn-add-advert-company {
background: #9b0000;
text-align: center;
text-transform: uppercase;
padding: 0.3em;
display: block;
margin-top: 3em;
color: #ffffff;
font-weight: bold;
text-decoration: none;
transition: .5s;
}
.btn-add-advert-company:hover {
background: #000000;
color: #ffffff;
transition: .5s;
}
/* Footer background needs to be change please replace this css */
footer #bottom {
background-color: #ebebeb;
padding: 2em 0;
}
/* =============================++++++++++++++++++++++++++++++++
Advertise With NS Energy CssEnds
++++++++++++++++++++++++++++++++================================*/
/* =============================++++++++++++++++++++++++++++++++
Add Company Css Stats
++++++++++++++++++++++++++++++++================================*/
.add-your-company {
background-color: #dadada;
position: relative;
padding: 8em 1em;
}
.add-your-company::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
width: 5000px;
margin-left: -5000px;
right: 100%;
background: #dadada;
}
.add-your-company h4 span {
color: #9b0000;
}
.add-your-company h1 {
font-size: 4.9em;
}
.add-your-company h4 {
width: 58%;
}
.leads-generated {
background-color: #9b0000;
}
.lead-section {
padding: 8em 5em;
color: #ffffff;
}
.lead-30 {
font-size: 8em;
margin-bottom: 0;
}
.add-your-company-section {
padding: 5em;
}
#add-company-form {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 5% 0;
}
#add-company-form label {
width: 45%;
}
#add-company-form #purchasing-role-label {
width: 100%;
}
#add-company-form #comment-label {
width: 100%;
margin-bottom: 2%;
}
#add-company-form {
width: 100%;
}
#add-company-form {
margin-bottom: 2%;
}
#add-company-form input[type="submit"],
#add-company-form input.wpcf7-form-control.wpcf7-submit {
width: 100%;
margin-top: 3%;
padding: 1% 0;
font-family: Unit, "Helvetica Neaue", Helvetica, Arial, sans-serif;
text-transform: uppercase;
color: white;
background: #9b0000;
font-size: 1.4rem;
letter-spacing: 1px;
}
.video-thumbnail {
overflow: hidden;
}
h3.titel-videos {
font-size: 2em !important;
line-height: 1.2;
}
.video-grid .col-md-6 article {
margin-bottom: 3em;
}
.company-name {
font-size: 1.5em;
font-weight: bold;
}
.rcthc {
width: 45%;
}
@media (max-width: 700px) {
#add-company-form div input[type="checkbox"] {
margin-right: 10px;
}
#add-company-form label {
width: 100%;
}
#add-company-form div {
width: 100%;
}
.rcthc {
width: 100%;
}
}
/* =============================++++++++++++++++++++++++++++++++
Add Company Css Ends
++++++++++++++++++++++++++++++++================================*/
.news-item-container .tag-container p {
display: inline-block;
font-size: 12px;
padding: 3px;
background: #e6e6e6;
color: #8a8a8a;
margin: 3px;
font-family: "Unit Regular";
width: initial;
}
.height-fix {
display: flex;
}
#home section #sub-article article .txt-part,
#home .grey-grad article .txt-part {
max-height: 25em;
overflow: hidden;
}
#home section #sub-article .category-sub-article article .txt-part {
min-height: 8em;
}
img.img-height-fix {
min-height: 22.8em;
max-height: 22.8em;
width: 100%;
}
.grid-container.energy-search form {
width: 30%;
float: left;
margin-left: 4em;
}
h3.e-title {
float: left;
}
.pagination .prev.page-numbers:first-child {
padding: 18px 14px !important;
}
.pagination .page-numbers.current:last-child {
padding: 18px 14px !important;
}
/*.pagination .page-numbers:last-child { padding: 18px 14px !important;}
*/
.pagination .page-numbers.inactive:last-child {
color: white !important;
text-indent: 0 !important;
padding: 11px 14px !important;
}
.pagination a.page-numbers:last-child {
padding: 0 14px !important;
height: 36px;
width: 36px;
line-height: 1;
}
.cat_pg.pagination span.page-numbers.current:last-child {
padding: 11px 14px !important;
color: #fff !important;
text-indent: 0;
}
.cat_pg.pagination .page-numbers.current:last-child {
padding: 18px 14px !important;
}
.pagination .page-numbers.inactive:last-child:after {
content: "" !important;
}
.category #mian-article {
overflow: hidden !important;
}
span.cap {
text-transform: capitalize;
}
a.btn-add-advert-company:focus {
color: #fff;
}
.grid-x.report-main .large-12.report-hero-big .glow .grid-x>div:nth-child(2) article div>div:last-child p.tags span {
font-size: inherit !important;
}
.youtube-video iframe {
width: 100%;
height: 90px;
}
.video-thumbnail .thevideo iframe {
width: 100%;
min-width: 360px;
}
.date-new {
color: #9b0000;
font-size: 1.2em;
}
#report_hero {
margin: 2.5em 0 2em 0 !important;
}
/*********** White paper styles *********/
h6.related_whitepaper_title {
border-bottom: solid 0.07em #cacaca;
padding: .5em 0;
margin: 0 0 0.8em 0.8em;
color: #000;
text-transform: capitalize;
}
ul.whitepapers_related_list {
padding: .5em 0;
margin: 0 0 1em 2.5em;
list-style-type: circle;
}
ul.whitepapers_related_list li {
border: none;
margin-bottom: 0.3em;
}
ul.whitepapers_related_list li a {
color: #9d0000;
text-decoration: underline;
font-size: .8em;
}
aside.latest-news.left-section {
padding: 1%;
}
img.sflogo {
height: auto !important;
width: auto !important;
margin-left: 0 !important;
max-width: initial !important;
}
article.featured img.sflogo {
height: auto;
}
.companies-section-container #s {
display: block;
}
span.wpcf7-list-item,
.report-main select {
margin: 0 0 0rem !important;
}
div#contact-company input.wpcf7-form-control.wpcf7-submit {
float: left;
margin-top: 2em;
}
.cls-table {
width: 100%;
}
.img_caption {
color: #737272;
/*margin-bottom: 10px !important;*/
}
.article-body p a {
color: #9b0000;
text-decoration: underline;
}
@media (max-width: 1023px) {
#article .project-title .project-tag {
margin: 0 0 0.5em 1em;
}
#article .project-title .title-section {
padding-left: 0rem;
}
}
@media (max-width: 400px) {
html #wpadminbar {
overflow: hidden;
}
}
.company-a-z-container .companies-section-container .company-details .tag-container span {
padding: 0;
}
.suppliers-container .supplier-tile-container .supplier-tile>a {
display: block;
min-height: 105px;
max-height: 105px;
}
.company-search-container input,
.filter-sector-container select {
border: 1px solid #000;
}
.margin-bottom {
margin-bottom: 2em !important;
}
/**/
h5.h6 {
display: block;
margin-left: 1.3em;
}
.Spackaging #home .category-grid article.featured #mian-article,
.Spackaging #home article.featured #mian-article,
.featured div#mian-article {
height: 285px;
}
.video-container img.sflogo {
max-width: 100% !important;
}
.video-container img.sflogo {
padding-right: 0;
margin: 0;
box-shadow: 2px 1px 1px rgba(0, 0, 0, 0.15), 0 6px 6px rgba(0, 0, 0, 0.06);
max-height: 10em;
overflow: hidden;
width: 100%;
padding: 1em;
}
p.caption.img_caption {
font-style: italic;
}
figcaption.wp-caption-text {
font-style: italic;
font-family: Merriweather;
color: #737272;
font-size: 16px;
margin-bottom: 2%;
clear: both;
}
.category-sub-article>div.cell.medium-4 {
margin-bottom: 16px;
}
.video-container article {
border-bottom: solid 1px #e8e8e8;
padding: 0.5em 0;
}
.video-container article {
border-bottom: solid 1px #e8e8e8;
padding-bottom: 1em;
}
#recommended-companies.recommended-home article>div div:last-of-type {
flex: 2;
}
#recommended-companies.recommended-home article>div div:first-of-type img {
max-height: 50px;
width: 100%;
}
.article-body ul {
list-style: disc;
margin-left: 1.3em;
}
.article-body h2 {
font-size: 30px !important;
}
.img-down {
margin-top: 26px;
}
.description {
font-weight: 600;
font-size: 1.8em
}
.main-feature {
padding: 10px;
background: #333;
color: white;
}
.main-feature a {
color: white;
}
.main-feature .microblog-label,
.timeline .microblog-label {
position: relative;
left: 1.5em;
}
.main-feature .microblog-label:before,
.single .timeline .microblog-label:before {
left: -1.6em;
width: 0.8em;
height: 0.8em;
top: 50%;
margin-top: -0.4em;
}
@media (max-width: 768px) {
.main-feature>.row {
flex-flow: column;
}
.main-feature>.row>.article-text,
.main-feature>.row .feature-image-column {
max-width: 100%;
}
}
@media (min-width: 768px) {
.view-bottom img.img-box-fix {
height: 200px !important;
}
}