@charset "UTF-8";
@import url(https://fast.fonts.net/t/1.css?apiType=css&projectid=cdfe7e7d-12fc-4d54-b866-cf33f2560ea1);
@font-face{
font-family:"Avenir Next W06 Light";
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/230d97c9-21f2-4cdd-b298-4039e94c7e4e.eot?#iefix);
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/230d97c9-21f2-4cdd-b298-4039e94c7e4e.eot?#iefix) format("eot"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/1d8365c8-3534-4e50-b99c-a0a266c2e73a.woff2) format("woff2"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/fd56fe47-6f8b-4e17-9357-d33091941de2.woff) format("woff"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/728919d8-1935-407d-a349-440b840ab482.ttf) format("truetype"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/643b812a-89a8-46ac-881a-97fbae6a9e78.svg#643b812a-89a8-46ac-881a-97fbae6a9e78) format("svg");
}
@font-face{
font-family:"Avenir Next W06 Light Italic";
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/45038bb2-d71a-436d-9b89-1d65bd1a3894.eot?#iefix);
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/45038bb2-d71a-436d-9b89-1d65bd1a3894.eot?#iefix) format("eot"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/ef4f3513-0eb9-4e53-b116-6edf5ca49269.woff2) format("woff2"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/9231786a-ff04-4cb6-9931-3ffb9d63d4e0.woff) format("woff"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/0a065a79-bf99-4e9a-8cf1-9cff473ce910.ttf) format("truetype"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/b879aa1a-e390-48c9-b975-f4e7ca782467.svg#b879aa1a-e390-48c9-b975-f4e7ca782467) format("svg");
}
@font-face{
font-family:"Avenir Next W06 Regular";
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/677ce018-f09d-4e73-9713-bb2d8fd47896.eot?#iefix);
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/677ce018-f09d-4e73-9713-bb2d8fd47896.eot?#iefix) format("eot"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/8b1d5802-f86f-4cc1-95a8-261eabda1d22.woff2) format("woff2"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/30306912-4758-4c5f-8cd7-76a816c2e7aa.woff) format("woff"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/00b0b7d9-bb66-4f91-aac2-82571a7a3b61.ttf) format("truetype"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/19fe4c10-13f9-48bd-b902-710a507ee49e.svg#19fe4c10-13f9-48bd-b902-710a507ee49e) format("svg");
}
@font-face{
font-family:"Avenir Next W06 Italic";
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/d67cb8d2-7434-4b30-b28f-5cf624424871.eot?#iefix);
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/d67cb8d2-7434-4b30-b28f-5cf624424871.eot?#iefix) format("eot"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/014f2daa-c310-4a36-b9fd-79a8e0c48d44.woff2) format("woff2"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/12b00842-ec20-4c7f-aa72-802fb00f6cc4.woff) format("woff"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/107dfaca-5855-42eb-9d61-c81da5cfe187.ttf) format("truetype"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/5dd20e09-d4cb-46f9-9d74-a5ac143d1ebb.svg#5dd20e09-d4cb-46f9-9d74-a5ac143d1ebb) format("svg");
}
@font-face{
font-family:"Avenir Next W06 Medium";
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/9075a309-3c8e-4932-a2b8-0e34e3f30fd6.eot?#iefix);
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/9075a309-3c8e-4932-a2b8-0e34e3f30fd6.eot?#iefix) format("eot"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/61f9ec25-f5d7-431f-9606-553aa690b3ae.woff2) format("woff2"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/ab6d6afa-8f48-441b-a01d-a843b3a3aec1.woff) format("woff"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/9c6c6099-637a-4e91-80c3-4dbe55854afe.ttf) format("truetype"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/1557f6b0-463e-4939-9fbb-15bf52ac443c.svg#1557f6b0-463e-4939-9fbb-15bf52ac443c) format("svg");
}
@font-face{
font-family:"Avenir Next W06 Medium Italic";
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/d43d7efe-bb19-445b-bd49-3e8fa6073961.eot?#iefix);
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/d43d7efe-bb19-445b-bd49-3e8fa6073961.eot?#iefix) format("eot"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/d578a104-bab3-4403-917e-a55337da4809.woff2) format("woff2"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/6f3ad2df-ed1c-4a1f-bd9f-e44ed83faf1b.woff) format("woff"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/44e514b0-5ebd-40c0-8a3f-6d66979151b4.ttf) format("truetype"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/353181df-7707-43df-95d3-84d8f491ef34.svg#353181df-7707-43df-95d3-84d8f491ef34) format("svg");
}
@font-face{
font-family:"Avenir Next W06 Demi";
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/84f6130a-ee4e-4d03-918d-de92cfaa2da1.eot?#iefix);
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/84f6130a-ee4e-4d03-918d-de92cfaa2da1.eot?#iefix) format("eot"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/1d9a4bae-080b-46bf-93b0-5930ffd10549.woff2) format("woff2"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/e46a8eac-9aea-4ee0-a18d-ad17ee506926.woff) format("woff"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/37f4ac36-6e15-4082-bc8e-669c9f04f58c.ttf) format("truetype");
}
@font-face{
font-family:"Avenir Next W06 Bold";
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/b6cca3cb-41da-4b42-ad6d-288f331963ac.eot?#iefix);
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/b6cca3cb-41da-4b42-ad6d-288f331963ac.eot?#iefix) format("eot"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/901a2c10-d319-4fb9-bcde-ecf09195e0cb.woff2) format("woff2"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/46a31e90-07d1-4815-abe0-145be90a93c2.woff) format("woff"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/344375ed-a79a-4008-a6cf-7fab039bf1ce.ttf) format("truetype"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/6a1201b1-33df-4016-80f1-ee4fd361148f.svg#6a1201b1-33df-4016-80f1-ee4fd361148f) format("svg");
}
@font-face{
font-family:"Avenir Next W06 Bold Italic";
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/0aadd80d-2e12-40be-97fd-eb947690dc3f.eot?#iefix);
src:url(//materize.com/wp-content/themes/BRIGHT/Fonts/0aadd80d-2e12-40be-97fd-eb947690dc3f.eot?#iefix) format("eot"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/a01742ed-8d75-4bcf-a404-aad2d529ce02.woff2) format("woff2"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/2543db68-1e57-411a-a1bc-61bcd5b9db2d.woff) format("woff"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/9ce6d363-5fc1-4dd6-a857-65822705c1cc.ttf) format("truetype"),url(//materize.com/wp-content/themes/BRIGHT/Fonts/0c18203c-dbb8-43ea-bb80-39fb70e8b190.svg#0c18203c-dbb8-43ea-bb80-39fb70e8b190) format("svg");
}

.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s
}
.animated11 {
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
animation-delay: 0.2s
}
.animated12 {
animation-fill-mode: both;
-webkit-animation-duration: 1s;
animation-duration: 1s;
animation-delay: 0.4s
}
.animated2 {
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated3 {
-webkit-animation-duration: 3s;
animation-duration: 3s;
-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
}
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
-webkit-animation-duration: .75s;
animation-duration: .75s
}
@-webkit-keyframes bounce {
20%, 53%, 80%, from, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
animation-timing-function: cubic-bezier(.755, .050, .855, .060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
animation-timing-function: cubic-bezier(.755, .050, .855, .060);
-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 {
20%, 53%, 80%, from, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1);
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
40%, 43% {
-webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
animation-timing-function: cubic-bezier(.755, .050, .855, .060);
-webkit-transform: translate3d(0, -30px, 0);
transform: translate3d(0, -30px, 0)
}
70% {
-webkit-animation-timing-function: cubic-bezier(.755, .050, .855, .060);
animation-timing-function: cubic-bezier(.755, .050, .855, .060);
-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;
transform-origin: center bottom
}
@-webkit-keyframes flash {
50%, from, to {
opacity: 1
}
25%, 75% {
opacity: 0
}
}
@keyframes flash {
50%, from, to {
opacity: 1
}
25%, 75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
from, to {
-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)
}
}
@keyframes pulse {
from, to {
-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)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse
}
@-webkit-keyframes rubberBand {
from, to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
}
@keyframes rubberBand {
from, to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
30% {
-webkit-transform: scale3d(1.25, .75, 1);
transform: scale3d(1.25, .75, 1)
}
40% {
-webkit-transform: scale3d(.75, 1.25, 1);
transform: scale3d(.75, 1.25, 1)
}
50% {
-webkit-transform: scale3d(1.15, .85, 1);
transform: scale3d(1.15, .85, 1)
}
65% {
-webkit-transform: scale3d(.95, 1.05, 1);
transform: scale3d(.95, 1.05, 1)
}
75% {
-webkit-transform: scale3d(1.05, .95, 1);
transform: scale3d(1.05, .95, 1)
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shake {
from, to {
-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 {
from, to {
-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 headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes headShake {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
6.5% {
-webkit-transform: translateX(-6px) rotateY(-9deg);
transform: translateX(-6px) rotateY(-9deg)
}
18.5% {
-webkit-transform: translateX(5px) rotateY(7deg);
transform: translateX(5px) rotateY(7deg)
}
31.5% {
-webkit-transform: translateX(-3px) rotateY(-5deg);
transform: translateX(-3px) rotateY(-5deg)
}
43.5% {
-webkit-transform: translateX(2px) rotateY(3deg);
transform: translateX(2px) rotateY(3deg)
}
50% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
.headShake {
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-name: headShake;
animation-name: headShake
}
@-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)
}
to {
-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)
}
to {
-webkit-transform: rotate3d(0, 0, 1, 0deg);
transform: rotate3d(0, 0, 1, 0deg)
}
}
.swing {
-webkit-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
from, to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .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)
}
}
@keyframes tada {
from, to {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .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)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
@-webkit-keyframes wobble {
from, to {
-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)
}
}
@keyframes wobble {
from, to {
-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)
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes jello {
11.1%, from, to {
-webkit-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
@keyframes jello {
11.1%, from, to {
-webkit-transform: none;
transform: none
}
22.2% {
-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
transform: skewX(-12.5deg) skewY(-12.5deg)
}
33.3% {
-webkit-transform: skewX(6.25deg) skewY(6.25deg);
transform: skewX(6.25deg) skewY(6.25deg)
}
44.4% {
-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
transform: skewX(-3.125deg) skewY(-3.125deg)
}
55.5% {
-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
transform: skewX(1.5625deg) skewY(1.5625deg)
}
66.6% {
-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
transform: skewX(-.78125deg) skewY(-.78125deg)
}
77.7% {
-webkit-transform: skewX(.390625deg) skewY(.390625deg);
transform: skewX(.390625deg) skewY(.390625deg)
}
88.8% {
-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
transform: skewX(-.1953125deg) skewY(-.1953125deg)
}
}
.jello {
-webkit-animation-name: jello;
animation-name: jello;
-webkit-transform-origin: center;
transform-origin: center
}
@-webkit-keyframes bounceIn {
20%, 40%, 60%, 80%, from, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .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(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes bounceIn {
20%, 40%, 60%, 80%, from, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
20% {
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .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(.97, .97, .97);
transform: scale3d(.97, .97, .97)
}
to {
opacity: 1;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .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)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInDown {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .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)
}
to {
-webkit-transform: none;
transform: none
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .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)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInLeft {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .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)
}
to {
-webkit-transform: none;
transform: none
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
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)
}
to {
-webkit-transform: none;
transform: none
}
}
@keyframes bounceInRight {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
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)
}
to {
-webkit-transform: none;
transform: none
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
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)
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes bounceInUp {
60%, 75%, 90%, from, to {
-webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
animation-timing-function: cubic-bezier(.215, .61, .355, 1)
}
from {
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)
}
to {
-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(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
@keyframes bounceOut {
20% {
-webkit-transform: scale3d(.9, .9, .9);
transform: scale3d(.9, .9, .9)
}
50%, 55% {
opacity: 1;
-webkit-transform: scale3d(1.1, 1.1, 1.1);
transform: scale3d(1.1, 1.1, 1.1)
}
to {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
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)
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@-webkit-keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn {
from {
opacity: 0
}
to {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDown {
from {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInDownBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInLeftBig {
from {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInRightBig {
from {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
from {
opacity: .2;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes fadeInUpBig {
from {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes fadeOut {
from {
opacity: 1
}
to {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes fadeOutDown {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
@keyframes fadeOutDownBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes fadeOutLeft {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
@keyframes fadeOutLeftBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes fadeOutRight {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
@keyframes fadeOutRightBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes fadeOutUp {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
@keyframes fadeOutUpBig {
from {
opacity: 1
}
to {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
from {
-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(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
from {
-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(.95, .95, .95);
transform: perspective(400px) scale3d(.95, .95, .95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
to {
-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 {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-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-animation-timing-function: ease-in;
animation-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)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInX {
from {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-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-animation-timing-function: ease-in;
animation-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)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInX {
-webkit-backface-visibility: visible !important;
backface-visibility: visible !important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
.flipInY, .flipOutX {
-webkit-backface-visibility: visible !important
}
@-webkit-keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-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-animation-timing-function: ease-in;
animation-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)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
@keyframes flipInY {
from {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-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-animation-timing-function: ease-in;
animation-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)
}
to {
-webkit-transform: perspective(400px);
transform: perspective(400px)
}
}
.flipInY {
backface-visibility: visible !important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
from {
-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
}
to {
-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
opacity: 0
}
}
@keyframes flipOutX {
from {
-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
}
to {
-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;
backface-visibility: visible !important
}
@-webkit-keyframes flipOutY {
from {
-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
}
to {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
opacity: 0
}
}
@keyframes flipOutY {
from {
-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
}
to {
-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-keyframes lightSpeedIn {
from {
-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
}
to {
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes lightSpeedIn {
from {
-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
}
to {
-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 {
from {
opacity: 1
}
to {
-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
transform: translate3d(100%, 0, 0) skewX(30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
from {
opacity: 1
}
to {
-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 {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateIn {
from {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, -200deg);
transform: rotate3d(0, 0, 1, -200deg);
opacity: 0
}
to {
-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 {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, -45deg);
transform: rotate3d(0, 0, 1, -45deg);
opacity: 0
}
to {
-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 {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInDownRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-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 {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpLeft {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate3d(0, 0, 1, 45deg);
transform: rotate3d(0, 0, 1, 45deg);
opacity: 0
}
to {
-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 {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
to {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: none;
transform: none;
opacity: 1
}
}
@keyframes rotateInUpRight {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate3d(0, 0, 1, -90deg);
transform: rotate3d(0, 0, 1, -90deg);
opacity: 0
}
to {
-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 {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
to {
-webkit-transform-origin: center;
transform-origin: center;
-webkit-transform: rotate3d(0, 0, 1, 200deg);
transform: rotate3d(0, 0, 1, 200deg);
opacity: 0
}
}
@keyframes rotateOut {
from {
-webkit-transform-origin: center;
transform-origin: center;
opacity: 1
}
to {
-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 {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-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 {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-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 {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-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 {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-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 {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-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 {
from {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
opacity: 1
}
to {
-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 {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-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 {
from {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
opacity: 1
}
to {
-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
}
to {
-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
}
to {
-webkit-transform: translate3d(0, 700px, 0);
transform: translate3d(0, 700px, 0);
opacity: 0
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
@keyframes rollIn {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}
to {
opacity: 1;
-webkit-transform: none;
transform: none
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
from {
opacity: 1
}
to {
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 {
from {
opacity: 1
}
to {
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 {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
50% {
opacity: 1
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn
}
@-webkit-keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInDown {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInDown {
-webkit-animation-name: zoomInDown;
animation-name: zoomInDown
}
@-webkit-keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInLeft {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInLeft {
-webkit-animation-name: zoomInLeft;
animation-name: zoomInLeft
}
@-webkit-keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInRight {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInRight {
-webkit-animation-name: zoomInRight;
animation-name: zoomInRight
}
@-webkit-keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomInUp {
from {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
60% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomInUp {
-webkit-animation-name: zoomInUp;
animation-name: zoomInUp
}
@-webkit-keyframes zoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
@keyframes zoomOut {
from {
opacity: 1
}
50% {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3)
}
to {
opacity: 0
}
}
.zoomOut {
-webkit-animation-name: zoomOut;
animation-name: zoomOut
}
@-webkit-keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutDown {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutDown {
-webkit-animation-name: zoomOutDown;
animation-name: zoomOutDown
}
@-webkit-keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.1) translate3d(-2000px, 0, 0);
-webkit-transform-origin: left center;
transform-origin: left center
}
}
@keyframes zoomOutLeft {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
transform: scale(.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(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.1) translate3d(2000px, 0, 0);
-webkit-transform-origin: right center;
transform-origin: right center
}
}
@keyframes zoomOutRight {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0)
}
to {
opacity: 0;
-webkit-transform: scale(.1) translate3d(2000px, 0, 0);
transform: scale(.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(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
@keyframes zoomOutUp {
40% {
opacity: 1;
-webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
-webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19);
animation-timing-function: cubic-bezier(.55, .055, .675, .19)
}
to {
opacity: 0;
-webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
-webkit-transform-origin: center bottom;
transform-origin: center bottom;
-webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1);
animation-timing-function: cubic-bezier(.175, .885, .32, 1)
}
}
.zoomOutUp {
-webkit-animation-name: zoomOutUp;
animation-name: zoomOutUp
}
@-webkit-keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInDown {
from {
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInLeft {
from {
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInRight {
from {
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
@keyframes slideInUp {
from {
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
visibility: visible
}
to {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
}
.slideInUp {
-webkit-animation-name: slideInUp;
animation-name: slideInUp
}
@-webkit-keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
@keyframes slideOutDown {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0)
}
}
.slideOutDown {
-webkit-animation-name: slideOutDown;
animation-name: slideOutDown
}
@-webkit-keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
@keyframes slideOutLeft {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
@keyframes slideOutRight {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
@keyframes slideOutUp {
from {
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
to {
visibility: hidden;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
.group:after {
content: "";
display: table;
clear: both
}
.animate {
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
* {
box-sizing: border-box
}
::-ms-clear {
display: none
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%
}
.container-fluid {
width: 100%;
margin-right: auto;
margin-left: auto
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.align-items-top {
-webkit-box-align: start !important;
-ms-flex-align: start !important;
align-items: flex-start !important
}
.align-items-center {
-webkit-box-align: center !important;
-ms-flex-align: center !important;
align-items: center !important
}
.align-items-bottom {
-webkit-box-align: end !important;
-ms-flex-align: end !important;
align-items: flex-end !important
}
.align-self-top {
-ms-flex-item-align: flex-start !important;
align-self: flex-start !important
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important
}
.align-self-bottom {
-ms-flex-item-align: flex-end !important;
align-self: flex-end !important
}
.justify-content-left {
-webkit-box-pack: start !important;
-ms-flex-pack: start !important;
justify-content: flex-start !important
}
.justify-content-center {
-webkit-box-pack: center !important;
-ms-flex-pack: center !important;
justify-content: center !important
}
.justify-content-right {
-webkit-box-pack: end !important;
-ms-flex-pack: end !important;
justify-content: flex-end !important
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important
}
.justify-content-between {
-webkit-box-pack: justify !important;
-ms-flex-pack: justify !important;
justify-content: space-between !important
}
.no-gutters {
margin-right: 0;
margin-left: 0
}
.w-100 {
width: 100% !important
}
.col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
.order-1 {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1
}
.order-2 {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
.order-3 {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3
}
.order-4 {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4
}
.order-5 {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5
}
.order-6 {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6
}
.order-7 {
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7
}
.order-8 {
-webkit-box-ordinal-group: 9;
-ms-flex-order: 8;
order: 8
}
.order-9 {
-webkit-box-ordinal-group: 10;
-ms-flex-order: 9;
order: 9
}
.order-10 {
-webkit-box-ordinal-group: 11;
-ms-flex-order: 10;
order: 10
}
.order-11 {
-webkit-box-ordinal-group: 12;
-ms-flex-order: 11;
order: 11
}
.order-12 {
-webkit-box-ordinal-group: 13;
-ms-flex-order: 12;
order: 12
}
.offset-1 {
margin-left: 8.333333%
}
.offset-2 {
margin-left: 16.666667%
}
.offset-3 {
margin-left: 25%
}
.offset-4 {
margin-left: 33.333333%
}
.offset-5 {
margin-left: 41.666667%
}
.offset-6 {
margin-left: 50%
}
.offset-7 {
margin-left: 58.333333%
}
.offset-8 {
margin-left: 66.666667%
}
.offset-9 {
margin-left: 75%
}
.offset-10 {
margin-left: 83.333333%
}
.offset-11 {
margin-left: 91.666667%
}
.offset-12 {
margin-left: 100%
}
* {
box-sizing: border-box
}
.col-5el {
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%
}
.animate {
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s
}
.animated2 {
-webkit-animation-duration: .8s;
animation-duration: .8s;
-webkit-animation-delay: .2s;
animation-delay: .2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated3 {
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
-webkit-animation-delay: .4s;
animation-delay: .4s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.col, .col-auto, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12 {
position: relative;
width: 100%;
min-height: 1px
}
.col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.mr-auto, .mx-auto {
margin-right: auto !important
}
.ml-auto, .mx-auto {
margin-left: auto !important
}
.wp-caption {
max-width: 100%
}
*:focus {
outline: none
}
html, body {
width: 100%;
margin: 0 auto;
color: #231F20;
font-family: "Avenir Next W06 Regular", Arial, sans-serif;
overflow-x: hidden
}
.table {
display: table;
width: 100%
}
.table-cellvm {
display: table-cell;
vertical-align: middle
}
header {
height: 140px
}
header#main-header {
background: url(//materize.com/wp-content/themes/BRIGHT/img/header_bilde.jpg);
background-size: 100% auto;
height: 100vh;
padding: 0;
margin: 0;
overflow: hidden;
position: relative
}
#page-header .header-top {
border-bottom: 1px solid #D1D3D4
}
.header-top {
width: 100%;
padding: 0 6%;
position: fixed;
top: 0;
z-index: 1000;
left: 0;
padding-top: 50px;
padding-bottom: 45px;
transition: all .3s linear;
-webkit-transition: all .3s linear;
-moz-transition: all .3s linear;
-ms-transition: all .3s linear;
background: white
}
.header-top.in-page {
top: 45%
}
.page-container {
padding-left: 20%;
padding-right: 20%
}
.page-container .page-type-title h1 {
font-size: 60px;
font-weight: 700;
color: #231F20;
font-family: "Avenir Next W06 Demi", Arial, sans-serif
}
h1 {
color: #231F20;
font-size: 44px;
font-weight: 700;
line-height: 1.2;
margin: 0;
padding: 0;
margin-top: 60px;
font-family: "Avenir Next W06 Demi", Arial, sans-serif;
text-align: left;
margin-bottom: 45px
}
a {
color: #3A0E91
}
.page-title-container {
position: relative
}
.newswevents-type-buttons {
position: absolute;
top: 18px;
right: 0
}
.newswevents-type-buttons a {
display: inline-block;
width: 100px;
background-color: #F5F5F5;
text-align: center;
padding: 11px 0;
border-radius: 24px;
font-size: 14px;
color: #231F20;
text-decoration: none
}
.newswevents-type-buttons a.active {
background-color: #D1D3D4
}
.newswevents-type-buttons a:hover {
background-color: #D1D3D4
}
.back-container {
float: right
}
.back-container a {
font-family: "Avenir Next W06 Regular", Arial, sans-serif;
font-size: 20px;
font-weight: 700;
color: #3A0E91;
text-decoration: none
}
.back-container.single {
width: 100%;
padding: 2% 6%;
text-align: right;
box-sizing: border-box
}
.back-container a:hover {
opacity: .9
}
.textblock {
margin: 70px 20%;
font-size: 16px
}
.textblock h1 {
font-weight: 500;
font-size: 42px
}
.textblock h2 {
font-weight: 700
}
.textblock p {
color: #555;
font-size: 18px;
line-height: 28px
}
.textblock a {
color: #370592
}
.textblock ul {
line-height: 2
}
.logo img {
width: 180px;
height: 33px
}
.responsive_nav_container {
display: table;
width: 100%;
height: 100%
}
.responsive_nav ul {
margin-top: 10vh;
text-align: center;
list-style: none;
font-size: 30px;
padding: 0;
font-weight: 700;
margin-bottom: 100px
}
.responsive_nav ul li {
margin: 0;
padding: 5px 23%;
text-align: left;
font-size: 24px;
letter-spacing: .5px;
opacity: 1;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
.responsive_nav ul li:hover {
opacity: .6
}
.responsive_nav:before {
display: none
}
.responsive_nav ul li a {
color: white;
text-decoration: none
}
nav {
text-align: right
}
nav a {
text-decoration: none;
color: #3A0E91;
font-weight: 700;
font-size: 20px;
margin: 0 2%;
position: relative;
padding-top: 12px;
display: inline-block;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
nav a:hover {
color: #6b43b3
}
.header-bottom {
width: 100%;
float: left;
display: table
}
.header-text-container {
padding-left: 6%;
position: absolute;
text-align: left;
top: calc(150px + 5vh)
}
.header-text {
width: 56%
}
.header-title {
width: 100%;
margin-bottom: 10px;
padding-left: 55px;
color: #3A0E91;
font-size: 6.5vw;
font-size: calc(4vw + 4vh + 1vmin);
font-weight: 700;
line-height: 1.1;
letter-spacing: 0;
font-family: "Avenir Next W06 Demi", Arial, sans-serif;
margin-top: 0
}
.header-title.smvh {
display: none
}
.header-text {
font-size: 32px;
font-weight: 700;
padding-top: 2%;
display: none
}
.header-text-responsive {
display: none;
width: 100%;
background: whitesmoke
}
.content-padding, .content-padding-title {
padding: 0 2%;
box-sizing: border-box
}
.clientsandpartnersblock.content-padding {
padding: 0 3%
}
.newseventscontainer.content-padding {
padding: 0 2%
}
.expertiseblock {
width: 100%;
margin: 0 auto;
display: table;
padding: 6% 10% 0% 10%;
box-sizing: border-box
}
.blockcontainer {
width: 31.33%;
margin: 0 1%;
box-sizing: border-box;
float: left;
margin-bottom: 2%;
position: relative;
height: 40vh;
cursor: pointer;
color: inherit;
overflow: hidden;
text-decoration: none;
display: block
}
.expertiseblock.expertisepage {
padding-top: 30px;
padding-bottom: 30px
}
.blockcontaineronlytitle {
margin-top: 0;
width: 100%;
text-align: left;
line-height: 1.2;
box-sizing: border-box;
color: #231F20;
font-size: 60px;
font-weight: 700;
position: absolute;
font-family: "Avenir Next W06 Demi", Arial, sans-serif
}
.frontblock .blockcontaineronlytitle {
font-size: 34px
}
.frontblock .blockcontaineronlytext {
margin-top: 40px
}
.blockcontaineronlytext {
padding-top: 10px;
width: 90%;
margin-top: 80px;
line-height: 1.2;
position: absolute;
overflow: hidden;
height: calc(100% - 80px);
font-size: 18px;
color: #555
}
.blockcontainertext {
position: absolute;
background: white;
bottom: 0;
width: 90%;
box-sizing: border-box;
padding: 20px;
cursor: pointer;
min-height: 104px
}
.blockcontainertitle {
font-size: 26px;
font-weight: 700
}
.blockcontainerfulltext {
padding-top: 10px;
font-size: 16px;
line-height: 24px;
color: #555
}
.fullc {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}
.blockcontainerfulltext.open {
display: block !important
}
.whatwedoblock {
width: 100%;
background: #f5f5f5;
padding: 6% 16%;
box-sizing: border-box;
float: left
}
.whatwedoblockelements {
width: 104%;
position: relative;
left: -2%
}
.inblocktitle {
margin: 0;
margin-bottom: 6%;
padding: 0;
position: relative;
font-size: 34px;
font-weight: 700;
font-family: "Avenir Next W06 Demi", Arial, sans-serif
}
.inblocktitle a {
color: #3A0E91;
font-size: 16px;
text-decoration: none;
position: absolute;
right: 0;
top: -5px;
background: #fff;
border: 1px solid #fff;
border-radius: 30px;
padding: 14px 28px;
font-weight: 400;
font-family: "Avenir Next W06 Regular", Arial, sans-serif
}
.inblocktitle a:hover {
color: #FFF;
background: #3A0E91;
border: 1px solid #3A0E91
}
*::before, *::after {
box-sizing: border-box
}
.inner-block-padding {
box-sizing: border-box;
padding: 0 5%
}
.whatwedoblockelement {
width: 20%;
float: left;
text-decoration: none
}
.whatwedoblockelement {
width: 20%;
float: left
}
.whatwedoblockelementicon {
width: 100%;
margin-bottom: 20px;
display: block;
top: 0;
position: relative;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
.whatwedoblockelementicon img {
width: auto;
height: 70px;
display: block;
margin: auto;
margin-left: 25px
}
.whatwedoblockelementtitle {
min-height: 120px;
font-size: 22px;
font-weight: 500;
line-height: 28px;
height: auto;
text-decoration: none;
display: block
}
.whatwedoblockelementtext {
font-size: 14px;
line-height: 22px
}
.newsandevents {
width: 100%;
background: #f5f5f5;
box-sizing: border-box;
float: left;
position: relative;
padding-top: 80px;
padding-bottom: 80px
}
.newseventscontainer {
width: 100%;
float: left
}
.newseventsmessage {
width: 50%;
float: left;
margin-bottom: 3%;
padding: 0 2%;
box-sizing: border-box
}
.newseventsmessage.right {
float: right
}
.newseventsmessage a {
color: #231F20;
text-decoration: none;
cursor: pointer
}
.newseventsmessage a:hover {
opacity: .9
}
.newseventsmessagetitle {
margin-bottom: 20px;
font-size: 22px;
font-weight: 700;
line-height: 28px
}
.newseventsmessagedate {
font-size: 17px
}
.nae_list_container .nae_list_block {
border-bottom: 1px solid silver;
padding: 26px 0;
width: 100%;
max-width: 760px;
margin: 0 auto;
display: table;
text-decoration: none
}
.nae_list_container .nae_list_block.hidden {
display: none
}
.nae_list_container .nae_list_block.space_class {
border-top: 1px solid silver;
margin-top: 5px
}
.nae_list_container .nae_list_block:last-child {
border-bottom: 0 solid silver;
padding: 26px 0
}
.nae_list_container .nae_list_block .line {
display: table-cell
}
.nae_list_container .nae_list_block .icon {
vertical-align: top;
margin: 0 20px;
text-align: center;
width: 80px
}
.nae_list_container .nae_list_block .icon img {
width: 36px;
height: 36px
}
.nae_list_container .nae_list_block .icon div {
background: url(//materize.com/wp-content/themes/BRIGHT/images/event.svg)
}
.nae_list_container .nae_list_block .content {
font-weight: 700;
color: #231F20
}
.nae_list_container .nae_list_block .content.highlight p:nth-child(1), .nae_list_container .nae_list_block .content.highlight p:nth-child(2) {
font-family: "Avenir Next W06 Demi", Arial, sans-serif;
font-weight: 700
}
.nae_list_container .nae_list_block .content p {
padding: 0;
margin: 0;
font-size: 20px
}
.nae_list_container .nae_list_block .content p a {
text-decoration: none;
color: #231F20
}
.nae_list_container .nae_list_block .content p.event-date {
text-transform: uppercase
}
.nae_list_container .nae_list_block .content p.small-text {
font-size: 12px;
font-weight: 200;
color: #555;
margin-top: 15px;
text-transform: uppercase
}
.clientsandparters {
width: 100%;
padding: 6% 16%;
box-sizing: border-box;
float: left;
padding-top: 80px
}
.clientsandpartnersblock {
width: 100%;
float: left;
margin-bottom: 1%
}
.clientandpartnerrow {
display: table;
width: 100%
}
.clientandpartner {
height: 84px;
box-sizing: border-box;
margin-bottom: 18%;
display: table-cell;
text-align: center
}
.clientandpartner img {
max-height: 80px;
max-width: 90%;
vertical-align: middle
}
footer {
width: 100%;
background: #370592;
padding: 5% 4% 4% 4%;
box-sizing: border-box;
float: left
}
.single-wwdoicc {
display: block;
width: 150px;
text-align: left;
position: relative
}
.single-wwdoicc img {
width: 100%;
height: auto;
margin-top: 0;
display: inline-block;
position: relative;
bottom: -30px
}
.footeraddress a {
color: #fff;
text-decoration: none
}
.postbold {
padding-left: 1%
}
.splitfooter {
width: 50%;
float: left;
box-sizing: border-box
}
.splitfooterup {
width: 100%;
float: left
}
.footeraddress li {
margin: 0
}
.splitfooterdown {
width: 100%;
float: left
}
.footer-container {
width: 100%;
float: left
}
.footer-container.up {
margin-bottom: 80px
}
.footerlogo, .footeraddress, .footersubscribe, .footerquote {
width: 100%;
color: white
}
.footersocc {
margin-top: 30px
}
.footerlogo {
position: relative
}
.footerlogo img {
width: 170px;
bottom: 0
}
.footerquote {
text-align: left;
font-size: 22px
}
.footeraddress {
padding-top: 30px
}
.footeraddress ul {
font-size: 16px;
line-height: 26px;
padding: 0;
list-style: none
}
.madedby div {
display: inline-block
}
.madebyname {
font-size: 14px;
line-height: 28px;
color: rgba(255, 255, 255, .4)
}
.madebyname a {
font-weight: 700;
text-decoration: none;
color: rgba(255, 255, 255, .4)
}
.backtotop {
float: right;
color: #3A0E91;
font-weight: 700;
font-size: 14px;
line-height: 28px
}
.backtotop a {
color: #fff
}
.subscribemyrow.input { width: 100%;
margin-bottom: 40px;
text-align: left;
position: relative; }
.subscribemyrow input:-webkit-autofill{
-webkit-box-shadow:0 0 0 50px #370592 inset; -webkit-text-fill-color: white;
transition: background-color 5000s ease-in-out 0s;
}
.subscribemyrow input:-webkit-autofill:focus{
-webkit-box-shadow: 0 0 0 50px #370592 inset; -webkit-text-fill-color: white;
transition: background-color 5000s ease-in-out 0s;
}
.inputtext {
width: 50%;
float: left;
box-sizing: border-box;
margin-left: 0%
}
.inputtext .subscribeinput {
width: 90% !important;
font-size: 20px;
background: transparent;
border: 0;
border-bottom: 1px solid #fff;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 15px;
color: #fff
}
.inputtext .subscribeinput::-webkit-input-placeholder {
color: white;
font-size: 16px
}
.inputtext .subscribeinput::-moz-placeholder {
color: white;
font-size: 16px;
opacity: 1
}
.inputtext .subscribeinput:-ms-input-placeholder {
color: white;
font-size: 16px
}
.inputtext .subscribeinput:-moz-placeholder {
color: white;
font-size: 16px
}
.subscribemyrow { width: 100%;
float: right
}
.subscribeinput input[type="text"] {
width: 50%;
float: left;
font-family: "Avenir Next W06 Regular", Arial, sans-serif
}
.subscribemyrow div.inputtext:not(:last-of-type){
margin-bottom: 3%;
}
.subscribemyrow .inputtext.checkbox-input{
margin-top: 2.5%;
width: 100%;
}
.subscribemyrow .inputtext.question-input{
width: 100%;
}
.subscribemyrow .subscribeinput{
width: 100%!important;
}
@media (min-width: 782px) {
.inputtext.padding-right {
padding-right: 5%;
}
}
.subscribeinput.right input[type="text"] {
float: right
}
#subscribesubmit {
background: white;
border-radius: 30px;
padding: 14px 38px;
color: #370592;
text-decoration: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 1px solid white;
font-size: 16px;
cursor: pointer;
font-family: "Avenir Next W06 Regular", Arial, sans-serif
}
#subscribesubmit:hover {
background: #370592;
color: white;
border: 1px solid
}
.subscribemyrowtable {
width: 100%;
display: table;
float: right
}
.subscribetxt {
display: table-cell;
padding-left: 10%;
font-size: 12px;
line-height: 18px;
text-align: justify;
font-size: 15px;
line-height: 18px
}
.subscribetxt a {
color: white
}
.subscribetxt a:hover {
opacity: .95
}
.subscribebutton {
display: table-cell;
vertical-align: middle
}
.sideblockleft {
display: table-cell;
width: 50%;
vertical-align: middle
}
.sideblockrigth {
display: table-cell;
width: 50%;
vertical-align: middle
}
.sideblocktextcontainer {
width: 100%;
box-sizing: border-box;
position: relative;
margin-left: 4.5%;
padding-top: 25px;
font-size: 18px
}
.sideblocktextcontainer.left {
float: left;
margin-left: 0
}
.sideblocktexttitle {
font-size: 26px;
font-weight: 700;
position: relative;
width: 87.5%;
text-align: left;
line-height: 28px;
box-sizing: border-box;
display: block;
color: inherit;
text-decoration: none
}
.sideblocktexttext {
width: 95%;
margin-top: 2%;
line-height: 28px
}
.sideblocktexttextlink {
width: 87.5%;
bottom: 0%;
line-height: 28px;
margin-top: 100px
}
.sideblocktexttextlink a {
color: #3A0E91;
position: relative
}
.sideblocktexttextlink a:after {
content: '';
position: absolute;
right: -41px;
top: 6px;
width: 35px;
height: 9px;
background: url(//materize.com/wp-content/themes/BRIGHT/icons/bulta_pa_labi.svg) no-repeat;
background-size: contain;
transition: all .2s ease;
-webkit-transition: all .2s ease;
-moz-transition: all .2s ease;
-ms-transition: all .2s ease
}
.sideblocktexttextlink a:hover:after {
right: -46px
}
.sideblocktexttextlink a img {
width: 7%;
padding-left: 2%
}
.casestudiesblock {
padding: 6% 16%;
width: 100%;
display: table;
box-sizing: border-box
}
.left_right {
display: table;
width: 100%
}
.articleline {
border-bottom: 1px solid silver;
width: 100%;
float: left;
margin: 50px 0
}
.projectsc .articleline:last-child {
display: none
}
.articleline.last, .articleline.hiddenblock {
display: none
}
.articleline.hiddenblock.end {
display: none !important
}
.left_right.last, .left_right.end {
border: 0
}
.left_right.end {
padding-bottom: 0
}
.left_right.hiddenblock {
display: none
}
.left_50_c {
padding-bottom: 72%;
width: 95%;
display: block
}
.left_50_c.right {
float: right
}
.casestudiesblockloadmore {
width: 100%;
text-align: center;
margin-top: 40px
}
.casestudiesblockloadmore.in-page {
float: none
}
.casestudiesblockloadmore a, .violetb {
background: #3A0E91;
border: 1px solid #3A0E91;
border-radius: 30px;
padding: 14px 28px;
color: white;
text-decoration: none;
font-family: "Avenir Next W06 Regular", Arial, sans-serif;
cursor: pointer;
display: inline-block;
font-size: 16px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.casestudiesblockloadmore a:hover, .violetb:hover {
color: #370592;
background: white;
border: 1px solid
}
.handimg {
position: absolute;
right: -10%;
bottom: -5px;
opacity: 0;
width: 45%;
height: auto;
max-width: 45%;
background-size: cover
}
.alignleft {
float: left;
margin: .5em 1em .5em 0
}
.alignright {
float: right;
margin: .5em 1em .5em 0
}
.banner {
display: table;
width: 100%;
padding: 55px 0;
color: #fff;
background: linear-gradient(270deg, #BD94EC 0%, #875BAD 100%)
}
.banner.violet {
background: linear-gradient(270deg, #BD94EC 0%, #875BAD 100%)
}
.banner.lightblue {
background: linear-gradient(270deg, #8494EC 0%, #80CFE0 100%)
}
.banner.violetblue {
background: linear-gradient(270deg, #DF94EC 0%, #3A70CA 100%)
}
.banner .banner-title {
font-size: 60px;
font-weight: 700
}
.banner .banner-container-text {
font-size: 32px
}
.banner .banner-container-text span {
font-weight: 900
}
.banner-cell {
display: table-cell;
vertical-align: middle
}
.banner-close {
width: 7%;
text-align: center
}
.banner-close a {
font-size: 40px;
text-decoration: none;
color: white
}
.banner-close a img {
display: inline-block;
width: 40px;
height: 40px
}
.banner-link {
text-align: right;
padding-right: 20px
}
.banner-link a {
color: #fff;
text-decoration: none;
font-size: 24px;
font-weight: 700;
border: 3px solid #fff;
border-radius: 50px;
padding: 14px 36px;
white-space: nowrap;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
.banner-link a:hover {
opacity: .8
}
.pgaetopfiltersc {
margin-bottom: 40px
}
.filterel {
display: inline-block;
margin-right: 5px;
position: relative;
vertical-align: top
}
.filterh {
background: #F5F5F5;
color: #231F20;
font-size: 14px;
padding: 12px 20px;
padding-right: 30px;
border-radius: 50px;
width: 230px;
cursor: pointer;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
outline: none;
border: none
}
select.filterselect {
border: 0;
background: transparent;
width: calc(100% + 50px);
outline: none;
padding-left: 20px;
padding-right: 60px;
font-size: 14px;
font-family: "Avenir Next W06 Regular", Arial, sans-serif
}
.rfilter {
background: #F5F5F5;
color: #231F20;
font-size: 14px;
padding: 12px 20px;
padding-right: 30px;
border-radius: 50px;
width: 230px;
cursor: pointer;
position: relative;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
outline: none;
border: none;
padding-left: 0;
display: none
}
.filtersearchinput {
background: #F5F5F5;
color: #231F20;
font-size: 14px;
padding: 12px 20px;
padding-right: 40px;
border-radius: 50px;
min-width: 230px;
cursor: auto;
position: relative;
border: none;
outline: none;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-family: "Avenir Next W06 Regular", Arial, sans-serif
}
.filtervalsc {
box-shadow: 0 8px 10px 0 rgba(0, 0, 0, .18);
background: white;
z-index: 99;
width: 350px;
position: absolute;
top: 125%;
left: 0;
border-radius: 10px;
display: none;
max-height: 300px;
overflow-y: auto
}
.filterval {
color: #231F20;
font-size: 14px;
padding: 10px 20px;
background: white;
cursor: pointer;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
.filterval:last-child {
border-radius: 0 0 10px 10px
}
.filterval:first-child {
border-radius: 10px 10px 0 0
}
.filterval:hover {
color: #3A0E91;
background: #F5F5F5
}
.filterh:after, .rfilter:after {
content: '';
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #231F20;
position: absolute;
right: 15px;
top: 20px
}
.opened .filterh:after {
transform: rotate(180deg)
}
.sprojsubmb {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
border-radius: 50px;
border: none;
cursor: pointer;
background: url(//materize.com/wp-content/themes/BRIGHT/images/search.svg) no-repeat center;
outline: none;
background-size: 12px 12px
}
#rescounttext {
position: relative;
color: #939598;
font-size: 14px;
top: -20px
}
.brcrurl {
color: #808285;
font-size: 12px;
display: inline-block;
text-decoration: none
}
.brcrarr {
margin: 0 8px;
color: #808285;
font-size: 12px;
display: inline-block;
text-decoration: none
}
.breadcrc {
margin-top: 10px
}
.sposth {
font-size: 44px;
font-weight: 700;
color: #231F20;
font-family: "Avenir Next W06 Demi", Arial, sans-serif;
padding-bottom: 0;
margin-bottom: 0
}
.spostdate {
color: #231F20;
font-size: 16px;
position: relative;
bottom: -25px
}
.avenirbold {
font-family: "Avenir Next W06 Demi", Arial, sans-serif
}
.textwrap {
max-width: 900px;
padding: 0 5%;
display: block;
margin-left: auto;
margin-right: auto;
color: #231F20;
font-size: 18px;
line-height: 1.3
}
.sposcontentc img.postthumb {
margin-bottom: 15px
}
.videocontainer {
width: 100%;
padding-top: 58%;
position: relative
}
.videocontainer iframe {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0
}
.videocontainer p {
margin: 0
}
.textwrap a {
text-decoration: underline;
color: #3A0E91
}
blockquote, blockquote p {
color: #231F20;
font-size: 32px;
font-family: "Avenir Next W06 Demi", Arial, sans-serif;
line-height: 1.3;
position: relative;
margin: 50px 0
}
blockquote {
padding-left: 100px;
padding-right: 10%
}
blockquote:before {
content: '';
background: url(//materize.com/wp-content/themes/BRIGHT/images/quotes.svg) no-repeat center;
background-size: 52px 36px;
width: 52px;
height: 36px;
display: inline-block;
position: absolute;
left: 0
}
table {
border: none;
width: 100%;
margin-bottom: 20px
}
td {
color: #231F20;
font-size: 16px;
padding: 12px 20px;
line-height: 1.3;
border: none
}
tr:nth-child(odd) {
background-color: #F5F5F5
}
p {
color: #231F20;
font-size: 18px;
line-height: 1.5;
margin: 15px 0
}
h2 {
color: #231F20;
font-size: 24px;
font-family: "Avenir Next W06 Demi", Arial, sans-serif;
margin: 15px 0;
margin-top: 50px
}
h3 {
font-family: "Avenir Next W06 Demi", Arial, sans-serif;
color: #231F20;
font-size: 18px;
line-height: 26px;
margin-top: 50px;
margin-bottom: 10px
}
h6 {
color: #808285;
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 1.3;
margin-bottom: 50px;
margin-top: 15px
}
hr {
border-top: 1px solid #E6E7E8;
margin: 50px 0;
border-bottom: none
}
li {
margin-left: 50px;
margin-top: 15px;
margin-bottom: 15px;
list-style: none;
position: relative
}
li:before {
content: '';
position: absolute;
width: 6px;
height: 6px;
background: #3A0E91;
border-radius: 50%;
left: -22px;
top: 8px
}
.sposcontentc img {
max-width: 100%;
height: auto;
margin: 0;
margin-left: auto;
margin-right: auto;
margin-top: 35px;
display: block
}
.imagesblock {
position: relative;
width: 100%;
margin: 0;
width: calc(100% + 10px);
left: -5px
}
.imgblockimgel {
display: inline-block;
float: left;
width: 33.33%;
padding-top: 33.33%;
cursor: pointer
}
.galimages {
display: none
}
.gallery {
width: 100%;
padding-top: 50%;
position: relative;
margin-top: 50px;
cursor: pointer;
margin-bottom: 25px;
-webkit-print-color-adjust: exact
}
.galphotos {
position: absolute;
left: 0;
bottom: 0;
background: white;
padding: 10px 20px
}
.sposcontentc img.galphotosic {
display: inline-block;
width: 26px;
height: 20px;
margin: 0;
vertical-align: middle
}
span.galphotostext {
display: inline-block;
vertical-align: middle;
color: #3A0E91;
font-size: 16px;
text-transform: uppercase;
padding-left: 10px;
font-family: "Avenir Next W06 Medium", Arial, sans-serif
}
html.modal-open {
overflow: hidden
}
#spopgimg, #spopimg {
max-width: 100%;
max-height: 80vh;
max-height: calc(100vh - 180px)
}
#opengalpopup, #openimg, #openvideo {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .65);
z-index: 1099;
display: none;
text-align: center
}
.spopgnumsc {
position: absolute;
right: 0;
bottom: 0;
color: #FFF;
font-size: 14px;
font-weight: 700;
line-height: 40px;
padding: 0 20px
}
.spogimgdesc {
max-width: 1000px;
display: block;
margin: auto;
position: relative;
margin-top: 0;
left: 0;
bottom: 0;
width: 100%;
background: black;
color: #FFF;
font-size: 16px;
padding: 10px 20px 10px 20px;
text-align: left;
font-family: "Avenir Next W06 Light", Arial, sans-serif;
line-height: 1.3;
padding-right: 80px;
min-height: 20px
}
.spogimgdesc.nodesc {
padding-right: 51px
}
.spogimgdescc {
position: relative;
background: black;
display: inline-block;
margin-top: 15px;
min-height: 37px
}
#spopgclose, #spopclose, #spopvclose {
position: absolute;
right: 50px;
top: 50px;
padding: 20px;
cursor: pointer;
z-index: 500;
color: white;
text-transform: uppercase;
font-weight: 700;
letter-spacing: 1px;
width: 14px;
height: 14px;
box-sizing: content-box;
transform: rotate(0deg)
}
#spopgclose:hover, #spopclose:hover {
transform: rotate(180deg)
}
.spogprevnextb:hover {
right: -59px
}
.spogprevnextb:hover img {
background: rgba(0, 0, 0, .8)
}
.spogprevnextb.prev:hover {
right: auto;
left: -59px
}
#opengalpopup .table-cellvm, #openimg .table-cellvm, #openvideo .table-cellvm {
text-align: center;
vertical-align: middle;
height: 100vh
}
#galmainslider {
max-width: 100%;
max-height: 85vh;
max-height: calc(94vh - 120px)
}
.aboutopvideoc iframe {
height: 80vh;
width: 80vw
}
.spopgimgc {
position: relative;
display: inline-block;
margin-bottom: 40px;
margin-top: 40px;
width: 85%;
width: calc(100% - 200px)
}
.spopgarrsc {
position: absolute;
right: 0;
bottom: 0;
display: inline-block
}
.spogprevnextb {
cursor: pointer;
margin-left: -4px;
display: inline-block;
position: absolute;
width: 50px;
height: 50px;
top: calc(50% - 60px);
right: -55px;
padding: 35px 0;
box-sizing: content-box;
transform: rotate(180deg)
}
.spogprevnextb img {
width: 12px;
height: 20px;
background: rgba(0, 0, 0, .4);
padding: 15px 19px;
border-radius: 50%;
color: white;
box-sizing: content-box;
width: 12px;
height: 20px
}
.spogprevnextb.prev {
transform: rotate(0deg);
left: -55px;
right: auto
}
.openGalimgc {
width: 100%;
height: 100%;
position: relative
}
.openGalimgc img {
max-width: 100%;
max-height: 100%;
display: inline-block
}
#loadnext {
position: absolute;
left: -100%;
top: 0
}
.imgblockimgel {
display: inline-block;
float: left;
width: 33.33%;
cursor: pointer;
position: relative;
cursor: pointer;
height: auto;
padding: 5px
}
.imgblelimg {
display: inline-block;
position: relative;
top: 0;
left: 0;
height: 100%;
padding-top: 100%;
width: 100%;
-webkit-print-color-adjust: exact
}
.imgblel2 {
width: 50%
}
.imgblel3 {
width: 33.33%
}
.imgblel4 {
width: 25%
}
.imgblel5 {
width: 20%
}
.imgblel6 {
width: 16.66%
}
.spdoclcell img {
width: 22px;
height: 22px;
display: inline-block;
margin: 0
}
.spdoclcell {
width: 40px
}
.spdocrcell {
padding: 10px 0
}
.inline-table {
display: inline-table;
width: auto
}
.spbackbl img {
margin: 0;
width: 26px;
height: 8px;
margin-right: 15px;
position: relative;
left: 0;
transition: all .2s linear;
-webkit-transition: all .2s linear;
-moz-transition: all .2s linear;
-ms-transition: all .2s linear
}
#openresponisvenav {
opacity: 1;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
#openresponisvenav:hover {
opacity: .6
}
.searchbc {
opacity: 1;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
.searchbc:hover {
opacity: .6
}
.spbackbr {
color: #3A0E91;
font-size: 18px
}
.spbackb:hover img {
left: -5px
}
.sjsocel {
display: inline-block;
cursor: pointer;
margin-left: 5px
}
.sjsocel img {
margin: 0;
width: 30px;
height: 30px
}
.spsocc {
position: relative;
width: auto
}
.spsocopenc {
position: absolute;
right: 0;
top: 0;
height: 30px;
width: 0;
overflow: hidden
}
.active .spsocopenc {
width: 120px
}
.spfooterr {
text-align: right
}
.spopsocb {
width: 30px
}
.active .spopsocb {
width: 160px
}
.spsoccell {
display: inline-block;
border-left: 1px solid #E6E7E8;
padding-left: 15px;
margin-left: 20px
}
.sjsocel:hover {
opacity: .6
}
.relelsbl {
background: #F5F5F5;
text-align: center;
padding: 50px 50px 70px 50px;
position: relative
}
.blockh {
font-family: "Avenir Next W06 Demi", Arial, sans-serif;
margin-bottom: 50px
}
.relel {
padding: 15px;
text-decoration: none
}
.relelinc {
background: white;
height: 100%
}
.relelimgc {
position: relative;
padding-top: 64%;
overflow: hidden
}
.relelimg {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
transform: scale(1)
}
.relel:hover .relelimg {
transform: scale(1.1)
}
.relelh {
color: #231F20;
font-size: 26px;
font-weight: 700;
text-align: left;
line-height: 1.3;
padding: 25px 5%
}
.textunderpagetitle p {
font-size: 22px;
margin: 0;
margin-bottom: 60px
}
.servpagefiltersc.page-container {
background: #E6E7E8;
padding-top: 20px;
padding-bottom: 20px
}
.servicespage .pgaetopfiltersc {
margin: 0
}
.servcath {
color: #231F20;
font-size: 28px;
font-family: "Avenir Next W06 Demi", Arial, sans-serif;
border-bottom: 1px solid black;
padding: 25px 50px;
cursor: pointer;
position: relative
}
.servcath:before {
content: '';
width: 0;
height: 0;
border-bottom: 4px solid transparent;
border-left: 7px solid black;
border-top: 4px solid transparent;
display: inline-block;
position: absolute;
left: 22px;
top: 37px
}
.active .servcath:before {
transform: rotate(90deg)
}
.servcatels {
display: none
}
.servcatelh {
border-top: 1px solid #E6E7E8;
color: #231F20;
font-size: 20px;
padding: 22px 50px;
cursor: pointer;
position: relative;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
.servcatelh:before {
content: '';
background: url(//materize.com/wp-content/themes/BRIGHT/images/plus.svg) no-repeat center;
background-size: 15px 15px;
width: 15px;
height: 15px;
position: absolute;
right: 20px;
top: 27px;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
.servcatelopened {
color: #231F20;
font-size: 18px;
padding: 0 50px 45px 50px;
display: none
}
.servcatc.active {
border-bottom: 1px solid black
}
.servcatel {
position: relative
}
.opened .servcatelh:before {
transform: rotate(45deg)
}
.opened .servcatelh {
font-weight: 700
}
.opdevimgcol img {
max-height: 200px;
padding: 0 40px 20px 0
}
.opdevpar {
color: #939598;
font-size: 14px;
padding: 5px 20px 5px 0;
width: 150px
}
.opdevval {
padding: 2px 0
}
.opdevreadmore {
color: #3A0E91;
font-size: 14px;
margin-top: 20px;
display: block;
padding: 10px 0
}
.opdevreadmore img {
transform: rotate(180deg);
width: 26px;
height: 8px;
vertical-align: middle;
margin-left: 15px
}
.breadcrc {
margin-top: 35px
}
.singledevice .sposth {
border: none;
padding-bottom: 40px
}
.sdevpars {
margin-top: 50px
}
.sdevlineafter {
height: 1px;
background: #E6E7E8;
margin: 10px 0
}
.singledevice .opdevpar {
padding-left: 20px;
width: 190px
}
.opdevval li {
margin: 5px 0 5px 0;
padding: 0
}
.opdevval li:before {
content: '';
position: absolute;
width: 2px;
height: 2px;
background: #231F20;
border-radius: 50%;
left: -10px;
top: 10px
}
.opdevval ul {
margin: 0;
padding: 0;
padding-left: 10px
}
.postrelelsbl {
position: relative;
margin: 40px 0 70px 0
}
.postrelelsblh {
color: #3A0E91;
font-size: 22px;
font-weight: 700;
font-family: "Avenir Next W06 Demi", Arial, sans-serif;
margin-bottom: 10px
}
li.postrelel {
font-size: 18px;
line-height: 1.3;
margin: 0;
padding: 5px 0;
margin-left: 30px;
color: #3A0E91;
text-decoration: underline;
cursor: pointer
}
li.postrelel:before {
content: '';
position: absolute;
width: 10px;
height: 1px;
background: #3A0E91;
border-radius: 0;
left: -20px;
top: 16px
}
.postrelelsmoreb {
color: #3A0E91;
font-size: 16px;
line-height: 0;
text-align: center;
display: inline-block;
background: #F5F5F5;
padding: 25px 40px;
border-radius: 50px;
cursor: pointer;
margin: 20px 0
}
.postrelelsmoreb:hover {
color: white;
background: #3A0E91
}
.postrelelsmore {
display: none
}
#globpopupc {
position: fixed;
width: 100%;
height: 100vh;
left: 0;
top: 0;
overflow: hidden;
z-index: 1100;
display: none
}
.globpopupfilter {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: .6
}
.globpopuptable {
position: absolute;
top: 0;
left: 0
}
.globpopupcell {
width: 100%;
height: 100vh;
text-align: center
}
.globpopupinc {
position: relative;
display: inline-block;
background: white;
width: 90%;
max-width: 1000px;
height: auto;
max-height: 90vh;
max-height: calc(100vh - 100px)
}
#globpopupclose {
position: absolute;
right: -42px;
top: -40px;
width: 14px;
height: 14px;
box-sizing: content-box;
padding: 20px;
cursor: pointer;
z-index: 99
}
#globpopup {
color: black;
position: relative;
overflow-y: auto;
text-align: left
}
.relph {
color: #231F20;
font-size: 20px;
font-weight: 700
}
.relservc {
padding: 50px;
max-height: 80vh;
max-height: calc(100vh - 120px)
}
.globpopupc .servcatelopened {
padding: 0;
display: block;
max-height: 80vh;
max-height: calc(100vh - 120px)
}
.globpopupc .opdevimgcol img {
max-height: 90vh;
padding: 0;
max-width: 100%
}
.globpopupc .opdevdesccol {
padding: 35px 50px 20px 50px
}
.col-12.relph {
margin-bottom: 20px
}
.contacth {
color: #231F20;
font-size: 30px;
font-weight: 700;
font-family: "Avenir Next W06 Demi", Arial, sans-serif;
margin-bottom: 15px
}
.contactel h2 {
margin: 0;
color: #231F20;
font-size: 18px;
font-weight: 700
}
.contactel p {
margin: 5px 0
}
.contactdesc {
margin-bottom: 0
}
.contactpebig {
display: inline-block;
color: #3A0E91;
font-weight: 900;
font-family: "Avenir Next W06 Demi", Arial, sans-serif;
margin-right: 10px
}
.contactpetext {
display: inline-block
}
.contactpeel {
margin-bottom: 5px
}
.contactel .contactsocel img {
display: inline-block;
width: 32px;
height: 32px;
margin-right: 10px;
cursor: pointer
}
.contactsocels {
margin-top: 25px
}
.servcatelopened.contactel {
display: block;
padding: 0
}
.contactel img {
margin: 0;
max-height: 305px;
max-width: 280px
}
.contactsocel {
display: inline-block
}
footer p {
color: white;
font-size: 16px
}
.servcatelopened.contactel {
display: block;
margin-top: 25px;
padding: 0
}
.opdevimgcol {
position: relative
}
.servcatelopened.contactel.popupcontactel {
margin: 0
}
.blockcontaineronlytext p {
line-height: 1.4
}
.wwdoel .blockcontaineronlytitle {
position: relative;
font-family: "Avenir Next W06 Demi", Arial, sans-serif
}
.wwdoel .blockcontaineronlytext {
position: relative;
margin: 0
}
.wwdoel {
display: flex;
padding: 12px;
text-decoration: none;
color: inherit
}
.wwdoelinc {
flex-basis: auto
}
.wwdoelimgc img {
max-width: 100%;
max-height: 70px;
display: block;
margin: auto;
position: relative;
top: 0;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
.wwdoel:hover .wwdoelimgc img {
top: -8px
}
.wwdoel:hover .wwdoelh {
text-decoration: underline
}
.wwdoelsrow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.wwdoelinc {
flex-basis: auto;
background: #F5F5F5;
padding: 10vh 10% 20px 10%
}
.wwdoelh {
color: #450e91;
font-size: 26px;
line-height: 1.3;
text-align: center;
font-weight: 700;
margin: 25px 0 10px 0;
display: block;
text-decoration: none;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
.wwdoelimgc {
display: block
}
.wwdoeltext {
margin-bottom: 20px;
text-align: center
}
.wwdoelinc.firstbl {
padding: 0;
background: transparent;
position: relative;
width: 100%;
height: 100%;
padding-left: 10px
}
.inputtextel {
color: #231F20;
font-size: 22px;
line-height: 1;
border: none;
border-bottom: 1px solid #E6E7E8;
padding: 8px 20px;
padding-top: 50px;
width: 100%;
display: inline-block;
outline: none;
font-family: "Avenir Next W06 Regular", Arial, sans-serif
}
.vacformelc {
position: relative;
width: 100%
}
.vacformelh {
position: absolute;
color: #231F20;
font-size: 22px;
left: 20px;
bottom: 10px;
pointer-events: none;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
.focus .vacformelh {
color: #939598;
font-size: 14px;
left: 20px;
top: 25px
}
textarea.inputtextel {
height: 150px
}
.vacformelcol {
padding-left: 40px
}
.vacformrow {
position: relative;
left: -40px;
width: calc(100% + 40px)
}
.vakformsubmcol {
text-align: right;
padding-right: 30px;
margin-top: 50px;
margin-bottom: 20px
}
.formuploadc {
margin-top: 50px
}
.vacanciespage .textunderpagetitle p {
margin-bottom: 20px
}
.inputfile {
width: .1px;
height: .1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
outline: none
}
.inputfile + label {
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
cursor: pointer;
display: inline-block;
overflow: hidden;
padding: 23px 25px;
margin-top: 0;
color: #3A0E91;
font-size: 18px;
line-height: 0;
text-decoration: underline;
outline: none
}
.inputfile + label svg {
width: 1em;
height: 1em;
vertical-align: middle;
fill: currentColor;
margin-top: -.25em;
margin-right: .25em
}
.inputfile:focus + label, .inputfile + label:hover {
outline: none
}
.inputfile + label {
cursor: pointer;
outline: none
}
.inputfile:focus + label {
outline: none
}
.inputfile + label * {
pointer-events: none
}
.inblocktitle.vacblh {
margin-bottom: 20px;
margin-top: 0
}
.uploadedel {
color: inherit;
padding: 2px 20px;
font-size: 14px
}
.uploadedel span {
margin-left: 10px;
color: #3a0e91;
cursor: pointer;
font-weight: 700
}
.uploadedel span:hover {
text-decoration: underline
}
#msg {
text-align: center;
margin: 50px 0;
font-size: 18px;
color: #3a0e91;
font-weight: 700;
line-height: 1.3
}
.uploadedel.wrong {
text-decoration: line-through;
color: #3a0e91
}
.error .inputtextel {
border-bottom: 1px solid #3A0E91
}
.vactopbl {
background: #F5F5F5;
padding: 20px 0 40px 0;
margin: 0;
margin-bottom: 50px;
position: relative;
z-index: 10;
top: -2px
}
.vacel img {
display: inline-block;
position: absolute;
top: 34px;
right: 20px;
height: 13px
}
.vacel {
position: relative;
border-bottom: 1px solid #939598;
padding: 25px 20px;
padding-right: 80px;
text-decoration: none;
display: block;
color: inherit;
font-size: 22px;
line-height: 1.3;
cursor: pointer
}
.vacel:hover img {
right: 15px;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
.actualvacels {
position: relative;
border-top: 1px solid #939598;
margin: 45px 0 80px 0
}
.footeraddress li:before {
display: none
}
.svacleftcol {
width: 350px
}
.vacanciespage {
padding-bottom: 100px
}
.svacleftcol h2 {
padding-left: 20px
}
.responsive_nav_menu {
display: inline-block;
width: auto;
margin-left: 5%;
position: relative;
bottom: -1px
}
.responsive_nav_menu img {
width: 31px;
height: auto;
display: inline-block;
cursor: pointer;
padding-top: 13px;
}
#hsearchb {
cursor: pointer;
width: 17px;
height: 17px;
padding: 11px;
box-sizing: content-box;
position: relative;
top: 4px;
}
#hsearchcloseb {
cursor: pointer;
width: 17px;
height: 17px;
padding: 13px;
box-sizing: content-box;
position: absolute;
left: 0;
top: 0;
opacity: 0
}
#searchop {
position: absolute;
display: none
}
.logo a {
display: block
}
.logo {
width: 250px
}
.searchbcol {
display: inline-block;
margin-left: 10px
}
.open #hsearchb {
opacity: 0
}
.open #hsearchcloseb {
opacity: 1
}
#searchop {
position: absolute;
display: none;
width: 600px;
right: 100%;
right: calc(100% + 5px);
top: -9px
}
.search-field {
width: 100%;
background: #F5F5F5;
color: #231F20;
font-size: 18px;
border: none;
border-radius: 40px;
padding: 19px 20px 20px 59px;
font-family: "Avenir Next W06 Regular", Arial, sans-serif
}
input.search-submit {
position: absolute;
border: none;
width: 17px;
height: 17px;
background: url(//materize.com/wp-content/themes/BRIGHT/images/search.svg) no-repeat center;
background-size: 17px 17px;
top: 21px;
left: 25px
}
.responsive_nav {
position: fixed;
top: 0;
left: 0;
background: rgba(255, 255, 255, .8);
width: 100%;
z-index: 1100;
display: none;
text-align: right;
height: 100vh
}
.responsive_nav_container {
display: inline-table;
width: 500px;
height: 100%;
background: #3A0E91
}
.bigmenucell {
display: table-cell;
vertical-align: middle;
width: 100%;
height: 100%;
position: relative
}
.bigbigmenuel {
font-size: 36px;
font-weight: 700;
line-height: 1.2
}
.mmenubigelsc {
margin-bottom: 5vh
}
.bigmenucell li:before {
display: none
}
.respmenusearch {
position: absolute;
bottom: 70px;
left: 0;
width: 80%;
margin: 0 10%
}
.respmenusearch .search-field {
background: transparent;
border-bottom: 1px solid rgba(255, 255, 255, .4);
border-radius: 0;
padding: 10px 50px 10px 20px;
color: white
}
.respmenusearch input.search-submit {
right: 10px;
left: auto;
top: 3px;
background: url(//materize.com/wp-content/themes/BRIGHT/images/search_resp.svg) no-repeat center;
background-size: 17px 17px;
padding: 8px;
box-sizing: content-box;
cursor: pointer
}
#closeresponisvenav {
display: inline-block;
width: 50px;
height: 50px;
box-sizing: content-box;
cursor: pointer;
position: absolute;
right: 50px;
top: 50px;
transform: rotate(0deg);
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
#closeresponisvenav:hover {
transform: rotate(180deg)
}
.mobnavlogo img {
width: 180px;
height: 33px
}
.mobnavlogo {
position: absolute;
left: 0;
top: 0;
text-align: left;
padding-left: 6%;
padding-top: 50px;
display: none
}
.agreecookiesb {
display: inline-block;
padding: 10px 15px 10px 5px;
vertical-align: middle;
cursor: pointer
}
.agreecookiesb img {
width: 12px;
height: 12px
}
.agreecookiesc {
position: fixed;
right: 5%;
bottom: 40px;
z-index: 999;
background: rgba(241, 242, 242, .8);
border-radius: 50px;
padding: 15px;
width: 450px
}
.agreecookiesc p {
color: #555;
font-size: 12px;
margin: 0
}
.agreecookies-textc {
display: inline-block;
width: 80%;
width: calc(100% - 40px);
vertical-align: middle
}
.nav-down {
padding-top: 20px;
padding-bottom: 15px;
background: white
}
.row.nav-up {
top: -141px
}
.header-top.navtop {
padding-top: 50px;
padding-bottom: 45px
}
.header-top.nav-down {
background: white;
border-bottom: 1px solid #D1D3D4
}
#main-header .header-top.nav-down {
background: white;
}
#main-header .header-top.nav-down.navtop {
background: transparent;
}
.searchpagesearch {
position: relative;
margin: 50px 0;
width: 100%;
max-width: 500px
}
.sresfound {
color: #939598;
font-size: 13px;
position: relative;
top: -30px
}
.searchresulth {
color: #231F20;
font-size: 20px;
text-decoration: none;
margin-bottom: 10px;
display: block;
font-family: "Avenir Next W06 Demi", Arial, sans-serif
}
.sresultdesc {
color: #231F20;
font-size: 18px;
line-height: 1.4
}
.searchresulturl {
color: #3A0E91;
font-size: 12px;
line-height: 1.2;
display: block;
margin-top: 10px
}
.searchresultc {
display: block;
margin-bottom: 40px
}
.searchclear {
position: absolute;
width: 24px;
height: 24px;
cursor: pointer;
right: 20px;
top: 19px;
border-radius: 50%;
padding: 8px;
background: #D1D3D4
}
.abwvidb img {
display: inline-block;
vertical-align: middle;
width: 36px;
height: 32px;
margin-right: 10px
}
.abwvidtext {
color: #3A0E91;
font-size: 22px;
display: inline-block;
text-decoration: underline;
vertical-align: middle;
width: calc(100% - 50px)
}
.abwvidb {
cursor: pointer;
display: block;
padding-bottom: 40px
}
.about .textunderpagetitle p {
margin-bottom: 20px
}
.icon-block {
text-align: center;
align-items: center; justify-content: center;
max-width: 670px;
width: 85%;
margin: 30px auto 0 auto;
}
.icon-block img {
max-width: 80px;
height: auto;
margin-bottom: 10px;
}
.icon-block p {
margin: 0;
font-size: 12px;
}
@media (min-width: 375px) {
.icon-block {
display: flex;
}
.icon-block p {
text-align: left;
}
.icon-block img {
margin-right: 20px;
margin-bottom: 0;
}
}
@media (min-width: 500px) {
.icon-block p {
font-size: 15px;
}
.icon-block img {
max-width: 117px;
}
}
@media (min-width: 600px) {
.icon-block p {
font-size: 18px;
}
}
@media (min-width: 700px) {
.icon-block p {
font-size: 20px;
}
}
@media (min-width: 800px) {
.icon-block p {
font-size: 22px;
}
.icon-block img {
max-width: 117px;
}
.icon-block {
width: 100%;
margin: 40px auto 10px auto;
}
}
.ffel {
padding: 10px 2% 20px 0;
text-align: center
}
.ffelimgcell {
height: 120px;
padding-bottom: 25px
}
.ffelimgcell img {
max-width: 70%;
max-height: 100%;
max-height: 100px
}
.ffelh {
color: #231F20;
font-size: 22px;
line-height: 26px;
min-height: 52px
}
.factfigbl .page-container {
margin-top: 80px;
margin-bottom: 40px
}
.factfigbl .factfigsecbl {
padding-top: 30px;
padding-bottom: 0;
margin-top: 50px
}
.factfigelstop {
margin-top: 30px
}
.imgblockimgel-hoverc img {
width: 30px;
height: 30px;
position: absolute;
bottom: 10%;
left: 10%
}
.imgblockimgel-hoverc {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
opacity: 0;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
.imgblockimgel:hover .imgblockimgel-hoverc {
opacity: 1
}
.ffnumelnum {
color: #3A0E91;
font-size: 60px;
line-height: 1.2
}
.aboutcontactel .opdevimgcol {
width: 100%;
padding-top: 132%;
margin-bottom: 25px
}
.aboutcontactel .opdevimgcol img {
max-width: 100%;
max-height: 100%;
padding: 0;
margin-bottom: 20px
}
.servcatelopened.contactel.aboutcontactel {
padding-right: 40px;
margin-bottom: 40px;
margin-top: 0
}
.aboutcontactselrrow {
width: calc(100% + 40px)
}
.contactsbl .inblocktitle.vacblh {
margin-bottom: 30px
}
.aboutcontactel .contacth {
color: #3A0E91
}
.locatellcell {
width: 400px;
padding: 50px 40px 50px 0
}
.locatellcell h2 {
color: #231F20;
font-size: 34px;
margin-top: 0
}
.locatellcell p {
margin: 25px 0;
padding-left: 2px
}
#map img {
width: 100%
}
.locationtable {
padding-top: 30px;
padding-bottom: 150px
}
.spartnerrow {
margin-top: 40px
}
.spartnerlcol {
width: 300px
}
.spartnerlogocol {
background: #F5F5F5;
width: 100%;
height: 300px;
text-align: center;
vertical-align: middle;
position: relative
}
.spartnerlogocol img {
display: inline-block;
max-width: 90%;
max-height: 80%
}
.spartnerh {
color: #231F20;
font-size: 18px;
font-weight: 700;
margin-top: 35px
}
.spartnercountry {
font-size: 18px;
margin: 5px 0
}
.spartnerurl {
display: block;
margin-top: 25px;
font-size: 18px
}
.spartner h2:first-child {
margin-top: 0
}
.spartner .textwrap {
margin-top: 0;
max-width: 100%
}
.partnereltcell {
height: 150px;
padding: 20px 10%;
position: relative;
text-align: center
}
.partnerelimg {
display: inline-block;
max-width: 100%;
max-height: 100px
}
.errpageh {
color: #231F20;
font-size: 44px;
font-weight: 700;
font-family: "Avenir Next W06 Demi", Arial, sans-serif
}
.errpagep {
font-size: 22px;
margin: 10px 0
}
.errorpbockbc {
margin-top: 30px
}
.frwwdel {
text-decoration: none;
padding: 2%;
color: inherit;
position: relative;
top: 0
}
.frwwdel:hover .whatwedoblockelementicon {
top: -8px
}
.frwwdel:hover .whatwedoblockelementtitle {
text-decoration: underline
}
.frcasebl {
margin-top: 80px;
margin-bottom: 70px
}
.frwwdoc {
background: #F5F5F5;
padding-top: 80px;
padding-bottom: 80px
}
.spostfirstp p, .spostfirstp {
font-size: 26px;
margin-top: 30px;
margin-bottom: 20px
}
#subscribe-mail {
padding-top: 60px
}
.footersocel img {
cursor: pointer;
width: 30px;
height: 30px
}
.footersocel {
display: inline-block;
margin-right: 12px;
opacity: 1;
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
.footersocel:hover {
opacity: .8
}
.madedby {
padding: 0 4% 20px 4%;
width: 100%;
float: left;
box-sizing: border-box;
background: #370592;
text-align: right
}
.uploadedel.wrong span {
display: inline-block;
text-decoration: none;
cursor: auto
}
#googlesearch table {
margin: 0
}
#googlesearch tr:nth-child(odd) {
background: none
}
#googlesearch td {
margin: 0;
padding: 0
}
#googlesearch button.gsc-search-button {
position: absolute;
border: none;
width: 17px;
height: 17px;
background: url(//materize.com/wp-content/themes/BRIGHT/images/search.svg) no-repeat center;
background-size: 17px 17px;
top: 21px;
left: 25px;
padding: 0;
cursor: pointer
}
#googlesearch input {
background: #F5F5F5 !important;
height: 24px !important;
font-size: 18px;
font-family: "Avenir Next W06 Regular", Arial, sans-serif
}
.gsc-input-box {
background: #F5F5F5 !important;
color: #231F20;
font-size: 18px;
border: none !important;
border-radius: 40px !important;
padding: 19px 18px 18px 59px !important
}
form.gsc-search-box {
position: relative;
max-width: 500px;
margin-bottom: 20px
}
.gsc-search-button svg {
display: none
}
.gsc-branding, .gcsc-branding {
display: none !important
}
.gsc-adBlock {
display: none !important
}
.gsc-control-cse {
padding: 0;
margin-top: 50px
}
.gsc-control-cse {
padding: 0 !important
}
.gsst_a {
padding: 0 !important
}
.gsst_a .gscb_a {
color: #f5f5f5 !important;
cursor: pointer;
border-radius: 50%;
background: #D1D3D4;
font-size: 20px;
position: relative;
text-align: center;
width: 24px;
height: 24px;
}
.gsst_a:hover .gscb_a {
color: #231F20 !important
}
.gs-title {
text-decoration: none !important
}
#googlesearch a.gs-title {
color: #231F20;
font-size: 20px;
text-decoration: none !important;
margin-bottom: 0px !important;
display: block;
font-family: "Avenir Next W06 Demi", Arial, sans-serif
}
div#resInfo-0 {
font-family: "Avenir Next W06 Regular", Arial, sans-serif;
color: #939598;
font-size: 13px;
margin-top: 15px
}
.gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-long {
color: #3A0E91;
margin-top: 10px;
font-size: 12px;
font-family: "Avenir Next W06 Regular" !important
}
.gsc-result .gs-title {
height: auto !important
}
.gs-result .gs-title, .gs-result .gs-title * {
color: #231f20 !important
}
.gsc-table-cell-snippet-close .gsc-url-bottom {
display: block
}
#googlesearch a.gs-title b {
color: #3A0E91;
font-size: 20px !important;
text-decoration: none !important;
font-family: "Avenir Next W06 Demi", Arial, sans-serif
}
.gsc-url-top {
display: none !important
}
.gsc-table-result {
margin-top: 20px !important;
font-family: "Avenir Next W06 Regular" !important
}
#googlesearch .gsc-webResult .gsc-result {
padding: 20px 0 20px 0
}
#googlesearch .gsc-results .gsc-cursor-box .gsc-cursor-page {
font-family: "Avenir Next W06 Demi" !important;
font-size: 20px;
color: #231f20 !important;
padding: 3px
}
#googlesearch .gsc-cursor-page.gsc-cursor-current-page {
color: #450e91 !important
}
.gs-no-results-result .gs-snippet {
border: none !important;
background: transparent !important;
font-size: 18px;
font-family: "Avenir Next W06 Regular", Arial, sans-serif
}
.frnewsimgbaner {
padding: 0 0 26px 0;
width: 100%;
max-width: 760px;
margin: 0 auto;
position: relative;
display: block
}
.frnewsimgbaner img {
max-width: 100%;
height: auto;
width: auto;
display: block;
margin: auto
}
.ffnumelnum sup {
font-size: 30px;
font-weight: 700
}
.bgimgc.fullc {
transform: scale(1);
transition: transform .4s ease;
-webkit-transition: transform .4s ease;
-moz-transition: transform .4s ease;
-ms-transition: transform .4s ease
}
.blockcontainer:hover .bgimgc.fullc {
transform: scale(1.1)
}
.blockcontainer:hover .blockcontainertitle {
transition: all .4s ease;
-webkit-transition: all .4s ease;
-moz-transition: all .4s ease;
-ms-transition: all .4s ease
}
img#spopgimg {
background: white
}
.fullwimgbl {
text-align: center;
position: relative
}
.fullwimgc {
position: relative;
display: inline-block;
text-align: left
}
.fullwimgc h6 {
margin-bottom: 0
}
.fadeInRightRoka {
right: -6%;
opacity: 1;
transition: all 1.2s ease
}
.respallnewsc {
width: 100%;
max-width: 760px;
margin: 0 auto;
height: 70px;
margin-top: 50px;
display: none
}
#galnextimg {
position: absolute;
left: 100%;
top: 100%;
opacity: 0
}
#galprevimg {
position: absolute;
left: 100%;
top: 100%;
opacity: 0
}
#map {
cursor: pointer
}
.svacrightcol {
padding-left: 60px
}
.svacrightcol img {
max-width: 100%;
height: auto
}
.vactopbl .page-container .page-type-title h1 {
margin-bottom: 20px
}
.gs-image-box.gs-web-image-box.gs-web-image-box-landscape {
width: auto !important;
margin-right: 20px
}
img.gs-image {
max-width: 150px !important;
max-height: 100px !important
}
.gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
width: auto !important;
height: auto !important;
overflow: visible;
margin-right: 20px !important
}
td.gsc-orderby-container {
display: none
}
.clearsearch {
color: #f5f5f5;
border-radius: 50%;
padding: 11px 6px;
line-height: 0;
background: #D1D3D4;
font-size: 20px;
position: relative;
text-align: center;
width: 24px;
height: 24px;
cursor: pointer;
display: inline-block;
position: absolute;
top: 9px;
right: 9px;
display: none
}
.hasval .clearsearch {
display: inline-block
}
.hasval .sprojsubmb {
display: none
}
.gsc-thumbnail {
display: none !important
}
.gs-snippet {
font-size: 18px;
font-family: "Avenir Next W06 Regular", Arial, sans-serif
}
.gs-fileFormat {
font-size: 14px !important
}
.spogcurimgc {
position: relative
}
.respexpblockh {
display: none
}
.header-top {
background: white;
}
#main-header .header-top {
background: transparent;
}
.header-top.row.nav-down.navtop {
background: white;
border: none
}
.wp-caption {
margin: auto
}
.wp-caption p {
color: #808285;
font-size: 14px;
font-style: italic;
font-weight: 400;
line-height: 1.3;
margin-bottom: 50px;
margin-top: 15px
}
.wp-caption img {
margin: 0
}
@media (max-width: 1800px) {
.col-1800-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-1800-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-1800-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-1800-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-1800-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-1800-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-1800-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-1800-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-1800-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-1800-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-1800-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-1800-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-1800-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-1800-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-1800-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
}
@media (max-width: 1700px) {
.col-1700-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-1700-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-1700-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-1700-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-1700-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-1700-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-1700-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-1700-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-1700-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-1700-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-1700-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-1700-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-1700-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-1700-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-1700-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
}
@media (max-width: 1600px) {
.col-1600-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-1600-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-1600-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-1600-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-1600-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-1600-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-1600-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-1600-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-1600-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-1600-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-1600-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-1600-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-1600-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-1600-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-1600-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
}
@media (max-width: 1500px) {
.col-1500-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-1500-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-1500-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-1500-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-1500-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-1500-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-1500-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-1500-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-1500-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-1500-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-1500-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-1500-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-1500-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-1500-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-1500-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
}
@media (max-width: 1400px) {
.col-1400-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-1400-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-1400-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-1400-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-1400-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-1400-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-1400-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-1400-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-1400-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-1400-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-1400-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-1400-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-1400-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-1400-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-1400-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
}
@media (max-width: 1300px) {
.col-1300-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-1300-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-1300-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-1300-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-1300-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-1300-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-1300-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-1300-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-1300-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-1300-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-1300-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-1300-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-1300-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-1300-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-1300-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
}
@media (max-width: 1200px) {
.col-1200-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-1200-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-1200-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-1200-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-1200-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-1200-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-1200-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-1200-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-1200-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-1200-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-1200-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-1200-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-1200-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-1200-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-1200-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
}
@media (max-width: 1100px) {
.col-1100-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-1100-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-1100-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-1100-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-1100-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-1100-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-1100-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-1100-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-1100-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-1100-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-1100-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-1100-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-1100-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-1100-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-1100-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
}
@media (max-width: 1000px) {
.col-1000-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-1000-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-1000-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-1000-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-1000-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-1000-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-1000-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-1000-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-1000-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-1000-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-1000-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-1000-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-1000-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-1000-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-1000-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
}
@media (max-width: 900px) {
.col-900-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-900-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-900-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-900-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-900-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-900-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-900-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-900-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-900-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-900-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-900-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-900-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-900-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-900-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-900-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
}
@media (max-width: 800px) {
.col-800-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-800-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-800-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-800-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-800-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-800-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-800-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-800-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-800-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-800-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-800-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-800-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-800-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-800-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-800-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
}
@media (max-width: 700px) {
.col-700-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-700-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-700-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-700-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-700-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-700-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-700-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-700-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-700-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-700-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-700-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-700-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-700-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-700-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-700-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
}
@media (max-width: 600px) {
.col-600-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-600-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-600-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-600-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-600-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-600-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-600-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-600-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-600-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-600-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-600-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-600-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-600-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-600-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-600-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
}
@media (max-width: 500px) {
.col-500-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-500-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-500-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-500-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-500-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-500-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-500-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-500-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-500-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-500-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-500-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-500-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-500-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-500-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-500-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
}
@media (max-width: 400px) {
.col-400-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none
}
.col-400-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%
}
.col-400-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%
}
.col-400-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%
}
.col-400-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%
}
.col-400-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%
}
.col-400-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%
}
.col-400-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%
}
.col-400-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%
}
.col-400-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%
}
.col-400-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%
}
.col-400-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%
}
.col-400-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%
}
.order-400-first {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1
}
.order-400-last {
-webkit-box-ordinal-group: 14;
-ms-flex-order: 13;
order: 13
}
}
@media only screen and (max-width: 1600px) {
.expertiseblock {
padding: 6% 6% 0% 6%
}
.page-container {
padding-left: 15%;
padding-right: 15%
}
}
@media only screen and (max-width: 1400px) {
#searchop {
width: 450px
}
.page-container {
padding-left: 6%;
padding-right: 6%
}
.blockcontaineronlytext {
margin-top: 60px;
height: auto;
font-size: 18px
}
.expertiseblock {
padding: 40px 2% 0% 2%
}
.partnerelimg {
max-height: 80px
}
}
@media only screen and (max-width: 1350px) {
.sideblocktextcontainer {
padding-top: 10px
}
.whatwedoblockelement {
position: relative;
width: 100%
}
}
@media only screen and (max-width: 1300px) {
.whatwedoblockelementicon img {
margin-left: auto
}
.blockcontainertitle {
font-size: 22px
}
.blockcontaineronlytext p {
line-height: 1.2
}
.whatwedoblockelementtext {
display: none
}
.frwwdel {
text-align: center
}
}
@media only screen and (max-width: 1250px) {
.header-text {
font-size: 32px;
width: 55%;
padding-top: 2%
}
.sideblocktexttitle {
font-size: 24px;
line-height: 1.3
}
.sideblocktextcontainer {
padding-top: 0
}
.clientandpartner img {
max-height: 70px
}
}
@media only screen and (max-width: 1200px) {
.agreecookiesc {
bottom: 20px
}
}
@media only screen and (max-width: 1150px) {
.svacleftcol {
width: 280px
}
.sposth {
font-size: 36px;
margin-bottom: 40px
}
hr {
margin: 40px 0
}
h2 {
font-size: 22px;
margin-top: 40px
}
li {
margin-left: 30px
}
blockquote, blockquote p {
font-size: 26px
}
.blockh {
margin-bottom: 30px
}
.relelh {
font-size: 22px
}
h3 {
margin-top: 40px
}
.blockcontainer {
width: 48%;
padding-bottom: 35%
}
.header-text {
font-size: 29px
}
.clientandpartnerrow {
display: block
}
.clientandpartner {
width: 33%;
float: left;
margin-bottom: 4%;
position: relative
}
.clientandpartner img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
width: auto;
height: auto;
max-width: 90%;
max-height: 90%;
margin: auto
}
}
@media only screen and (max-width: 1120px) {
#searchop {
width: 415px
}
}
@media only screen and (max-width: 1100px) {
.locatellcell {
width: 400px;
padding: 0 0 50px 0;
display: block;
width: 100%
}
.locationtable {
padding-top: 0;
padding-bottom: 6%
}
.locatelrcell {
display: block;
width: 100%
}
}
@media only screen and (max-width: 1050px) {
.handimg {
display: none
}
}
@media only screen and (max-width: 1000px) {
#spopgimg, #spopimg {
max-height: calc(100vh - 200px)
}
#openresponisvenav:hover {
opacity: 1
}
.globpopupc .opdevimgcol img {
max-width: 70%;
width: 250px
}
.newsandevents {
padding-bottom: 40px
}
.inblocktitle a {
display: inline-block;
position: relative
}
.topmoreposts {
display: none
}
.respallnewsc {
display: block;
text-align: center;
height: auto
}
.frwwdel {
text-align: inherit
}
.spartnerlcol {
width: 100%;
margin-bottom: 40px
}
.spartner .textwrap {
padding: 0
}
.frwwdel {
padding: 0;
margin: 20px 0
}
.whatwedoblockelementicon {
height: auto;
display: table-cell;
vertical-align: middle;
width: 130px;
text-align: center
}
.whatwedoblockelementicon img {
width: auto;
height: auto;
max-height: 70px;
max-width: 100%
}
.whatwedoblockelementtitle {
min-height: 120px;
font-size: 22px;
font-weight: 500;
line-height: 28px;
height: auto;
display: table-cell;
vertical-align: middle;
width: 80%;
padding-left: 20px
}
.newswevents-type-buttons {
position: relative;
top: -10px;
margin-bottom: 30px;
display: block;
width: 100%;
text-align: right
}
a.newsevseeallb {
display: none
}
.searchresulturl {
display: none
}
.logo {
width: 200px
}
.searchbcol {
display: none
}
nav a {
display: none
}
.responsive_nav_container {
display: inline-table;
width: 100%;
height: 100%;
background: #3A0E91
}
.respmenusearch {
display: block
}
.responsive_nav ul {
margin-top: 110px;
font-size: 22px;
margin-bottom: 120px
}
.responsive_nav ul li {
padding: 5px 10%;
font-size: 20px
}
.bigbigmenuel {
font-size: 30px
}
#closeresponisvenav {
right: 6%;
top: 50px;
width: 45px;
height: 45px
}
.mobnavlogo {
display: block
}
}
@media only screen and (max-width: 950px) {
.opdevimgcol img {
max-height: 250px;
max-width: 250px;
padding: 0 0 20px 0
}
.header-text {
font-size: 23px;
padding-top: 2%
}
.sideblocktexttextlink {
margin-top: 20px
}
.sideblocktexttitle {
font-size: 22px;
margin-top: 10px
}
.sideblocktexttext {
font-size: 15px;
line-height: 1.5
}
.sideblocktexttextlink a {
font-size: 15px
}
.newseventsmessagetitle {
font-size: 17px;
margin-bottom: 5px
}
.newseventsmessagedate {
font-size: 14px
}
.subscribemyrowtable {
display: flex;
flex-flow: column
}
.subscribebutton {
width: 100%;
display: block;
float: right;
margin-top: 4%;
order: 2
}
.subscribetxt {
display: block;
width: 100%;
padding-left: 0;
float: left;
order: 1
}
.blockcontainertitle {
font-size: 22px
}
.blockcontainerfulltext {
font-size: 17px
}
.blockcontaineronlytext p {
font-size: 16px;
margin-top: 10px
}
.contactel img {
max-height: 300px;
max-width: 100%
}
}
@media only screen and (max-width: 900px) {
.madedby {
background: #370592
}
.madedby div {
color: rgba(255, 255, 255, .4)
}
}
@media only screen and (max-width: 850px) {
.imgblel6 {
width: 25%
}
.imgblel5 {
width: 25%
}
.imgblel3 {
width: 50%
}
.logo {
vertical-align: middle
}
.header-text {
padding-top: 0%;
font-size: 21px
}
.wwdoelh {
font-size: 22px
}
}
@media only screen and (max-width: 800px) {
.newswevents-type-buttons a:hover {
background-color: #F5F5F5
}
.newswevents-type-buttons a.active {
background-color: #D1D3D4
}
.partnerelimg {
max-height: 60px
}
.partnereltcell {
height: 130px
}
h1 {
font-size: 36px
}
.banner .banner-title {
font-size: 44px;
padding-right: 20px
}
.banner {
position: relative
}
.banner-close a {
position: absolute;
top: 5px;
right: 20px
}
}
@media only screen and (max-width: 750px) {
.single-wwdoicc img {
width: 70%;
margin-left: 5px;
bottom: 0;
margin-top: 30px
}
.frnewsimgbaner img {
max-width: none;
width: calc(100% + 14%);
left: -7%;
position: relative
}
.opdevval {
font-size: 16px
}
.page-container {
padding-left: 5%;
padding-right: 5%
}
#map {
width: 100%
}
.blockcontaineronlytext {
font-size: 15px
}
.sposth {
font-size: 30px;
margin-bottom: 30px;
margin-top: 30px
}
.servcath {
font-size: 24px;
padding: 25px 20px
}
.servcatelh {
padding: 22px 25px;
padding-right: 45px
}
.servcatelopened {
padding: 0 25px 45px 25px
}
.servcath:before {
left: 5px
}
}
@media only screen and (max-width: 700px) {
.spogprevnextb {
right: -40px;
height: 36px
}
.spogprevnextb:hover {
right: -40px
}
.spogprevnextb.prev {
left: -40px
}
.spogprevnextb.prev:hover {
left: -40px
}
.spogprevnextb img {
padding: 10px 14px;
width: 8px;
height: 16px
}
.respexpblockh {
display: inline-block;
position: relative;
background: #f5f5f5;
width: 80%;
margin-left: 10%;
top: -41px;
box-sizing: border-box;
padding: 20px;
cursor: pointer;
font-weight: 700;
font-size: 22px;
text-decoration: none;
text-align: center;
color: inherit
}
.spbackb {
padding-left: 4%
}
.blockcontainertext {
display: none
}
.expblockh {
display: none
}
.frontblock .blockcontaineronlytext {
margin-top: 20px
}
.relelsbl {
padding: 40px 4%
}
.relel {
padding: 0;
margin-top: 15px
}
.textwrap {
padding: 0 4%
}
.wwdoelinc {
flex-basis: auto;
background: #F5F5F5;
padding: 10vh 4% 20px 4%
}
.clientsandparters {
padding: 40px 4%
}
.page-container {
padding-left: 0%;
padding-right: 0%
}
.page-container .page-type-title h1 {
padding: 0;
margin: 20px 0 0 0
}
.banner {
padding: 4%
}
.banner-close {
display: none
}
.header-text-container {
padding-left: 4%
}
.servicespage, .page-respcontainer {
padding-left: 4%;
padding-right: 4%
}
.header-top {
padding-top: 25px;
padding-bottom: 15px;
padding: 25px 4% 15px 4%
}
.madedby {
text-align: left
}
.subscribemyrow.input {
width: 100%;
right: 0
}
.vacanciespage {
padding-bottom: 0
}
.blockcontainertext {
padding: 4%;
height: auto;
min-height: auto
}
.svacrightcol {
padding-left: 0
}
.singledevice .sposth {
padding-bottom: 0;
margin-top: 30px
}
.expertiseblock.expertisepage {
padding-top: 40px;
padding-bottom: 30px;
padding-left: 0;
padding-right: 0
}
.wwdoelinc.firstbl {
padding: 0 4%
}
.splitfooterup {
margin-bottom: 30px
}
#spopgclose, #spopclose, #spopvclose {
top: 0;
right: 0
}
#rescounttext {
margin-left: 20px
}
#subscribe-mail {
padding-top: 20px
}
.footeraddress {
padding-top: 20px
}
.blockcontainer {
width: 100%;
padding-bottom: 0;
margin: 0;
height: auto
}
.frcasebl {
margin-top: 40px;
margin-bottom: 40px
}
.casestudiesblockloadmore {
margin-top: 30px
}
.bgimgc.fullc {
position: relative;
width: 100%;
padding-top: 83%
}
.vakformsubmcol {
text-align: center;
padding: 0;
padding-left: 40px;
margin: 0;
width: 100%;
margin-top: 30px;
margin-bottom: 0
}
html, body {
overflow-x: hidden
}
.rfilter {
display: block;
width: 100%
}
.filter {
display: none
}
header#main-header {
background: url(//materize.com/wp-content/themes/BRIGHT/img/header_responsive.jpg);
background-size: 100% auto
}
.textblock {
margin: 70px 7%
}
.spopgimgc {
width: 85%;
width: calc(100% - 100px)
}
.header-text {
width: 70%;
padding: 10% 10% 10% 6%;
box-sizing: border-box;
font-size: 21px;
font-weight: 700
}
.blockcontainer.texts {
width: 100%;
padding-bottom: 2%
}
.blockcontainer.middle {
margin: 0;
margin-bottom: 30px
}
.blockcontaineronlytitle {
text-align: left;
left: 0;
box-sizing: border-box;
position: relative;
margin: 0;
padding: 0;
font-size: 40px
}
.blockcontaineronlytext {
position: relative;
left: 0;
width: 100%;
margin: 0;
padding: 0
}
.whatwedoblockelement {
width: 100%;
margin-bottom: 10px
}
.sideblockleft {
width: 100%;
float: left;
display: block;
margin-bottom: 15px
}
.sideblockrigth {
width: 100%;
float: left;
display: block
}
.left_right {
display: flex;
flex-flow: column;
flex-wrap: wrap
}
.sideblockleft.rl {
order: 2 !important;
margin-bottom: 15px
}
.sideblockrigth.rl {
order: 1 !important;
margin-bottom: 15px
}
.sideblocktextcontainer {
margin-left: 0;
padding-bottom: 0
}
.sideblocktexttext {
margin-top: 5%;
width: 100%;
font-size: 20px;
position: relative;
height: auto
}
.page-container .page-type-title h1 {
font-size: 40px
}
.filterel {
display: block;
width: 100%;
margin-bottom: 10px
}
.filterh {
width: 100%
}
.filtersearchinput {
min-width: 100%
}
.filtervalsc {
width: 100%
}
.sideblocktexttextlink a {
font-size: 18px
}
.left_50_c {
width: 100%
}
.newseventsmessage {
width: 100%;
margin-bottom: 30px
}
.clientandpartner {
width: 48%;
box-sizing: border-box;
margin: 2px;
margin-bottom: 5px
}
footer {
padding: 10% 4%;
padding-bottom: 8%
}
.splitfooter {
width: 100%;
margin-bottom: 10%
}
.footeraddress {
padding-top: 0
}
.footeraddress ul {
margin: 0 auto
}
.footerquote {
text-align: left;
line-height: 28px
}
.inputtext {
width: 100%;
margin-bottom: 3%
}
.inputtext .subscribeinput {
box-sizing: border-box;
width: 100% !important
}
.subscribemyrowtable {
display: flex;
flex-flow: column
}
.subscribebutton {
order: 2;
text-align: center
}
.subscribetxt {
order: 1;
margin-bottom: 5%;
padding-left: 0
}
.madedby {
background: #370592;
color: white;
padding: 0 6% 6% 6%
}
.splitfooter.last {
margin-bottom: 1%
}
}
@media only screen and (max-width: 650px) {
.imgblel4 {
width: 50%
}
}
@media only screen and (max-width: 610px) {
.frwwdoc {
background: #F5F5F5;
padding-top: 40px;
padding-bottom: 40px
}
.locationtable {
padding-bottom: 10px
}
.newswevents-type-buttons {
padding: 25px 2% 0 2%;
margin-bottom: 0
}
h6 {
padding: 0 5%
}
.spartnerinfo {
padding: 0 5%
}
.spartnerrcol {
padding: 0 5%
}
.globpopupc .opdevdesccol {
padding: 25px
}
.relservc {
padding: 15px
}
#globpopupclose {
right: -18px;
top: -40px
}
.spfooterl {
display: block;
width: 100%
}
.blockh {
margin-bottom: 30px;
font-size: 28px
}
.spfooterr {
text-align: right;
display: block;
width: 100%;
margin-top: 30px
}
.spprintcell {
display: none
}
.spsoccell {
display: inline-block;
border-left: none;
padding-left: 0;
margin-left: 20px
}
blockquote {
padding-left: 0;
padding-right: 0;
padding-top: 45px;
margin: 30px 5%
}
blockquote:before {
content: '';
background: url(//materize.com/wp-content/themes/BRIGHT/images/quotes.svg) no-repeat center;
background-size: 40px 28px;
width: 40px;
height: 28px;
display: inline-block;
position: absolute;
left: 0;
top: 0
}
.header-text {
padding: 6% 10% 0% 10%;
width: 80%
}
}
@media only screen and (max-width: 600px) {
.respmenusearch {
bottom: auto;
top: auto;
position: relative
}
.responsive_nav ul {
margin-top: 120px;
font-size: 22px;
margin-bottom: 20px
}
.agreecookiesc {
bottom: 0;
right: 0;
width: 100%;
border-radius: 0;
background: rgba(241, 242, 242)
}
.ffnumelnum sup {
font-size: 20px;
font-weight: 600;
position: relative;
top: -5px
}
.bigmenucell {
vertical-align: top
}
.gsc-control-cse {
margin-top: 20px
}
.spopgimgc {
margin-bottom: 70px
}
#spopgimg, #spopimg {
max-height: calc(100vh - 220px)
}
.aboutcontactel .opdevimgcol {
width: 200px;
padding-top: 266px;
margin-bottom: 25px
}
.ffelimgcell img {
max-height: 70px
}
.ffnumelnum {
font-size: 38px;
display: inline;
height: 60px;
vertical-align: bottom
}
.factfigbl .page-container {
margin-top: 40px;
margin-bottom: 40px
}
.ffelimgcell {
height: 70px;
padding-bottom: 20px
}
.ffelh {
font-size: 20px;
padding: 0 5px
}
ul {
padding: 0
}
header {
height: 80px
}
.wwdoel {
padding: 10px 0
}
.partnereltcell {
height: 100px
}
.whatwedoblock {
padding: 50px 5%
}
.whatwedoblockelementicon img {
max-height: 50px
}
.whatwedoblockelementicon {
width: 100px
}
.whatwedoblockelementtitle {
font-size: 20px
}
.casestudiesblock {
padding: 50px 5%
}
.header-top.navtop {
padding-top: 25px;
padding-bottom: 15px
}
.logo img {
width: 158px;
height: 28px
}
.responsive_nav_menu img {
width: 31px;
padding-top: 9px
}
.mobnavlogo {
padding-top: 25px
}
#closeresponisvenav {
top: 25px;
width: 40px;
height: 40px
}
.nav-down {
padding-top: 15px;
padding-bottom: 10px
}
.mobnavlogo img {
width: 158px;
height: 28px
}
}
@media only screen and (max-width: 560px) {
.singledevice .opdevpar {
width: 100%;
padding-left: 0
}
.header-text {
padding-top: 10%;
width: 90%
}
.textblock img {
width: 100%;
height: auto
}
}
@media only screen and (max-width: 500px) {
.spopgnumsc {
line-height: 35px
}
.single-wwdoicc {
display: none
}
.breadcrc {
margin-top: 15px
}
.mmenubigelsc {
margin-bottom: 3vh
}
.header-text {
display: none
}
.header-text-responsive {
display: block;
pad;
padding: 5% 15% 10% 10%;
box-sizing: border-box;
font-weight: 700;
background: whitesmoke;
width: 100%;
font-size: 18px
}
.blockcontaineronlytitle {
margin-top: 6%
}
.blockcontainer.texts {
padding-bottom: 20px
}
.spogimgdesc {
font-size: 14px;
line-height: 1.2;
padding-right: 70px
}
}
@media only screen and (max-width: 480px) {
.banner-cell {
width: 100%;
display: block
}
.banner-close {
width: 100%;
text-align: right
}
.banner .banner-title {
font-size: 34px;
font-weight: 700
}
.banner-close a {
font-size: 25px
}
.banner .banner-container-text {
font-size: 20px
}
.banner-link {
text-align: center
}
.banner-link a {
font-size: 16px;
border: 2px solid #fff;
display: inline-block;
margin-top: 15px;
border-radius: 30px;
padding: 14px 28px
}
}
@media only screen and (max-width: 450px) {
.respallnewsc {
margin-top: 30px
}
.newsandevents {
padding-top: 40px;
padding-bottom: 20px
}
.expertiseblock.expertisepage {
padding-top: 0;
padding-bottom: 20px
}
.blockh {
margin-top: 30px;
margin-bottom: 5px
}
.relelsbl .blockh {
margin-top: 0
}
hr {
margin: 30px 0
}
.spogimgdesc.nodesc {
padding-right: 54px
}
.opdevpar {
width: 100%;
margin-top: 10px
}
.sideblocktexttext {
font-size: 16px
}
.sideblocktexttextlink a {
font-size: 16px
}
.imgblel5 {
width: 100%
}
.gsc-table-cell-thumbnail, .gs-promotion-image-cell {
display: none
}
}
@media only screen and (max-width: 410px) {
.spostfirstp p, .spostfirstp {
font-size: 24px
}
.imgblel6 {
width: 50%
}
.header-text-responsive {
font-size: 15px
}
.spopgimgc {
width: 85%;
width: calc(100% - 20px)
}
.spogprevnextb {
right: 0
}
.spogprevnextb.prev {
left: 0;
margin-left: 0
}
.spogprevnextb:hover {
right: 0
}
.spogprevnextb.prev:hover {
left: 0
}
}
@media only screen and (max-width: 350px) {
.ffelh {
font-size: 18px
}
.newswevents-type-buttons a {
width: auto;
padding: 10px 28px
}
.page-container .page-type-title h1 {
font-size: 38px
}
.nae_list_container .nae_list_block .content p {
font-size: 18px;
padding-right: 10px
}
.nae_list_container .nae_list_block .icon {
width: 70px
}
.responsive_nav ul li {
font-size: 18px
}
.mmenubigelsc {
margin-bottom: 2vh
}
.bigbigmenuel {
font-size: 24px
}
.header-text-responsive {
font-size: 13px
}
.blockcontainer.texts {
padding-bottom: 20px
}
}
@media only screen and (max-width: 600px) {
.header-title {
padding-left: 2px;
font-size: calc(4vw + 4vh + 3vmin)
}
}
@media only screen and (max-height: 700px) and (min-width: 1400px) {
.header-title {
font-size: calc(2vw + 5vh + 2vmin)
}
}
@media only screen and (max-height: 650px) and (min-width: 1200px) {
.handimg {
display: none
}
}
@media only screen and (max-height: 520px) and (min-width: 500px) {
.handimg {
display: none
}
.header-title.main {
display: none
}
.header-title.smvh {
display: block
}
.header-title {
font-size: calc(2vw + 10vh)
}
.header-text-container {
top: calc(20px + 38vh)
}
.header-title {
padding-left: 0
}
}
@media only screen and (max-height: 450px) and (max-width: 600px) {
.header-text-container {
top: 35vh
}
}
@media only screen and (max-height: 300px) {
.handimg {
display: none
}
.header-title.main {
display: none
}
.header-title.smvh {
display: block
}
.header-title {
font-size: calc(3vw + 8vh)
}
.header-text-container {
top: calc(20px + 35vh)
}
}
@media only screen and (max-height: 400px) {
.icon-block p {
font-size: 11px;
}
}
@media only screen and (max-height: 400px) and (min-width: 500px) {
.icon-block p {
font-size: 15px;
}
}
@media only screen and (max-height: 400px) and (min-width: 600px) {
.icon-block p {
font-size: 18px;
}
}
@media only screen and (max-height: 400px) and (min-width: 700px) {
.icon-block p {
font-size: 20px;
}
}
@media only screen and (max-height: 400px) {
.about .textunderpagetitle p, .textunderpagetitle p {
font-size: 20px
}
.servcatelh {
padding: 22px 5px
}
.servcatelopened {
padding: 0 5px 45px 5px
}
.textwrap {
padding: 0 2%
}
.relel {
padding: 0
}
}
.hidden {
opacity: 0
}
.visible {
opacity: 1
}
.subscribeinput.error {
color: red;
border-bottom-color: red
}
@media print {
#page-header {
display: none
}
.relelsbl {
display: none
}
.gallery {
padding-top: 60px
}
.videocontainer {
display: none
}
footer {
display: none
}
td {
background: #F5F5F5 !important;
border: 1px solid #F5F5F5
}
.page-container {
padding: 0
}
.agreecookiesc {
display: none
}
.spfooter {
display: none
}
.madedby {
display: none
}
} .checkbox-container {
display: inline-flex;
flex-direction: row-reverse;
align-items: center;
position: relative;
padding-left: 15px;
margin-bottom: 0;
cursor: pointer;
font-size: 17px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} .checkbox-container input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
} .checkmark {
position: relative;
top: 0;
left: 0;
height: 21px;
width: 21px;
border-radius: 3px;
background-color: white;
margin-right: 1rem;
} .checkbox-container:hover input ~ .checkmark {
background-color: white;
} .checkbox-container input:checked ~ .checkmark {
background-color: white;
} .checkmark:after {
content: "";
position: absolute;
display: none;
} .checkbox-container input:checked ~ .checkmark:after {
display: block;
} .checkbox-container .checkmark:after {
left: 7px;
top: 4px;
width: 7px;
height: 12px;
border-radius: 3px;
border: solid #3A0E91;
opacity: 0.8;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.reviews{
padding-top: 50px;
padding-bottom: 120px;
clear: both ;
}
.reviews .reviews__wrapper{
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.reviews .swiper-slide{
height: auto;
}
.reviews .swiper-slide .swiper-slide__wrapper{
display: flex;
flex-direction: column;
align-items: center;
height: 100%;
}
.reviews .swiper-slide__wrapper svg{
display: block;
width: 50px;
margin-bottom: 28px;
}
.reviews .swiper-slide__wrapper .review-content{
font-size: 23px;
line-height: 31px;
font-weight: 500;
margin-top: 0;
margin-bottom: 21px;
text-align: center;
}
.reviews .swiper-slide__wrapper img{
width: auto;
height: 100%;
max-height: 32px;
object-fit: contain;
display: block;
margin-top: 0;
margin-bottom: 16px;
text-align: center;
}
.reviews .swiper-slide__wrapper .review-author{
font-size: 17px;
line-height: 23px;
font-weight: 500;
margin-top: 0;
margin-bottom: 0;
text-align: center;
font-style: normal;
font-family: "Avenir Next W06 Demi", Arial, sans-serif;
}
.reviews .swiper-wrapper{
padding-bottom: 44px;
}
.reviews .swiper-pagination{
bottom: 0!important;
}
.reviews .swiper-pagination-bullet{
width: 10px;
height: 10px;
margin-left: 7px!important;
margin-right: 7px!important;
opacity: 1;
background-color: #D1CADD;
}
.reviews .swiper-pagination-bullet-active-next, .reviews .swiper-pagination-bullet-active-prev{
transform: scale(0.7) !important;
}
.reviews .swiper-pagination-bullet-active-next-next, .reviews .swiper-pagination-bullet-active-prev-prev{
transform: scale(0.5) !important;
}
.reviews .swiper-pagination-bullet-active-main{
background-color: #370592;
}
@media (max-width: 800px) {
.reviews{
padding-top: 29px;
padding-bottom: 29px;
}
.reviews .swiper-wrapper{
padding-bottom: 37px;
}
.reviews .swiper-slide__wrapper svg{
width: 26px;
margin-bottom: 18px;
}
.reviews .swiper-slide__wrapper .review-content{
font-size: 14px;
line-height: 19px;
font-weight: 500;
margin-top: 0;
margin-bottom: 26px;
text-align: center;
}
.reviews .swiper-slide__wrapper img{
width: auto;
max-height: 29px;
object-fit: contain;
display: block;
margin-top: 0;
margin-bottom: 14px;
text-align: center;
}
.reviews .swiper-slide__wrapper .review-author{
font-size: 12px;
line-height: 16px;
font-weight: 500;
margin-top: 0;
margin-bottom: 0;
text-align: center;
font-style: normal;
font-family: "Avenir Next W06 Demi", Arial, sans-serif;
}
}