/*
name: Niesr
version: 1.0.0
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
* 1. Set default font family to sans-serif.
* 2. Prevent iOS and IE text size adjust after device orientation change,
* without disabling user zoom.
*/
@import url("https://fonts.googleapis.com/css2?family=Bree+Serif&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap");
html {
font-family: sans-serif;
/* 1 */
-ms-text-size-adjust: 100%;
/* 2 */
-webkit-text-size-adjust: 100%;
/* 2 */
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
}
html, body {
min-height: 100%;
height: 100%;
}
*, *:before, *:after {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
*:focus {
outline: none !important;
}
/**
* Remove default margin.
*/
body {
margin: 0;
min-height: 100%;
}
/* HTML5 display definitions
========================================================================== */
/**
* Correct `block` display not defined for any HTML5 element in IE 8/9.
* Correct `block` display not defined for `details` or `summary` in IE 10/11
* and Firefox.
* Correct `block` display not defined for `main` in IE 11.
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
/**
* 1. Correct `inline-block` display not defined in IE 8/9.
* 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
*/
audio,
canvas,
progress,
video {
display: inline-block;
/* 1 */
vertical-align: baseline;
/* 2 */
}
/**
* Prevent modern browsers from displaying `audio` without controls.
* Remove excess height in iOS 5 devices.
*/
audio:not([controls]) {
display: none;
height: 0;
}
/**
* Address `[hidden]` styling not present in IE 8/9/10.
* Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
*/
[hidden],
template {
display: none;
}
/* Links
========================================================================== */
/**
* Remove the gray background color from active links in IE 10.
*/
a {
background-color: transparent;
}
/**
* Improve readability of focused elements when they are also in an
* active/hover state.
*/
a:active,
a:hover {
outline: 0;
}
/* Text-level semantics
========================================================================== */
/**
* Address styling not present in IE 8/9/10/11, Safari, and Chrome.
*/
abbr[title] {
border-bottom: 1px dotted;
}
/**
* Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
*/
b,
strong {
font-weight: bold;
}
/**
* Address styling not present in Safari and Chrome.
*/
dfn {
font-style: italic;
}
/**
* Address variable `h1` font-size and margin within `section` and `article`
* contexts in Firefox 4+, Safari, and Chrome.
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
/**
* Address styling not present in IE 8/9.
*/
mark {
background: #ff0;
color: #000;
}
/**
* Address inconsistent and variable font size in all browsers.
*/
small {
font-size: 80%;
}
/**
* Prevent `sub` and `sup` affecting `line-height` in all browsers.
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* Embedded content
========================================================================== */
/**
* Remove border when inside `a` element in IE 8/9/10.
*/
img {
border: 0;
}
/**
* Correct overflow not hidden in IE 9/10/11.
*/
svg:not(:root) {
overflow: hidden;
}
/* Grouping content
========================================================================== */
/**
* Address margin not present in IE 8/9 and Safari.
*/
figure {
margin: 1em 40px;
}
/**
* Address differences between Firefox and other browsers.
*/
hr {
-webkit-box-sizing: content-box;
box-sizing: content-box;
height: 0;
}
/**
* Contain overflow in all browsers.
*/
pre {
overflow: auto;
}
/**
* Address odd `em`-unit font size rendering in all browsers.
*/
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
/* Forms
========================================================================== */
/**
* Known limitation: by default, Chrome and Safari on OS X allow very limited
* styling of `select`, unless a `border` property is set.
*/
/**
* 1. Correct color not being inherited.
* Known issue: affects color of disabled elements.
* 2. Correct font properties not being inherited.
* 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
*/
button,
input,
optgroup,
select,
textarea {
color: inherit;
/* 1 */
font: inherit;
/* 2 */
margin: 0;
/* 3 */
}
/**
* Address `overflow` set to `hidden` in IE 8/9/10/11.
*/
button {
overflow: visible;
}
/**
* Address inconsistent `text-transform` inheritance for `button` and `select`.
* All other form control elements do not inherit `text-transform` values.
* Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
* Correct `select` style inheritance in Firefox.
*/
button,
select {
text-transform: none;
}
/**
* 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
* and `video` controls.
* 2. Correct inability to style clickable `input` types in iOS.
* 3. Improve usability and consistency of cursor style between image-type
* `input` and others.
*/
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
/* 2 */
cursor: pointer;
/* 3 */
}
/**
* Re-set default cursor for disabled elements.
*/
button[disabled],
html input[disabled] {
cursor: default;
}
/**
* Remove inner padding and border in Firefox 4+.
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/**
* Address Firefox 4+ setting `line-height` on `input` using `!important` in
* the UA stylesheet.
*/
input {
line-height: normal;
}
/**
* It's recommended that you don't attempt to style these elements.
* Firefox's implementation doesn't respect box-sizing, padding, or width.
*
* 1. Address box sizing set to `content-box` in IE 8/9/10.
* 2. Remove excess padding in IE 8/9/10.
*/
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
box-sizing: border-box;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Fix the cursor style for Chrome's increment/decrement buttons. For certain
* `font-size` values of the `input`, it causes the cursor style of the
* decrement button to change from `default` to `text`.
*/
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/**
* 1. Address `appearance` set to `searchfield` in Safari and Chrome.
* 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
*/
input[type="search"] {
-webkit-appearance: textfield;
/* 1 */
-webkit-box-sizing: content-box;
box-sizing: content-box;
/* 2 */
}
/**
* Remove inner padding and search cancel button in Safari and Chrome on OS X.
* Safari (but not Chrome) clips the cancel button when the search input has
* padding (and `textfield` appearance).
*/
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* Define consistent border, margin, and padding.
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/**
* 1. Correct `color` not being inherited in IE 8/9/10/11.
* 2. Remove padding so people aren't caught out if they zero out fieldsets.
*/
legend {
border: 0;
/* 1 */
padding: 0;
/* 2 */
}
/**
* Remove default vertical scrollbar in IE 8/9/10/11.
*/
textarea {
overflow: auto;
}
/**
* Don't inherit the `font-weight` (applied by a rule above).
* NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
*/
optgroup {
font-weight: bold;
}
/* Tables
========================================================================== */
/**
* Remove most spacing between table cells.
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
td,
th {
padding: 0;
}
/*
Reset
*/
html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, legend, label, table, header, footer, nav, section, figure {
margin: 0;
padding: 0;
}
header, footer, nav, section, article, hgroup, figure {
display: block;
}
* {
text-decoration: none !important;
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2014 Daniel Eden
*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.animated.infinite {
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s;
}
@-webkit-keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
@keyframes bounce {
0%, 20%, 53%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
40%, 43% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0);
}
70% {
-webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-o-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
-webkit-transform: translate3d(0, -15px, 0);
transform: translate3d(0, -15px, 0);
}
90% {
-webkit-transform: translate3d(0, -4px, 0);
transform: translate3d(0, -4px, 0);
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce;
-webkit-transform-origin: center bottom;
-ms-transform-origin: center bottom;
transform-origin: center bottom;
}
@-webkit-keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
@keyframes flash {
0%, 50%, 100% {
opacity: 1;
}
25%, 75% {
opacity: 0;
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes pulse {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
50% {
-webkit-transform: scale3d(1.05, 1.05, 1.05);
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
30% {
-webkit-transform: scale3d(1.25, 0.75, 1);
transform: scale3d(1.25, 0.75, 1);
}
40% {
-webkit-transform: scale3d(0.75, 1.25, 1);
transform: scale3d(0.75, 1.25, 1);
}
50% {
-webkit-transform: scale3d(1.15, 0.85, 1);
transform: scale3d(1.15, 0.85, 1);
}
65% {
-webkit-transform: scale3d(0.95, 1.05, 1);
transform: scale3d(0.95, 1.05, 1);
}
75% {
-webkit-transform: scale3d(1.05, 0.95, 1);
transform: scale3d(1.05, 0.95, 1);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand;
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
20%, 40%, 60%, 80% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake;
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
@keyframes swing {
20% {
-webkit-transform: rotate3d(0, 0, 1, 15deg);
transform: rotate3d(0, 0, 1, 15deg);
}
40% {
-webkit-transform: rotate3d(0, 0, 1, -10deg);
transform: rotate3d(0, 0, 1, -10deg);
}
60% {
-webkit-transform: rotate3d(0, 0, 1, 5deg);
transform: rotate3d(0, 0, 1, 5deg);
}
80% {
-webkit-transform: rotate3d(0, 0, 1, -5deg);
transform: rotate3d(0, 0, 1, -5deg);
}
100% {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg);
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing;
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
10%, 20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
30%, 50%, 70%, 90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
40%, 60%, 80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes wobble {
0% {
-webkit-transform: none;
transform: none;
}
15% {
-webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
30% {
-webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
45% {
-webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
60% {
-webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
75% {
-webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble;
}
@-webkit-keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
-webkit-transform: scale3d(1.03, 1.03, 1.03);
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
-webkit-transform: scale3d(0.97, 0.97, 0.97);
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, -3000px, 0);
transform: translate3d(0, -3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, 25px, 0);
transform: translate3d(0, 25px, 0);
}
75% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
90% {
-webkit-transform: translate3d(0, 5px, 0);
transform: translate3d(0, 5px, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;
}
@-webkit-keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(-3000px, 0, 0);
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(25px, 0, 0);
transform: translate3d(25px, 0, 0);
}
75% {
-webkit-transform: translate3d(-10px, 0, 0);
transform: translate3d(-10px, 0, 0);
}
90% {
-webkit-transform: translate3d(5px, 0, 0);
transform: translate3d(5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft;
}
@-webkit-keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(3000px, 0, 0);
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(-25px, 0, 0);
transform: translate3d(-25px, 0, 0);
}
75% {
-webkit-transform: translate3d(10px, 0, 0);
transform: translate3d(10px, 0, 0);
}
90% {
-webkit-transform: translate3d(-5px, 0, 0);
transform: translate3d(-5px, 0, 0);
}
100% {
-webkit-transform: none;
transform: none;
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight;
}
@-webkit-keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
@keyframes bounceInUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
-webkit-transform: translate3d(0, 3000px, 0);
transform: translate3d(0, 3000px, 0);
}
60% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
75% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
90% {
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
100% {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp;
}
@-webkit-keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(0.9, 0.9, 0.9);
transform: scale3d(0.9, 0.9, 0.9);
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes bounceOutDown {
20% {
-webkit-transform: translate3d(0, 10px, 0);
transform: translate3d(0, 10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, -20px, 0);
transform: translate3d(0, -20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown;
}
@-webkit-keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes bounceOutLeft {
20% {
opacity: 1;
-webkit-transform: translate3d(20px, 0, 0);
transform: translate3d(20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft;
}
@-webkit-keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes bounceOutRight {
20% {
opacity: 1;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight;
}
@-webkit-keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes bounceOutUp {
20% {
-webkit-transform: translate3d(0, -10px, 0);
transform: translate3d(0, -10px, 0);
}
40%, 45% {
opacity: 1;
-webkit-transform: translate3d(0, 20px, 0);
transform: translate3d(0, 20px, 0);
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown;
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig;
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft;
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig;
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight;
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig;
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp;
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig;
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
40% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
50% {
-webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
80% {
-webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
}
.animated.flip {
-webkit-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip;
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX;
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-transition-timing-function: ease-in;
-o-transition-timing-function: ease-in;
transition-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}
.flipInY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY;
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0;
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-animation-duration: .75s;
animation-duration: .75s;
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
30% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
opacity: 1;
}
100% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0;
}
}
.flipOutY {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY;
-webkit-animation-duration: .75s;
animation-duration: .75s;
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
transform: translate3d(100%, 0, 0) skewX(-30deg);
opacity: 0;
}
60% {
-webkit-transform: skewX(20deg);
transform: skewX(20deg);
opacity: 1;
}
80% {
-webkit-transform: skewX(-5deg);
transform: skewX(-5deg);
opacity: 1;
}
100% {
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
}
@-webkit-keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
@keyframes lightSpeedOut {
0% {
opacity: 1;
}
100% {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0;
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn;
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft;
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight;
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft;
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1;
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight;
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1;
}
100% {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0;
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut;
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0;
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft;
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight;
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0;
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft;
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1;
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 90deg);
transform: rotate3d(0, 0, 1, 90deg);
opacity: 0;
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight;
}
@-webkit-keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
@keyframes hinge {
0% {
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
20%, 60% {
-webkit-transform: rotate3d(0, 0, 1, 80deg);
transform: rotate3d(0, 0, 1, 80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
}
40%, 80% {
-webkit-transform: rotate3d(0, 0, 1, 60deg);
transform: rotate3d(0, 0, 1, 60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
opacity: 1;
}
100% {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0;
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
@keyframes rollOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut;
}
@-webkit-keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
@keyframes zoomIn {
0% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
50% {
opacity: 1;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInDown {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown;
}
@-webkit-keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInLeft {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft;
}
@-webkit-keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInRight {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight;
}
@-webkit-keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomInUp {
0% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
60% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp;
}
@-webkit-keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 0;
}
}
@keyframes zoomOut {
0% {
opacity: 1;
}
50% {
opacity: 0;
-webkit-transform: scale3d(0.3, 0.3, 0.3);
transform: scale3d(0.3, 0.3, 0.3);
}
100% {
opacity: 0;
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut;
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown;
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
transform: scale(0.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center;
}
}
.zoomOutLeft {
-webkit-animation-name: zoomOutLeft;
animation-name: zoomOutLeft;
}
@-webkit-keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
100% {
opacity: 0;
-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
transform: scale(0.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center;
}
}
.zoomOutRight {
-webkit-animation-name: zoomOutRight;
animation-name: zoomOutRight;
}
@-webkit-keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
100% {
opacity: 0;
-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp;
}
@-webkit-keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInDown {
0% {
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown;
}
@-webkit-keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInLeft {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft;
}
@-webkit-keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slideInRight {
0% {
-webkit-transform: translateX(100%);
transform: translateX(100%);
visibility: visible;
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight;
}
@-webkit-keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes slideInUp {
0% {
-webkit-transform: translateY(100%);
transform: translateY(100%);
visibility: visible;
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp;
}
@-webkit-keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
@keyframes slideOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(100%);
transform: translateY(100%);
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown;
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft;
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
100% {
visibility: hidden;
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight;
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
100% {
visibility: hidden;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp;
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80);
}
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden;
}
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle;
}
.mfp-align-top .mfp-container:before {
display: none;
}
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045;
}
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto;
}
.mfp-ajax-cur {
cursor: progress;
}
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -webkit-zoom-out;
cursor: zoom-out;
}
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: zoom-in;
}
.mfp-auto-cursor .mfp-content {
cursor: auto;
}
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mfp-loading.mfp-figure {
display: none;
}
.mfp-hide {
display: none !important;
}
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044;
}
.mfp-preloader a {
color: #CCC;
}
.mfp-preloader a:hover {
color: #FFF;
}
.mfp-s-ready .mfp-preloader {
display: none;
}
.mfp-s-error .mfp-content {
display: none;
}
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none;
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace;
}
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-close:active {
top: 1px;
}
.mfp-close-btn-in .mfp-close {
color: #333;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%;
}
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
}
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.mfp-arrow:active {
margin-top: -54px;
}
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100);
}
.mfp-arrow:before, .mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent;
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px;
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7;
}
.mfp-arrow-left {
left: 0;
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
border-right: 17px solid #FFF;
margin-left: 31px;
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3F3F3F;
}
.mfp-arrow-right {
right: 0;
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
border-left: 17px solid #FFF;
margin-left: 39px;
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
border-left: 27px solid #3F3F3F;
}
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px;
}
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px;
}
.mfp-iframe-holder .mfp-close {
top: -40px;
}
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%;
}
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000;
}
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto;
}
/* The shadow behind the image */
.mfp-figure {
line-height: 0;
}
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444;
}
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px;
}
.mfp-figure figure {
margin: 0;
}
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto;
}
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}
.mfp-image-holder .mfp-content {
max-width: 100%;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer;
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0;
}
.mfp-img-mobile img.mfp-img {
padding: 0;
}
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0;
}
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px;
}
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0;
}
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px;
}
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0;
}
}
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
-ms-transform: scale(0.75);
transform: scale(0.75);
}
.mfp-arrow-left {
-webkit-transform-origin: 0;
-ms-transform-origin: 0;
transform-origin: 0;
}
.mfp-arrow-right {
-webkit-transform-origin: 100%;
-ms-transform-origin: 100%;
transform-origin: 100%;
}
.mfp-container {
padding-left: 6px;
padding-right: 6px;
}
}
.mfp-ie7 .mfp-img {
padding: 0;
}
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px;
}
.mfp-ie7 .mfp-container {
padding: 0;
}
.mfp-ie7 .mfp-content {
padding-top: 44px;
}
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0;
}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Owl Carousel - Core
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden;
/* fix firefox animation glitch */
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
}
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-dots.disabled {
display: none;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next,
.owl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0 !important;
font: inherit;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel.owl-refresh .owl-item {
visibility: hidden;
}
.owl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item {
/**
This is introduced due to a bug in IE11 where lazy loading combined with autoheight plugin causes a wrong
calculation of the height of the owl-item that breaks page layouts
*/
}
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item .owl-lazy[src^=""],
.owl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0;
}
.owl-carousel .owl-item img.owl-lazy {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url("owl.video.play.png") no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: -webkit-transform 100ms ease;
transition: -webkit-transform 100ms ease;
-o-transition: transform 100ms ease;
transition: transform 100ms ease;
transition: transform 100ms ease, -webkit-transform 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3, 1.3);
-webkit-transform: scale(1.3, 1.3);
transform: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%;
}
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
/*
* Default theme - Owl Carousel CSS File
*/
.owl-theme .owl-nav {
margin-top: 10px;
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-nav [class*="owl-"] {
color: #fff;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
background: #d6d6d6;
display: inline-block;
cursor: pointer;
border-radius: 3px;
}
.owl-theme .owl-nav [class*="owl-"]:hover {
background: #869791;
color: #fff;
text-decoration: none;
}
.owl-theme .owl-nav .disabled {
opacity: 0.5;
cursor: default;
}
.owl-theme .owl-nav.disabled + .owl-dots {
margin-top: 10px;
}
.owl-theme .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.owl-theme .owl-dots .owl-dot span {
width: 14px;
height: 14px;
margin: 5px 6px;
background: #d6d6d6;
display: block;
-webkit-backface-visibility: visible;
-webkit-transition: opacity 200ms ease;
-o-transition: opacity 200ms ease;
transition: opacity 200ms ease;
border-radius: 30px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
background: #869791;
}
.container-fluid,
.container {
margin-right: auto;
margin-left: auto;
}
.container-fluid {
padding-right: 2rem;
padding-left: 2rem;
}
.row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -1.5rem;
margin-left: -1.5rem;
}
.row.reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.col.reverse {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
}
.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.footer__col,
.col-xs-offset-0,
.col-xs-offset-1,
.col-xs-offset-2,
.col-xs-offset-3,
.col-xs-offset-4,
.col-xs-offset-5,
.col-xs-offset-6,
.col-xs-offset-7,
.col-xs-offset-8,
.col-xs-offset-9,
.col-xs-offset-10,
.col-xs-offset-11,
.col-xs-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.col-xs {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-xs-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-xs-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-xs-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-xs-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-xs-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-xs-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-xs-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-xs-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-xs-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-xs-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-xs-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-xs-12,
.footer__col {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-xs-offset-0 {
margin-left: 0;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.start-xs {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-xs {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-xs {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-xs {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-xs {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-xs {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-xs {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-xs {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-xs {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-xs {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
@media only screen and (min-width: 50em) {
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.footer__col,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-offset-0,
.col-sm-offset-1,
.col-sm-offset-2,
.col-sm-offset-3,
.col-sm-offset-4,
.col-sm-offset-5,
.col-sm-offset-6,
.col-sm-offset-7,
.col-sm-offset-8,
.col-sm-offset-9,
.col-sm-offset-10,
.col-sm-offset-11,
.col-sm-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.col-sm {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-sm-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-sm-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-sm-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-sm-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-sm-6,
.footer__col {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-sm-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-sm-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-sm-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-sm-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-sm-offset-0 {
margin-left: 0;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.start-sm {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-sm {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-sm {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-sm {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-sm {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-sm {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-sm {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-sm {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-sm {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-sm {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 65em) {
.col-md,
.col-md-1,
.col-md-2,
.col-md-3,
.footer__col,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-offset-0,
.col-md-offset-1,
.col-md-offset-2,
.col-md-offset-3,
.col-md-offset-4,
.col-md-offset-5,
.col-md-offset-6,
.col-md-offset-7,
.col-md-offset-8,
.col-md-offset-9,
.col-md-offset-10,
.col-md-offset-11,
.col-md-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.col-md {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-md-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-md-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-md-3,
.footer__col {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-md-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-md-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-md-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-md-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-md-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-md-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-md-offset-0 {
margin-left: 0;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.start-md {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-md {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-md {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-md {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-md {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-md {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-md {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-md {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-md {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-md {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media only screen and (min-width: 90em) {
.col-lg,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-offset-0,
.col-lg-offset-1,
.col-lg-offset-2,
.col-lg-offset-3,
.col-lg-offset-4,
.col-lg-offset-5,
.col-lg-offset-6,
.col-lg-offset-7,
.col-lg-offset-8,
.col-lg-offset-9,
.col-lg-offset-10,
.col-lg-offset-11,
.col-lg-offset-12 {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding-right: 1.5rem;
padding-left: 1.5rem;
}
.col-lg {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-ms-flex-preferred-size: 0;
flex-basis: 0;
max-width: 100%;
}
.col-lg-1 {
-ms-flex-preferred-size: 8.33333333%;
flex-basis: 8.33333333%;
max-width: 8.33333333%;
}
.col-lg-2 {
-ms-flex-preferred-size: 16.66666667%;
flex-basis: 16.66666667%;
max-width: 16.66666667%;
}
.col-lg-3 {
-ms-flex-preferred-size: 25%;
flex-basis: 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex-preferred-size: 33.33333333%;
flex-basis: 33.33333333%;
max-width: 33.33333333%;
}
.col-lg-5 {
-ms-flex-preferred-size: 41.66666667%;
flex-basis: 41.66666667%;
max-width: 41.66666667%;
}
.col-lg-6 {
-ms-flex-preferred-size: 50%;
flex-basis: 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex-preferred-size: 58.33333333%;
flex-basis: 58.33333333%;
max-width: 58.33333333%;
}
.col-lg-8 {
-ms-flex-preferred-size: 66.66666667%;
flex-basis: 66.66666667%;
max-width: 66.66666667%;
}
.col-lg-9 {
-ms-flex-preferred-size: 75%;
flex-basis: 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex-preferred-size: 83.33333333%;
flex-basis: 83.33333333%;
max-width: 83.33333333%;
}
.col-lg-11 {
-ms-flex-preferred-size: 91.66666667%;
flex-basis: 91.66666667%;
max-width: 91.66666667%;
}
.col-lg-12 {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.start-lg {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
text-align: start;
}
.center-lg {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
}
.end-lg {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
text-align: end;
}
.top-lg {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.middle-lg {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.bottom-lg {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}
.around-lg {
-ms-flex-pack: distribute;
justify-content: space-around;
}
.between-lg {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.first-lg {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.last-lg {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com
Version 1.8.7
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011-2018 Harvest http://getharvest.com
MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/
/* @group Base */
.chosen-container {
position: relative;
display: inline-block;
vertical-align: middle;
font-size: 13px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.chosen-container * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.chosen-container .chosen-drop {
position: absolute;
top: 100%;
z-index: 1010;
width: 100%;
border: 1px solid #aaa;
border-top: 0;
background: #fff;
-webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
clip: rect(0, 0, 0, 0);
-webkit-clip-path: inset(100% 100%);
clip-path: inset(100% 100%);
}
.chosen-container.chosen-with-drop .chosen-drop {
clip: auto;
-webkit-clip-path: none;
clip-path: none;
}
.chosen-container a {
cursor: pointer;
}
.chosen-container .search-choice .group-name, .chosen-container .chosen-single .group-name {
margin-right: 4px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
font-weight: normal;
color: #999999;
}
.chosen-container .search-choice .group-name:after, .chosen-container .chosen-single .group-name:after {
content: ":";
padding-left: 2px;
vertical-align: top;
}
/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
position: relative;
display: block;
overflow: hidden;
padding: 0 0 0 8px;
height: 25px;
border: 1px solid #aaa;
border-radius: 5px;
background-color: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #fff), color-stop(50%, #f6f6f6), color-stop(52%, #eee), to(#f4f4f4));
background: -o-linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
background: linear-gradient(#fff 20%, #f6f6f6 50%, #eee 52%, #f4f4f4 100%);
background-clip: padding-box;
-webkit-box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 3px #fff inset, 0 1px 1px rgba(0, 0, 0, 0.1);
color: #444;
text-decoration: none;
white-space: nowrap;
line-height: 24px;
}
.chosen-container-single .chosen-default {
color: #999;
}
.chosen-container-single .chosen-single span {
display: block;
overflow: hidden;
margin-right: 26px;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
white-space: nowrap;
}
.chosen-container-single .chosen-single-with-deselect span {
margin-right: 38px;
}
.chosen-container-single .chosen-single abbr {
position: absolute;
top: 6px;
right: 26px;
display: block;
width: 12px;
height: 12px;
font-size: 1px;
}
.chosen-container-single .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
background-position: -42px -10px;
}
.chosen-container-single .chosen-single div {
position: absolute;
top: 0;
right: 0;
display: block;
width: 18px;
height: 100%;
}
.chosen-container-single .chosen-single div b {
display: block;
width: 100%;
height: 100%;
}
.chosen-container-single .chosen-search {
position: relative;
z-index: 1010;
margin: 0;
padding: 3px 4px;
white-space: nowrap;
}
.chosen-container-single .chosen-search input[type="text"] {
margin: 1px 0;
padding: 4px 20px 4px 5px;
width: 100%;
height: auto;
outline: 0;
border: 1px solid #aaa;
font-size: 1em;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
}
.chosen-container-single .chosen-drop {
margin-top: -1px;
border-radius: 0 0 4px 4px;
background-clip: padding-box;
}
.chosen-container-single.chosen-container-single-nosearch .chosen-search {
position: absolute;
clip: rect(0, 0, 0, 0);
-webkit-clip-path: inset(100% 100%);
clip-path: inset(100% 100%);
}
/* @end */
/* @group Results */
.chosen-container .chosen-results {
color: #444;
position: relative;
overflow-x: hidden;
overflow-y: auto;
margin: 0 4px 4px 0;
padding: 0 0 0 4px;
max-height: 240px;
-webkit-overflow-scrolling: touch;
}
.chosen-container .chosen-results li {
display: none;
margin: 0;
padding: 5px 6px;
list-style: none;
line-height: 15px;
word-wrap: break-word;
-webkit-touch-callout: none;
}
.chosen-container .chosen-results li.active-result {
display: list-item;
cursor: pointer;
}
.chosen-container .chosen-results li.disabled-result {
display: list-item;
color: #ccc;
cursor: default;
}
.chosen-container .chosen-results li.highlighted {
background-color: #3875d7;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
color: #fff;
}
.chosen-container .chosen-results li.no-results {
color: #777;
display: list-item;
background: #f4f4f4;
}
.chosen-container .chosen-results li.group-result {
display: list-item;
font-weight: bold;
cursor: default;
}
.chosen-container .chosen-results li.group-option {
padding-left: 15px;
}
.chosen-container .chosen-results li em {
font-style: normal;
text-decoration: underline;
}
/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
position: relative;
overflow: hidden;
margin: 0;
padding: 0 5px;
width: 100%;
height: auto;
border: 1px solid #aaa;
background-color: #fff;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #eee), color-stop(15%, #fff));
background-image: -o-linear-gradient(#eee 1%, #fff 15%);
background-image: linear-gradient(#eee 1%, #fff 15%);
cursor: text;
}
.chosen-container-multi .chosen-choices li {
float: left;
list-style: none;
}
.chosen-container-multi .chosen-choices li.search-field {
margin: 0;
padding: 0;
white-space: nowrap;
}
.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
margin: 1px 0;
padding: 0;
height: 25px;
outline: 0;
border: 0 !important;
background: transparent !important;
-webkit-box-shadow: none;
box-shadow: none;
color: #999;
font-size: 100%;
font-family: sans-serif;
line-height: normal;
border-radius: 0;
width: 25px;
}
.chosen-container-multi .chosen-choices li.search-choice {
position: relative;
margin: 3px 5px 3px 0;
padding: 3px 20px 3px 5px;
border: 1px solid #aaa;
max-width: 100%;
border-radius: 3px;
background-color: #eeeeee;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-size: 100% 19px;
background-repeat: repeat-x;
background-clip: padding-box;
-webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
color: #333;
line-height: 13px;
cursor: default;
}
.chosen-container-multi .chosen-choices li.search-choice span {
word-wrap: break-word;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
position: absolute;
top: 4px;
right: 3px;
display: block;
width: 12px;
height: 12px;
font-size: 1px;
}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-choices li.search-choice-disabled {
padding-right: 5px;
border: 1px solid #ccc;
background-color: #e4e4e4;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), to(#eee));
background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
color: #666;
}
.chosen-container-multi .chosen-choices li.search-choice-focus {
background: #d4d4d4;
}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
background-position: -42px -10px;
}
.chosen-container-multi .chosen-results {
margin: 0;
padding: 0;
}
.chosen-container-multi .chosen-drop .result-selected {
display: list-item;
color: #ccc;
cursor: default;
}
/* @end */
/* @group Active */
.chosen-container-active .chosen-single {
border: 1px solid #5897fb;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active.chosen-with-drop .chosen-single {
border: 1px solid #aaa;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
background-image: -o-linear-gradient(#eee 20%, #fff 80%);
background-image: linear-gradient(#eee 20%, #fff 80%);
-webkit-box-shadow: 0 1px 0 #fff inset;
box-shadow: 0 1px 0 #fff inset;
}
.chosen-container-active.chosen-with-drop .chosen-single div {
border-left: none;
background: transparent;
}
.chosen-container-active.chosen-with-drop .chosen-single div b {
background-position: -18px 2px;
}
.chosen-container-active .chosen-choices {
border: 1px solid #5897fb;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}
.chosen-container-active .chosen-choices li.search-field input[type="text"] {
color: #222 !important;
}
/* @end */
/* @group Disabled Support */
.chosen-disabled {
opacity: 0.5 !important;
cursor: default;
}
.chosen-disabled .chosen-single {
cursor: default;
}
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
cursor: default;
}
/* @end */
/* @group Right to Left */
.chosen-rtl {
text-align: right;
}
.chosen-rtl .chosen-single {
overflow: visible;
padding: 0 8px 0 0;
}
.chosen-rtl .chosen-single span {
margin-right: 0;
margin-left: 26px;
direction: rtl;
}
.chosen-rtl .chosen-single-with-deselect span {
margin-left: 38px;
}
.chosen-rtl .chosen-single div {
right: auto;
left: 3px;
}
.chosen-rtl .chosen-single abbr {
right: auto;
left: 26px;
}
.chosen-rtl .chosen-choices li {
float: right;
}
.chosen-rtl .chosen-choices li.search-field input[type="text"] {
direction: rtl;
}
.chosen-rtl .chosen-choices li.search-choice {
margin: 3px 5px 3px 0;
padding: 3px 5px 3px 19px;
}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
right: auto;
left: 4px;
}
.chosen-rtl.chosen-container-single .chosen-results {
margin: 0 0 4px 4px;
padding: 0 4px 0 0;
}
.chosen-rtl .chosen-results li.group-option {
padding-right: 15px;
padding-left: 0;
}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
border-right: none;
}
.chosen-rtl .chosen-search input[type="text"] {
padding: 4px 5px 4px 20px;
direction: rtl;
}
.chosen-rtl.chosen-container-single .chosen-single div b {
background-position: 6px 2px;
}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
background-position: -12px 2px;
}
/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
.chosen-rtl .chosen-search input[type="text"],
.chosen-container-single .chosen-single abbr,
.chosen-container-single .chosen-single div b,
.chosen-container-single .chosen-search input[type="text"],
.chosen-container-multi .chosen-choices .search-choice .search-choice-close,
.chosen-container .chosen-results-scroll-down span,
.chosen-container .chosen-results-scroll-up span {
background-size: 52px 37px !important;
background-repeat: no-repeat !important;
}
}
/* @end */
.daterangepicker {
position: absolute;
color: inherit;
background-color: #fff;
border-radius: 4px;
border: 1px solid #ddd;
width: 278px;
max-width: none;
padding: 0;
margin-top: 7px;
top: 100px;
left: 20px;
z-index: 3001;
display: none;
font-family: arial;
font-size: 15px;
line-height: 1em;
}
.daterangepicker:after, .daterangepicker:before {
position: absolute;
display: inline-block;
border-bottom-color: rgba(0, 0, 0, 0.2);
content: '';
}
.daterangepicker:before {
top: -7px;
border-right: 7px solid transparent;
border-left: 7px solid transparent;
border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
top: -6px;
border-right: 6px solid transparent;
border-bottom: 6px solid #fff;
border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
right: 9px;
}
.daterangepicker.opensleft:after {
right: 10px;
}
.daterangepicker.openscenter:before {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.openscenter:after {
left: 0;
right: 0;
width: 0;
margin-left: auto;
margin-right: auto;
}
.daterangepicker.opensright:before {
left: 9px;
}
.daterangepicker.opensright:after {
left: 10px;
}
.daterangepicker.drop-up {
margin-top: -7px;
}
.daterangepicker.drop-up:before {
top: initial;
bottom: -7px;
border-bottom: initial;
border-top: 7px solid #ccc;
}
.daterangepicker.drop-up:after {
top: initial;
bottom: -6px;
border-bottom: initial;
border-top: 6px solid #fff;
}
.daterangepicker.single .daterangepicker .ranges, .daterangepicker.single .drp-calendar {
float: none;
}
.daterangepicker.single .drp-selected {
display: none;
}
.daterangepicker.show-calendar .drp-calendar {
display: block;
}
.daterangepicker.show-calendar .drp-buttons {
display: block;
}
.daterangepicker.auto-apply .drp-buttons {
display: none;
}
.daterangepicker .drp-calendar {
display: none;
max-width: 270px;
}
.daterangepicker .drp-calendar.left {
padding: 8px 0 8px 8px;
}
.daterangepicker .drp-calendar.right {
padding: 8px;
}
.daterangepicker .drp-calendar.single .calendar-table {
border: none;
}
.daterangepicker .calendar-table .next span, .daterangepicker .calendar-table .prev span {
color: #fff;
border: solid #000;
border-width: 0 2px 2px 0;
border-radius: 0;
display: inline-block;
padding: 3px;
}
.daterangepicker .calendar-table .next span {
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
.daterangepicker .calendar-table .prev span {
-ms-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transform: rotate(135deg);
}
.daterangepicker .calendar-table td, .daterangepicker .calendar-table th {
white-space: nowrap;
text-align: center;
vertical-align: middle;
min-width: 32px;
width: 32px;
height: 24px;
line-height: 24px;
font-size: 12px;
border-radius: 4px;
border: 1px solid transparent;
white-space: nowrap;
cursor: pointer;
}
.daterangepicker .calendar-table {
border: 1px solid #fff;
border-radius: 4px;
background-color: #fff;
}
.daterangepicker .calendar-table table {
width: 100%;
margin: 0;
border-spacing: 0;
border-collapse: collapse;
}
.daterangepicker td.available:hover, .daterangepicker th.available:hover {
background-color: #eee;
border-color: transparent;
color: inherit;
}
.daterangepicker td.week, .daterangepicker th.week {
font-size: 80%;
color: #ccc;
}
.daterangepicker td.off, .daterangepicker td.off.end-date, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date {
background-color: #fff;
border-color: transparent;
color: #999;
}
.daterangepicker td.in-range {
background-color: #ebf4f8;
border-color: transparent;
color: #000;
border-radius: 0;
}
.daterangepicker td.start-date {
border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
border-radius: 4px;
}
.daterangepicker td.active, .daterangepicker td.active:hover {
background-color: #357ebd;
border-color: transparent;
color: #fff;
}
.daterangepicker th.month {
width: auto;
}
.daterangepicker option.disabled, .daterangepicker td.disabled {
color: #999;
cursor: not-allowed;
text-decoration: line-through;
}
.daterangepicker select.monthselect, .daterangepicker select.yearselect {
font-size: 12px;
padding: 1px;
height: auto;
margin: 0;
cursor: default;
}
.daterangepicker select.monthselect {
margin-right: 2%;
width: 56%;
}
.daterangepicker select.yearselect {
width: 40%;
}
.daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect {
width: 50px;
margin: 0 auto;
background: #eee;
border: 1px solid #eee;
padding: 2px;
outline: 0;
font-size: 12px;
}
.daterangepicker .calendar-time {
text-align: center;
margin: 4px auto 0 auto;
line-height: 30px;
position: relative;
}
.daterangepicker .calendar-time select.disabled {
color: #ccc;
cursor: not-allowed;
}
.daterangepicker .drp-buttons {
clear: both;
text-align: right;
padding: 8px;
border-top: 1px solid #ddd;
display: none;
line-height: 12px;
vertical-align: middle;
}
.daterangepicker .drp-selected {
display: inline-block;
font-size: 12px;
padding-right: 8px;
}
.daterangepicker .drp-buttons .btn, .daterangepicker .drp-buttons input[type=submit], .daterangepicker .drp-buttons .input[type=submit] {
margin-left: 8px;
font-size: 12px;
font-weight: 700;
padding: 4px 8px;
}
.daterangepicker.show-ranges.single.rtl .drp-calendar.left {
border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.single.ltr .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker.show-ranges.rtl .drp-calendar.right {
border-right: 1px solid #ddd;
}
.daterangepicker.show-ranges.ltr .drp-calendar.left {
border-left: 1px solid #ddd;
}
.daterangepicker .ranges {
float: none;
text-align: left;
margin: 0;
}
.daterangepicker.show-calendar .ranges {
margin-top: 8px;
}
.daterangepicker .ranges ul {
list-style: none;
margin: 0 auto;
padding: 0;
width: 100%;
}
.daterangepicker .ranges li {
font-size: 12px;
padding: 8px 12px;
cursor: pointer;
}
.daterangepicker .ranges li:hover {
background-color: #eee;
}
.daterangepicker .ranges li.active {
background-color: #08c;
color: #fff;
}
@media (min-width: 564px) {
.daterangepicker {
width: auto;
}
.daterangepicker .ranges ul {
width: 140px;
}
.daterangepicker.single .ranges ul {
width: 100%;
}
.daterangepicker.single .drp-calendar.left {
clear: none;
}
.daterangepicker.single .drp-calendar, .daterangepicker.single .ranges {
float: left;
}
.daterangepicker {
direction: ltr;
text-align: left;
}
.daterangepicker .drp-calendar.left {
clear: left;
margin-right: 0;
}
.daterangepicker .drp-calendar.left .calendar-table {
border-right: none;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.daterangepicker .drp-calendar.right {
margin-left: 0;
}
.daterangepicker .drp-calendar.right .calendar-table {
border-left: none;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.daterangepicker .drp-calendar.left .calendar-table {
padding-right: 8px;
}
.daterangepicker .drp-calendar, .daterangepicker .ranges {
float: left;
}
}
@media (min-width: 730px) {
.daterangepicker .ranges {
width: auto;
}
.daterangepicker .ranges {
float: left;
}
.daterangepicker.rtl .ranges {
float: right;
}
.daterangepicker .drp-calendar.left {
clear: none !important;
}
}
/*
Variables
*/
/*
Mixins
*/
input[type=date], input[type=email], input[type=tel], input[type=password], input[type=text], .input[type=date], .input[type=email], .input[type=tel], .input[type=password], .input[type=text], .select,
select, .chosen-container-single .chosen-single, textarea {
width: 100%;
max-width: 100%;
line-height: 1;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 48px;
padding: 0 1em;
font-size: 16px;
color: #0F0F0F;
border: none;
border-bottom: none;
border-radius: 0;
background-color: #FFFFFF;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
input[type=date]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder, input[type=tel]::-webkit-input-placeholder, input[type=password]::-webkit-input-placeholder, input[type=text]::-webkit-input-placeholder, .input[type=date]::-webkit-input-placeholder, .input[type=email]::-webkit-input-placeholder, .input[type=tel]::-webkit-input-placeholder, .input[type=password]::-webkit-input-placeholder, .input[type=text]::-webkit-input-placeholder, .select::-webkit-input-placeholder, select::-webkit-input-placeholder, .chosen-container-single .chosen-single::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color: #000000;
}
input[type=date]::-moz-placeholder, input[type=email]::-moz-placeholder, input[type=tel]::-moz-placeholder, input[type=password]::-moz-placeholder, input[type=text]::-moz-placeholder, .input[type=date]::-moz-placeholder, .input[type=email]::-moz-placeholder, .input[type=tel]::-moz-placeholder, .input[type=password]::-moz-placeholder, .input[type=text]::-moz-placeholder, .select::-moz-placeholder, select::-moz-placeholder, .chosen-container-single .chosen-single::-moz-placeholder, textarea::-moz-placeholder {
color: #000000;
}
input[type=date]:-ms-input-placeholder, input[type=email]:-ms-input-placeholder, input[type=tel]:-ms-input-placeholder, input[type=password]:-ms-input-placeholder, input[type=text]:-ms-input-placeholder, .input[type=date]:-ms-input-placeholder, .input[type=email]:-ms-input-placeholder, .input[type=tel]:-ms-input-placeholder, .input[type=password]:-ms-input-placeholder, .input[type=text]:-ms-input-placeholder, .select:-ms-input-placeholder, select:-ms-input-placeholder, .chosen-container-single .chosen-single:-ms-input-placeholder, textarea:-ms-input-placeholder {
color: #000000;
}
input[type=date]::-ms-input-placeholder, input[type=email]::-ms-input-placeholder, input[type=tel]::-ms-input-placeholder, input[type=password]::-ms-input-placeholder, input[type=text]::-ms-input-placeholder, .input[type=date]::-ms-input-placeholder, .input[type=email]::-ms-input-placeholder, .input[type=tel]::-ms-input-placeholder, .input[type=password]::-ms-input-placeholder, .input[type=text]::-ms-input-placeholder, .select::-ms-input-placeholder, select::-ms-input-placeholder, .chosen-container-single .chosen-single::-ms-input-placeholder, textarea::-ms-input-placeholder {
color: #000000;
}
input[type=date]::placeholder, input[type=email]::placeholder, input[type=tel]::placeholder, input[type=password]::placeholder, input[type=text]::placeholder, .input[type=date]::placeholder, .input[type=email]::placeholder, .input[type=tel]::placeholder, .input[type=password]::placeholder, .input[type=text]::placeholder, .select::placeholder,
select::placeholder, .chosen-container-single .chosen-single::placeholder, textarea::placeholder {
color: #000000;
}
input:hover:not(:focus)[type=date], input:hover:not(:focus)[type=email], input:hover:not(:focus)[type=tel], input:hover:not(:focus)[type=password], input:hover:not(:focus)[type=text], .input:hover:not(:focus)[type=date], .input:hover:not(:focus)[type=email], .input:hover:not(:focus)[type=tel], .input:hover:not(:focus)[type=password], .input:hover:not(:focus)[type=text], .select:hover:not(:focus),
select:hover:not(:focus), .chosen-container-single .chosen-single:hover:not(:focus), textarea:hover:not(:focus) {
color: #7D0A0D;
}
input[type=date]:hover:not(:focus)::-webkit-input-placeholder, input[type=email]:hover:not(:focus)::-webkit-input-placeholder, input[type=tel]:hover:not(:focus)::-webkit-input-placeholder, input[type=password]:hover:not(:focus)::-webkit-input-placeholder, input[type=text]:hover:not(:focus)::-webkit-input-placeholder, .input[type=date]:hover:not(:focus)::-webkit-input-placeholder, .input[type=email]:hover:not(:focus)::-webkit-input-placeholder, .input[type=tel]:hover:not(:focus)::-webkit-input-placeholder, .input[type=password]:hover:not(:focus)::-webkit-input-placeholder, .input[type=text]:hover:not(:focus)::-webkit-input-placeholder, .select:hover:not(:focus)::-webkit-input-placeholder, select:hover:not(:focus)::-webkit-input-placeholder, .chosen-container-single .chosen-single:hover:not(:focus)::-webkit-input-placeholder, textarea:hover:not(:focus)::-webkit-input-placeholder {
color: #7D0A0D;
}
input[type=date]:hover:not(:focus)::-moz-placeholder, input[type=email]:hover:not(:focus)::-moz-placeholder, input[type=tel]:hover:not(:focus)::-moz-placeholder, input[type=password]:hover:not(:focus)::-moz-placeholder, input[type=text]:hover:not(:focus)::-moz-placeholder, .input[type=date]:hover:not(:focus)::-moz-placeholder, .input[type=email]:hover:not(:focus)::-moz-placeholder, .input[type=tel]:hover:not(:focus)::-moz-placeholder, .input[type=password]:hover:not(:focus)::-moz-placeholder, .input[type=text]:hover:not(:focus)::-moz-placeholder, .select:hover:not(:focus)::-moz-placeholder, select:hover:not(:focus)::-moz-placeholder, .chosen-container-single .chosen-single:hover:not(:focus)::-moz-placeholder, textarea:hover:not(:focus)::-moz-placeholder {
color: #7D0A0D;
}
input[type=date]:hover:not(:focus):-ms-input-placeholder, input[type=email]:hover:not(:focus):-ms-input-placeholder, input[type=tel]:hover:not(:focus):-ms-input-placeholder, input[type=password]:hover:not(:focus):-ms-input-placeholder, input[type=text]:hover:not(:focus):-ms-input-placeholder, .input[type=date]:hover:not(:focus):-ms-input-placeholder, .input[type=email]:hover:not(:focus):-ms-input-placeholder, .input[type=tel]:hover:not(:focus):-ms-input-placeholder, .input[type=password]:hover:not(:focus):-ms-input-placeholder, .input[type=text]:hover:not(:focus):-ms-input-placeholder, .select:hover:not(:focus):-ms-input-placeholder, select:hover:not(:focus):-ms-input-placeholder, .chosen-container-single .chosen-single:hover:not(:focus):-ms-input-placeholder, textarea:hover:not(:focus):-ms-input-placeholder {
color: #7D0A0D;
}
input[type=date]:hover:not(:focus)::-ms-input-placeholder, input[type=email]:hover:not(:focus)::-ms-input-placeholder, input[type=tel]:hover:not(:focus)::-ms-input-placeholder, input[type=password]:hover:not(:focus)::-ms-input-placeholder, input[type=text]:hover:not(:focus)::-ms-input-placeholder, .input[type=date]:hover:not(:focus)::-ms-input-placeholder, .input[type=email]:hover:not(:focus)::-ms-input-placeholder, .input[type=tel]:hover:not(:focus)::-ms-input-placeholder, .input[type=password]:hover:not(:focus)::-ms-input-placeholder, .input[type=text]:hover:not(:focus)::-ms-input-placeholder, .select:hover:not(:focus)::-ms-input-placeholder, select:hover:not(:focus)::-ms-input-placeholder, .chosen-container-single .chosen-single:hover:not(:focus)::-ms-input-placeholder, textarea:hover:not(:focus)::-ms-input-placeholder {
color: #7D0A0D;
}
input[type=date]:hover:not(:focus)::placeholder, input[type=email]:hover:not(:focus)::placeholder, input[type=tel]:hover:not(:focus)::placeholder, input[type=password]:hover:not(:focus)::placeholder, input[type=text]:hover:not(:focus)::placeholder, .input[type=date]:hover:not(:focus)::placeholder, .input[type=email]:hover:not(:focus)::placeholder, .input[type=tel]:hover:not(:focus)::placeholder, .input[type=password]:hover:not(:focus)::placeholder, .input[type=text]:hover:not(:focus)::placeholder, .select:hover:not(:focus)::placeholder,
select:hover:not(:focus)::placeholder, .chosen-container-single .chosen-single:hover:not(:focus)::placeholder, textarea:hover:not(:focus)::placeholder {
color: #7D0A0D;
}
input:focus[type=date], input:focus[type=email], input:focus[type=tel], input:focus[type=password], input:focus[type=text], .input:focus[type=date], .input:focus[type=email], .input:focus[type=tel], .input:focus[type=password], .input:focus[type=text], .select:focus,
select:focus, .chosen-container-single .chosen-single:focus, textarea:focus {
border-color: #414244;
}
input[disabled][type=date], input[disabled][type=email], input[disabled][type=tel], input[disabled][type=password], input[disabled][type=text], .input[disabled][type=date], .input[disabled][type=email], .input[disabled][type=tel], .input[disabled][type=password], .input[disabled][type=text], .select[disabled],
select[disabled], .chosen-container-single .chosen-single[disabled], textarea[disabled] {
color: #0F0F0F;
background-color: #000000;
cursor: not-allowed;
}
.checkbox,
input[type=checkbox], .radio,
input[type=radio] {
position: absolute;
display: inline-block;
width: 16px;
height: 16px;
visibility: hidden;
background-color: #FFFFFF;
border: none;
}
.checkbox:checked + label::after, input:checked[type=checkbox] + label::after, .radio:checked + label::after, input:checked[type=radio] + label::after {
border-color: #FFFFFF;
background-color: #000000;
}
.checkbox:focus + label::before, input:focus[type=checkbox] + label::before, .radio:focus + label::before, input:focus[type=radio] + label::before {
border-color: #414244;
}
.checkbox + label, input[type=checkbox] + label, .radio + label, input[type=radio] + label {
position: relative;
display: inline-block;
padding-left: 24px;
font-size: 16px;
color: #0F0F0F;
}
.checkbox + label[hidden], input[type=checkbox] + label[hidden], .radio + label[hidden], input[type=radio] + label[hidden] {
display: inline-block !important;
text-indent: -99999px;
padding-left: 0;
}
.checkbox + label:before, input[type=checkbox] + label:before, .radio + label:before, input[type=radio] + label:before, .checkbox + label:after, input[type=checkbox] + label:after, .radio + label:after, input[type=radio] + label:after {
content: '';
position: absolute;
width: 16px;
height: 16px;
margin: auto;
top: 0;
bottom: 0;
left: 0;
}
.checkbox + label:before, input[type=checkbox] + label:before, .radio + label:before, input[type=radio] + label:before {
z-index: 1;
border: none;
background-color: transparent;
}
.checkbox + label:after, input[type=checkbox] + label:after, .radio + label:after, input[type=radio] + label:after {
z-index: 0;
border: 4px solid transparent;
background-color: #FFFFFF;
}
.btn, input[type=submit], .input[type=submit], .button, .sidebar__side-item-link {
display: inline-block;
height: 48px;
padding: 0 1.5em;
line-height: 48px;
font-size: 2rem;
font-weight: normal;
border-radius: 0;
border: 0;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-font-smoothing: initial !important;
}
.btn + .btn, input[type=submit] + .btn, .input[type=submit] + .btn, .button + .btn, .sidebar__side-item-link + .btn, .btn + input[type=submit], input[type=submit] + input[type=submit], .input[type=submit] + input[type=submit], .button + input[type=submit], .sidebar__side-item-link + input[type=submit], .btn + .input[type=submit], input[type=submit] + .input[type=submit], .input[type=submit] + .input[type=submit], .button + .input[type=submit], .sidebar__side-item-link + .input[type=submit] {
margin-left: 30px;
}
.btn-block.btn, input.btn-block[type=submit], .btn-block.input[type=submit], .btn-block.button, .btn-block.sidebar__side-item-link {
display: block;
}
/*
Helpers
*/
section {
overflow-x: hidden;
}
::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #5c5b5b;
}
::-moz-placeholder {
/* Firefox 19+ */
color: #5c5b5b;
}
:-ms-input-placeholder {
/* IE 10+ */
color: #5c5b5b;
}
:-moz-placeholder {
/* Firefox 18- */
color: #5c5b5b;
}
*:-webkit-autofill {
-webkit-box-shadow: 0 0 0 100rem #FFFFFF inset;
-webkit-text-fill-color: #0F0F0F !important;
}
body {
overflow-x: hidden;
min-height: 100%;
}
@media (max-width: 1150px) {
body {
margin-top: 50px;
}
}
body {
margin-top: 125px;
}
img {
max-width: 100%;
height: auto;
}
.container {
position: relative;
width: 100%;
max-width: 1500px;
margin: 0 auto !important;
padding: 0 2rem;
}
.container:after {
content: '';
display: block;
clear: both;
}
.container--big {
max-width: 1700px;
}
.screen-reader-text,
.visually-hidden {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 0rem;
width: 0rem;
margin: -.1rem;
padding: 0;
border: 0;
}
.text-centered {
text-align: center;
}
.text-right {
text-align: right;
}
.text-left {
text-align: left;
}
.text-primary {
color: #7D0A0D;
}
.text-success {
color: #027F7C;
}
.text-danger,
.text-error {
color: #FC4747;
}
.text-warning {
color: #B16C6D;
}
.text-info {
color: #222449;
}
.full-height {
height: 100%;
}
.hide-labels label {
display: none;
}
.padding-top-bottom {
padding: 120px 0;
}
@media (max-width: 599px) {
.padding-top-bottom {
padding: 30px 0;
}
}
.padding-top {
padding-top: 30px;
}
body,
body * {
padding: 0;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.woocommerce {
width: 1320px;
max-width: 90%;
margin: 0 auto;
}
.separator {
margin: 0 5px;
}
article .entry-title {
display: none;
}
#sidebar {
display: none;
}
#respond {
display: none;
}
.margin-bottom {
margin-bottom: 25px;
}
.rel {
position: relative;
}
@media (min-width: 1100px) {
.hidden-desktop {
display: none;
}
}
.row--reverse {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.white-popup {
position: relative;
background: #FFF;
padding: 20px;
width: auto;
max-width: 700px;
margin: 20px auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/*
name: Typography
code: |
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph - ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec arcu lectus. Praesent laoreet leo eros, vitae faucibus quam suscipit sit amet.
*/
@font-face {
font-family: "contra_agency";
src: url("../fonts/contra_agency.eot?6792285");
src: url("../fonts/contra_agency.eot?6792285#iefix") format("embedded-opentype"), url("../fonts/contra_agency.woff2?6792285") format("woff2"), url("../fonts/contra_agency.woff?6792285") format("woff"), url("../fonts/contra_agency.ttf?6792285") format("truetype"), url("../fonts/contra_agency.svg?6792285#contra_agency") format("svg");
font-weight: normal;
font-style: normal;
}
html {
font-size: 62.5%;
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
font-weight: normal;
--tec-color-accent-primary: #7D0A0D !important;
--tec-color-icon-focus: #7D0A0D !important;
--tec-color-link-accent-hover: #580608 !important;
--tec-grid-width: 1500px !important;
--mobile-menu-height: calc(100vh - 89px);
}
body {
font-family: "Lato", sans-serif;
font-size: 2rem;
font-weight: 400;
line-height: 1.4;
color: #0F0F0F;
background-color: #FFFFFF;
-webkit-text-size-adjust: 100%;
--tec-color-accent-primary: #7D0A0D !important;
--tec-color-icon-focus: #7D0A0D !important;
--tec-color-link-accent-hover: #580608 !important;
--tec-color-background-primary-multiday: rgba(65,153,237, 0.5);
--tec-transition-background-color: rgba(65,153,237, 0.5);
}
body.wait, body.wait * {
cursor: progress !important;
}
body.fixed {
position: fixed;
top: 0;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5 {
margin-bottom: 15px;
line-height: 1.4;
font-family: "Bree Serif", serif;
font-weight: 400;
color: #0F0F0F;
}
h1 sup,
h1 sub,
h1 small, .h1 sup,
.h1 sub,
.h1 small,
h2 sup,
h2 sub,
h2 small, .h2 sup,
.h2 sub,
.h2 small,
h3 sup,
h3 sub,
h3 small, .h3 sup,
.h3 sub,
.h3 small,
h4 sup,
h4 sub,
h4 small, .h4 sup,
.h4 sub,
.h4 small,
h5 sup,
h5 sub,
h5 small, .h5 sup,
.h5 sub,
.h5 small {
font-size: 65%;
color: inherit;
}
h1 a, h1 span, .h1 a, .h1 span,
h2 a,
h2 span, .h2 a, .h2 span,
h3 a,
h3 span, .h3 a, .h3 span,
h4 a,
h4 span, .h4 a, .h4 span,
h5 a,
h5 span, .h5 a, .h5 span {
font-family: "Bree Serif", serif;
}
h1 strong, .h1 strong,
h2 strong, .h2 strong,
h3 strong, .h3 strong,
h4 strong, .h4 strong,
h5 strong, .h5 strong {
font-weight: 300;
}
h1, .h1 {
font-size: 4.8rem;
}
.home h1, .home .h1 {
font-size: 4.8rem;
line-height: 1.2;
}
@media (max-width: 767px) {
.home h1, .home .h1 {
font-size: 3.4rem;
}
}
h1 span, .h1 span {
font-family: "Bree Serif", serif;
}
@media (max-width: 1450px) {
h1, .h1 {
font-size: 3rem;
}
}
@media (max-width: 767px) {
h1, .h1 {
font-size: 3rem;
}
}
h2, .h2 {
font-size: 4.2rem;
}
h2.lato, .h2.lato {
font-family: "Lato", sans-serif;
font-weight: 300;
}
@media (max-width: 1450px) {
h2, .h2 {
font-size: 3.2rem;
}
}
@media (max-width: 767px) {
h2, .h2 {
font-size: 2.8rem;
}
}
h3, .h3 {
font-size: 2.4rem;
}
.tribe-events-single-event-description h3, .tribe-events-single-event-description .h3 {
font-size: 2.4rem !important;
}
h4, .h4 {
font-size: 2rem;
}
h5, .h5 {
font-size: 2rem;
font-weight: 500;
color: #7D0A0D;
}
p {
font-size: 2rem;
margin-bottom: 30px;
}
p sup,
p sub,
p small {
font-size: 65%;
color: inherit;
}
@media (max-width: 767px) {
p {
font-size: 18px;
margin-bottom: 10px;
}
}
abbr {
border-bottom: 1px dotted #5A5B5E;
cursor: help;
}
blockquote {
padding-top: 30px;
border-top: 1px solid #ac0e12;
border-bottom: 3px solid #7D0A0D;
margin-bottom: 30px;
}
blockquote p {
color: #7D0A0D;
font-size: 2.5rem;
font-weight: 600;
}
blockquote span {
margin-left: 5px;
}
blockquote cite {
font-style: normal;
}
blockquote.testimonial {
border-top: 0;
padding-top: 0;
border-bottom: 0;
}
p.icon-email, p.icon-phone {
position: relative;
padding-left: 2.5rem;
margin-bottom: 0;
border-bottom: 1px dotted transparent;
-webkit-transition: .5s all ease;
-o-transition: .5s all ease;
transition: .5s all ease;
}
p.icon-email a, p.icon-phone a {
color: #0F0F0F;
}
p.icon-email a:hover, p.icon-phone a:hover {
border-bottom: 1px dotted #0F0F0F;
}
p.icon-email:after, p.icon-phone:after {
width: 1.5rem;
height: 100%;
left: 0;
right: auto;
}
strong {
font-weight: 700;
}
.page-wrapper {
padding-top: 167px;
position: relative;
}
body.home .page-wrapper:before {
overflow: hidden;
position: absolute;
content: '';
left: 0;
right: 0;
top: 0;
bottom: 0;
background: url("/wp-content/themes/niesr/assets/img/home-bg.svg") repeat;
background-size: auto 100%;
-webkit-filter: blur(38px);
filter: blur(38px);
-webkit-animation: 5s linear 0s infinite alternate bg-scale;
animation: 5s linear 0s infinite alternate bg-scale;
}
.single-niesr_topic .page-wrapper,
.page-template-default .page-wrapper {
position: relative;
}
.single-niesr_topic .page-wrapper:before,
.page-template-default .page-wrapper:before {
overflow: hidden;
z-index: -1;
position: absolute;
content: '';
left: 0;
right: 0;
top: 0;
bottom: 0;
background: url("/wp-content/themes/niesr/assets/img/topic-bg.svg") repeat;
background-size: auto 100%;
-webkit-filter: blur(38px);
filter: blur(38px);
-webkit-animation: 5s linear 0s infinite alternate bg-scale;
animation: 5s linear 0s infinite alternate bg-scale;
}
.woocommerce-checkout .page-wrapper:before {
display: none;
}
@media screen and (max-width: 1200px) {
.page-wrapper {
padding-top: 135px;
}
}
@media screen and (max-width: 767px) {
.page-wrapper {
padding-top: 90px;
}
}
@-webkit-keyframes bg-scale {
from {
left: 0;
top: 0;
opacity: 1;
}
to {
left: 5%;
top: 5%;
opacity: 0.8;
}
}
@keyframes bg-scale {
from {
left: 0;
top: 0;
opacity: 1;
}
to {
left: 5%;
top: 5%;
opacity: 0.8;
}
}
/*
name: Button
description: button styles can be used on button, a herf and submit elements
code: |
Button
Button Primary
*/
.btn, input[type=submit], .input[type=submit], .button {
font-size: 1.6rem;
font-weight: 700;
color: #FFFFFF;
background-color: #7D0A0D;
}
.btn i, input[type=submit] i, .input[type=submit] i, .button i {
color: #FFFFFF;
}
.btn:hover, input:hover[type=submit], .input:hover[type=submit], .button:hover {
background: #4e0608;
}
.btn:active, input:active[type=submit], .input:active[type=submit], .button:active {
background: #070101;
}
.btn.btn--primary, input.btn--primary[type=submit], .btn--primary.input[type=submit], .button.btn--primary {
color: #FFFFFF;
background-color: #7D0A0D;
}
.btn.btn--primary i, input.btn--primary[type=submit] i, .btn--primary.input[type=submit] i, .button.btn--primary i {
color: #FFFFFF;
}
.btn.btn--primary:hover, input.btn--primary:hover[type=submit], .btn--primary.input:hover[type=submit], .button.btn--primary:hover {
background: #4e0608;
}
.btn.btn--primary:active, input.btn--primary:active[type=submit], .btn--primary.input:active[type=submit], .button.btn--primary:active {
background: #070101;
}
.btn.btn--primary:hover, input.btn--primary:hover[type=submit], .btn--primary.input:hover[type=submit], .button.btn--primary:hover {
background-color: #580608;
color: #FFFFFF;
}
.btn.btn--secondary, input.btn--secondary[type=submit], .btn--secondary.input[type=submit], .button.btn--secondary {
color: #FFFFFF;
background-color: #222449;
}
.btn.btn--secondary i, input.btn--secondary[type=submit] i, .btn--secondary.input[type=submit] i, .button.btn--secondary i {
color: #FFFFFF;
}
.btn.btn--secondary:hover, input.btn--secondary:hover[type=submit], .btn--secondary.input:hover[type=submit], .button.btn--secondary:hover {
background: #121326;
}
.btn.btn--secondary:active, input.btn--secondary:active[type=submit], .btn--secondary.input:active[type=submit], .button.btn--secondary:active {
background: black;
}
.btn.btn--secondary:hover, input.btn--secondary:hover[type=submit], .btn--secondary.input:hover[type=submit], .button.btn--secondary:hover {
background-color: #13142E;
color: #FFFFFF;
}
.btn.btn--tertiary, input.btn--tertiary[type=submit], .btn--tertiary.input[type=submit], .button.btn--tertiary {
color: #FFFFFF;
background-color: #B16C6D;
}
.btn.btn--tertiary i, input.btn--tertiary[type=submit] i, .btn--tertiary.input[type=submit] i, .button.btn--tertiary i {
color: #FFFFFF;
}
.btn.btn--tertiary:hover, input.btn--tertiary:hover[type=submit], .btn--tertiary.input:hover[type=submit], .button.btn--tertiary:hover {
background: #995152;
}
.btn.btn--tertiary:active, input.btn--tertiary:active[type=submit], .btn--tertiary.input:active[type=submit], .button.btn--tertiary:active {
background: #673737;
}
.btn.btn--quaternary, input.btn--quaternary[type=submit], .btn--quaternary.input[type=submit], .button.btn--quaternary {
color: #FFFFFF;
background-color: #5573AF;
}
.btn.btn--quaternary i, input.btn--quaternary[type=submit] i, .btn--quaternary.input[type=submit] i, .button.btn--quaternary i {
color: #FFFFFF;
}
.btn.btn--quaternary:hover, input.btn--quaternary:hover[type=submit], .btn--quaternary.input:hover[type=submit], .button.btn--quaternary:hover {
background: #435c8e;
}
.btn.btn--quaternary:active, input.btn--quaternary:active[type=submit], .btn--quaternary.input:active[type=submit], .button.btn--quaternary:active {
background: #2a3a5a;
}
.btn.btn--quinary, input.btn--quinary[type=submit], .btn--quinary.input[type=submit], .button.btn--quinary {
color: #FFFFFF;
background-color: #4E8F41;
}
.btn.btn--quinary i, input.btn--quinary[type=submit] i, .btn--quinary.input[type=submit] i, .button.btn--quinary i {
color: #FFFFFF;
}
.btn.btn--quinary:hover, input.btn--quinary:hover[type=submit], .btn--quinary.input:hover[type=submit], .button.btn--quinary:hover {
background: #3b6c31;
}
.btn.btn--quinary:active, input.btn--quinary:active[type=submit], .btn--quinary.input:active[type=submit], .button.btn--quinary:active {
background: #1e3719;
}
.btn.btn--white, input.btn--white[type=submit], .btn--white.input[type=submit], .button.btn--white {
color: #0F0F0F;
background-color: #FFFFFF;
}
.btn.btn--white i, input.btn--white[type=submit] i, .btn--white.input[type=submit] i, .button.btn--white i {
color: #0F0F0F;
}
.btn.btn--white:hover, input.btn--white:hover[type=submit], .btn--white.input:hover[type=submit], .button.btn--white:hover {
background: #e6e5e5;
}
.btn.btn--white:active, input.btn--white:active[type=submit], .btn--white.input:active[type=submit], .button.btn--white:active {
background: #bfbfbf;
}
.btn.btn--outline, input.btn--outline[type=submit], .btn--outline.input[type=submit], .button.btn--outline {
color: #222449;
background-color: transparent;
border: 1px solid #222449;
}
.btn.btn--outline i, input.btn--outline[type=submit] i, .btn--outline.input[type=submit] i, .button.btn--outline i {
color: #222449;
}
.btn.btn--outline:hover, input.btn--outline:hover[type=submit], .btn--outline.input:hover[type=submit], .button.btn--outline:hover {
background: rgba(0, 0, 0, 0);
}
.btn.btn--outline:active, input.btn--outline:active[type=submit], .btn--outline.input:active[type=submit], .button.btn--outline:active {
background: rgba(0, 0, 0, 0);
}
.btn.btn--outline:hover, input.btn--outline:hover[type=submit], .btn--outline.input:hover[type=submit], .button.btn--outline:hover {
background-color: rgba(34, 36, 73, 0.05);
}
.hero .btn, .hero input[type=submit], .hero .input[type=submit], .hero .button {
padding: 0 25px;
}
.btn--event-register, .button--event-register {
margin-top: 3rem;
}
/*
name: Label
description: label styles for form fields. labels can be hidden using `hidden`
code: |
Username
Username
*/
label,
.label {
display: block;
margin-bottom: 10px;
}
label:hover,
.label:hover {
cursor: pointer;
}
/*
name: Input
description: input styles are applied to all input fields
code: |
Volvo
Saab
Mercedes
Audi
*/
.select,
select {
background-size: 16px;
background-position: right 1em center;
background-repeat: no-repeat;
cursor: pointer;
}
.woocommerce-input-wrapper .select2-container--default {
display: block !important;
}
.woocommerce-input-wrapper .select2-container--default .select2-selection--single {
border: none;
border-bottom: 1px solid #000;
padding: 0 10px;
border-radius: 0;
height: 40px;
}
.select2-results .select2-results__option--highlighted[aria-selected],
.select2-results .select2-results__option--highlighted[data-selected] {
color: #7D0A0D;
}
.chosen-container-single .chosen-single {
background-image: none;
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
padding: 0;
cursor: pointer;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.chosen-container-single .chosen-single div {
width: 15px;
height: 15px;
top: 15px;
}
#gform_wrapper_2 .chosen-container-single .chosen-single,
#gform_wrapper_1 .chosen-container-single .chosen-single {
color: #FFFFFF;
}
.chosen-container-single .chosen-drop {
border: none;
border-radius: 0;
}
.chosen-container-single.chosen-with-drop .chosen-single {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
background-image: none;
background-color: transparent;
}
.daterangepicker {
border: none;
border-top: 1px solid #7D0A0D;
padding: 15px;
border-radius: unset;
-webkit-box-shadow: 0px 15px 15px #0000000d;
box-shadow: 0px 15px 15px #0000000d;
min-width: 180px;
}
@media (max-width: 1100px) {
.daterangepicker {
width: 85%;
}
}
.daterangepicker th.available:hover {
background-color: transparent;
}
.daterangepicker th.available:hover span {
border-color: #7D0A0D;
}
.daterangepicker:before, .daterangepicker:after {
display: none;
}
.daterangepicker td {
cursor: pointer;
}
.daterangepicker td.in-range {
background-color: rgba(125, 10, 13, 0.1);
}
.daterangepicker td.in-range:hover {
background-color: rgba(125, 10, 13, 0.1);
}
.daterangepicker td.active {
background-color: #7D0A0D;
}
.daterangepicker td.active:hover {
background-color: #7D0A0D;
}
.daterangepicker .ranges li {
font-size: 16px;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.daterangepicker .ranges li:hover, .daterangepicker .ranges li.active {
background-color: transparent;
color: #7D0A0D;
text-shadow: 0 0 1px #7D0A0D;
}
.daterangepicker .calendar-table td {
height: 20px;
line-height: 20px;
min-width: 28px;
padding: 5px;
cursor: pointer;
}
.daterangepicker .drp-buttons .btn, .daterangepicker .drp-buttons input[type=submit], .daterangepicker .drp-buttons .input[type=submit] {
padding: 10px;
line-height: 1.2;
height: auto;
}
.daterangepicker .drp-buttons .btn-primary {
background: #7D0A0D;
}
/*
name: Textarea
code: |
*/
textarea {
min-height: 160px;
padding: 1rem;
resize: none;
}
/*
name: Unordered and Ordered List
*/
ol, ul {
margin-left: 45px;
margin-bottom: 30px;
}
ol ol, ol ul, ul ol, ul ul {
margin-top: 5px;
margin-bottom: 0;
}
ol.list-unstyled, ul.list-unstyled {
margin: 0 0 30px 45px;
padding: 0;
list-style: none;
}
ol.list-unstyled ol, ol.list-unstyled ul, ul.list-unstyled ol, ul.list-unstyled ul {
list-style: none;
}
ol.list-inline, ul.list-inline {
margin: 0 0 30px 0;
}
ol.list-inline li, ul.list-inline li {
margin-right: 30px;
display: inline-block;
*display: inline;
}
ol li, ul li {
margin-bottom: 5px;
}
.hero-lost-content ol, .hero-lost-content ul {
margin-left: 0;
list-style: none;
}
.hero-lost-content ol li, .hero-lost-content ul li {
list-style: none;
padding-left: 2.6rem;
position: relative;
}
.hero-lost-content ol li:before, .hero-lost-content ul li:before {
content: '';
position: absolute;
top: 1.1rem;
left: 0;
width: 1.2rem;
height: 1.2rem;
background: url("/wp-content/themes/niesr/assets/img/chevron-right.svg") no-repeat center;
background-size: contain;
}
ol.main-points, ul.main-points {
margin-left: 0;
list-style: none;
}
ol.main-points li, ul.main-points li {
position: relative;
padding-left: 54px;
margin-bottom: 20px;
}
ol.main-points li::before, ul.main-points li::before {
content: "";
position: absolute;
left: 0;
top: 6px;
height: 24px;
width: 24px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
ol.main-points li:before, ul.main-points li:before {
background-image: url("/wp-content/themes/niesr/assets/img/arrow.png");
}
ol.benefits, ul.benefits {
margin-left: 0;
list-style: none;
}
ol.benefits li, ul.benefits li {
position: relative;
padding-left: 35px;
font-family: "Bree Serif", serif;
margin-bottom: 20px;
}
ol.benefits li::before, ul.benefits li::before {
content: "";
position: absolute;
left: 0;
top: 0.5rem;
height: 24px;
width: 24px;
background-position: center;
background-size: contain;
background-repeat: no-repeat;
}
ol.benefits li:before, ul.benefits li:before {
background-image: url("/wp-content/themes/niesr/assets/img/icons/circle-check.svg");
}
/*
name: Link
code: |
link me
*/
a {
outline: 0;
color: #7D0A0D;
text-decoration: none !important;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
a:hover {
color: #4e0608;
}
a.image-link {
background-color: transparent;
}
a.image-link:hover {
background-color: transparent;
}
.link--absolute {
position: absolute;
}
/*
name: Checkbox
description: input checkbox styled using before and after pseudo-element's
code: |
*/
.overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
background: rgba(0, 0, 0, 0.3);
}
/*
IFRAME
*/
.responsive-iframe {
position: relative;
padding-bottom: 56.25%;
/* 16:9 */
height: 0;
width: 100%;
}
.responsive-iframe iframe, .responsive-iframe div {
position: absolute;
top: 0;
left: 0;
display: block;
border: none;
width: 100% !important;
/*In case iframe have inline width*/
height: 100% !important;
/*In case iframe have inline height*/
}
@media (max-width: 671px) {
.responsive-iframe {
margin-top: 20px;
}
}
/*
name: table
*/
.responsive-table {
overflow-x: auto;
}
table {
margin-bottom: 30px;
border: 0;
width: 100%;
max-width: 100%;
}
@media (max-width: 599px) {
table {
margin-bottom: 15px;
}
}
table th {
color: #7D0A0D;
font-weight: 600;
border: 0;
border-bottom: 1px solid #7D0A0D;
text-align: left;
padding: 0 10px 10px 0;
}
table tr:first-of-type + tr td {
padding-top: 30px;
}
table td {
border: 0;
padding: 10px 10px 10px 0;
text-align: left;
}
.burger-line, .burger-line-1, .burger-line-2, .burger-line-3 {
height: 2px;
width: 100%;
background: black;
position: absolute;
left: 0;
-webkit-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}
.burger-line-1 {
top: 0;
}
.burger-line-2 {
top: 50%;
}
.burger-line-3 {
top: calc(100% + 1px);
}
.navbar__small-tools-burger.active .burger-line-1 {
-webkit-transform: rotate(135deg);
-ms-transform: rotate(135deg);
transform: rotate(135deg);
top: 50%;
}
.navbar__small-tools-burger.active .burger-line-2 {
opacity: 0;
left: 60px;
}
.navbar__small-tools-burger.active .burger-line-3 {
-webkit-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
transform: rotate(-135deg);
top: 50%;
}
.navbar__small-tools-burger.white .burger-line, .navbar__small-tools-burger.white .burger-line-1, .navbar__small-tools-burger.white .burger-line-2, .navbar__small-tools-burger.white .burger-line-3 {
background-color: #fff;
}
.filter-trigger {
position: absolute;
right: 20px;
}
.filter__response .woocommerce {
display: none;
}
.filter__response.wait {
opacity: 0.5;
pointer-events: none;
}
.filter__header.hidden {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
pointer-events: none;
}
.filter__header.fixed {
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
position: fixed;
left: 0;
width: 100%;
z-index: 9;
background-color: #fff;
}
.filter__header.fixed .filter__header-wrapper {
margin-bottom: 0;
}
@media (min-width: 1200px) {
.filter__header.fixed {
background-color: transparent;
}
.filter__header.fixed:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.05);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
z-index: -1;
}
.filter__header.fixed::before {
background-color: rgba(255, 255, 255, 0.7);
}
}
.filter__header-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 40px;
}
@media (max-width: 1100px) {
.filter__header-wrapper {
display: block;
}
}
.single:not(.single-people) .filter__title {
font-size: 40px;
font-family: "Lato", sans-serif;
font-weight: 300;
}
.single-people .filter__title {
font-size: 3.2rem;
}
.page-template-people .filter__title.small {
font-size: 30px;
font-family: "Lato", sans-serif;
font-weight: 400;
}
@media (max-width: 1100px) {
.filter__title:not(.small) {
cursor: pointer;
}
.filter__title:not(.small):after {
right: 20px;
top: 25px;
position: absolute;
content: "";
background: url(/wp-content/themes/niesr/assets/img/icons/chevron.svg) no-repeat;
background-position: center;
background-size: cover;
height: 15px;
width: 15px;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.filter__title:not(.small).active:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
}
@media (max-width: 767px) {
.filter__title {
font-size: 2.8rem !important;
}
.filter__title:after {
right: 0;
top: 15px;
}
}
.gallery {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.gallery figure {
padding: 0 10px;
}
@media (min-width: 769px) {
.gallery-columns-2 figure {
width: 50%;
}
.gallery-columns-3 figure {
width: 33%;
}
.gallery-columns-4 figure {
width: 25%;
}
.gallery-columns-5 figure {
width: 20%;
}
}
.navbar {
position: absolute;
top: 0;
left: 0;
padding: 30px 0;
width: 100%;
width: 100%;
max-width: 100%;
z-index: 10;
opacity: 1;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.navbar:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.05);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
z-index: -1;
}
.navbar__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.navbar a {
color: #000000;
}
.navbar a img {
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
body.admin-bar:not(.home):not(.page-template-default) .navbar {
top: 32px;
}
body .navbar.hidden {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
opacity: 0;
pointer-events: none;
}
.navbar.fixed {
position: fixed;
}
body.admin-bar .navbar.fixed {
top: 32px;
}
.navbar.fixed:before {
background-color: rgba(255, 255, 255, 0.7);
}
.navbar__container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar__logo-wrapp {
width: 220px;
height: 80px;
}
.navbar__logo-wrapp.outer {
left: 20px;
top: 10px;
z-index: 1;
}
.navbar__logo-wrapp.inner {
opacity: 0;
pointer-events: none;
max-width: 1px;
}
.navbar__top-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
list-style: none;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar__top-items-wrapp {
margin-bottom: 20px;
}
.navbar__top-item {
margin-left: 39px;
}
.navbar__top-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
width: auto;
}
.navbar__top-item a:before {
width: 20px;
height: 20px;
}
.navbar__top-item a:hover {
color: #7D0A0D;
}
.navbar__top-item a img {
margin-right: 10px;
}
.navbar__top-item-btn {
padding: 12px 53px;
}
.navbar__bottom-item {
margin-left: 25px;
}
.navbar__bottom-item:last-child .sub-menu {
left: auto;
right: 0;
}
.navbar__bottom-item:after {
content: "";
position: absolute;
bottom: -20px;
height: 20px;
width: 100%;
}
.navbar__bottom-item a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
line-height: 19px;
}
.navbar__bottom-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
list-style: none;
}
.navbar__bottom-items > li > a {
font-weight: bold;
}
.navbar__small-tools {
display: none;
}
.navbar__small-tools-burger {
height: 15px;
width: 25px;
position: relative;
cursor: pointer;
}
@media (min-width: 1200px) {
.navbar .navbar__top-item-text {
font-size: 16px;
margin-right: 7.1px;
}
.navbar__logo-wrapp.outer {
position: absolute;
}
.navbar__wrapper {
display: block;
}
.navbar__bottom-items > li > a span {
white-space: nowrap;
}
.navbar__bottom-item:hover > a {
color: #7D0A0D;
}
.navbar__bottom-item:hover img {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.navbar__bottom-item a img {
margin-top: 8px;
}
}
@media (max-width: 1200px) {
.navbar {
background: white !important;
}
.navbar:before {
-webkit-backdrop-filter: none;
backdrop-filter: none;
}
.navbar .navbar__top-item-text {
font-size: 24px;
}
.navbar.active {
position: fixed;
}
.navbar.active .navbar__all-items-wrapp {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.navbar__all-items-wrapp {
position: fixed;
top: 134px;
z-index: 1000000;
height: var(--mobile-menu-height);
left: 0;
width: 100%;
-webkit-transition: -webkit-transform 0.7s ease;
transition: -webkit-transform 0.7s ease;
-o-transition: transform 0.7s ease;
transition: transform 0.7s ease;
transition: transform 0.7s ease, -webkit-transform 0.7s ease;
-webkit-transform: translateX(-101%);
-ms-transform: translateX(-101%);
transform: translateX(-101%);
background: #f5f5f5;
}
.navbar__top-items {
margin: 0;
}
.navbar__top-items-wrapp {
background: #f5f5f5;
z-index: 1;
margin: 0;
position: absolute;
bottom: 0;
padding-top: 10px;
padding-bottom: 44px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.navbar__top-items-wrapp .menu-item {
display: none;
}
.navbar__top-item--btn-wrapp {
margin: 0 !important;
}
.navbar__top-item--btn-wrapp a {
width: calc(100vw - 72px);
text-align: center !important;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
height: 46px;
}
.navbar__bottom-items {
-webkit-box-orient: vertical !important;
-webkit-box-direction: normal !important;
-ms-flex-direction: column !important;
flex-direction: column !important;
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important;
padding-top: 68px;
padding-left: 36px;
padding-right: 36px;
margin: 0;
}
.navbar__bottom-items-wrapp {
-ms-overflow-style: none;
/* IE and Edge */
scrollbar-width: none;
/* Firefox */
height: calc(100vh - 189px);
overflow-y: scroll;
overflow-x: hidden;
}
.navbar__bottom-items-wrapp::-webkit-scrollbar {
display: none;
}
.navbar__bottom-item {
margin: 0;
width: 100%;
margin-bottom: 24px;
}
.navbar__bottom-item-ico {
padding: 10px;
padding-right: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: -webkit-transform 0.4s ease;
transition: -webkit-transform 0.4s ease;
-o-transition: transform 0.4s ease;
transition: transform 0.4s ease;
transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.navbar__bottom-item a {
font-size: 24px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.navbar__bottom-item a:hover {
color: #7D0A0D;
}
.navbar__bottom-item a img {
padding: 20px;
position: absolute;
right: 0;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
}
.navbar__bottom-item a.navitemactive span {
color: #7D0A0D;
}
.navbar__bottom-item a.navitemactive img {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.navbar__bottom-item > a {
font-weight: bold;
}
.navbar__small-tools {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.navbar__small-tools img {
cursor: pointer;
}
.navbar__small-tools-input-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 30px;
}
.navbar__small-tools-input-group img {
height: 22px;
width: 22px;
-o-object-fit: contain;
object-fit: contain;
cursor: pointer;
}
.navbar__small-tools-input-group input {
height: 22px !important;
margin-left: 15px;
font-size: 20px;
padding-left: 0;
padding-right: 0;
width: 0;
-webkit-transition: width 0.5s ease;
-o-transition: width 0.5s ease;
transition: width 0.5s ease;
overflow: hidden;
}
.navbar__small-tools-input-group input.active {
width: 200px;
}
}
@media (max-width: 767px) {
.navbar.active {
position: fixed;
}
.navbar__logo-wrapp {
width: 90px;
height: 33px;
}
.navbar__logo-wrapp.outer {
top: 30px;
}
.navbar__all-items-wrapp {
top: 93px;
height: var(--mobile-menu-height);
}
.navbar__top-items-wrapp {
padding-bottom: 80px;
}
}
.footer-blocks ul {
list-style: none;
margin-left: 0;
}
.footer-blocks ul a {
color: #000000;
}
.footer-blocks ul a:hover {
color: #7D0A0D;
}
.footer-blocks ul.menu > li {
margin-bottom: 25px;
}
.footer-blocks ul.menu > li > a {
margin-bottom: 19px;
font-size: 16px;
line-height: 19px;
font-family: "Bree Serif", serif;
}
.footer-blocks ul .sub-menu a {
font-size: 14px;
}
/*
name: Form Control
code: |
Email
*/
.form-control {
margin-bottom: 30px;
}
/*
name: Form Group
code: |
*/
.form-group {
margin-bottom: 30px;
}
.accordion__item {
overflow: hidden;
}
.accordion__panel {
padding: 0;
max-height: 0;
-webkit-transition: max-height .3s ease-in;
-o-transition: max-height .3s ease-in;
transition: max-height .3s ease-in;
}
.accordion__panel:not([aria-hidden="true"]) {
max-height: 1000px;
}
.tabs [role="tablist"] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 749px) {
.tabs [role="tablist"] {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.tabs [role="tab"] {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
border: 0;
text-transform: uppercase;
font-weight: 600;
font-size: 4rem;
margin-bottom: 45px;
padding-bottom: 30px;
background: transparent;
border-bottom: 1px solid #EEECED;
position: relative;
color: #EEECED;
}
@media (max-width: 1023px) {
.tabs [role="tab"] {
font-size: 3rem;
}
}
@media (max-width: 749px) {
.tabs [role="tab"] {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
border-bottom: 0;
margin-bottom: 0;
}
}
.tabs [role="tab"].current {
color: #0F0F0F;
}
.tabs [role="tab"].current:before {
content: '';
width: 50%;
height: 5px;
left: 50%;
bottom: 0;
background-color: #EEECED;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
@media (max-width: 749px) {
.tabs [role="tab"].current:before {
display: none;
}
}
.tabs .tab-content {
visibility: hidden;
opacity: 0;
height: 0;
}
.tabs .tab-content.current {
opacity: 1;
height: auto;
visibility: visible;
}
.tabs .button-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.card {
position: relative;
height: 100%;
}
.card .icon {
width: 14px;
height: 15px;
margin-right: 7px;
}
.latest .card .icon {
--color: #fff;
}
.latest .card {
background-color: rgba(0, 0, 0, 0.2) !important;
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
border-radius: 20px 20px 0 0;
}
.card h2,
.card h2 a {
font-size: 16px;
font-family: "Bree Serif", serif;
color: #000000;
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.latest .card h2, .latest
.card h2 a {
color: #FFFFFF;
}
.card h2 a:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
margin-top: -900px;
height: calc(100% + 900px);
}
.card:hover h2,
.card:hover h2 a {
color: #7D0A0D;
}
.latest .card:hover h2, .latest
.card:hover h2 a {
color: #FFFFFF;
}
.card .label {
position: absolute;
padding: 5px 10px;
color: #FFFFFF;
right: 30px;
bottom: 100%;
-webkit-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
font-size: 14px;
margin-bottom: 0;
text-transform: capitalize;
background-color: #222449;
}
.card.card-publication .label {
background-color: #B16C6D;
}
.card.card-project .label {
background-color: #222449;
}
.card.card-news .label {
background-color: #4199ED;
}
.card.card-post .label {
background-color: #7D0A0D;
}
.card.card-topic .label {
display: none;
}
.card.blog-archive__item-wrapp {
border-radius: 20px 20px 0 0;
background-color: #fafafa;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.card.blog-archive__item-wrapp .blog-archive__item-img-wrapp {
width: 100%;
overflow: hidden;
position: relative;
padding-top: 100%;
}
.card.blog-archive__item-wrapp .blog-archive__item-img-wrapp img {
min-width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
position: absolute;
top: 0;
}
.card.blog-archive__item-wrapp:hover .blog-archive__item-img-wrapp img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.card.blog-archive__item-wrapp .blog-archive__item-text-wrapp {
position: relative;
padding: 28px 20px;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.card.blog-archive__item-wrapp .blog-archive__item-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 12px;
color: #838383;
margin-top: auto;
}
.card.blog-archive__item-wrapp .blog-archive__item-details .blog-archive__item-detail-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.card.blog-archive__item-wrapp .blog-archive__item-details .blog-archive__item-detail-wrapp.post {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-top: 10px;
}
.card.blog-archive__item-wrapp .blog-archive__item-details .blog-archive__item-detail-wrapp.post .author {
margin-bottom: 5px;
}
.card.blog-archive__item-wrapp .blog-archive__item-details .blog-archive__item-detail-wrapp .author {
display: none;
}
.card.blog-archive__item-wrapp .blog-archive__item-details .blog-archive__item-detail-wrapp .author:first-of-type {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.card.blog-archive__item-wrapp .blog-archive__item-details .blog-archive__item-detail-wrapp .date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.latest .card.blog-archive__item-wrapp .blog-archive__item-details {
color: #FFFFFF;
}
.card.blog-archive__item-wrapp .blog-archive__item-detail-text {
font-size: 12px;
margin-bottom: 0;
}
.card-news:hover h2,
.card-news:hover h2 a {
color: #4199ED;
}
.latest .card-news:hover h2, .latest
.card-news:hover h2 a {
color: #FFFFFF;
}
.card-project:hover h2,
.card-project:hover h2 a, .card-theme:hover h2,
.card-theme:hover h2 a {
color: #222449;
}
.latest .card-project:hover h2, .latest
.card-project:hover h2 a, .latest .card-theme:hover h2, .latest
.card-theme:hover h2 a {
color: #FFFFFF;
}
.card-vacancy {
overflow: visible !important;
}
.card-vacancy .label {
background-color: #222449;
}
.card-vacancy .blog-archive__item-img-wrapp {
display: none;
}
.card-vacancy h2 a:after {
height: 100px;
margin-top: 0;
}
.card-publication:hover h2,
.card-publication:hover h2 a {
color: #B16C6D;
}
.latest .card-publication:hover h2, .latest
.card-publication:hover h2 a {
color: #FFFFFF;
}
.card-publication.publications-archive__item-wrapp {
background-color: #fafafa;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: auto;
}
.latest .card-publication.publications-archive__item-wrapp {
height: 100%;
}
.card-publication.publications-archive__item-wrapp.without-image {
overflow: visible;
}
.card-publication.publications-archive__item-wrapp.without-image h2 a:after {
margin-top: 0;
height: 100%;
}
.card-publication.publications-archive__item-wrapp .blog-archive__item-text-wrapp {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.card-publication .publications-archive__details-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 10px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 20px;
}
.card-publication .publications-archive__details-wrapp .publications-archive__item-detail {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.card-publication .publications-archive__details-wrapp .publications-archive__item-detail-ico {
height: 18px;
width: 16px;
-o-object-fit: contain;
object-fit: contain;
margin-right: 4px;
}
.card-publication .publications-archive__details-wrapp p {
font-size: 12px;
line-height: 16px;
max-width: 103px;
margin-bottom: 0;
}
.card-page {
background-color: #fafafa;
padding: 27px;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
height: 100%;
}
.card-page h2 a {
font-style: italic;
font-family: "Lato", sans-serif;
font-weight: 700;
}
.card-page a:after {
margin-top: 0;
height: 100%;
}
.card-page .blog-archive__item-text-wrapp .label {
display: none;
}
.card-theme .label {
background-color: #222449;
}
.card-forecast .label {
display: none;
}
.card-page h2 a:after {
margin-top: 0;
height: 100%;
}
.card.blue {
background-color: #4199ED;
padding: 20px;
position: relative;
}
.card.blue .label {
padding: 5px 10px;
color: #FFFFFF;
font-size: 14px;
display: inline-block;
background-color: #222449;
position: relative;
right: auto;
-webkit-transform: none;
-ms-transform: none;
transform: none;
margin-bottom: 10px;
}
.card.blue a {
color: #FFFFFF;
}
.card.blue h2 {
margin-bottom: 0;
display: block;
}
.card.blue h2 a:after {
margin-top: 0;
height: 100%;
}
.card.blue:hover a {
color: #222449;
}
.card-wrapper {
margin-bottom: 30px;
}
/*
name: Carousels
*/
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
width: 2.5rem;
height: 2.5rem;
background: transparent;
text-indent: -9999px;
}
.owl-carousel .owl-nav .owl-prev:after,
.owl-carousel .owl-nav .owl-next:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0.5;
background: url("/wp-content/themes/niesr/assets/img/icons/chevron-right.svg") no-repeat;
background-position: center;
background-size: contain;
}
.owl-carousel .owl-nav .owl-prev:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.owl-carousel .owl-dots {
width: 100%;
margin: 60px 0 0 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.owl-carousel .owl-dots .owl-dot {
width: 26px;
height: 3px;
margin: 0 0.4em;
background-color: #FFFFFF;
opacity: 0.4;
}
.owl-carousel .owl-dots .owl-dot.active {
opacity: 1;
}
.owl-carousel .owl-controls {
position: absolute;
top: 50%;
left: 0;
right: 0;
margin-top: -1.25rem;
}
.owl-carousel .owl-controls .owl-prev,
.owl-carousel .owl-controls .owl-next {
position: absolute;
left: 30px;
}
.owl-carousel .owl-controls .owl-next {
left: auto;
right: 30px;
}
.latest .owl-carousel .owl-controls {
top: auto;
bottom: 0;
}
.latest .owl-carousel .owl-controls span {
opacity: 0;
}
.latest .owl-carousel .owl-controls .owl-dot {
width: 25px;
}
.trackers .owl-carousel .owl-controls {
top: auto;
bottom: -25px;
}
.trackers .owl-carousel .owl-controls .owl-nav {
display: none;
}
.owl-carousel.company-carousel .company-logo {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 90px;
}
.hero__posts-wrapp .owl-item {
padding: 0;
padding-top: 20px;
height: 129px;
}
.hero__posts-wrapp .owl-stage {
padding-bottom: 46px;
}
.owl-theme .owl-dots .owl-dot {
width: 14px;
height: 14px;
}
.owl-theme .owl-dots .owl-dot span {
margin: 0;
background: transparent !important;
border: 1px solid #580608;
}
.owl-theme .owl-dots .owl-dot.active span {
background: #580608 !important;
}
.home-events__section-slider-wrapp .owl-nav {
position: absolute;
bottom: 0;
left: 50%;
z-index: 10000;
opacity: 0;
pointer-events: none;
}
.owl-carousel-trackers-home .owl-stage-outer {
border-radius: 33px;
}
.people-single__events-wrapp .owl-nav {
display: none;
}
.people-events-wrapp {
margin-bottom: 100px;
}
.owl-carousel {
height: 0;
overflow: hidden;
}
.owl-carousel.owl-loaded {
height: auto;
overflow: visible;
}
.search-result-title {
font-size: 45px;
text-align: center;
}
.search-no-results .search-results {
margin-bottom: 30px;
}
.search-results:not(.search) {
margin-top: 30px;
}
.search-results:not(.search)-section {
margin-bottom: 0px;
}
.search-results:not(.search)-section-title {
margin-bottom: 20px;
font-size: 30px;
}
.search-empty {
font-size: 24px;
font-weight: 400;
}
#s {
position: fixed;
top: 0;
width: 400px !important;
max-width: 100% !important;
left: 50%;
-webkit-transform: translate(-50%);
-ms-transform: translate(-50%);
transform: translate(-50%);
border: 2px solid #5a1f1f;
padding: 10px 20px !important;
height: unset !important;
border-top: 0;
padding-top: 10px !important;
-webkit-transform: translate(-50%, -101%);
-ms-transform: translate(-50%, -101%);
transform: translate(-50%, -101%);
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#s .active {
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
}
@media (max-width: 500px) {
#s {
width: 100% !important;
}
}
.search-form-wrapper {
position: fixed;
top: 0;
right: 0;
height: 100vh;
width: 100%;
overflow: hidden;
will-change: transform;
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
z-index: 20;
background: url("https://ik.imagekit.io/gxw4rbjnth2/wp-content/themes/niesr/assets/img/lines.png") no-repeat #fff;
background-size: cover;
background-position: center;
}
.search-form-wrapper .form-container {
position: absolute;
height: 100%;
width: 100%;
top: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.search-form-wrapper input[type=search] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: transparent;
color: #000000;
border: 0;
outline: 0;
border-bottom: 1px solid #000000;
font-size: 2.4rem;
padding: 1rem 9rem 1rem 4rem;
position: relative;
width: 100%;
background: url("/wp-content/themes/niesr/assets/img/magnify-glass.svg") no-repeat left center;
background-size: 25px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.search-form-wrapper .search-form {
position: relative;
background-color: rgba(255, 255, 255, 0.3);
-webkit-backdrop-filter: blur(4px);
backdrop-filter: blur(4px);
padding: 3rem 20%;
-webkit-transition: -webkit-transform 0.75s linear;
transition: -webkit-transform 0.75s linear;
-o-transition: transform 0.75s linear;
transition: transform 0.75s linear;
transition: transform 0.75s linear, -webkit-transform 0.75s linear;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
border-radius: 25px;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.search-form-wrapper ::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #000000;
}
.search-form-wrapper ::-moz-placeholder {
/* Firefox 19+ */
color: #000000;
}
.search-form-wrapper :-ms-input-placeholder {
/* IE 10+ */
color: #000000;
}
.search-form-wrapper :-moz-placeholder {
/* Firefox 18- */
color: #000000;
}
.search-form-wrapper.open-search {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
z-index: 20;
}
.search-form-wrapper.open-search .search-form {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.search-form-wrapper .close-button {
display: block;
height: 4rem;
width: 4rem;
position: absolute;
top: 60px;
right: 60px;
cursor: pointer;
overflow: hidden;
}
.search-form-wrapper .close-button > div {
position: relative;
}
.search-form-wrapper .close-button-block {
width: 40px;
height: 20px;
position: relative;
overflow: hidden;
}
.search-form-wrapper .close-button-block:before, .search-form-wrapper .close-button-block:after {
content: '';
position: absolute;
bottom: 0;
left: calc(55% - 3px);
display: block;
width: 2px;
height: 25px;
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center;
background: #000;
-webkit-transition: all ease-out 280ms;
-o-transition: all ease-out 280ms;
transition: all ease-out 280ms;
}
.search-form-wrapper .close-button-block:last-of-type {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.search-form-wrapper .close-button .in .close-button-block:before {
-webkit-transition-delay: 280ms;
-o-transition-delay: 280ms;
transition-delay: 280ms;
-webkit-transform: translateX(20px) translateY(-20px) rotate(45deg);
-ms-transform: translateX(20px) translateY(-20px) rotate(45deg);
transform: translateX(20px) translateY(-20px) rotate(45deg);
}
.search-form-wrapper .close-button .in .close-button-block:after {
-webkit-transition-delay: 280ms;
-o-transition-delay: 280ms;
transition-delay: 280ms;
-webkit-transform: translateX(-22px) translateY(-22px) rotate(-45deg);
-ms-transform: translateX(-22px) translateY(-22px) rotate(-45deg);
transform: translateX(-22px) translateY(-22px) rotate(-45deg);
}
.search-form-wrapper .close-button .out {
position: absolute;
top: 0;
left: 0;
}
.search-form-wrapper .close-button .out .close-button-block:before {
-webkit-transform: translateX(-5px) translateY(5px) rotate(45deg);
-ms-transform: translateX(-5px) translateY(5px) rotate(45deg);
transform: translateX(-5px) translateY(5px) rotate(45deg);
}
.search-form-wrapper .close-button .out .close-button-block:after {
-webkit-transform: translateX(5px) translateY(5px) rotate(-45deg);
-ms-transform: translateX(5px) translateY(5px) rotate(-45deg);
transform: translateX(5px) translateY(5px) rotate(-45deg);
}
.search-form-wrapper .close-button:hover .in .close-button-block:before, .search-form-wrapper .close-button:active .in .close-button-block:before {
-webkit-transform: translateX(-5px) translateY(5px) rotate(45deg);
-ms-transform: translateX(-5px) translateY(5px) rotate(45deg);
transform: translateX(-5px) translateY(5px) rotate(45deg);
}
.search-form-wrapper .close-button:hover .in .close-button-block:after, .search-form-wrapper .close-button:active .in .close-button-block:after {
-webkit-transform: translateX(5px) translateY(5px) rotate(-45deg);
-ms-transform: translateX(5px) translateY(5px) rotate(-45deg);
transform: translateX(5px) translateY(5px) rotate(-45deg);
}
.search-form-wrapper .close-button:hover .out .close-button-block:before, .search-form-wrapper .close-button:active .out .close-button-block:before {
-webkit-transform: translateX(-20px) translateY(20px) rotate(45deg);
-ms-transform: translateX(-20px) translateY(20px) rotate(45deg);
transform: translateX(-20px) translateY(20px) rotate(45deg);
}
.search-form-wrapper .close-button:hover .out .close-button-block:after, .search-form-wrapper .close-button:active .out .close-button-block:after {
-webkit-transform: translateX(20px) translateY(20px) rotate(-45deg);
-ms-transform: translateX(20px) translateY(20px) rotate(-45deg);
transform: translateX(20px) translateY(20px) rotate(-45deg);
}
.search-form-wrapper .search-wrapper {
position: relative;
width: 100%;
}
.search-form-wrapper .search-submit {
position: absolute;
right: 0;
bottom: 10px;
height: 46px;
display: none;
}
.js-pagination {
text-align: center;
margin-top: 50px;
}
.js-pagination a, .js-pagination span {
margin: 0 10px;
font-size: 16px;
position: relative;
font-family: "Bree Serif", serif;
cursor: pointer;
color: #0F0F0F;
}
.js-pagination a .next, .js-pagination a .prev, .js-pagination span .next, .js-pagination span .prev {
margin: 0 20px;
}
.js-pagination span.current {
color: #FFFFFF;
}
.js-pagination span.current::before {
content: "";
border-radius: 50%;
height: 30px;
width: 30px;
background: #222449;
position: absolute;
top: 54%;
left: 48%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
}
.js-pagination.post span.current::before {
background: #7D0A0D;
}
.js-pagination.publication span.current::before {
background: #B16C6D;
}
.js-pagination.news span.current::before {
background: #4199ED;
}
.js-pagination.project span.current::before {
background: #222449;
}
.page-template-publication .js-pagination span.current::before {
background: #B16C6D;
}
.page-template-news .js-pagination span.current::before {
background: #4199ED;
}
.page-template-blog .js-pagination span.current::before {
background: #7D0A0D;
}
.page-template-projects .js-pagination span.current::before {
background: #222449;
}
.page-numbers {
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
}
.publications-single__side-item-link, .publications-single__side-item-download, .publications-single__side-item-text {
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.single-publication .publications-single__side-item-download {
color: #B16C6D;
}
.single-publication .publications-single__side-item-download:hover {
color: #5A1F1F !important;
font-weight: 500;
}
.single-news .publications-single__side-item-download:hover {
color: #4199ED;
font-weight: 500;
}
.single-news .publications-single__side-item-download {
color: #4199ED;
}
.single-post .publications-single__side-item-download:hover {
color: #7D0A0D;
font-weight: 500;
}
.single-post .publications-single__side-item-download {
color: #7D0A0D;
}
.single-projects .publications-single__side-item-download:hover {
color: #222449;
font-weight: 500;
}
.single-publication .publications-single__side-item-text:hover {
color: #5A1F1F !important;
font-weight: 500;
text-decoration: underline;
}
.single-news .publications-single__side-item-text:hover {
color: #4199ED;
font-weight: 500;
text-decoration: underline;
}
.single-post .publications-single__side-item-text:hover {
color: #7D0A0D;
font-weight: 500;
text-decoration: underline;
}
.single-projects .publications-single__side-item-text:hover {
color: #222449;
font-weight: 500;
text-decoration: underline;
}
.single-publication .publications-single__side-item-text a:hover {
color: #5A1F1F !important;
font-weight: 500;
text-decoration: underline;
}
.single-news .publications-single__side-item-text a:hover {
color: #4199ED;
font-weight: 500;
text-decoration: underline;
}
.single-post .publications-single__side-item-text a:hover {
color: #7D0A0D;
font-weight: 500;
text-decoration: underline;
}
.single-projects .publications-single__side-item-text a:hover {
color: #222449;
font-weight: 500;
text-decoration: underline;
}
.single-publication .publications-single__info a {
color: var(--theme-color);
font-weight: 500;
text-decoration: underline;
}
.single-news .publications-single__info a {
color: #4199ED;
font-weight: 500;
text-decoration: underline;
}
.single-post .publications-single__info a, .single-post .publications-single__poster-detail-text--theme {
color: #7D0A0D;
font-weight: 500;
text-decoration: underline;
}
.single-projects .publications-single__info a {
color: #222449;
font-weight: 500;
text-decoration: underline;
}
.single-publication .publications-single__side-item-link:hover {
background-color: #5A1F1F !important;
font-weight: 600;
color: white;
text-decoration: underline;
border-color: transparent;
}
.single-news .publications-single__side-item-link:hover {
background-color: #4199ED;
font-weight: 600;
color: white;
text-decoration: underline;
border-color: transparent;
}
.single-post .publications-single__side-item-link:hover {
background-color: #7D0A0D;
font-weight: 600;
color: white;
text-decoration: underline;
border-color: transparent;
}
.single-projects .publications-single__side-item-link:hover {
background-color: #222449;
color: white;
font-weight: 600;
text-decoration: underline;
border-color: transparent;
}
.page-numbers {
-webkit-transition: color 0.2s ease;
-o-transition: color 0.2s ease;
transition: color 0.2s ease;
}
@-webkit-keyframes paginationOut {
0% {
height: 0;
width: 0;
}
100% {
height: 30px;
width: 30px;
}
}
@keyframes paginationOut {
0% {
height: 0;
width: 0;
}
100% {
height: 30px;
width: 30px;
}
}
.js-pagination .page-numbers.current::before {
-webkit-animation: paginationOut 0.6s ease forwards;
animation: paginationOut 0.6s ease forwards;
}
.publications-single__side-item-download {
word-wrap: break-word;
}
.page-404-container {
padding-top: 150px;
padding-bottom: 150px;
margin-bottom: 0;
}
@media (max-width: 767px) {
.page-404-container {
margin-bottom: 0px;
padding: 0;
}
}
@media (min-width: 768px) {
.page-404-container .page-404-container .people-single__poster-img {
-o-object-fit: cover;
object-fit: cover;
}
}
.page-404-container .publications-single__breadcrumbs-wrapp {
margin-bottom: 31px;
}
.page-404-container .publications-single__poster-title {
margin-bottom: 31px;
}
.page-404-container::after {
display: none;
}
.page-404-link {
font-size: 16px;
line-height: 29px;
font-weight: bold;
background-color: #13142E;
color: #FFFFFF !important;
display: inline-block;
margin-top: 33px;
padding: 11px 67px;
}
.page-404-text {
font-size: 24px;
line-height: 34px;
font-family: "Open Sans", sans-serif;
}
.hubspot-form {
margin-bottom: 100px;
max-width: 700px;
width: 90%;
}
.hero .hubspot-form {
-ms-flex-item-align: center;
align-self: center;
}
.hbspt-form {
width: 90%;
}
.hero .hbspt-form {
-ms-flex-item-align: center;
align-self: center;
height: auto;
}
.hero .hbspt-form .hs-form-field {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero .hbspt-form label:not(.hs-error-msg) {
font-size: 12px;
-webkit-box-flex: 0;
-ms-flex: 0 0 15%;
flex: 0 0 15%;
margin-bottom: 5px;
}
@media (max-width: 1060px) {
.hero .hbspt-form label:not(.hs-error-msg) {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
}
}
.hero .hbspt-form .hs-error-msgs {
margin-left: 0;
margin-bottom: 0;
}
.hero .hbspt-form .hs-error-msgs label {
font-size: 12px;
font-weight: 700;
}
.hero .hbspt-form .input {
-webkit-box-flex: 1;
-ms-flex: 1 0 50%;
flex: 1 0 50%;
}
.hero .hbspt-form .input input {
height: 40px;
line-height: 40px;
}
.hero .hbspt-form .form-columns-2 label:not(.hs-error-msg) {
-webkit-box-flex: 0;
-ms-flex: 0 0 30%;
flex: 0 0 30%;
}
@media (max-width: 1060px) {
.hero .hbspt-form .form-columns-2 label:not(.hs-error-msg) {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
}
}
.hero .hbspt-form .form-columns-2 .input {
-webkit-box-flex: 1;
-ms-flex: 1 0 47.5%;
flex: 1 0 47.5%;
}
.hero .hbspt-form .hs_email .input,
.hero .hbspt-form .hs_email label,
.hero .hbspt-form select,
.hero .hbspt-form .input {
margin-bottom: 5px;
}
.hero .hbspt-form select {
padding: 0 1rem;
}
.hero .hbspt-form fieldset {
margin-bottom: 0 !important;
}
.hero .hbspt-form .hs_submit .hs-button {
margin-top: 0;
}
.hbspt-form fieldset {
width: 100%;
max-width: 100% !important;
margin-bottom: 20px !important;
}
@media (max-width: 400px) {
.hbspt-form fieldset > div:not(:last-child) {
margin-bottom: 20px;
}
.hbspt-form fieldset.form-columns-1 .input, .hbspt-form fieldset.form-columns-2 .input {
margin-right: 0 !important;
}
.hbspt-form fieldset.form-columns-1 .input select,
.hbspt-form fieldset.form-columns-1 .input input, .hbspt-form fieldset.form-columns-2 .input select,
.hbspt-form fieldset.form-columns-2 .input input {
width: 100% !important;
}
}
.hbspt-form input, .hbspt-form select {
border: 1px solid #580608;
}
.hbspt-form .form-columns-1 .hs-form-checkbox {
margin-top: 10px;
}
.hbspt-form .form-columns-1 .hs-input {
width: 100% !important;
}
.hbspt-form .form-columns-1 .hs-input[type=checkbox] {
margin-top: 10px;
width: 15px !important;
height: 15px;
margin-right: 15px;
}
.hbspt-form .form-columns-1 .hs-input[type=checkbox] + span {
padding-top: 10px;
}
.hbspt-form input[type=checkbox] {
visibility: visible;
left: 0;
}
.hbspt-form .legal-consent-container .hs-form-booleancheckbox-display {
position: relative;
}
.hbspt-form ul {
margin-left: 0;
}
.hbspt-form label {
font-weight: 600;
}
.hbspt-form select {
padding: 0 1rem;
}
.hs_email label {
margin-bottom: 10px;
}
.hs-richtext p {
margin-bottom: 25px;
font-size: 14px;
line-height: 18px;
}
.legal-consent-container .field.hs-form-field {
margin-bottom: 25px;
font-size: 14px;
line-height: 18px;
}
.legal-consent-container p {
font-size: 14px;
line-height: 18px;
}
.hero .legal-consent-container p {
font-size: 14px;
line-height: 18px;
}
.inputs-list {
list-style: none;
}
.hs_submit .hs-button {
background: #580608;
height: 40px;
padding: 0;
width: 150px;
font-size: 16px;
line-height: 16px;
margin-top: 20px;
}
.filter__section {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-bottom: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.filter__section label {
display: none;
}
@media (min-width: 1100px) {
.filter__section {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
}
@media (max-width: 1100px) {
.filter__section {
display: none;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
.filter__section select {
text-align: center;
height: 24px;
margin-right: 0;
border: none;
position: relative;
max-width: 70px;
position: relative;
background: url(/wp-content/themes/niesr/assets/img/icons/chevron.svg) no-repeat;
background-position: right 60%;
padding-right: 10px;
}
.filter__section label {
margin-right: 25px;
}
.filter__section button {
padding: 3px 15px;
background: #580608;
color: #FFFFFF;
border: none;
outline: none;
font-family: "Open Sans", sans-serif;
}
.custom-form-search-ico {
-o-object-fit: contain;
object-fit: contain;
cursor: pointer;
}
.custom-form-search-ico-arrow {
margin-right: 30px;
width: 10px;
height: 9px;
-o-object-fit: contain;
object-fit: contain;
}
@media (max-width: 1100px) {
.custom-form-search-ico-arrow {
margin: 0;
}
}
.custom-form-reset {
color: #000000;
font-weight: bold;
font-style: italic;
font-size: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
position: relative;
padding-left: 23px;
display: none;
}
.custom-form-reset:before {
content: '';
position: absolute;
left: 0;
top: 3px;
width: 16px;
height: 16px;
background: url(/wp-content/themes/niesr/assets/img/icons/close.svg) no-repeat center;
background-size: contain;
margin-right: 7px;
}
.custom-form-reset:hover {
color: #FF5C5C;
}
.filters-form-input-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 40px;
}
.filters-form-input-group.search {
margin-right: 10px;
}
.filters-form-input-group.search .search-input {
width: 100px;
background: transparent;
}
.filters-form-input-group.date {
position: relative;
width: 150px;
}
.filters-form-input-group.date.active {
width: 230px;
}
.filters-form-input-group.date input {
padding-left: 30px;
background-color: transparent;
cursor: pointer;
}
.filters-form-input-group.date:before {
content: "";
position: absolute;
left: 0;
background-image: url("/wp-content/themes/niesr/assets/img/icons/filter.svg");
background-size: contain;
width: 20px;
height: 20px;
z-index: -1;
}
.filters-form-input-group.date:after {
right: 2px;
position: absolute;
content: "";
background: url(/wp-content/themes/niesr/assets/img/icons/chevron.svg) no-repeat;
background-position: center;
background-size: cover;
height: 6px;
top: 50%;
width: 10px;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.filters-form-input-group.date.shown:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
@media (max-width: 1100px) {
.filters-form-input-group {
margin-bottom: 20px;
margin-right: 0;
width: 100% !important;
}
.filters-form-input-group > div, .filters-form-input-group input {
width: 100% !important;
}
.filters-form-input-group * {
text-align: left !important;
}
}
.select,
select {
background-size: 16px;
background-position: right 1em center;
background-repeat: no-repeat;
cursor: pointer;
padding: 0;
}
.publications-single__breadcrumbs-wrapp, .people-single__poster-breadcrumbs {
margin-bottom: 25px;
color: grey;
}
.breadcrumbs {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
font-size: 1.6rem;
margin-bottom: 30px;
font-weight: 600;
}
.breadcrumbs li {
margin: 0;
}
.breadcrumbs a {
color: black;
opacity: 0.6;
font-size: 1.6rem;
font-weight: 600;
}
.breadcrumbs a:hover {
color: var(--theme-color);
opacity: 1;
}
.breadcrumbs .item-current {
color: var(--theme-color);
}
.breadcrumbs .separator {
width: 24px;
height: 24px;
margin: 0 16px;
background: url(/wp-content/themes/niesr/assets/img/icons/chevron-right.svg) no-repeat center;
background-size: 7px;
}
@media (max-width: 767px) {
.breadcrumbs a {
font-size: 1.4rem;
}
.breadcrumbs .separator {
margin: 0 5px;
background-size: 6px;
}
}
.navbar .sub-menu {
position: absolute;
opacity: 0;
pointer-events: none;
top: 100%;
margin-top: 0;
margin-left: 0;
list-style: none;
border-top: 1px solid #7d0a0d;
background: #FFFFFF;
-webkit-box-shadow: 0px 15px 15px #0000000D;
box-shadow: 0px 15px 15px #0000000D;
}
.navbar .sub-menu .navbar__bottom-item {
margin-left: 0;
}
.navbar .sub-menu .navbar__bottom-item a img {
display: none;
}
.navbar .sub-menu .menu-item {
margin: 0;
margin-bottom: 16px;
}
.navbar .sub-menu .menu-item:last-child {
margin-bottom: 0;
}
@media (max-width: 1200px) {
.navbar .sub-menu {
position: relative;
opacity: 1;
padding: 0;
pointer-events: all;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
margin-top: 24px;
background: none;
max-height: 0;
overflow: hidden;
-webkit-transition: max-height .4s ease;
-o-transition: max-height .4s ease;
transition: max-height .4s ease;
}
.navbar .sub-menu .navbar__top-item-text {
font-size: 20px;
}
.navbar .sub-menu .menu-item:last-child {
margin-bottom: 26.5px;
}
.navbar .sub-menu a {
font-weight: 400 !important;
}
.navbar .sub-menu--active {
-webkit-transition: max-height 2.2s ease;
-o-transition: max-height 2.2s ease;
transition: max-height 2.2s ease;
max-height: 1000px;
}
}
@media (min-width: 1200px) {
.navbar .sub-menu {
width: 210px;
padding: 30px;
margin-top: 16px;
}
}
@media (max-width: 767px) {
.sidebar {
margin-bottom: 3rem;
}
}
.sidebar a {
color: #0F0F0F;
word-break: break-word;
margin-bottom: 10px;
}
.sidebar p, .sidebar a {
font-size: 1.6rem;
}
.sidebar__side-items-wrapp {
-ms-flex-item-align: start;
align-self: flex-start;
}
.sidebar__side-items-wrapp.active {
padding: 30px;
background-color: #f8f8f8;
}
.sidebar__side-item:not(:last-child) {
margin-bottom: 35px;
}
.sidebar__side-item-share-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.sidebar__side-item-share-ico {
color: #000000;
font-size: 3rem;
margin-right: 30px;
}
.sidebar__side-item-person-ico {
height: 18px;
width: 18px;
-o-object-fit: contain;
object-fit: contain;
margin-right: 6px;
}
.sidebar__side-item-link-download {
word-break: break-all;
}
.type-news .sidebar__side-item-link-download {
color: #4199ED;
}
.type-post .sidebar__side-item-link-download {
color: #7D0A0D;
}
.type-publication .sidebar__side-item-link-download {
color: #B16C6D;
}
.type-project .sidebar__side-item-link-download {
color: #222449;
}
.sidebar__side-item-link-download:hover {
-webkit-box-shadow: inset 0 -0.155rem var(--theme-color);
box-shadow: inset 0 -0.155rem var(--theme-color);
}
.sidebar__side-item-link.download {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: left;
background-color: #7D0A0D;
color: #fff;
}
.sidebar__side-item-link.download .icon {
display: block;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
margin-right: 15px;
width: 20px;
--color: #fff;
}
.sidebar__side-item-link.download .icon:before {
width: 15px;
}
.sidebar__side-item-link.download:hover {
color: #fff !important;
background-color: #65080b;
}
.sidebar__side-item-link.download:hover .icon {
-webkit-transform: translateY(4px);
-ms-transform: translateY(4px);
transform: translateY(4px);
}
.sidebar__side-item--downloads {
position: relative;
}
.sidebar__side-item--downloads:after {
content: "For members only";
bottom: calc(100% + 10px);
background-color: #FFFFFF;
padding: 5px 20px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
position: absolute;
-webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
font-size: 12px;
color: grey;
pointer-events: none;
white-space: nowrap;
-webkit-transition: opacity 0.1s ease;
-o-transition: opacity 0.1s ease;
transition: opacity 0.1s ease;
opacity: 0;
}
.sidebar__side-item--downloads:before {
content: "";
position: absolute;
bottom: calc(100% + 5px);
height: 10px;
width: 10px;
left: 50%;
background-color: white;
-webkit-transform: translateX(-50%) rotate(45%);
-ms-transform: translateX(-50%) rotate(45%);
transform: translateX(-50%) rotate(45%);
-webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
-webkit-transition: opacity 0.1s ease;
-o-transition: opacity 0.1s ease;
transition: opacity 0.1s ease;
opacity: 0;
pointer-events: none;
}
.sidebar__side-item-person-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
}
.sidebar__side-item-person-wrapp img {
margin-right: 10px;
}
.sidebar__side-item-person-wrapp p {
margin-bottom: 0;
}
.sidebar__side-item-link {
background-color: transparent;
border: 1px solid #000000;
color: #000000;
display: block;
text-align: center;
line-height: 1.3;
overflow: visible;
padding: 1.5rem;
height: auto;
}
.type-news .sidebar__side-item-link:hover {
color: #4199ED;
border-color: #4199ED;
}
.type-post .sidebar__side-item-link:hover {
color: #7D0A0D;
border-color: #7D0A0D;
}
.type-publication .sidebar__side-item-link:hover {
color: #B16C6D;
border-color: #B16C6D;
}
.type-project .sidebar__side-item-link:hover {
color: #222449;
border-color: #222449;
}
.sidebar__side-item-link-simple {
display: inline-block;
}
.sidebar__side-item-link-simple a:hover {
color: var(--theme-color);
}
.sidebar__side-items-wrapp--blog-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.sidebar__side-items-wrapp--blog-tags .sidebar__side-item-link {
display: inline-block;
overflow: hidden;
margin-right: 10px;
}
.sidebar__content-side-menu {
width: 100%;
padding: 30px;
background-color: #f8f8f8;
-ms-flex-item-align: start;
align-self: flex-start;
margin-right: 120px;
}
@media (max-width: 767px) {
.sidebar__content-side-menu {
padding: 1.5rem;
}
}
.sidebar__menu-items {
margin-left: 0;
list-style: none;
}
.sidebar__menu-items li {
list-style: none;
}
.sidebar__menu-items li a:hover, .sidebar__menu-items li a.active {
text-shadow: 0 0 1px #000;
}
.single__funder-wrapp, .single__partner-wrapp {
margin-top: 100px;
margin-bottom: 50px;
}
.single__funder-title-wrapp, .single__partner-title-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 28px;
}
.single__funder-title-wrapp h3, .single__partner-title-wrapp h3 {
margin-bottom: 0;
font-size: 3rem;
}
.single__funder-title-wrapp img, .single__partner-title-wrapp img {
margin-right: 10px;
width: 28px;
height: 30px;
-o-object-fit: contain;
object-fit: contain;
}
.single__funder-logo-wrapp, .single__partner-logo-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.single__funder-logo-wrapp img, .single__partner-logo-wrapp img {
width: auto;
max-height: 60px;
-o-object-fit: cover;
object-fit: cover;
margin-right: 10px;
}
.single .partner-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.single .partner-row img {
width: auto;
max-height: 120px;
-o-object-fit: cover;
object-fit: cover;
margin-right: 20px;
}
.people-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.people-row .item {
position: relative;
margin-bottom: 45px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.people-row .item:hover h3 a,
.people-row .item:hover h2 a {
color: #7D0A0D;
}
.people-row .item:hover .image-wrapper {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.people-row .image-wrapper {
height: 140px;
width: 200px;
-o-object-fit: cover;
object-fit: cover;
position: relative;
margin-right: 20px;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-box-flex: 0;
-ms-flex: 0 0 47.5%;
flex: 0 0 47.5%;
border-radius: 20px 20px 0 0;
overflow: hidden;
}
.people-row .image-wrapper img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
overflow: hidden;
}
.people-row h3, .people-row h3 a,
.people-row h2, .people-row h2 a {
font-weight: 400;
font-size: 2.4rem;
margin-bottom: 6px;
font-family: "Bree Serif", serif;
color: #000000;
line-height: 1.2;
word-break: break-word;
}
@media (min-width: 1750px) {
.people-row h3, .people-row h3 a,
.people-row h2, .people-row h2 a {
font-size: 2.6rem;
}
}
.people-row a:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.people-row .people-archive__content-section-item-job {
font-size: 1.6rem;
font-family: "Lato", sans-serif;
font-weight: 300;
display: -webkit-box;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
/* autoprefixer: off */
}
@media (min-width: 1750px) {
.people-row .people-archive__content-section-item-job {
font-size: 2rem;
}
}
.people-row .shadow {
-webkit-box-shadow: 0px 15px 15px #0000001C;
box-shadow: 0px 15px 15px #0000001C;
}
.people-row .details {
-webkit-box-flex: 0;
-ms-flex: 0 0 45%;
flex: 0 0 45%;
}
.topic-faq {
padding: 50px 0;
margin: 0;
position: relative;
background-color: rgba(255, 255, 255, 0.5);
}
.topic-faq .background-image-container {
width: 50%;
position: absolute;
top: 0;
right: 0;
height: 100%;
max-height: 557px;
}
.topic-faq .background-image-container img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
min-width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
z-index: 2;
}
@media (max-width: 767px) {
.topic-faq .background-image-container {
width: 100%;
position: relative;
height: 320px;
}
}
.topic-faq__items {
margin-top: 25px;
margin-bottom: 50px;
padding-right: 50px;
}
@media (max-width: 767px) {
.topic-faq__items {
padding-right: 0;
}
}
.topic-faq__item {
margin-bottom: 15px;
}
.topic-faq .tab-title {
cursor: pointer;
position: relative;
}
.topic-faq .tab-title h3 {
color: #000000;
}
.topic-faq .tab-title h3:hover, .topic-faq .tab-title h3.active {
color: #7D0A0D;
}
.topic-faq .tab-title:after {
content: '';
width: 2rem;
height: 2rem;
position: absolute;
right: 1rem;
top: 1rem;
background: url("/wp-content/themes/niesr/assets/img/chevron-down.svg") no-repeat center;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.topic-faq .tab-title.active:after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
}
.topic-faq .tab-content {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.2s ease-out;
-o-transition: max-height 0.2s ease-out;
transition: max-height 0.2s ease-out;
}
@media (max-width: 767px) {
.topic-faq .content-wrapper {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
}
.image-slider .owl-controls {
display: none;
}
.image-slider .slider__item {
overflow: hidden;
min-height: 400px;
}
@media (max-width: 767px) {
.image-slider .slider__item {
overflow: hidden;
}
}
@media (max-width: 767px) {
.image-slider .slider__content {
max-width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
}
}
.image-slider .slider__image {
position: relative;
min-height: 400px;
}
@media (max-width: 767px) {
.image-slider .slider__image {
max-width: 100%;
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
margin-top: 50px;
min-height: 320px;
}
}
.image-slider .slider__image .background-image-wrapper {
height: 100%;
position: absolute;
width: calc(100% - 1.5rem);
top: 0;
right: 0;
}
@media (max-width: 767px) {
.image-slider .slider__image .background-image-wrapper {
position: relative;
min-height: 320px;
width: 100%;
}
}
.image-slider .slider__image .background-image-wrapper img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
min-width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
z-index: 2;
}
.slider-images {
padding: 150px 0 150px 0;
background-color: rgba(255, 255, 255, 0.6);
}
.slider-images h2 {
margin-bottom: 4rem;
}
.slider-images p {
color: #000000;
opacity: 0.6;
}
.slider-images .container:after {
content: "";
width: 400px;
height: 400px;
position: absolute;
background: rgba(0, 0, 0, 0.1);
-webkit-backdrop-filter: blur(21px);
backdrop-filter: blur(21px);
right: -50px;
top: -50px;
opacity: 0.34;
}
@media (max-width: 767px) {
.slider-images .container:after {
bottom: 25px;
top: unset;
}
}
.slider-images .owl-nav {
display: none;
}
.slider-images .slider-counter {
left: 42.65%;
font-family: "Open Sans", sans-serif;
}
.slider-images .slider-counter .divider {
margin-left: 5px;
margin-right: 5px;
}
@media (max-width: 767px) {
.slider-images .slider-counter {
left: 0;
bottom: 0;
}
}
.slider-images .slider-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
position: absolute;
bottom: -20px;
left: 62%;
z-index: 11;
}
.slider-images .slider-nav #next-slide {
margin-left: 20px;
}
@media (max-width: 1060px) {
.slider-images .slider-nav {
left: 63.3%;
}
}
@media (max-width: 767px) {
.slider-images .slider-nav {
bottom: 9px;
left: 90px;
}
.slider-images .slider-nav #next-slide {
margin-left: 10px;
}
}
.chosen-container-single {
width: auto !important;
}
.chosen-with-drop a:after {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.chosen-single span {
line-height: 1.2;
}
@media (min-width: 1100px) {
.chosen-single {
max-width: 200px !important;
}
}
.chosen-single:hover {
color: #7D0A0D;
}
.chosen-single:after {
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
right: 0;
position: absolute;
content: "";
background: url(/wp-content/themes/niesr/assets/img/icons/chevron.svg) no-repeat;
background-position: center;
background-size: cover;
height: 6px;
top: 50%;
width: 10px;
}
.chosen-drop {
min-width: 235px !important;
padding: 10px 20px;
border-top: 1px solid #7D0A0D !important;
background: #ffffff !important;
-webkit-box-shadow: 0px 15px 15px #0000000d !important;
box-shadow: 0px 15px 15px #0000000d !important;
}
@media (max-width: 1100px) {
.chosen-drop {
width: 100% !important;
}
}
.chosen-search input[type="text"] {
border: none !important;
padding: 5px !important;
background-color: #fafafa;
}
.chosen-results {
max-height: 400px !important;
}
.chosen-results li.active-result {
font-size: 16px;
margin: 10px 0;
padding: 0;
line-height: 1.2 !important;
cursor: pointer;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.chosen-results li.active-result:first-child {
display: none;
}
@media (max-width: 1100px) {
.chosen-results li.active-result {
margin-bottom: 20px;
}
}
.chosen-results li.active-result.result-selected, .chosen-results li.active-result.highlighted {
background: transparent;
color: #7D0A0D;
text-shadow: 0 0 1px #7D0A0D;
}
/*
name: Contact Details
code: |
*/
.contact-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.contact-details .item {
margin-bottom: 15px;
padding-left: 3.25rem;
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
}
.contact-details .item:before {
content: '';
position: absolute;
top: 0.5rem;
left: 0;
width: 2.25rem;
height: 2rem;
}
.contact-details .item.title h3 {
margin-bottom: 0;
}
.contact-details .item.title:before {
top: 0.7rem;
background: url("/wp-content/themes/niesr/assets/img/icons/circle-user.svg") no-repeat;
background-position: center;
background-size: contain;
}
.contact-details .item.position:before {
background: url("/wp-content/themes/niesr/assets/img/icons/briefcase-blank.svg") no-repeat;
background-position: center;
background-size: contain;
}
.contact-details .item.email:before {
background: url("/wp-content/themes/niesr/assets/img/icons/envelopes-bulk.svg") no-repeat;
background-position: center;
background-size: contain;
}
.contact-details .item.phone:before {
background: url("/wp-content/themes/niesr/assets/img/icons/telephone.svg") no-repeat;
background-position: center;
background-size: contain;
}
.contact-details .btn, .contact-details input[type=submit], .contact-details .input[type=submit] {
margin-top: auto;
}
.section__login {
padding: 60px 0;
width: 100%;
height: auto;
opacity: 1;
color: #FFFFFF;
position: relative;
z-index: 1;
}
.section__login:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("/wp-content/themes/niesr/assets/img/login-bg.png") #222449 no-repeat center center;
background-size: cover;
z-index: -1;
}
.section__login h1, .section__login h2, .section__login h3, .section__login a, .section__login p, .section__login label {
color: #FFFFFF;
}
.section__login h1 {
margin-bottom: 5px;
}
.section__login .background-blur {
width: 47.5%;
height: 100%;
position: absolute;
background-color: rgba(0, 0, 0, 0.2) !important;
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
top: 0;
left: 0;
}
@media (max-width: 767px) {
.section__login .background-blur {
width: 100%;
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
}
@media (min-width: 767px) {
.section__login .form-wrapper {
padding-right: 60px;
}
}
.section__login .content-wrapper h2 {
font-family: "Lato", sans-serif;
}
.section__login .content-wrapper ul.benefits {
margin-top: 20px;
}
.section__login .content-wrapper ul.benefits li {
font-family: "Lato", sans-serif;
}
.section__login .content-wrapper ul.benefits li:before {
top: 0.3rem;
background-image: url("/wp-content/themes/niesr/assets/img/icons/check-double.svg");
}
.section__login .text-after-benefits {
margin: 2rem 0 3rem;
}
.section__login .text-after-benefits p {
margin-bottom: 3px;
}
.section__login .lost_password a:hover {
opacity: 0.8;
}
.section__login--member .background-blur {
width: 100%;
background-color: rgba(0, 0, 0, 0.1) !important;
-webkit-backdrop-filter: blur(2px);
backdrop-filter: blur(2px);
}
.section__login--member .woocommerce-form-login {
margin-top: 0 !important;
max-width: 500px;
}
.section__login--member button[type=submit] {
margin-top: 20px !important;
}
.section__login--member .woocommerce-form-login__rememberme {
margin-top: 30px !important;
}
.section__login--member .woocommerce h2 {
display: none;
}
/****HEADER********/
#menu-main-menu {
margin-bottom: 0;
}
.menu-item-has-children {
position: relative;
}
.menu-item-has-children:hover .sub-menu {
opacity: 1;
pointer-events: all;
}
@media (max-width: 1150px) {
.menu-item-has-children {
margin-bottom: 0 !important;
}
}
/*
name: Hero
*/
.hero + section,
.hero + div {
padding-top: 60px;
}
.hero__socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 22px;
}
.hero__socials .icon {
width: 20px;
height: 20px;
margin-right: 20px;
}
@media (min-width: 500px) {
.hero__socials .icon {
margin-right: 40px;
}
}
@media (min-width: 950px) {
.hero__socials .icon {
margin-right: 50px;
}
}
.hero .image-wrapper:not(:empty),
.hero .video-wrapper {
position: absolute;
width: 45%;
right: 0;
top: 0;
height: 100%;
z-index: 4;
margin: 0;
padding-bottom: 0;
overflow: hidden;
}
.hero .image-wrapper:not(:empty).empty,
.hero .video-wrapper.empty {
display: none;
}
.hero .image-wrapper:not(:empty) img,
.hero .image-wrapper:not(:empty) iframe,
.hero .video-wrapper img,
.hero .video-wrapper iframe {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: auto;
height: auto;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
z-index: 2;
}
@media (max-width: 767px) {
.hero .image-wrapper:not(:empty) img,
.hero .image-wrapper:not(:empty) iframe,
.hero .video-wrapper img,
.hero .video-wrapper iframe {
height: 100%;
width: 100%;
}
}
.hero .image-wrapper:not(:empty) iframe,
.hero .video-wrapper iframe {
min-width: 100%;
min-height: 100%;
}
@media (max-width: 767px) {
.hero .image-wrapper:not(:empty),
.hero .video-wrapper {
width: 100%;
height: 400px;
position: relative;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.hero .embed-wrapper,
.hero .form-wrapper,
.hero .infographic-wrapper {
position: absolute;
width: 45%;
right: 0;
top: 0;
height: 100%;
z-index: 4;
margin: 0;
padding-bottom: 0;
overflow: hidden;
background-color: rgba(255, 255, 255, 0.1);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
}
.hero .embed-wrapper iframe,
.hero .form-wrapper iframe,
.hero .infographic-wrapper iframe {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
z-index: 2;
padding: 0 20px;
width: auto;
height: auto;
}
.hero .embed-wrapper iframe.map-sized,
.hero .form-wrapper iframe.map-sized,
.hero .infographic-wrapper iframe.map-sized {
width: 100%;
height: 100%;
}
@media (max-width: 767px) {
.hero .embed-wrapper,
.hero .form-wrapper,
.hero .infographic-wrapper {
width: 100%;
min-height: 300px;
position: relative;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-top: 20px;
}
}
.hero .infographic-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
@media (max-width: 767px) {
.hero .infographic-wrapper {
padding-top: 0;
}
}
.hero .prezi-design-embed {
width: 622px;
max-width: 100%;
margin-top: 24px;
}
@media (max-width: 767px) {
.hero .prezi-design-embed {
width: 100%;
}
}
.hero .prezi-design-embed iframe {
-o-object-fit: contain;
object-fit: contain;
padding: 0;
-o-object-position: center;
object-position: center;
}
.hero .form-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
overflow: visible;
}
@media (max-width: 767px) {
.hero .form-wrapper {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
.hero .form-wrapper .hbspt-form {
width: 85%;
margin-left: auto;
margin-right: auto;
}
.hero .form-wrapper form {
-ms-flex-item-align: center;
align-self: center;
width: 100%;
}
.hero p {
font-size: 2.4rem;
}
.hero .single__details p {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 0;
}
.hero .hero__background {
background-image: url("/wp-content/themes/niesr/assets/img/lines-no-bg.png");
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
pointer-events: none;
opacity: 1;
}
.hero.home-hero {
min-height: 700px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
margin: 0 auto;
position: relative;
padding-bottom: 50px;
margin-bottom: 30px;
}
@media (min-width: 1000px) {
.hero.home-hero .container {
margin-top: -50px !important;
}
.hero.home-hero .hero__btns-wrapp {
margin-top: 4rem;
}
}
@media (min-width: 1300px) {
.hero.home-hero {
min-height: 720px;
}
}
@media (max-width: 767px) {
.hero.home-hero {
margin-bottom: 0;
padding-bottom: 200px;
}
}
.hero.home-hero .hero__background {
background-image: url("https://ik.imagekit.io/gxw4rbjnth2/wp-content/themes/niesr/assets/img/lines-animated.png");
z-index: -1;
}
.hero.home-hero .image-wrapper {
top: 40px;
height: 60%;
-webkit-mask-image: url("/wp-content/themes/niesr/assets/img/pills-animated.svg");
mask-image: url("/wp-content/themes/niesr/assets/img/pills-animated.svg");
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
right: auto;
left: 55%;
}
@media (max-width: 767px) {
.hero.home-hero .image-wrapper {
width: 100%;
top: 25px;
height: 400px;
max-width: 100%;
position: relative;
left: 0;
}
}
@media (min-width: 1200px) {
.hero.home-hero .image-wrapper {
height: 63%;
left: 50%;
}
}
.hero.home-hero .hero__image {
height: auto;
max-width: 45%;
min-width: 100%;
min-height: 100%;
}
.hero.home-hero .hero__posts-wrapp {
position: absolute;
bottom: 15px;
right: 78px;
width: 850px;
max-width: 50%;
}
@media (max-width: 1750px) {
.hero.home-hero .hero__posts-wrapp {
max-width: 45%;
}
}
@media (max-width: 1250px) {
.hero.home-hero .hero__posts-wrapp {
right: 30px;
max-width: 40%;
}
}
@media (max-width: 767px) {
.hero.home-hero .hero__posts-wrapp {
bottom: 0;
left: 15px;
right: auto;
max-width: calc(100% - 20px);
}
}
.hero.home-hero .hero__posts-wrapp .hero__post {
margin-right: 20px;
position: relative;
padding: 20px;
padding-top: 26px;
background-color: rgba(255, 255, 255, 0.4);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.hero.home-hero .hero__posts-wrapp .hero__post .label {
position: absolute;
top: 0;
left: 20px;
background-color: #7D0A0D;
color: white;
width: 100px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding: 3px 25px;
font-size: 14px;
}
.hero.home-hero .hero__posts-wrapp .hero__post .label.project {
background-color: #222449;
}
.hero.home-hero .hero__posts-wrapp .hero__post .label.news {
background-color: #4199ED;
}
.hero.home-hero .hero__posts-wrapp .hero__post .label.vacancy {
background-color: #222449;
}
.hero.home-hero .hero__posts-wrapp .hero__post .label.publication {
background-color: #B16C6D;
}
.hero.home-hero .hero__posts-wrapp .hero__post p {
margin-bottom: 0;
}
.hero.home-hero .owl-dot {
background-color: transparent;
}
.hero.single__poster, .hero.basic__poster {
min-height: 610px;
background-color: #f3f1f1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
max-width: 100%;
margin: 0 auto;
position: relative;
}
.hero.single__poster h1, .hero.basic__poster h1 {
margin-bottom: 20px;
font-size: 4rem;
line-height: 1.2;
}
@media (max-width: 767px) {
.hero.single__poster h1, .hero.basic__poster h1 {
font-size: 2.8rem;
}
}
.hero .single__poster-content,
.hero .basic__poster-content {
max-width: 52%;
width: 705px;
}
.hero .single__poster-content {
padding-bottom: 150px;
padding-top: 100px;
}
.hero .single__poster-img,
.hero .basic__poster-img {
position: absolute;
right: 30px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 100%;
max-width: 40%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
z-index: 2;
}
.hero .container {
position: unset;
z-index: 2;
}
.hero .single__poster-main {
max-width: 450px;
}
.hero .single__subtitle {
margin-bottom: 20px;
text-transform: uppercase;
font-size: 15px;
}
.hero .single__get-involved-btn {
background: #B16C6D;
color: #000000;
padding: 10px 20px;
display: inline-block;
margin-bottom: 40px;
}
.hero .single__details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 100%;
font-size: 16px;
background: #e3e3e4;
margin-top: 51px;
padding: 35px 30px;
position: absolute;
bottom: 0;
}
.hero .single__details.empty {
display: none;
}
@media (max-width: 767px) {
.hero .single__details {
padding: 15px;
}
}
.hero .single__details .single__details-item:not(:last-child) {
margin-right: 30px;
}
@media (max-width: 767px) {
.hero .single__details .single__details-item:not(:last-child) {
margin-right: 15px;
}
}
.hero .single__details .single__poster-detail-title {
font-weight: 300;
}
.hero .single__details .single__poster-detail-title-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero .single__details .single__poster-detail-title-wrapp img {
margin-right: 10px;
max-height: 18px;
}
@media (max-width: 767px) {
.hero .single__details {
font-size: 14px;
}
}
.hero .single__details .single__poster-detail-content {
font-weight: normal;
line-height: 1;
margin-top: 10px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 300px;
}
.hero .single__details .single__poster-detail-content a {
color: #000000;
font-weight: normal;
font-style: normal;
display: inline-block;
}
.hero .single__details .single__poster-detail-content a:hover {
color: #7D0A0D;
}
.hero .single__details .single__poster-detail-content-image {
width: 118px;
height: 46px;
width: 118px;
-o-object-fit: contain;
object-fit: contain;
}
.hero .single__details .single__details-title-ico {
height: 20px;
width: 20px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
.hero.hero-publication {
padding-top: 100px;
padding-bottom: 100px;
position: relative;
margin-bottom: 50px;
}
.hero.hero-publication::after {
content: "";
background-color: #e5cfcf;
height: 100%;
width: 43%;
position: absolute;
right: 0;
bottom: 0;
z-index: -1;
}
.hero.hero-people .single__details {
width: auto;
}
.hero.hero-people .people-single__poster-socials-items {
margin-top: 30px;
}
.hero.hero-people .people-single__poster-socials-items a {
margin-right: 52px;
}
.hero.hero-people .people-single__poster-socials-items a:last-child {
margin-right: 0;
}
.hero.hero-topic .single__poster-content {
padding-bottom: 0;
}
.hero.hero-lost {
margin-bottom: 0;
}
.hero.hero-lost p + p {
font-size: 1.6rem;
}
.hero.hero-lost a {
font-style: italic;
color: #222449;
font-size: 1.6rem;
font-weight: 700;
}
.hero .hero__texts {
max-width: 52%;
}
.hero .hero__texts span {
color: #580608;
}
.hero .hero__small-text {
margin-bottom: 10px;
font-size: 20px;
}
.hero .hero__btns-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
@media (max-width: 1080px) {
.hero .hero__btns-wrapp a {
font-size: 1.4rem;
padding: 0 20px;
}
.hero .hero__btns-wrapp a + a {
margin-left: 10px;
}
}
@media (max-width: 920px) {
.hero .hero__btns-wrapp a {
font-size: 1.3rem;
padding: 0 15px;
}
}
.latest__item-wrapper-link {
color: white !important;
}
.hero__post {
width: 100%;
}
.hero__post a {
color: black;
}
.hero__post:hover p {
color: #7D0A0D;
}
.hero__small-text {
margin-bottom: 0;
font-size: 20px;
font-weight: 900;
color: black;
}
.hero__texts {
width: 642px;
max-width: 52%;
}
.hero__btn {
font-size: 16px;
font-weight: bold;
}
.hero__post {
margin-right: 0;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hero__post p {
font-size: 16px;
line-height: 21px;
font-weight: 400;
font-family: "Bree Serif", serif !important;
}
.hero__post a {
font-family: "Bree Serif", serif !important;
}
.about__title {
font-size: 45px;
margin-bottom: 0;
font-weight: 400;
}
.hero__post-link {
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
opacity: 0;
z-index: 1;
}
.hero__post-title {
height: 63px;
overflow: hidden;
}
@media (max-width: 1150px) {
.hero {
min-height: 780px;
}
}
.page-template-model-template .page-wrapper:before,
.page-template-membership .page-wrapper:before {
display: none;
}
.page-template-model-template .hero-model,
.page-template-membership .hero-model {
min-height: auto !important;
padding-top: 12rem;
width: 100%;
height: auto;
opacity: 1;
color: #FFFFFF;
position: relative;
z-index: 1;
}
.page-template-model-template .hero-model:after,
.page-template-membership .hero-model:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: url("/wp-content/themes/niesr/assets/img/login-bg.png") #222449 no-repeat center center;
background-size: cover;
z-index: -1;
}
.page-template-model-template .hero-model.is-bg,
.page-template-membership .hero-model.is-bg {
background-repeat: no-repeat;
background-size: cover;
background-position: center;
}
.page-template-model-template .hero-model.is-bg:after,
.page-template-membership .hero-model.is-bg:after {
display: none;
}
.page-template-model-template .hero-model__title,
.page-template-membership .hero-model__title {
color: #fff;
}
@media (min-width: 769px) {
.page-template-model-template .hero-model__title,
.page-template-membership .hero-model__title {
font-size: 5.8rem !important;
}
}
.page-template-model-template .hero-model__subtitle,
.page-template-membership .hero-model__subtitle {
color: #fff;
font-family: "Bree Serif", serif;
}
@media (min-width: 769px) {
.page-template-model-template .hero-model__subtitle,
.page-template-membership .hero-model__subtitle {
font-size: 1.6rem !important;
}
}
.page-template-model-template .hero__bottom,
.page-template-membership .hero__bottom {
margin-top: 4rem;
}
@media (min-width: 769px) {
.page-template-model-template .hero__bottom,
.page-template-membership .hero__bottom {
margin-top: 20rem;
}
}
.page-template-model-template .hero__bottom-title,
.page-template-membership .hero__bottom-title {
font-size: 32px;
margin-bottom: 4rem;
color: #fff;
}
@media (min-width: 769px) {
.page-template-model-template .hero__bottom-title,
.page-template-membership .hero__bottom-title {
max-width: 50%;
}
}
.page-template-model-template .hero__bottom-countries,
.page-template-membership .hero__bottom-countries {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-template-model-template .hero__bottom-countries .country,
.page-template-membership .hero__bottom-countries .country {
width: 50%;
background-color: #222449;
text-align: center;
padding: 15px;
}
@media (min-width: 769px) {
.page-template-model-template .hero__bottom-countries .country,
.page-template-membership .hero__bottom-countries .country {
padding: 34px;
width: 23%;
}
}
.page-template-model-template .hero__bottom-countries .country__content,
.page-template-membership .hero__bottom-countries .country__content {
font-size: 2rem;
text-transform: uppercase;
margin-bottom: 0;
}
.page-template-model-template .hero__bottom-countries .country__title,
.page-template-membership .hero__bottom-countries .country__title {
font-weight: bold;
font-size: 28px;
margin-bottom: 5px;
}
.page-template-model-template .section__company-carousel,
.page-template-membership .section__company-carousel {
padding-top: 10rem;
}
.page-template-model-template .section__company-carousel .owl-item,
.page-template-membership .section__company-carousel .owl-item {
padding-bottom: 20px;
}
.page-template-model-template .section__company-carousel .company-logo,
.page-template-membership .section__company-carousel .company-logo {
padding: 20px;
position: relative;
}
.page-template-model-template .section__company-carousel .company-logo:before,
.page-template-membership .section__company-carousel .company-logo:before {
content: '';
position: absolute;
height: 100%;
background-color: #fff;
border-radius: 20px;
width: calc(100% - 40px);
left: 20px;
z-index: -1;
-webkit-box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0 10px 10px 0px rgba(0, 0, 0, 0.1);
}
.page-template-model-template .model-infos,
.page-template-membership .model-infos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
color: #fff;
margin-bottom: 8rem;
margin-top: 3rem;
}
@media (min-width: 769px) {
.page-template-model-template .model-infos,
.page-template-membership .model-infos {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.page-template-model-template .model-infos__card,
.page-template-membership .model-infos__card {
width: 100%;
padding: 4rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
@media (min-width: 769px) {
.page-template-model-template .model-infos__card,
.page-template-membership .model-infos__card {
padding: 7rem 5rem;
}
}
.page-template-model-template .model-infos__card p, .page-template-model-template .model-infos__card h2,
.page-template-membership .model-infos__card p,
.page-template-membership .model-infos__card h2 {
margin: 0;
text-align: center;
}
.page-template-model-template .model-infos__card .card__title,
.page-template-membership .model-infos__card .card__title {
color: #fff;
font-family: "Lato", sans-serif;
font-weight: bold;
text-align: center;
}
@media (min-width: 769px) {
.page-template-model-template .model-infos__card .card__title,
.page-template-membership .model-infos__card .card__title {
font-size: 4.8rem;
}
}
.page-template-model-template .model-infos__card .card__content,
.page-template-membership .model-infos__card .card__content {
text-align: center;
}
.page-template-model-template .model-infos__card .card__image,
.page-template-membership .model-infos__card .card__image {
height: 100px;
width: 100px;
background-repeat: no-repeat;
background-size: contain;
margin-bottom: 3rem;
}
.page-template-model-template .model-infos__card:before,
.page-template-membership .model-infos__card:before {
content: '';
position: absolute;
height: 100%;
width: calc(100% - 3rem);
z-index: -1;
background-color: #222449;
}
.page-template-model-template .model-infos__card.featured:before,
.page-template-membership .model-infos__card.featured:before {
background-color: #4199ED;
}
.page-template-model-template .benefits__title,
.page-template-membership .benefits__title {
color: #fff;
margin-bottom: 9rem;
}
@media (min-width: 769px) {
.page-template-model-template .benefits__title,
.page-template-membership .benefits__title {
font-size: 4.8rem;
}
}
.page-template-model-template .benefit__title,
.page-template-membership .benefit__title {
color: #fff;
margin-bottom: 2rem;
}
.page-template-model-template .benefit__card,
.page-template-membership .benefit__card {
margin-bottom: 7rem;
}
.page-template-model-template .benefit__icon,
.page-template-membership .benefit__icon {
width: 30px;
height: 30px;
background-size: contain;
background-repeat: no-repeat;
margin-bottom: 2.5rem;
}
.page-template-model-template .topic-faq,
.page-template-membership .topic-faq {
background: #e8e8e8;
background: -o-linear-gradient(307deg, #e8e8e8 0%, white 100%);
background: linear-gradient(143deg, #e8e8e8 0%, white 100%);
padding-top: 10.8rem;
overflow: visible;
}
.page-template-model-template .topic-faq__title,
.page-template-membership .topic-faq__title {
margin-bottom: 5rem;
}
@media (min-width: 769px) {
.page-template-model-template .topic-faq__title,
.page-template-membership .topic-faq__title {
font-size: 4.8rem;
}
}
.page-template-model-template .topic-faq .tab-title.active h3,
.page-template-membership .topic-faq .tab-title.active h3 {
color: #7D0A0D;
}
.page-template-model-template .topic-faq .background-image-container,
.page-template-membership .topic-faq .background-image-container {
width: 100%;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
height: 300px;
}
@media (min-width: 769px) {
.page-template-model-template .topic-faq .background-image-container,
.page-template-membership .topic-faq .background-image-container {
width: 50%;
top: 90px;
height: 480px;
}
}
.page-template-model-template .section__contact h3,
.page-template-membership .section__contact h3 {
margin-bottom: 7rem;
}
@media (min-width: 769px) {
.page-template-model-template .section__contact h3,
.page-template-membership .section__contact h3 {
font-size: 4.8rem;
}
}
.page-template-model-template .section__contact .contact-details,
.page-template-membership .section__contact .contact-details {
-ms-flex-line-pack: start;
align-content: flex-start;
}
.page-template-model-template .section__contact .contact-details h3,
.page-template-membership .section__contact .contact-details h3 {
line-height: 1.2;
font-weight: normal !important;
}
@media (min-width: 769px) {
.page-template-model-template .section__contact .contact-details h3,
.page-template-membership .section__contact .contact-details h3 {
font-size: 2.6rem;
}
}
.page-template-model-template .section__contact .contact-details .btn--primary,
.page-template-membership .section__contact .contact-details .btn--primary {
background-color: #4199ED;
border-radius: 50px;
}
.page-template-model-template .reviews-slider,
.page-template-membership .reviews-slider {
padding: 150px 0 150px 0;
}
@media (min-width: 769px) {
.page-template-model-template .reviews-slider .section__title,
.page-template-membership .reviews-slider .section__title {
font-size: 4.8rem;
}
}
.page-template-model-template .reviews-slider .section__subtitle,
.page-template-membership .reviews-slider .section__subtitle {
max-width: 650px;
}
.page-template-model-template .reviews-slider-carousel,
.page-template-membership .reviews-slider-carousel {
margin-top: 3rem;
}
.page-template-model-template .reviews-slider .slider__content img,
.page-template-membership .reviews-slider .slider__content img {
max-height: 65px;
width: auto;
}
.page-template-model-template .reviews-slider .slider__content h2, .page-template-model-template .reviews-slider .slider__content h3, .page-template-model-template .reviews-slider .slider__content h4, .page-template-model-template .reviews-slider .slider__content h5, .page-template-model-template .reviews-slider .slider__content h6,
.page-template-membership .reviews-slider .slider__content h2,
.page-template-membership .reviews-slider .slider__content h3,
.page-template-membership .reviews-slider .slider__content h4,
.page-template-membership .reviews-slider .slider__content h5,
.page-template-membership .reviews-slider .slider__content h6 {
margin-bottom: 1rem;
margin-top: 1rem;
font-size: 3rem;
line-height: 1.1;
}
.page-template-model-template .reviews-slider .slider__item,
.page-template-membership .reviews-slider .slider__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.page-template-model-template .reviews-slider .slider__item > img,
.page-template-membership .reviews-slider .slider__item > img {
max-height: 300px;
width: auto;
margin-right: 4rem;
}
.page-template-model-template .reviews-slider .owl-stage-outer,
.page-template-membership .reviews-slider .owl-stage-outer {
overflow: visible;
}
.page-template-model-template .reviews-slider .owl-item,
.page-template-membership .reviews-slider .owl-item {
opacity: 0.17;
}
.page-template-model-template .reviews-slider .owl-item.active,
.page-template-membership .reviews-slider .owl-item.active {
opacity: 1;
}
.page-template-model-template .reviews-slider .owl-dots,
.page-template-membership .reviews-slider .owl-dots {
padding-top: 5rem;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.page-template-model-template .reviews-slider .owl-dot span,
.page-template-membership .reviews-slider .owl-dot span {
width: 15px;
height: 15px;
border: 1px solid #222449;
}
.page-template-model-template .reviews-slider .owl-dot.active span,
.page-template-membership .reviews-slider .owl-dot.active span {
background-color: #222449 !important;
}
/*
name: Section
code: |
*/
.section__related--items {
margin: 0;
padding-bottom: 50px;
background-color: rgba(255, 255, 255, 0.5);
}
.section__related--items.events {
padding-bottom: 80px;
}
.section__benefits {
margin: 60px 0;
position: relative;
}
@media (max-width: 767px) {
.section__benefits {
margin-bottom: 0;
}
}
.section__benefits .background-image {
position: absolute;
right: 0;
max-width: 45%;
width: 45%;
top: 0;
height: 100%;
}
@media (max-width: 767px) {
.section__benefits .background-image {
position: relative;
max-width: 100%;
width: 100%;
height: 220px;
}
}
.section__benefits .background-image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.section__company-carousel {
padding: 60px 0;
}
.section__company-carousel h2 {
margin-bottom: 20px;
font-size: 2rem;
}
.section__contact {
padding: 60px 0;
}
.section__contact .match-height {
height: 100%;
}
.related-sections {
margin-top: 60px;
}
.footer {
margin-top: auto;
padding-bottom: 50px !important;
padding-top: 36px !important;
background-color: rgba(38, 35, 36, 0.02);
-webkit-backdrop-filter: blur(15px);
backdrop-filter: blur(15px);
}
body.bbpress .footer {
margin-top: 5rem;
}
.home .footer {
background-color: rgba(38, 35, 36, 0.07);
-webkit-backdrop-filter: blur(5px);
backdrop-filter: blur(5px);
}
.footer__logo {
width: 150px;
}
.footer__block {
font-size: 12px;
margin-bottom: 25px !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.footer__block--social-media-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-top: 30px !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer__block--social-media-wrapp a {
margin-right: 25px !important;
}
.footer__block--social-media-wrapp a:last-child {
margin-right: 0 !important;
}
.footer__block-title {
font-size: 16px;
color: black;
margin-bottom: 20px !important;
font-family: "Bree Serif", serif;
}
.footer__block-text {
font-size: 16px;
line-height: 25px;
margin-bottom: 0 !important;
}
.footer__block a {
color: black;
font-size: 16px;
line-height: 1.2;
}
.footer__block a:hover {
color: #7D0A0D;
}
.footer__block-item {
line-height: 1;
margin-bottom: 10px !important;
}
.footer__block-item a.menu-link {
font-size: 14px;
}
.footer__block-items {
list-style: none;
margin: 0 !important;
}
.footer__block-item--title {
margin-bottom: 19px !important;
}
.footer__block-item--title a {
font-family: "Bree Serif", serif;
font-size: 16px;
}
.footer__accreditations {
height: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (max-width: 657px) {
.footer__accreditations {
margin-bottom: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
}
.footer__accreditations img {
height: 60px;
width: auto;
margin-left: 20px;
}
@media (max-width: 657px) {
.footer__accreditations img {
margin-left: 0 !important;
margin-right: 0 !important;
}
}
.footer__credits {
font-size: 16px;
color: black;
opacity: 0.5;
margin-top: 44px !important;
}
.footer__col--menu {
padding-top: 20px !important;
}
@media (max-width: 657px) {
.footer {
background: white;
padding-bottom: 20px !important;
}
.footer__col:first-child {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.footer__col--menu {
padding-top: 0 !important;
}
.footer__credits {
font-size: 16px;
line-height: 22px;
margin-top: 5px !important;
}
.footer__logo {
width: 190px;
}
.footer__block {
margin-bottom: 40px !important;
}
.footer__block--social-media-wrapp {
margin: 10px 0 !important;
}
.footer__block-item {
margin-bottom: 8px !important;
}
.footer__block-item a {
font-size: 14px !important;
line-height: 25px;
}
.footer__block-item--title {
margin-bottom: 20px !important;
}
.footer__block-item--title a {
font-size: 16px !important;
}
.footer__block--hide-on-small {
display: none;
}
}
.people-single__poster-desc {
font-size: 24px;
line-height: 34px;
font-family: "Open Sans", sans-serif;
max-height: 170px;
overflow: hidden;
}
.publications-single__poster-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 10px;
}
.publications-single__poster-details .publications-single__poster-detail {
margin-right: 25px;
}
.publications-single__poster-details .publications-single__poster-detail-title-wrapp {
margin-bottom: 10px;
}
/*2 option*/
.single-event .publications-single__poster::after {
opacity: 0;
}
.single-post .publications-single__poster::after {
display: none;
}
.single-post .publications-single__poster-img {
max-height: 100%;
}
.publications-single__poster-details {
background-color: #f3f1f1;
font-size: 16px;
}
.publications-single__side-items-wrapp--blog-tags .publications-single__side-item-link {
max-width: unset;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
line-height: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.people-single__projects-wrapp {
margin-bottom: 60px;
}
/* */
.publications-single__info-text-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 25px;
}
.publications-single__info-text-wrapp img {
margin-right: 20px;
-o-object-fit: contain;
object-fit: contain;
}
.publications-single__side-items-wrapp {
padding: 25px 35px;
background: #f8f8f8;
}
.publications-single__side-item {
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.publications-single__side-item-person-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.publications-single__side-item-title {
font-size: 24px;
font-weight: 400;
margin-bottom: 15px;
font-family: "Bree Serif", serif !important;
}
.publications-single__side-item-download {
margin-bottom: 5px;
display: block;
color: #b67678;
text-decoration: none;
}
.tribe-single-event-desc-with-side-menu-wrapp .publications-single__side-item-download {
color: #000000;
font-size: 16px;
margin-bottom: 5px;
}
.publications-single__side-item-link {
width: 100%;
text-align: center;
padding-top: 7px;
padding-bottom: 7px;
padding-right: 15px;
padding-left: 15px;
border: 1px solid #000000;
margin-bottom: 10px;
color: #000000;
text-decoration: none;
font-size: 15px;
}
.publications-single__side-item-person-wrapp {
margin-bottom: 10px;
}
.publications-single__side-item-person-wrapp {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.publications-single__side-item-person-wrapp img {
margin-right: 5px;
}
.publications-single__desc-text {
font-weight: bold;
margin-top: 30px !important;
font-size: 16px;
}
/**/
.page-template-projects .blog-archive__item-details {
display: none;
}
.people-single__content {
margin-bottom: 100px;
}
.people-single__content-desc p {
font-size: 16px;
line-height: 18px !important;
margin-bottom: 10px !important;
}
.people-single__publications-wrapp {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 15px;
}
.people-single__publications-title {
font-size: 24px;
}
.people-single__publication {
background: #d3d3d3;
padding: 15px;
}
.people-single__publication-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
font-size: 14px;
}
.people-single__publication-title {
font-size: 16px;
margin-bottom: 20px;
}
.people-single__publications {
margin-bottom: 50px !important;
}
.project-single__content .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.project-single__content-side-menu-items {
margin: 0;
list-style: none;
font-size: 16px;
font-family: "Open Sans", sans-serif;
white-space: nowrap;
}
.project-single__content-side-menu-item {
margin-bottom: 16px;
}
.project-single__content-side-menu-item--active {
font-weight: bold;
}
.project-single__content-main-section-subthemes {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
.project-single__content-main-section-subtheme {
padding: 10px;
border: 1px solid #000000;
text-align: center;
}
/**/
.project-single__details-item-title-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.project-single__poster-detail-content {
font-weight: bold;
margin-top: 20px;
height: 46px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.project-single__content-main-section {
margin-bottom: 65px;
}
@media (max-width: 767px) {
.project-single__content-main-section {
margin-bottom: 20px;
}
}
.project-single__content-main-section-investigators {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.project-single__content-main-section-title-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.project-single__content-main-section-title-wrapp img {
margin-right: 10px;
}
.project-single__content-main-section-title-wrapp h2 {
margin-bottom: 0;
font-size: 26px;
}
@media (max-width: 767px) {
.project-single__content-main-section-title-wrapp h2 {
font-size: 2.4rem !important;
line-height: 1.2 !important;
}
}
.project-single__content-main-section-title-wrapp {
margin-bottom: 20px;
margin-top: 20px;
}
.people-single__publication {
background: #f3f1f1;
padding: 28px 20px;
position: relative;
}
.people-single__publication::after {
content: "Publication";
position: absolute;
top: 0;
right: 36px;
background: #B16C6D;
color: #FFFFFF;
font-size: 16px;
padding: 4px 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.people-single__publications-title {
font-size: 40px;
margin-bottom: 35px;
font-family: "Lato", sans-serif;
font-weight: 300;
}
.people-single__publication-title {
font-size: 16px;
line-height: 21px;
font-family: "Bree Serif", serif;
}
.people-single__publication-title a {
font-family: "Bree Serif", serif;
}
.people-single__publication-title a {
color: #000000;
}
.event-single__info-item-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
}
.event-single__info-wrapp {
margin-bottom: 30px;
}
.publications-single__register-to-event {
background: #222449;
color: #FFFFFF;
font-size: 14px;
}
/**/
.single-post .publications-single__poster::after {
display: none;
}
.single-post .publications-single__poster-img {
max-height: 100%;
}
.access-restricted .publications-single__side-item--downloads:hover::after,
.access-restricted .publications-single__side-item--downloads:hover::before {
opacity: 1;
}
.project-single__details-title-ico {
height: 20px;
width: 20px;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center;
}
/**/
.news-single__content .people-single__content-desc p {
margin-top: 25px;
}
.publications-single__poster-details {
margin-top: 55px;
}
.project-single__content-side-menu-items {
margin: 0;
list-style: none;
font-size: 15px;
white-space: nowrap;
}
.project-single__content-side-menu-item--active {
font-weight: bold;
}
.project-single__content-main-section-subthemes {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
.project-single__content-main-section-subtheme {
padding: 10px;
border: 1px solid #000000;
text-align: center;
}
/****/
.project-single__content-main-section-investigators {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px;
}
.project-single__content-main-section-title-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.project-single__content-main-section-title-wrapp img {
margin-right: 10px;
}
.project-single__content-main-section-title-wrapp h2 {
margin-bottom: 0;
font-size: 26px;
}
.project-single__content-main-section-title-wrapp {
margin-bottom: 20px;
margin-top: 20px;
}
.project-single__poster-detail-content-image {
width: 118px;
height: 46px;
width: 118px;
-o-object-fit: contain;
object-fit: contain;
}
.single-event .publications-single__poster::after {
opacity: 0;
}
.event-single__info-item-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
}
.event-single__info-wrapp {
margin-bottom: 30px;
}
.publications-single__register-to-event {
background: #13142E;
color: white;
font-size: 14px;
}
/****/
.publications-archive__content-section-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 50px 20px;
}
.tribe-events-single-event-title {
font-size: 25px;
line-height: 32px;
}
.tribe-single-event-desc-with-side-menu-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.publications-single__side-items-wrapp {
-ms-flex-item-align: start;
align-self: flex-start;
}
.single-event-hero {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 50px;
}
.single-event-hero-content {
width: 45%;
margin-right: 50px;
}
.single-hero-event-img-wrapp {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.single-hero-event-img-wrapp img {
width: 100%;
}
.tribe-events-event-image {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.single-event__sponsors-wrapp {
margin-top: 30px;
}
.single-event__sponsors-wrapp:last-child {
margin-bottom: 50px;
}
.single-event__sponsors-title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 18px !important;
}
.single-event__sponsors-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
grid-gap: 25px;
}
.people-single__publications-wrapp {
grid-gap: 40px;
}
.people-single__posts-wrapp .latest__item {
background: #fafafa;
}
.people-single__content-desc p {
font-size: 20px !important;
line-height: 32px !important;
margin-bottom: 38px !important;
}
.people-single__content-desc h1 {
font-size: 40px;
line-height: 53px;
margin-bottom: 38px;
}
.people-single__content-desc h2 {
font-size: 32px;
}
.people-single__poster-social-title-wrapp {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
margin-bottom: 22px;
}
.people-single__poster-social-title-wrapp img {
margin-right: 10px;
}
.people-single__poster-socials {
width: 220px;
padding: 28px;
}
.latest .latest__item-details {
color: white !important;
}
.people-single__poster-title {
font-size: 40px;
line-height: 53px;
margin-bottom: 30px;
}
@media (min-width: 768px) {
.people-single__poster-img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.event-single-hero-detail {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
font-size: 20px;
}
.event-single-hero-detail img {
margin-right: 11px;
}
.event-single-hero-details {
margin-bottom: 50px;
}
.tribe-events-single-event-title {
font-size: 40px !important;
line-height: 53px !important;
margin-bottom: 60px !important;
}
.event-single-hero-register-to {
font-size: 16px;
display: inline;
padding: 14px 54px;
background: #222449;
color: white !important;
font-weight: bold;
border: none;
outline: none;
margin-right: 15px;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.event-single-hero-register-to:hover {
background-color: #13142E;
}
.event-single-hero-register-to.rsvp, .event-single-hero-register-to.get-tickets {
display: none;
}
.event-single-hero-register-to.get-tickets {
margin-bottom: 10px;
}
.tribe-events-single-event-description h1 {
font-size: 4rem;
line-height: 1.2;
}
.tribe-events-single-event-description h2 {
font-size: 3.6rem;
line-height: 1.2;
}
.tribe-events-single-event-description h3 {
font-size: 3.2rem;
line-height: 1.2;
}
.tribe-events-single-event-description h4 {
font-size: 2.4rem;
line-height: 1.2;
}
.tribe-events-single-event-description h5 {
font-size: 2rem;
line-height: 1.2;
}
.tribe-events-single-event-description p {
font-size: 2rem;
line-height: 1.4;
margin-bottom: 30px;
}
.publications-single__side-items-wrapp {
max-width: 300px;
padding: 30px;
}
.publications-single__side-items-wrapp--blog .publications-single__side-items-wrapp--blog-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.publications-single__side-items-wrapp--blog-tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.publications-single__side-item-share-ico {
font-size: 30px;
margin-right: 30px;
color: black;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
}
.facebook-side-ico:hover {
color: #486BA4;
}
.linkedin-side-ico:hover {
color: #486BA4;
}
.twitter-side-ico:hover {
color: #3F66DA;
}
.publications-single__side-item-share-wrapp {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.publications-single__side-item-share-wrapp img {
margin-right: 24.8px;
}
.publications-single__side-item {
margin-bottom: 35px;
}
.publications-single__side-item-title {
color: black;
}
.publications-single__side-item-person-ico {
margin-right: 6px;
}
.publications-single__side-items-wrapp--blog-tags {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.publications-single__side-items-wrapp--blog-tags .publications-single__side-item-link {
max-width: 100px;
}
.publications-single__side-items-wrapp--blog-tags .publications-single__side-item-link:first-child {
margin-right: 10px;
}
.publications-single__info--blog {
margin-right: 121px;
}
.publications-single__breadcrumbs-wrapp {
margin-bottom: 33px;
}
.publications-single__poster-title {
font-size: 40px;
color: black;
}
.publications-single__poster-subtitle {
font-family: "Open Sans", sans-serif;
font-size: 24px;
line-height: 34px;
}
.publications-single__poster-main {
width: 601px;
max-width: 56%;
}
.publications-single__poster-detail-title-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
}
.publications-single__poster-detail-title-wrapp img {
width: 16px;
height: 16px;
-o-object-fit: contain;
object-fit: contain;
margin-right: 6px;
}
.publications-single__poster-detail {
margin-right: 40px;
}
.publications-single__poster-detail * {
font-size: 16px;
color: black;
}
.publications-single__poster-details {
padding: 35px 30px;
max-width: 395px;
white-space: nowrap;
}
.hero .single__details .single__poster-detail-content--theme a {
font-style: italic;
font-weight: bold;
color: #222449;
font-weight: bold;
}
.hero .single__details .single__poster-detail-content--theme a:hover {
color: #7D0A0D;
}
nav.navigation.post-navigation {
display: none;
}
.publications-single__get-involved-btn {
padding: 14px 33px;
font-weight: bold;
margin-bottom: 0;
}
.publications-single__get-involved-btn a {
color: black !important;
}
.publications-single__founder-title-wrapp {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 28px;
}
.publications-single__founder-title-wrapp img {
margin-right: 10px;
width: 28px;
height: 30px;
-o-object-fit: contain;
object-fit: contain;
}
.publications-single__founder-wrapp {
margin-bottom: 50px;
}
.publications-single__founder-logo {
margin-right: 20px;
}
.publications-single__side-item-download {
font-size: 16px;
color: #983b3e;
}
.publications-single__side-item-download a {
color: #983b3e !important;
}
.single-project .people-single__poster-content {
width: 601px;
}
.people-single__poster-content {
padding-top: 50px;
}
@media (max-width: 1000px) {
.publications-single__info {
margin-right: 50px;
}
}
@media (max-width: 767px) {
.publications-single__poster {
padding: 0;
}
.publications-single__poster::after {
display: none !important;
}
.people-single__poster-img--on-small {
margin-bottom: 30px;
}
.publications-single__poster-main {
width: 100%;
max-width: 100%;
}
.publications-single__info {
margin-right: 0;
}
.publications-single__side-items-wrapp {
max-width: 100%;
width: 100%;
}
.single-publication .publications-single__info {
margin-right: 0px;
}
.single-publication .publications-single__poster-main {
max-width: 100%;
width: 100%;
}
.publications-single__additional-wrapp {
margin-top: 50px !important;
}
.publications-single__poster-title {
font-size: 32px;
}
.people-single__poster-content {
padding-top: 0px;
width: 100%;
}
.people-single__poster-desc {
max-height: unset;
overflow: unset;
}
.project-single__content-main-section-subthemes {
grid-template-columns: repeat(2, 1fr);
}
.single-project .people-single__poster-content {
width: 100%;
}
}
@media (max-width: 1055px) {
.project-single__content-side-menu {
margin-right: 40px;
}
}
@media (max-width: 950px) {
.project-single__content .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.project-single__content-side-menu {
width: 100%;
max-width: unset;
margin-bottom: 50px;
}
.project-single__content-side-menu li {
cursor: pointer;
}
}
@media (max-width: 1150px) {
.people-single__publications-wrapp {
grid-template-columns: repeat(2, 1fr);
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 560px) {
.people-single__publications-wrapp {
grid-template-columns: repeat(1, 1fr);
grid-template-columns: repeat(1, 1fr);
}
}
.event-single-hero-detail-ico {
height: 16px;
width: 16px;
-o-object-fit: contain;
object-fit: contain;
}
.people-single__projects-wrapp:last-child {
margin-bottom: 150px;
}
/**/
.people-archive__content-section {
margin-bottom: 98px;
}
.people-archive__content-section-items {
margin-bottom: 25px;
}
.people-archive__content-section-pagination {
text-align: center;
}
.people-archive__title .filter__title {
color: #000000;
}
.people-archive__content-section-title {
margin-bottom: 57px;
font-size: 30px;
color: #000000;
}
.people-archive__content-section-item-name {
font-weight: bold;
margin-bottom: 5px;
}
.people-archive__content {
margin-bottom: 100px;
}
/**/
.publications-archive__content-section-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 50px 20px;
}
.people-archive__header {
margin-bottom: 35px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.publications-archive__item-detail-text {
margin-bottom: 0;
}
.people-archive__content-section-items {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-column-gap: 20px;
grid-row-gap: 50px;
}
.people-archive__content-section-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.people-archive__content-section {
margin-bottom: 50px;
}
.people-archive__content-section-items {
margin-bottom: 25px;
}
.people-archive__content-section-pagination {
text-align: center;
}
.people-archive__content-section-item-name {
font-weight: 400;
font-size: 26px;
margin-bottom: 6px;
font-family: "Bree Serif", serif;
}
.people-archive__content {
margin-bottom: 100px;
}
.people-archive__all {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 25px;
}
.tribe-events-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.events-archive__content-item {
margin-bottom: 30px !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.events-archive__content-item:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.events-archive__content-item-img-wrapp {
width: 500px;
height: 300px;
-o-object-fit: cover;
object-fit: cover;
margin-right: 25px !important;
overflow: hidden;
}
.events-archive__content-item-img-wrapp img {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.events-archive__content-item-img-wrapp img,
.events-archive__content-item-img-wrapp a {
width: 100%;
height: 100% !important;
-o-object-fit: cover;
object-fit: cover;
}
.events-archive__content-item-description {
margin-bottom: 25px;
font-size: 16px;
line-height: 20px;
}
.events-archive__content-item-content {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.events-archive__content-item-content h2 {
line-height: 1.1;
}
.events-archive__content-item-content h2 a {
font-family: "Bree Serif", serif;
color: #000000;
font-size: 3.2rem;
}
.events-archive__content-item-content h2 a:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.events-archive__content-item-details-wrapp {
margin-top: 20px !important;
}
.tribe-events-single-section-title {
font-size: 16px;
}
.tribe-events-back {
display: none !important;
}
.publications-archive__content-section-pagination {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.publications-archive__content-section-pagination-items {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
list-style: none;
margin: 0 20px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.publications-archive__content-section-pagination-item {
margin: 0 10px;
position: relative;
font-size: 16px;
font-family: "Bree Serif", serif;
cursor: pointer;
}
.publications-archive__content-section-pagination--active {
color: white;
}
.publications-archive__content-section-pagination--active::before {
content: "";
border-radius: 50%;
height: 30px;
width: 30px;
background: #222449;
position: absolute;
top: 54%;
left: 48%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: -1;
}
.publications-archive__content-section-pagination-prev {
font-size: 16px;
font-family: "Bree Serif", serif;
cursor: pointer;
width: 63px;
text-align: center;
opacity: 0.3;
}
.publications-archive__content-section-pagination-next {
font-size: 16px;
font-family: "Bree Serif", serif;
cursor: pointer;
width: 63px;
text-align: center;
}
.events-archive__content-section {
margin-bottom: 100px;
}
.events-archive__content-section .home-events-slider-item-details {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 0;
}
.events-archive__content-item {
margin-bottom: 50px;
position: relative;
}
.events-archive-only-for-jouranlist {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 25px 0;
font-size: 20px;
font-weight: bold;
font-style: italic;
color: #6a6180;
}
.events-archive-only-for-jouranlist img {
margin-right: 10px;
}
.tribe-events-event-image {
margin: auto;
}
@media (max-width: 1100px) {
.people-archive__header {
display: block;
}
.people-archive__content {
margin-bottom: 0;
}
}
@media (max-width: 940px) {
.events-archive__content-item-img-wrapp {
height: 200px;
width: 350px;
}
}
@media (max-width: 767px) {
.events-archive__content-item {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.events-archive__content-item-img-wrapp {
height: 260px;
width: 100%;
max-width: 100%;
margin: 0 auto;
margin-bottom: 30px !important;
margin-right: 0 !important;
}
}
.archive-page-animation-in {
-webkit-animation: archiveItemsIn 0.3s ease forwards;
animation: archiveItemsIn 0.3s ease forwards;
}
.archive-page-animation-out {
-webkit-animation: archiveItemsOut 0.3s ease forwards;
animation: archiveItemsOut 0.3s ease forwards;
}
@-webkit-keyframes archiveItemsIn {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@keyframes archiveItemsIn {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes archiveItemsOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
}
@keyframes archiveItemsOut {
0% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
opacity: 0;
}
}
.people-single__publication {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.search-results-section-title {
margin-bottom: 35px !important;
}
.search__pages-item {
color: #000;
}
.search__pages-item-title {
font-family: "Lato", sans-serif;
color: #222449;
font-style: italic;
font-weight: bold;
font-size: 16px;
}
.search__pages-item-text {
font-size: 16px;
-webkit-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.search__pages-item:hover h2 {
color: #7D0A0D;
}
.search__pages-item p {
margin: 0;
}
.pages__content-section-items {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-column-gap: 20px;
grid-row-gap: 20px;
}
@media (max-width: 1150px) {
.pages__content-section-items {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 560px) {
.pages__content-section-items {
grid-template-columns: repeat(1, 1fr);
}
}
.search-form__search::-webkit-input-placeholder {
color: #0F0F0F !important;
}
.search-form__search::-moz-placeholder {
color: #0F0F0F !important;
}
.search-form__search:-ms-input-placeholder {
color: #0F0F0F !important;
}
.search-form__search::-ms-input-placeholder {
color: #0F0F0F !important;
}
.search-form__search::placeholder {
color: #0F0F0F !important;
}
.people-single__publications-wrapp {
margin-bottom: 20px;
}
.search-results .js-pagination {
margin-bottom: 100px;
}
.js-pagination-publication span.current::before {
background: #B16C6D;
}
.js-pagination-blog span.current::before {
background: #7D0A0D;
}
.js-pagination-news span.current::before {
background: #4199ED;
}
.js-pagination-publication span.current::before {
background: #B16C6D;
}
.js-pagination-publication span.current::before {
background: #B16C6D;
}
.search-form__search::-webkit-input-placeholder {
color: #0F0F0F !important;
}
.search-form__search::-moz-placeholder {
color: #0F0F0F !important;
}
.search-form__search:-ms-input-placeholder {
color: #0F0F0F !important;
}
.search-form__search::-ms-input-placeholder {
color: #0F0F0F !important;
}
.search-form__search::placeholder {
color: #0F0F0F !important;
}
.basic-page__section--slider h1 {
margin-bottom: 20px;
font-size: 22px;
font-family: "Bree Serif", serif;
font-weight: 400 !important;
}
.basic-page__section--slider h2 {
margin-bottom: 20px;
font-size: 22px;
font-family: "Bree Serif", serif;
font-weight: 400 !important;
}
.basic-page__section--slider h3 {
margin-bottom: 20px;
font-size: 22px;
font-family: "Bree Serif", serif;
font-weight: 400 !important;
}
.basic-page__section--slider h4 {
margin-bottom: 20px;
font-size: 22px;
font-family: "Bree Serif", serif;
font-weight: 400 !important;
}
.basic-page__section--slider h5 {
margin-bottom: 20px;
font-size: 22px;
font-family: "Bree Serif", serif;
font-weight: 400 !important;
}
.basic-page__section--purple {
padding: 82px 0;
background-color: #222449;
color: white;
position: relative;
}
.basic-page__section--purple:before, .basic-page__section--purple:after {
content: '';
position: absolute;
width: 600px;
height: 600px;
right: 0;
top: 0;
background: url("/wp-content/themes/niesr/assets/img/circles-events-back.svg") no-repeat;
background-size: contain;
}
.basic-page__section--purple:before {
left: 20%;
width: 100%;
height: 100%;
background: #7d0a0d;
background: -o-radial-gradient(circle, #7d0a0d 0%, #222449 100%);
background: radial-gradient(circle, #7d0a0d 0%, #222449 100%);
opacity: 0.3;
background-size: contain;
}
.basic-page__section--purple h1, .basic-page__section--purple h2, .basic-page__section--purple h3, .basic-page__section--purple h4, .basic-page__section--purple h5, .basic-page__section--purple p {
color: white;
}
.basic-page__section--purple p {
opacity: 0.7;
}
@media (max-width: 767px) {
.basic-page__section--purple.membership {
padding-bottom: 60px;
}
}
.basic-page__section--purple.membership:before {
display: none;
}
.basic-page__section--purple.membership:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url("/wp-content/themes/niesr/assets/img/lines-alt.png") repeat-y center center;
background-size: contain;
overflow: hidden;
z-index: -1;
}
.events-slider-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.events-slider-item:hover .btn--secondary {
background-color: #13142E;
color: #FFFFFF;
}
.events-slider-item-content-wrapp {
width: 35%;
margin-right: 100px;
}
.events-slider-item-content-wrapp h1 {
font-size: 18px;
margin-bottom: 15px;
}
.events-slider-item-content-wrapp h2 {
font-size: 18px;
margin-bottom: 15px;
}
.events-slider-item-content-wrapp h3 {
font-size: 18px;
margin-bottom: 15px;
}
.events-slider-item-content-wrapp h4 {
font-size: 18px;
margin-bottom: 15px;
}
.events-slider-item-content-wrapp h5 {
font-size: 18px;
margin-bottom: 15px;
}
.events-slider-item-title {
font-size: 24px;
margin-bottom: 20px;
}
.events-slider-item-desc-wrapp {
max-height: 200px;
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.events-slider-item-img-wrapp {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
height: 350px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.events-slider-item-img-wrapp::after {
content: "";
width: 75%;
height: 120%;
position: absolute;
background-color: #eeeeee;
right: 0;
top: 0;
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%);
z-index: 1;
}
.events-slider-item-img-wrapp img {
width: 90%;
height: 280px;
z-index: 2;
position: relative;
-o-object-fit: cover;
object-fit: cover;
}
.basic-page__section--slider .container {
width: 1000px;
}
.basic-page__section-slider-wrapp {
position: relative;
}
.slider-counter-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: absolute;
left: 57.5%;
bottom: -50px;
background-color: white;
font-size: 35px;
width: 350px;
padding: 30px 37px 30px 37px;
z-index: 10;
font-size: 32px;
letter-spacing: 4px;
font-weight: 300;
line-height: 38px;
}
.home-events .slider-counter-wrapper {
left: 42.5%;
}
@media (max-width: 767px) {
.home-events .slider-counter-wrapper {
bottom: auto;
top: 341px;
left: 0;
}
}
.slider-counter span {
font-size: 48px;
}
@media (max-width: 767px) {
.slider-counter {
font-size: 1.4rem;
}
.slider-counter span {
font-size: 1.8rem;
}
.slider-counter-wrapper {
width: 160px;
padding: 2px 17px;
}
}
.basic-page__section {
padding: 90px 0;
}
.basic-page__section--white {
background-color: rgba(255, 255, 255, 0.6);
}
.basic-page__section h2 {
margin-bottom: 60px;
}
.basic-page__section p {
margin-bottom: 32px;
line-height: 32px;
}
.events-slider-item-desc-wrapp {
font-size: 18px !important;
}
.events-slider-item-desc-wrapp h1 {
font-size: 18px !important;
margin-bottom: 0 !important;
}
.events-slider-item-desc-wrapp h2 {
font-size: 18px !important;
margin-bottom: 0 !important;
}
.events-slider-item-desc-wrapp h3 {
font-size: 18px !important;
margin-bottom: 0 !important;
}
.events-slider-item-desc-wrapp h4 {
font-size: 18px !important;
margin-bottom: 0 !important;
}
.events-slider-item-desc-wrapp h5 {
font-size: 18px !important;
margin-bottom: 0 !important;
}
.home-events__title {
font-weight: 400;
text-align: center;
}
.home-events {
padding-top: 70px;
padding-bottom: 70px;
}
.home-events .image-wrapper {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
.home-events .text-wrapper {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
@media (max-width: 767px) {
.home-events .image-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 100%;
}
.home-events .text-wrapper {
-webkit-box-flex: 1;
-ms-flex: 1 0 100%;
flex: 1 0 100%;
max-width: 100%;
}
}
@media (min-width: 767px) {
.home-events .image-wrapper {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
position: relative;
}
.home-events .home-events__section-slider-wrapp {
margin-top: 100px;
}
.home-events .home-events__section-slider-wrapp::after {
content: "";
width: 500px;
height: 500px;
position: absolute;
background: white;
right: -50px;
top: -50px;
z-index: -1;
}
.home-events .text-wrapper {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
.home-events__subtitle {
font-size: 3rem;
font-weight: 400;
text-align: center;
margin-bottom: 80px;
}
.home-events-slider-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.home-events-slider-item-title,
h3 a {
font-size: 3.2rem;
line-height: 1.2;
margin-bottom: 40px;
color: #000000;
}
.home-events-slider-item-title:hover,
h3 a:hover {
color: #7D0A0D;
}
.home-events__section-slider-wrapp:hover .btn--secondary {
background-color: #13142E;
}
h3.home-events-slider-item-title, h3.events-archive__content-item-title, h2.home-events-slider-item-title, h2.events-archive__content-item-title {
margin-bottom: 20px !important;
}
h3.home-events-slider-item-title a:after, h3.events-archive__content-item-title a:after, h2.home-events-slider-item-title a:after, h2.events-archive__content-item-title a:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
}
.home-events-slider-item-desc-wrapp {
max-height: 220px;
overflow: hidden;
font-size: 20px;
line-height: 32px;
opacity: 0.6;
margin-bottom: 57px;
}
.home-events-slider-item-desc-wrapp h2 {
font-size: 20px;
font-weight: 400;
}
.home-events-slider-item-img-wrapp {
position: relative;
max-width: 100%;
height: 500px;
width: 100%;
}
.home-events-slider-item-img-wrapp img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 1250px) {
.home-events-slider-item-img-wrapp {
height: 500px;
}
}
@media (max-width: 767px) {
.home-events-slider-item-img-wrapp {
width: 100%;
margin-bottom: 35px;
margin-top: 25px;
max-width: 100%;
height: 360px;
}
.home-events-slider-item-img-wrapp::after {
display: block;
width: 247px;
height: 271px;
-webkit-transform: translate(-8px, 0px);
-ms-transform: translate(-8px, 0px);
transform: translate(-8px, 0px);
}
.home-events-slider-item-img-wrapp img {
width: 100%;
}
}
@media (min-width: 1061) {
.home-events-slider-item-desc-wrapp {
max-width: 423px;
}
}
.home-events-slider-item-details {
font-size: 20px;
font-weight: 300;
margin-bottom: 55px !important;
margin-top: 20px !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 20px;
font-weight: 300;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.home-events-slider-item-details .home-events-slider-item-detail {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.home-events-slider-item-details .home-events-slider-item-detail img {
width: 20px;
height: 20px;
margin-right: 10px;
}
.home-events-slider-item-details .home-events-detail-text-wrapp,
.home-events-slider-item-details .event-time-content {
margin-right: 20px;
}
@media (max-width: 767px) {
.home-events-slider-item-details .home-events-slider-item-detail {
-webkit-box-flex: 1;
-ms-flex: 1 0 60%;
flex: 1 0 60%;
margin-right: 0;
}
.home-events-slider-item-details .home-events-slider-item-detail img {
width: 16px;
height: 16px;
}
}
.home-events-slider-item-link {
background: #222449;
color: white !important;
font-size: 16px;
padding: 11px 50px;
font-weight: 800;
}
.home-events__section-slider-wrapp {
position: relative;
}
.home-events__section-slider-wrapp #prev-slide {
margin-right: 20px;
}
.home-events-slider-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
cursor: pointer;
bottom: -12px;
left: 58.3%;
z-index: 11;
}
@media (max-width: 1250px) {
.home-events-slider-nav {
left: 61.3%;
}
}
@media (max-width: 1050px) {
.home-events-slider-nav {
left: 63.3%;
}
}
@media (max-width: 960px) {
.home-events-slider-nav {
left: 66.3%;
}
}
@media (max-width: 767px) {
.home-events-slider-nav {
top: 360px;
bottom: auto;
left: 90px;
}
.home-events-slider-nav #prev-slide {
margin-right: 10px;
}
.home-events-slider-nav .icon {
height: 14px;
width: 14px;
}
}
.basic-page__section-slider-wrapp #prev-slide {
margin-right: 20px;
}
.home-events {
z-index: 3;
position: relative;
}
.home-events-back-circles {
position: absolute;
top: 0;
left: 0;
width: 730px;
height: 730px;
-o-object-fit: contain;
object-fit: contain;
opacity: 0.7;
z-index: 0;
-webkit-transform: translate(-17%, -24%);
-ms-transform: translate(-17%, -24%);
transform: translate(-17%, -24%);
pointer-events: none;
}
.my-controls-btns {
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.my-controls-btns.icon-prev {
opacity: 0.149;
}
.my-controls-btns:hover {
--color: var(--theme-color);
opacity: 0.5;
}
@media (max-width: 1200px) {
.latest .latest__items {
grid-template-columns: repeat(3, 1fr);
}
.home-events-slider-item-img-wrapp::after {
display: none;
}
}
@media (max-width: 900px) {
.latest .latest__items {
grid-template-columns: repeat(2, 1fr);
}
}
.home-events-slider-item-desc-wrapp h1 {
font-family: "Lato", sans-serif;
}
.home-events-slider-item-desc-wrapp h2 {
font-family: "Lato", sans-serif;
}
.home-events-slider-item-desc-wrapp h3 {
font-family: "Lato", sans-serif;
}
.home-events-slider-item-desc-wrapp h4 {
font-family: "Lato", sans-serif;
}
.home-events-slider-item-desc-wrapp h5 {
font-family: "Lato", sans-serif;
}
@media (max-width: 767px) {
.home-events__title::after {
content: "";
position: absolute;
top: -13px;
left: 0;
height: 7px;
width: 78px;
background: #c8c3d1;
}
}
.owl-carousel-subpage-events {
position: relative;
}
.owl-carousel-subpage-events .owl-nav {
display: none;
}
.about {
position: relative;
width: 100%;
margin: 70px auto;
position: relative;
}
.about .container {
position: unset;
}
.about .about__texts {
width: 50%;
}
.about .about__title {
color: #000000;
margin-bottom: 10px;
}
.about .about__subtitle {
color: #000000;
font-size: 3rem;
margin-bottom: 35px;
}
.about .about__tabs {
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
}
.about .about__tabs li {
padding: 15px 20px;
font-size: 1.6rem;
font-weight: 400;
background: #f7f7f7;
cursor: pointer;
margin-bottom: 58px;
}
.about .about__tabs li a {
color: #000000;
font-weight: 400;
}
.about .about__tabs li a:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
}
.about .about__tabs .about__tab {
margin-bottom: 15px;
}
.about__tab-name {
position: relative;
}
.about__tab-name:before {
content: "";
position: absolute;
bottom: -3px;
height: 6px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: transparent;
width: 60%;
-webkit-transition: background-color 0.2s linear;
-o-transition: background-color 0.2s linear;
transition: background-color 0.2s linear;
}
.about__tab-name.active::before, .about__tab-name:hover::before {
content: "";
position: absolute;
bottom: -3px;
height: 6px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #580608;
width: 60%;
}
.about-us__image {
position: absolute;
right: 0;
max-width: 45%;
width: 45%;
top: 0;
height: 100%;
}
.about-us__image img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.about__tabs li {
position: relative;
padding: 16px 35px;
}
.about__tab-name::after {
content: "";
height: 19px;
position: absolute;
width: 1px;
background-color: #707070;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.about__tab-name:last-child:after {
display: none;
}
.about__tab {
font-size: 20px;
color: #000000;
margin-bottom: 18px;
display: none;
}
.about__tab:nth-of-type(1) {
display: block;
}
.about__tab a {
color: #222449;
font-style: italic;
font-weight: bold;
}
.about__tabs-wrapp {
min-height: 400px;
padding-bottom: 20px;
}
.about-us__image-on-small {
display: none;
}
@media (max-width: 850px) {
.about {
padding-top: 50px;
}
.about .about-us__image {
display: none;
}
.about .about-us__image-on-small {
display: block;
width: 100%;
height: auto;
margin-bottom: 36px;
}
.about .about__texts {
width: 100%;
}
.about .about__tabs {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.about .about__tabs .about__tab-name {
margin-bottom: 25px;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 10px;
text-align: center;
}
.about .about__tabs .about__tab-name::after {
display: none;
}
.about .about__tabs .about__tab-name::before {
width: 88px;
}
.about .about__tabs .about__tab-name:last-child {
-webkit-box-flex: unset;
-ms-flex: unset;
flex: unset;
width: 100%;
}
}
@media (max-width: 767px) {
.about__title {
position: relative;
font-size: 32px;
margin-bottom: 10px;
}
.about__title::after {
content: "";
position: absolute;
top: -13px;
left: 0;
height: 7px;
width: 78px;
background: #c8c3d1;
}
}
.hero__image--on-small {
display: none;
}
.about__tab .content {
opacity: 0.6;
}
.latest, .section__model-benefits {
padding: 70px 0;
background-color: #222449;
color: #FFFFFF;
margin-bottom: 0;
position: relative;
z-index: 4;
}
.latest:after, .section__model-benefits:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url("/wp-content/themes/niesr/assets/img/lines-alt.png") no-repeat bottom center;
background-size: cover;
z-index: 5;
overflow: hidden;
}
.latest__circle-one, .latest__circle-two, .section__model-benefits__circle-one, .section__model-benefits__circle-two {
position: absolute;
width: 80%;
height: 80%;
background: url("/wp-content/themes/niesr/assets/img/latest-circle.svg") no-repeat;
background-size: contain;
z-index: 6;
}
@media (max-width: 767px) {
.latest__circle-one, .latest__circle-two, .section__model-benefits__circle-one, .section__model-benefits__circle-two {
height: 50%;
}
}
.latest__circle-one, .section__model-benefits__circle-one {
right: -15%;
top: 0;
}
.latest__circle-two, .section__model-benefits__circle-two {
left: -10%;
bottom: 0;
}
.latest .container, .section__model-benefits .container {
z-index: 7;
}
.latest .latest__title, .section__model-benefits .latest__title {
text-align: center;
margin-bottom: 0px;
color: #FFFFFF;
}
.latest .latest__title + .latest_items, .section__model-benefits .latest__title + .latest_items {
margin-top: 50px;
}
.latest .latest__subtitle, .section__model-benefits .latest__subtitle {
color: #FFFFFF;
text-align: center;
margin-bottom: 50px;
font-size: 30px;
}
@media (max-width: 65em) {
.latest, .section__model-benefits {
padding: 50px 0;
}
.latest .owl-item .card, .section__model-benefits .owl-item .card {
min-height: 345px;
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.latest .owl-item .card-wrapper, .section__model-benefits .owl-item .card-wrapper {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
max-width: 100%;
}
.latest .latest_items, .section__model-benefits .latest_items {
height: 345px;
overflow: hidden;
width: calc(100% + 20px);
}
.latest .latest_items.owl-loaded, .section__model-benefits .latest_items.owl-loaded {
height: auto;
}
.latest .latest__title, .section__model-benefits .latest__title {
text-align: left;
font-size: 3.2rem;
position: relative;
margin-bottom: 10px;
}
.latest .latest__title::after, .section__model-benefits .latest__title::after {
content: "";
position: absolute;
top: -13px;
left: 0;
height: 7px;
width: 78px;
background: #c8c3d1;
}
.latest .latest-link-to-all, .section__model-benefits .latest-link-to-all {
margin-top: 40px;
font-size: 16px;
font-style: italic;
text-align: center;
color: white !important;
}
.latest .latest-link-to-all span, .section__model-benefits .latest-link-to-all span {
margin-top: 40px;
font-size: 16px;
font-style: normal;
}
.latest .latest__subtitle, .section__model-benefits .latest__subtitle {
text-align: left;
font-weight: 300;
margin-bottom: 55px;
font-size: 30px;
line-height: 36px;
}
}
.membership {
position: relative;
z-index: 2;
padding-bottom: 70px;
padding-top: 70px;
}
.membership .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.membership__left {
width: 625px;
max-width: 45%;
}
.membership__title {
position: relative;
font-weight: bold;
font-size: 32px;
color: #000000;
margin-bottom: 1px;
font-family: "Bree Serif", serif;
font-weight: 400;
}
.membership__title::after {
content: "";
position: absolute;
top: -13px;
left: 0;
height: 7px;
width: 78px;
background: black;
}
.membership__subtitle {
font-size: 40px;
line-height: 60px;
margin-bottom: 27px;
color: black;
font-weight: 300;
}
.membership__text {
margin-bottom: 29px;
font-size: 20px;
line-height: 32px;
}
.membership__btn {
background: #580608;
color: #FFFFFF !important;
padding: 10px 71px;
font-weight: bold;
font-size: 16px;
display: inline-block;
}
.membership__adventages {
background-color: rgba(255, 255, 255, 0.3);
padding: 40px 35px;
font-size: 16px;
-webkit-box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
border-radius: 20px;
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
list-style: none;
}
.membership__adventage {
margin-bottom: 14px;
position: relative;
padding-left: 31px;
}
.membership__adventage:before {
content: '';
position: absolute;
left: 0;
top: 5px;
height: 13px;
width: 16px;
background: url(/wp-content/themes/niesr/assets/img/icons/check.svg) no-repeat center;
}
.membership__adventage:last-child {
margin-bottom: 0px;
}
.footer {
position: relative;
z-index: 3;
}
.membership__adventages--on-small {
display: none;
}
.membership-image:after {
content: '';
background: url(/wp-content/themes/niesr/assets/img/circles-events-back.svg) no-repeat top;
position: absolute;
right: -100px;
bottom: 0;
width: 50%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
opacity: 0.9;
z-index: -1;
pointer-events: none;
}
@media (min-width: 768px) {
.membership__left {
margin-right: 15px;
}
}
@media (max-width: 767px) {
.membership {
padding-bottom: 60px;
}
.membership .membership__adventages--on-small {
display: block;
margin-bottom: 40px;
margin-left: 0;
background-color: rgba(255, 255, 255, 0.3);
-webkit-backdrop-filter: blur(9px);
backdrop-filter: blur(9px);
}
.membership .membership__title {
margin-bottom: 27px;
}
.membership .membership__title::after {
background-color: #c8c3d1;
}
.membership .home-membership-back-circles {
opacity: 1;
}
.membership .membership__left {
max-width: unset;
width: unset;
}
.membership .membership__subtitle {
margin-bottom: 21px;
}
}
.trackers {
background: #f4e6e6;
background: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #f4e6e6), to(rgba(255, 255, 255, 0)));
background: -o-linear-gradient(bottom, #f4e6e6 25%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(0deg, #f4e6e6 25%, rgba(255, 255, 255, 0) 100%);
margin-bottom: 0;
padding-bottom: 100px;
padding-top: 100px;
text-align: center;
}
.trackers .owl-stage-outer {
overflow: visible;
}
.trackers__subtitle {
font-size: 3rem;
}
.trackers__cards {
padding: 30px 50px 50px 50px;
background-color: rgba(255, 255, 255, 0.8);
-webkit-backdrop-filter: blur(30px);
backdrop-filter: blur(30px);
border-radius: 33px;
min-height: 300px;
overflow: hidden;
}
.trackers__cards--grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(32rem, 1fr));
grid-gap: 50px;
padding: 0;
}
.trackers .card {
text-align: left;
background-color: rgba(221, 194, 195, 0.3);
-webkit-backdrop-filter: blur(100px);
backdrop-filter: blur(100px);
border-radius: 25px;
padding: 30px;
min-height: 300px;
padding-top: 105px;
padding-bottom: 70px;
position: relative;
overflow: hidden;
}
.trackers .card h2, .trackers .card h2 a {
font-size: 2.4rem;
line-height: 1.2;
}
.trackers .card:before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
background: url(/wp-content/themes/niesr/assets/img/home-bg.svg);
background-size: 150%;
-webkit-filter: blur(30px);
filter: blur(30px);
z-index: -1;
}
.trackers .card:after {
content: '';
position: absolute;
width: 156px;
height: 156px;
bottom: 0;
left: 20%;
border-radius: 100%;
z-index: -1;
-webkit-filter: blur(30px);
filter: blur(30px);
opacity: 0.5;
}
.trackers .card-cpi:after {
top: 0;
bottom: auto;
right: -10px;
left: auto;
background-color: #027F7C;
-webkit-animation: 5s linear 0s infinite alternate tracker-cards-bg-cpi;
animation: 5s linear 0s infinite alternate tracker-cards-bg-cpi;
}
.trackers .card-covid:after {
background-color: #81AEB1;
-webkit-animation: 7s linear 0.5s infinite alternate tracker-cards-bg-covid;
animation: 7s linear 0.5s infinite alternate tracker-cards-bg-covid;
}
.trackers .card-wage:after {
left: 0;
background-color: #386092;
-webkit-animation: 6s linear 1.5s infinite alternate tracker-cards-bg-wage;
animation: 6s linear 1.5s infinite alternate tracker-cards-bg-wage;
}
.trackers .card-gdp:after {
bottom: 50%;
opacity: 0.25;
left: 20%;
opacity: 0.35;
background-color: #7D0A0D;
-webkit-animation: 5s linear 3s infinite alternate tracker-cards-bg-gdp;
animation: 5s linear 3s infinite alternate tracker-cards-bg-gdp;
}
.trackers .card-premium:after {
right: 0;
left: auto;
opacity: 0.4;
background-color: #787878;
-webkit-animation: 5s linear 2s infinite alternate tracker-cards-bg-premium;
animation: 5s linear 2s infinite alternate tracker-cards-bg-premium;
}
.trackers--simple {
background: #FFFFFF !important;
}
.trackers--simple .card:before {
display: none;
}
.trackers--simple .card:after {
display: none;
}
.trackers__card-icon {
position: absolute;
width: 48px;
height: 48px;
top: 30px;
left: 32px;
background-repeat: no-repeat;
background-position: center;
border-radius: 100%;
}
.card-cpi .trackers__card-icon {
background-color: #027F7C;
background-image: url(/wp-content/themes/niesr/assets/img/icons/cpi.svg);
}
.card-wage .trackers__card-icon {
background-color: #386092;
background-image: url(/wp-content/themes/niesr/assets/img/icons/wage.svg);
}
.card-covid .trackers__card-icon {
background-color: #81AEB1;
background-image: url(/wp-content/themes/niesr/assets/img/icons/covid.svg);
}
.card-gdp .trackers__card-icon {
background-color: #7D0A0D;
background-image: url(/wp-content/themes/niesr/assets/img/icons/gdp.svg);
}
.card-premium .trackers__card-icon {
background-color: #787878;
background-image: url(/wp-content/themes/niesr/assets/img/icons/premium.svg);
}
.trackers__card-text {
font-size: 1.6rem;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical;
}
.trackers__card-link {
font-style: italic;
color: #222449;
font-size: 1.6rem;
font-weight: 700;
}
.trackers .owl-dot {
opacity: 0;
}
.trackers .owl-dots {
margin-top: 20px !important;
}
@media (max-width: 767px) {
.trackers {
padding-top: 50px;
background-color: #efefef;
text-align: left;
}
.trackers__title:after {
content: "";
position: absolute;
top: -13px;
left: 0;
height: 7px;
width: 78px;
background: #c8c3d1;
}
.trackers__subtitle {
font-weight: 300;
}
.trackers__cards {
padding: 0;
}
.trackers .owl-dots {
margin-bottom: 40px;
}
}
@-webkit-keyframes tracker-cards-bg-cpi {
from {
opacity: 0.5;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
to {
opacity: 0.3;
-webkit-transform: translate(-50px, 100px);
transform: translate(-50px, 100px);
}
}
@keyframes tracker-cards-bg-cpi {
from {
opacity: 0.5;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
to {
opacity: 0.3;
-webkit-transform: translate(-50px, 100px);
transform: translate(-50px, 100px);
}
}
@-webkit-keyframes tracker-cards-bg-covid {
from {
opacity: 0.5;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
to {
opacity: 0.6;
-webkit-transform: translate(50px, -80px);
transform: translate(50px, -80px);
}
}
@keyframes tracker-cards-bg-covid {
from {
opacity: 0.5;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
to {
opacity: 0.6;
-webkit-transform: translate(50px, -80px);
transform: translate(50px, -80px);
}
}
@-webkit-keyframes tracker-cards-bg-wage {
from {
opacity: 0.5;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
to {
opacity: 0.3;
-webkit-transform: translate(100px, -100px);
transform: translate(100px, -100px);
}
}
@keyframes tracker-cards-bg-wage {
from {
opacity: 0.5;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
to {
opacity: 0.3;
-webkit-transform: translate(100px, -100px);
transform: translate(100px, -100px);
}
}
@-webkit-keyframes tracker-cards-bg-gdp {
from {
opacity: 0.25;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
to {
opacity: 0.35;
-webkit-transform: translate(20px, 100px);
transform: translate(20px, 100px);
}
}
@keyframes tracker-cards-bg-gdp {
from {
opacity: 0.25;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
to {
opacity: 0.35;
-webkit-transform: translate(20px, 100px);
transform: translate(20px, 100px);
}
}
@-webkit-keyframes tracker-cards-bg-premium {
from {
opacity: 0.4;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
to {
opacity: 0.2;
-webkit-transform: translate(-50px, -100px);
transform: translate(-50px, -100px);
}
}
@keyframes tracker-cards-bg-premium {
from {
opacity: 0.4;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
to {
opacity: 0.2;
-webkit-transform: translate(-50px, -100px);
transform: translate(-50px, -100px);
}
}
/*
name: Main
code: |