@charset "UTF-8";
@charset 'UTF-8';
@charset "UTF-8";

 .animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.animated.hinge {
-webkit-animation-duration: 2s;
animation-duration: 2s
}
@-webkit-keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
60% {
-webkit-transform: translateY(-15px);
transform: translateY(-15px)
}
}
@keyframes bounce {
0%, 100%, 20%, 50%, 80% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
40% {
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px)
}
60% {
-webkit-transform: translateY(-15px);
-ms-transform: translateY(-15px);
transform: translateY(-15px)
}
}
.bounce {
-webkit-animation-name: bounce;
animation-name: bounce
}
@-webkit-keyframes flash {
0%, 100%, 50% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
@keyframes flash {
0%, 100%, 50% {
opacity: 1
}
25%,
75% {
opacity: 0
}
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
50% {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
.pulse {
-webkit-animation-name: pulse;
animation-name: pulse;
}
@-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 zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 0.2;
}
}
@keyframes zoomIn {
from {
opacity: 0;
-webkit-transform: scale3d(.3, .3, .3);
transform: scale3d(.3, .3, .3);
}
50% {
opacity: 0.2;
}
}
.zoomIn {
-webkit-animation-name: zoomIn;
animation-name: zoomIn;
}
@-webkit-keyframes rubberBand {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75)
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25)
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85)
}
100% {
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes rubberBand {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
30% {
-webkit-transform: scaleX(1.25) scaleY(0.75);
-ms-transform: scaleX(1.25) scaleY(0.75);
transform: scaleX(1.25) scaleY(0.75)
}
40% {
-webkit-transform: scaleX(0.75) scaleY(1.25);
-ms-transform: scaleX(0.75) scaleY(1.25);
transform: scaleX(0.75) scaleY(1.25)
}
60% {
-webkit-transform: scaleX(1.15) scaleY(0.85);
-ms-transform: scaleX(1.15) scaleY(0.85);
transform: scaleX(1.15) scaleY(0.85)
}
100% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
.rubberBand {
-webkit-animation-name: rubberBand;
animation-name: rubberBand
}
@-webkit-keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
}
@keyframes shake {
0%, 100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
10%,
30%,
50%,
70%,
90% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px)
}
20%,
40%,
60%,
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px)
}
}
.shake {
-webkit-animation-name: shake;
animation-name: shake
}
@-webkit-keyframes swing {
20% {
-webkit-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@keyframes swing {
20% {
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg)
}
40% {
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg)
}
60% {
-webkit-transform: rotate(5deg);
-ms-transform: rotate(5deg);
transform: rotate(5deg)
}
80% {
-webkit-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
transform: rotate(-5deg)
}
100% {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg)
}
}
.swing {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-animation-name: swing;
animation-name: swing
}
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
@keyframes tada {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
10%,
20% {
-webkit-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg)
}
40%,
60%,
80% {
-webkit-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg)
}
100% {
-webkit-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
transform: scale(1) rotate(0)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada
}
.translateD{
-webkit-animation-name: translateD;
animation-name: translateD;
}
@-webkit-keyframes translateD {
0% {
opacity: 0;
-webkit-transform: scale(1.2) rotate(-12deg) translate(20px, 20px);
-ms-transform: scale(1.2) rotate(-12deg) translate(20px, 20px);
transform: scale(1.2) rotate(-12deg) translate(20px, 20px);
}
100% {
opacity: 1;
-webkit-transform: scale(1) rotate(-12deg) translate(0px, 0px);
-ms-transform: scale(1) rotate(-12deg) translate(0px, 0px);
transform: scale(1) rotate(-12deg) translate(0px, 0px);
}
}
@keyframes translateD {
0% {
opacity: 0;
-webkit-transform: scale(1.2) rotate(-12deg) translate(20px, 20px);
-ms-transform: scale(1.2) rotate(-12deg) translate(20px, 20px);
transform: scale(1.2) rotate(-12deg) translate(20px, 20px);
}
100% {
opacity: 1;
-webkit-transform: scale(1) rotate(-12deg) translate(0px, 0px);
-ms-transform: scale(1) rotate(-12deg) translate(0px, 0px);
transform: scale(1) rotate(-12deg) translate(0px, 0px);
}
}
.translateSC{
-webkit-animation-name: translateSC;
animation-name: translateSC;
}
@-webkit-keyframes translateSC {
0% {
opacity: 0;
-webkit-transform: scale(1.2) rotate(-5deg);
-ms-transform: scale(1.2) rotate(-5deg);
transform: scale(1.2) rotate(-5deg);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@keyframes translateSC {
0% {
opacity: 0;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.translateZoomOut{
-webkit-animation-name: translateZoomOut;
animation-name: translateZoomOut;
}
@-webkit-keyframes translateZoomOut {
0% {
opacity: 0;
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
@keyframes translateZoomOut {
0% {
opacity: 0;
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8);
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
}
.translateD1{
-webkit-animation-name: translateD1;
animation-name: translateD1;
}
@-webkit-keyframes translateD1 {
0% {
opacity: 0;
-webkit-transform: scale(1.2) rotate(-18deg) translate(20px, 20px);
-ms-transform: scale(1.2) rotate(-18deg) translate(20px, 20px);
transform: scale(1.2) rotate(-18deg) translate(20px, 20px);
}
100% {
opacity: 1;
-webkit-transform: scale(1) rotate(-18deg) translate(0px, 0px);
-ms-transform: scale(1) rotate(-18deg) translate(0px, 0px);
transform: scale(1) rotate(-18deg) translate(0px, 0px);
}
}
@keyframes translateD1 {
0% {
opacity: 0;
-webkit-transform: scale(1.2) rotate(-18deg) translate(20px, 20px);
-ms-transform: scale(1.2) rotate(-18deg) translate(20px, 20px);
transform: scale(1.2) rotate(-18deg) translate(20px, 20px);
}
100% {
opacity: 1;
-webkit-transform: scale(1) rotate(-18deg) translate(0px, 0px);
-ms-transform: scale(1) rotate(-18deg) translate(0px, 0px);
transform: scale(1) rotate(-18deg) translate(0px, 0px);
}
}
@-webkit-keyframes wobble {
0% {
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform: translateX(0%);
transform: translateX(0%)
}
}
@keyframes wobble {
0% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%)
}
15% {
-webkit-transform: translateX(-25%) rotate(-5deg);
-ms-transform: translateX(-25%) rotate(-5deg);
transform: translateX(-25%) rotate(-5deg)
}
30% {
-webkit-transform: translateX(20%) rotate(3deg);
-ms-transform: translateX(20%) rotate(3deg);
transform: translateX(20%) rotate(3deg)
}
45% {
-webkit-transform: translateX(-15%) rotate(-3deg);
-ms-transform: translateX(-15%) rotate(-3deg);
transform: translateX(-15%) rotate(-3deg)
}
60% {
-webkit-transform: translateX(10%) rotate(2deg);
-ms-transform: translateX(10%) rotate(2deg);
transform: translateX(10%) rotate(2deg)
}
75% {
-webkit-transform: translateX(-5%) rotate(-1deg);
-ms-transform: translateX(-5%) rotate(-1deg);
transform: translateX(-5%) rotate(-1deg)
}
100% {
-webkit-transform: translateX(0%);
-ms-transform: translateX(0%);
transform: translateX(0%)
}
}
.wobble {
-webkit-animation-name: wobble;
animation-name: wobble
}
@-webkit-keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
transform: scale(1.05)
}
70% {
-webkit-transform: scale(.9);
transform: scale(.9)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
}
@keyframes bounceIn {
0% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3)
}
50% {
opacity: 1;
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
70% {
-webkit-transform: scale(.9);
-ms-transform: scale(.9);
transform: scale(.9)
}
100% {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
}
.bounceIn {
-webkit-animation-name: bounceIn;
animation-name: bounceIn
}
@-webkit-keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes bounceInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px)
}
80% {
-webkit-transform: translateY(-10px);
-ms-transform: translateY(-10px);
transform: translateY(-10px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.bounceInDown {
-webkit-animation-name: bounceInDown;
animation-name: bounceInDown
}
@-webkit-keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes bounceInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(30px);
-ms-transform: translateX(30px);
transform: translateX(30px)
}
80% {
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
transform: translateX(-10px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.bounceInLeft {
-webkit-animation-name: bounceInLeft;
animation-name: bounceInLeft
}
@-webkit-keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes bounceInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px)
}
80% {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.bounceInRight {
-webkit-animation-name: bounceInRight;
animation-name: bounceInRight
}
@-webkit-keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes bounceInUp {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
60% {
opacity: 1;
-webkit-transform: translateY(-30px);
-ms-transform: translateY(-30px);
transform: translateY(-30px)
}
80% {
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.bounceInUp {
-webkit-animation-name: bounceInUp;
animation-name: bounceInUp
}
@-webkit-keyframes bounceOut {
0% {
-webkit-transform: scale(1);
transform: scale(1)
}
25% {
-webkit-transform: scale(.95);
transform: scale(.95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
transform: scale(1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
transform: scale(.3)
}
}
@keyframes bounceOut {
0% {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
25% {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95)
}
50% {
opacity: 1;
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1)
}
100% {
opacity: 0;
-webkit-transform: scale(.3);
-ms-transform: scale(.3);
transform: scale(.3)
}
}
.bounceOut {
-webkit-animation-name: bounceOut;
animation-name: bounceOut
}
@-webkit-keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@keyframes bounceOutDown {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
}
.bounceOutDown {
-webkit-animation-name: bounceOutDown;
animation-name: bounceOutDown
}
@-webkit-keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes bounceOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
.bounceOutLeft {
-webkit-animation-name: bounceOutLeft;
animation-name: bounceOutLeft
}
@-webkit-keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes bounceOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
20% {
opacity: 1;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
}
.bounceOutRight {
-webkit-animation-name: bounceOutRight;
animation-name: bounceOutRight
}
@-webkit-keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@keyframes bounceOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
20% {
opacity: 1;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
.bounceOutUp {
-webkit-animation-name: bounceOutUp;
animation-name: bounceOutUp
}
@keyframes newfadeInD {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
}
@-webkit-keyframes newfadeInD {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
}
.newfadeInD{
-webkit-animation-name: newfadeInD;
animation-name: newfadeInD;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes fadeIn {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig
}
@-webkit-keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp
}
@-webkit-keyframes fadeInUp2 {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
transform: translateY(100px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUp2 {
0% {
opacity: 0;
-webkit-transform: translateY(100px);
-ms-transform: translateY(100px);
transform: translateY(100px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInUp2 {
-webkit-animation-name: fadeInUp2;
animation-name: fadeInUp2;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut
}
@-webkit-keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px)
}
}
@keyframes fadeOutDown {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(20px);
-ms-transform: translateY(20px);
transform: translateY(20px)
}
}
.fadeOutDown {
-webkit-animation-name: fadeOutDown;
animation-name: fadeOutDown
}
@-webkit-keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
transform: translateY(2000px)
}
}
@keyframes fadeOutDownBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(2000px);
-ms-transform: translateY(2000px);
transform: translateY(2000px)
}
}
.fadeOutDownBig {
-webkit-animation-name: fadeOutDownBig;
animation-name: fadeOutDownBig
}
@-webkit-keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
transform: translateX(-20px)
}
}
@keyframes fadeOutLeft {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-20px);
-ms-transform: translateX(-20px);
transform: translateX(-20px)
}
}
.fadeOutLeft {
-webkit-animation-name: fadeOutLeft;
animation-name: fadeOutLeft
}
@-webkit-keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes fadeOutLeftBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
.fadeOutLeftBig {
-webkit-animation-name: fadeOutLeftBig;
animation-name: fadeOutLeftBig
}
@-webkit-keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
transform: translateX(20px)
}
}
@keyframes fadeOutRight {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(20px);
-ms-transform: translateX(20px);
transform: translateX(20px)
}
}
.fadeOutRight {
-webkit-animation-name: fadeOutRight;
animation-name: fadeOutRight
}
@-webkit-keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes fadeOutRightBig {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
}
.fadeOutRightBig {
-webkit-animation-name: fadeOutRightBig;
animation-name: fadeOutRightBig
}
@-webkit-keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
transform: translateY(-20px)
}
}
@keyframes fadeOutUp {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
}
.fadeOutUp {
-webkit-animation-name: fadeOutUp;
animation-name: fadeOutUp
}
@-webkit-keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@keyframes fadeOutUpBig {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
.fadeOutUpBig {
-webkit-animation-name: fadeOutUpBig;
animation-name: fadeOutUpBig
}
@-webkit-keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
@keyframes flip {
0% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
40% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
50% {
-webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
80% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
100% {
-webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
}
.animated.flip {
-webkit-backface-visibility: visible;
-ms-backface-visibility: visible;
backface-visibility: visible;
-webkit-animation-name: flip;
animation-name: flip
}
@-webkit-keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
@keyframes flipInX {
0% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateX(-10deg);
-ms-transform: perspective(400px) rotateX(-10deg);
transform: perspective(400px) rotateX(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateX(10deg);
-ms-transform: perspective(400px) rotateX(10deg);
transform: perspective(400px) rotateX(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
}
.flipInX {
-webkit-backface-visibility: visible!important;
-ms-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInX;
animation-name: flipInX
}
@-webkit-keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
40% {
-webkit-transform: perspective(400px) rotateY(-10deg);
-ms-transform: perspective(400px) rotateY(-10deg);
transform: perspective(400px) rotateY(-10deg)
}
70% {
-webkit-transform: perspective(400px) rotateY(10deg);
-ms-transform: perspective(400px) rotateY(10deg);
transform: perspective(400px) rotateY(10deg)
}
100% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
}
.flipInY {
-webkit-backface-visibility: visible!important;
-ms-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipInY;
animation-name: flipInY
}
@-webkit-keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
@keyframes flipOutX {
0% {
-webkit-transform: perspective(400px) rotateX(0deg);
-ms-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateX(90deg);
-ms-transform: perspective(400px) rotateX(90deg);
transform: perspective(400px) rotateX(90deg);
opacity: 0
}
}
.flipOutX {
-webkit-animation-name: flipOutX;
animation-name: flipOutX;
-webkit-backface-visibility: visible!important;
-ms-backface-visibility: visible!important;
backface-visibility: visible!important
}
@-webkit-keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
@keyframes flipOutY {
0% {
-webkit-transform: perspective(400px) rotateY(0deg);
-ms-transform: perspective(400px) rotateY(0deg);
transform: perspective(400px) rotateY(0deg);
opacity: 1
}
100% {
-webkit-transform: perspective(400px) rotateY(90deg);
-ms-transform: perspective(400px) rotateY(90deg);
transform: perspective(400px) rotateY(90deg);
opacity: 0
}
}
.flipOutY {
-webkit-backface-visibility: visible!important;
-ms-backface-visibility: visible!important;
backface-visibility: visible!important;
-webkit-animation-name: flipOutY;
animation-name: flipOutY
}
@-webkit-keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
@keyframes lightSpeedIn {
0% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
60% {
-webkit-transform: translateX(-20%) skewX(30deg);
-ms-transform: translateX(-20%) skewX(30deg);
transform: translateX(-20%) skewX(30deg);
opacity: 1
}
80% {
-webkit-transform: translateX(0%) skewX(-15deg);
-ms-transform: translateX(0%) skewX(-15deg);
transform: translateX(0%) skewX(-15deg);
opacity: 1
}
100% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1
}
}
.lightSpeedIn {
-webkit-animation-name: lightSpeedIn;
animation-name: lightSpeedIn;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out
}
@-webkit-keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
@keyframes lightSpeedOut {
0% {
-webkit-transform: translateX(0%) skewX(0deg);
-ms-transform: translateX(0%) skewX(0deg);
transform: translateX(0%) skewX(0deg);
opacity: 1
}
100% {
-webkit-transform: translateX(100%) skewX(-30deg);
-ms-transform: translateX(100%) skewX(-30deg);
transform: translateX(100%) skewX(-30deg);
opacity: 0
}
}
.lightSpeedOut {
-webkit-animation-name: lightSpeedOut;
animation-name: lightSpeedOut;
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in
}
@-webkit-keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateIn {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(-200deg);
-ms-transform: rotate(-200deg);
transform: rotate(-200deg);
opacity: 0
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateIn {
-webkit-animation-name: rotateIn;
animation-name: rotateIn
}
@-webkit-keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInDownLeft {
-webkit-animation-name: rotateInDownLeft;
animation-name: rotateInDownLeft
}
@-webkit-keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInDownRight {
-webkit-animation-name: rotateInDownRight;
animation-name: rotateInDownRight
}
@-webkit-keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInUpLeft {
-webkit-animation-name: rotateInUpLeft;
animation-name: rotateInUpLeft
}
@-webkit-keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
@keyframes rotateInUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
}
.rotateInUpRight {
-webkit-animation-name: rotateInUpRight;
animation-name: rotateInUpRight
}
@-webkit-keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
@keyframes rotateOut {
0% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(200deg);
-ms-transform: rotate(200deg);
transform: rotate(200deg);
opacity: 0
}
}
.rotateOut {
-webkit-animation-name: rotateOut;
animation-name: rotateOut
}
@-webkit-keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutDownLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutDownLeft {
-webkit-animation-name: rotateOutDownLeft;
animation-name: rotateOutDownLeft
}
@-webkit-keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutDownRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
.rotateOutDownRight {
-webkit-animation-name: rotateOutDownRight;
animation-name: rotateOutDownRight
}
@-webkit-keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
@keyframes rotateOutUpLeft {
0% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
opacity: 0
}
}
.rotateOutUpLeft {
-webkit-animation-name: rotateOutUpLeft;
animation-name: rotateOutUpLeft
}
@-webkit-keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
@keyframes rotateOutUpRight {
0% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
opacity: 1
}
100% {
-webkit-transform-origin: right bottom;
-ms-transform-origin: right bottom;
transform-origin: right bottom;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
opacity: 0
}
}
.rotateOutUpRight {
-webkit-animation-name: rotateOutUpRight;
animation-name: rotateOutUpRight
}
@-webkit-keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
}
@keyframes slideInDown {
0% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
100% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
.slideInDown {
-webkit-animation-name: slideInDown;
animation-name: slideInDown
}
@-webkit-keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-180px);
transform: translateX(-180px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideInLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-180px);
-ms-transform: translateX(-180px);
transform: translateX(-180px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.slideInLeft {
-webkit-animation-name: slideInLeft;
animation-name: slideInLeft
}
@-webkit-keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(200px);
transform: translateX(200px)
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
}
@keyframes slideInRight {
0% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
100% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
}
.slideInRight {
-webkit-animation-name: slideInRight;
animation-name: slideInRight
}
@-webkit-keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
@keyframes slideOutLeft {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(-2000px);
-ms-transform: translateX(-2000px);
transform: translateX(-2000px)
}
}
.slideOutLeft {
-webkit-animation-name: slideOutLeft;
animation-name: slideOutLeft
}
@-webkit-keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
transform: translateX(2000px)
}
}
@keyframes slideOutRight {
0% {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
100% {
opacity: 0;
-webkit-transform: translateX(2000px);
-ms-transform: translateX(2000px);
transform: translateX(2000px)
}
}
.slideOutRight {
-webkit-animation-name: slideOutRight;
animation-name: slideOutRight
}
@-webkit-keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
@keyframes slideOutUp {
0% {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
100% {
opacity: 0;
-webkit-transform: translateY(-2000px);
-ms-transform: translateY(-2000px);
transform: translateY(-2000px)
}
}
.slideOutUp {
-webkit-animation-name: slideOutUp;
animation-name: slideOutUp
}
@-webkit-keyframes hinge {
0% {
-webkit-transform: rotate(0);
transform: rotate(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: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
transform: translateY(700px);
opacity: 0
}
}
@keyframes hinge {
0% {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
-webkit-transform-origin: top left;
-ms-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: rotate(80deg);
-ms-transform: rotate(80deg);
transform: rotate(80deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
40% {
-webkit-transform: rotate(60deg);
-ms-transform: rotate(60deg);
transform: rotate(60deg);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
80% {
-webkit-transform: rotate(60deg) translateY(0);
-ms-transform: rotate(60deg) translateY(0);
transform: rotate(60deg) translateY(0);
opacity: 1;
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out
}
100% {
-webkit-transform: translateY(700px);
-ms-transform: translateY(700px);
transform: translateY(700px);
opacity: 0
}
}
.hinge {
-webkit-animation-name: hinge;
animation-name: hinge
}
@-webkit-keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
}
@keyframes rollIn {
0% {
opacity: 0;
-webkit-transform: translateX(-100%) rotate(-120deg);
-ms-transform: translateX(-100%) rotate(-120deg);
transform: translateX(-100%) rotate(-120deg)
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
}
.rollIn {
-webkit-animation-name: rollIn;
animation-name: rollIn
}
@-webkit-keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg)
}
}
@keyframes rollOut {
0% {
opacity: 1;
-webkit-transform: translateX(0px) rotate(0deg);
-ms-transform: translateX(0px) rotate(0deg);
transform: translateX(0px) rotate(0deg)
}
100% {
opacity: 0;
-webkit-transform: translateX(100%) rotate(120deg);
-ms-transform: translateX(100%) rotate(120deg);
transform: translateX(100%) rotate(120deg)
}
}
.rollOut {
-webkit-animation-name: rollOut;
animation-name: rollOut
}
@-webkit-keyframes rollIncustom {
0% {
opacity: 0;
-webkit-transform: translateX(220%) translateY(220px);
-ms-transform: translateX(220%) translateY(220px);
transform: translateX(220%) translateY(220px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
@keyframes rollIncustom {
0% {
opacity: 0;
-webkit-transform: translateX(220%) translateY(220px);
-ms-transform: translateX(220%) translateY(220px);
transform: translateX(220%) translateY(220px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
.rollIncustom {
-webkit-animation-name: rollIncustom;
animation-name: rollIncustom
}
@-webkit-keyframes rollIncustom1 {
0% {
opacity: 0;
-webkit-transform: translateX(150%) translateY(150px);
-ms-transform: translateX(150%) translateY(150px);
transform: translateX(150%) translateY(150px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
@keyframes rollIncustom1 {
0% {
opacity: 0;
-webkit-transform: translateX(150%) translateY(150px);
-ms-transform: translateX(150%) translateY(150px);
transform: translateX(150%) translateY(150px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
.rollIncustom1 {
-webkit-animation-name: rollIncustom1;
animation-name: rollIncustom1;
}
@-webkit-keyframes rollIncustom3 {
0% {
opacity: 0;
-webkit-transform: translateX(-20px) translateY(350px);
-ms-transform: translateX(-20px) translateY(350px);
transform: translateX(-20px) translateY(350px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
@keyframes rollIncustom3 {
0% {
opacity: 0;
-webkit-transform: translateX(-20px) translateY(350px);
-ms-transform: translateX(-20px) translateY(350px);
transform: translateX(-20px) translateY(350px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
.rollIncustom3 {
-webkit-animation-name: rollIncustom3;
animation-name: rollIncustom3;
}
@-webkit-keyframes rollIncustom4 {
0% {
opacity: 0;
-webkit-transform: translateX(-90px) translateY(70px);
-ms-transform: translateX(-90px) translateY(70px);
transform: translateX(-90px) translateY(70px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
@keyframes rollIncustom4 {
0% {
opacity: 0;
-webkit-transform: translateX(-90px) translateY(70px);
-ms-transform: translateX(-90px) translateY(70px);
transform: translateX(-90px) translateY(70px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
.rollIncustom4{
-webkit-animation-name: rollIncustom4;
animation-name: rollIncustom4;
}
@-webkit-keyframes rollIncustom5 {
0% {
opacity: 0;
-webkit-transform: translateX(-500px) translateY(-50px);
-ms-transform: translateX(-500px) translateY(-50px);
transform: translateX(-500px) translateY(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
@keyframes rollIncustom5 {
0% {
opacity: 0;
-webkit-transform: translateX(-500px) translateY(-50px);
-ms-transform: translateX(-500px) translateY(-50px);
transform: translateX(-500px) translateY(-50px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
.rollIncustom5{
-webkit-animation-name: rollIncustom5;
animation-name: rollIncustom5;
}
@-webkit-keyframes rollIncustom6 {
0% {
opacity: 0;
-webkit-transform: translateX(30px) translateY(-150px);
-ms-transform: translateX(30px) translateY(-150px);
transform: translateX(30px) translateY(-150px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
@keyframes rollIncustom6 {
0% {
opacity: 0;
-webkit-transform: translateX(30px) translateY(-150px);
-ms-transform: translateX(30px) translateY(-150px);
transform: translateX(30px) translateY(-150px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
.rollIncustom6{
-webkit-animation-name: rollIncustom6;
animation-name: rollIncustom6;
}
@-webkit-keyframes rollIncustom7 {
0% {
opacity: 0;
-webkit-transform: translateX(-150px) translateY(-150px);
-ms-transform: translateX(-150px) translateY(-150px);
transform: translateX(-150px) translateY(-150px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
@keyframes rollIncustom7 {
0% {
opacity: 0;
-webkit-transform: translateX(-150px) translateY(-150px);
-ms-transform: translateX(-150px) translateY(-150px);
transform: translateX(-150px) translateY(-150px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
.rollIncustom7{
-webkit-animation-name: rollIncustom7;
animation-name: rollIncustom7;
}
@-webkit-keyframes rollIncustom8 {
0% {
opacity: 0;
-webkit-transform: translateX(0px) translateY(-200px);
-ms-transform: translateX(0px) translateY(-200px);
transform: translateX(0px) translateY(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
@keyframes rollIncustom8 {
0% {
opacity: 0;
-webkit-transform: translateX(0px) translateY(-200px);
-ms-transform: translateX(0px) translateY(-200px);
transform: translateX(0px) translateY(-200px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
.rollIncustom8{
-webkit-animation-name: rollIncustom8;
animation-name: rollIncustom8;
}
@-webkit-keyframes rollIncustom9 {
0% {
opacity: 0;
-webkit-transform: translateX(200px) translateY(-150px);
-ms-transform: translateX(200px) translateY(-150px);
transform: translateX(200px) translateY(-150px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
@keyframes rollIncustom9 {
0% {
opacity: 0;
-webkit-transform: translateX(500px) translateY(-150px);
-ms-transform: translateX(200px) translateY(-150px);
transform: translateX(200px) translateY(-150px);
}
100% {
opacity: 1;
-webkit-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
}
.rollIncustom9{
-webkit-animation-name: rollIncustom9;
animation-name: rollIncustom9;
}
@-webkit-keyframes slideInnew{
0%{
opacity: 0;
-webkit-transform:translate(10px,10px);
-ms-transform:translate(10px,10px);
transform:translate(10px,10px)
}
100%{
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0)
}
}
@keyframes slideInnew{
0%{
opacity: 0;
-webkit-transform:translate(10px, 10px);
-ms-transform:translate(10px, 10px);
transform:translate(10px, 10px)
}
100%{
-webkit-transform:translate(0,0);
-ms-transform:translate(0,0);
transform:translate(0,0)
}
}
.slideInnew{
-webkit-animation-name:slideInnew;
animation-name:slideInnew;
}
@-webkit-keyframes slideInnew2{
0%{
opacity:0;
-webkit-transform:matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
-ms-transform:matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
}
100%{
-webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
-ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
}
}
@keyframes slideInnew2{
0%{
opacity:0;
-webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
-ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(-10px, 80px);
}
100%{
-webkit-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
-ms-transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
transform: matrix(0.97029, 0.34192, -0.84486, 0.9425, 0, 0) translate(0px, 0px);
}
}
.slideInnew2{
-webkit-animation-name:slideInnew2;
animation-name:slideInnew2;
}
@-webkit-keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
@keyframes spin {
0% {
-webkit-transform: rotate(0);
transform: rotate(0)
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg)
}
}
.faa-parent.animated-hover:hover > .faa-spin,
.faa-spin.animated,
.faa-spin.animated-hover:hover {
-webkit-animation: spin 1.5s linear infinite;
animation: spin 1.5s linear infinite
}.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list {
margin: 0;
padding: 0;
display: block;
overflow: hidden;
position: relative;
}
.slick-list:focus {
outline: none;
}
.slick-list.dragging {
cursor: hand;
cursor: pointer;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track {
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
position: relative;
}
.slick-track:before,
.slick-track:after {
display: table;
content: '';
}
.slick-track:after {
clear: both;
}
.slick-loading .slick-track {
visibility: hidden;
}
.slick-slide {
float: left;
height: 100%;
display: none;
min-height: 1px;
}
[dir='rtl'] .slick-slide {
float: right;
}
.slick-slide img {
display: block;
}
.slick-slide.slick-loading img {
display: none;
}
.slick-slide.dragging img {
pointer-events: none;
}
.slick-initialized .slick-slide {
display: block;
}
.slick-loading .slick-slide {
visibility: hidden;
}
.slick-vertical .slick-slide {
height: auto;
display: block;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list {
background: #fff url(//saunagalla.pl/wp-content/themes/marcinpohl/assets/images/ajax-loader.gif) center center no-repeat;
} @font-face {
font-family: 'slick';
font-style: normal;
font-weight: normal;
src: url(//saunagalla.pl/wp-content/themes/marcinpohl/assets/fonts/slick/slick.ttf) format('truetype');
} .slick-prev,
.slick-next {
top: 50%;
padding: 0;
border: none;
outline: none;
line-height: 1;
display: block;
cursor: pointer;
position: absolute;
background: transparent;
transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
-webkit-transform: translate(0, -50%);
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 1;
}
.slick-prev:before,
.slick-next:before {
color: white;
line-height: 1;
font-size: 20px;
font-family: 'slick';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
left: 0px;
}
[dir='rtl'] .slick-prev {
right: 0px;
left: auto;
}
.slick-prev:before {
content: '';
}
[dir='rtl'] .slick-prev:before {
content: '';
}
.slick-next {
right: 0px;
}
[dir='rtl'] .slick-next {
left: 0px;
right: auto;
}
.slick-next:before {
content: '';
}
[dir='rtl'] .slick-next:before {
content: '';
} .slick-dots {
bottom: 0px;
display: block;
position: absolute;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li {
cursor: pointer;
position: relative;
display: inline-block;
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
cursor: pointer;
border: 0;
outline: none;
}
.slick-dots li button:hover,
.slick-dots li button:focus {
outline: none;
}.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-clearfix {
min-height: 0; }
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); }
.ui-front {
z-index: 100;
} .ui-state-disabled {
cursor: default !important;
}  .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}  .ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
min-height: 0; font-size: 100%;
}
.ui-accordion .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-icons .ui-accordion-icons {
padding-left: 2.2em;
}
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
position: absolute;
left: .5em;
top: 50%;
margin-top: -8px;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-button {
display: inline-block;
position: relative;
padding: 0;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
overflow: visible; }
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
} .ui-button-icon-only {
width: 2.2em;
} button.ui-button-icon-only {
width: 2.4em;
}
.ui-button-icons-only {
width: 3.4em;
}
button.ui-button-icons-only {
width: 3.7em;
} .ui-button .ui-button-text {
display: block;
line-height: normal;
}
.ui-button-text-only .ui-button-text {
padding: .4em 1em;
}
.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
padding: .4em;
text-indent: -9999999px;
}
.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 1em .4em 2.1em;
}
.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
padding: .4em 2.1em .4em 1em;
}
.ui-button-text-icons .ui-button-text {
padding-left: 2.1em;
padding-right: 2.1em;
} input.ui-button {
padding: .4em 1em;
} .ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
position: absolute;
top: 50%;
margin-top: -8px;
}
.ui-button-icon-only .ui-icon {
left: 50%;
margin-left: -8px;
}
.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
left: .5em;
}
.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
right: .5em;
} .ui-buttonset {
margin-right: 7px;
}
.ui-buttonset .ui-button {
margin-left: 0;
margin-right: -.3em;
}  input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
} .ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
} .ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
}
.ui-dialog {
overflow: hidden;
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-se {
width: 12px;
height: 12px;
right: -5px;
bottom: -5px;
background-position: 16px 16px;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: none;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
position: relative;
margin: 0;
padding: 3px 1em 3px .4em;
cursor: pointer;
min-height: 0;  list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
} .ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item {
padding-left: 2em;
} .ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
} .ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
height: 100%;
filter: alpha(opacity=25); opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto; overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-button {
display: inline-block;
overflow: hidden;
position: relative;
text-decoration: none;
cursor: pointer;
}
.ui-selectmenu-button span.ui-icon {
right: 0.5em;
left: auto;
margin-top: -8px;
position: absolute;
top: 50%;
}
.ui-selectmenu-button span.ui-selectmenu-text {
text-align: left;
padding: 0.4em 2.1em 0.4em 1em;
display: block;
line-height: 1.4;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
} .ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 22px;
}
.ui-spinner-button {
width: 16px;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
} .ui-spinner a.ui-spinner-button {
border-top: none;
border-bottom: none;
border-right: none;
} .ui-spinner .ui-icon {
position: absolute;
margin-top: -8px;
top: 50%;
left: 0;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
} .ui-spinner .ui-icon-triangle-1-s { background-position: -65px -16px;
}
.ui-tabs {
position: relative; padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
-webkit-box-shadow: 0 0 5px #aaa;
box-shadow: 0 0 5px #aaa;
}
body .ui-tooltip {
border-width: 2px;
} .ui-widget {
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Verdana,Arial,sans-serif;
font-size: 1em;
}
.ui-widget-content {
border: 1px solid #aaaaaa; color: #222222;
}
.ui-widget-content a {
color: #222222;
}
.ui-widget-header {
border: 1px solid #aaaaaa; color: #222222;
font-weight: bold;
}
.ui-widget-header a {
color: #222222;
} .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
border: 1px solid #d3d3d3; font-weight: normal;
color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
color: #555555;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
border: 1px solid #999999; font-weight: normal;
color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
color: #212121;
text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
border: 1px solid #aaaaaa; font-weight: normal;
color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #212121;
text-decoration: none;
} .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #fcefa1; color: #363636;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #cd0a0a; color: #cd0a0a;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #cd0a0a;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #cd0a0a;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); }  .ui-icon {
width: 16px;
height: 16px;
}  .ui-icon-blank { background-position: 16px 16px; }
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }  .ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 4px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 4px;
} .ui-widget-overlay {
background: #aaaaaa url(//saunagalla.pl/wp-content/themes/marcinpohl/assets/css/images/ui-bg_flat_0_aaaaaa_40x100.html) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30); }
.ui-widget-shadow {
margin: -8px 0 0 -8px;
padding: 8px;
background: #aaaaaa url(//saunagalla.pl/wp-content/themes/marcinpohl/assets/css/images/ui-bg_flat_0_aaaaaa_40x100.html) 50% 50% repeat-x;
opacity: .3;
filter: Alpha(Opacity=30); border-radius: 8px;
}
    @import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap");  body {
margin: 0px;
padding: 0px;
font-size: 14px;
font-weight: 400;
line-height: 1.65;
font-style: normal;
color: #7c7770;
font-family: "Roboto", sans-serif;
text-rendering: optimizelegibility;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
}
.galagradient {
background: linear-gradient(180deg, rgba(255,255,255,1) 15%, rgba(239,239,239,1) 54%);
}
.body_wrap {
overflow: hidden;
position: relative;
}
::selection {
color: #ffffff;
background-color: #c7a17a;
}
::-moz-selection {
color: #ffffff;
background-color: #c7a17a;
}
.container {
max-width: 1200px;
}
.container_boxed {
padding: 60px;
max-width: 1290px;
background-color: #ffffff;
}
.maxw_1560 {
max-width: 1590px;
}
.maxw_1720 {
max-width: 1750px;
}
iframe {
border: none;
}
a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
outline: none;
}
img:not([draggable]),
embed,
object,
video {
height: auto;
max-width: 100%;
}
img {
border: none;
max-width: 100%;
vertical-align: middle;
-webkit-user-select: none;
user-select: none;
height: auto;
}
a {
outline: 0;
display: inline-block;
text-decoration: none;
}
a:active, a:focus, a:hover, a:visited {
outline: 0;
text-decoration: none;
}
button {
padding: 0px;
border: none;
outline: none;
background: none;
display: inline-block;
}
button:focus {
outline: none;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 700;
color: #1B1B1B;
font-family: "Oswald", sans-serif;
} .deco_wrap {
z-index: 1;
position: relative;
}
.deco_wrap .deco_item {
z-index: -1;
position: absolute;
}
.deco_wrap .deco_big_text {
top: 170px;
left: 0px;
right: 0px;
z-index: -1;
opacity: 0.2;
color: #000000;
line-height: 1;
display: block;
font-weight: 700;
font-size: 291px;
position: absolute;
font-family: "Oswald", sans-serif;
}
.deco_wrap .overlay {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
position: absolute;
}
.deco_wrap .scratch {
left: 0px;
right: 0px;
z-index: 1;
position: absolute;
}
.deco_wrap .scratch img {
width: 100%;
display: block;
}
.deco_wrap .scratch_top {
top: 0px;
}
.deco_wrap .scratch_bottom {
bottom: 0px;
}  .sec_ptb_120 {
padding-top: 120px;
padding-bottom: 120px;
}
.sec_ptb_80 {
padding-top: 80px;
padding-bottom: 80px;
}  a,
button {
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}   .backtotop {
right: 12px;
z-index: 999;
bottom: 50px;
display: none;
position: fixed;
}
.backtotop .scroll {
z-index: 1;
width: 50px;
height: 50px;
display: block;
position: relative;
}
.backtotop .scroll:before, .backtotop .scroll:after {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
content: "";
position: absolute;
border-radius: 100%;
background-color: #ffffff;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.2);
}
.backtotop .scroll:after {
opacity: 0;
transform: scale(1.5);
}
.backtotop .scroll:hover:before {
opacity: 0;
transform: scale(0.3);
}
.backtotop .scroll:hover:after {
opacity: 1;
transform: scale(1);
}
.backtotop .scroll i {
left: 50%;
z-index: 1;
font-size: 15px;
position: absolute;
color: #c7a17a;
transform: translateX(-50%);
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.backtotop .scroll i:nth-child(1) {
top: 50%;
transform: translate(-50%, -50%);
}
.backtotop .scroll i:nth-child(2) {
top: 110%;
opacity: 0;
visibility: hidden;
}
.backtotop .scroll:hover i:nth-child(1) {
top: -110%;
opacity: 0;
visibility: hidden;
transform: translateX(-50%);
}
.backtotop .scroll:hover i:nth-child(2) {
top: 50%;
opacity: 1;
visibility: visible;
transform: translate(-50%, -50%);
}  #preloader {
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 10000;
position: fixed;
overflow: visible;
background: #ffffff url(//saunagalla.pl/wp-content/themes/marcinpohl/assets/images/preloader.svg) no-repeat center center;
}  .load_more {
margin-top: 60px;
}
.btn {
border: none;
outline: none;
line-height: 1;
color: #ffffff;
font-size: 14px;
font-weight: 700;
padding: 21px 42px;
border-radius: 5px;
display: inline-block;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
font-family: "DM Sans", sans-serif;
}
.btn:focus {
outline: none;
box-shadow: none;
}
.btn:hover {
color: #ffffff;
}
.btn.btn_primary {
background-color: #c7a17a;
}
.btn.btn_primary:hover {
background-color: #1B1B1B;
}
.btn.btn_secondary {
background-color: #1B1B1B;
}
.btn.btn_secondary:hover {
background-color: #c7a17a;
}
.btn.btn_border {
padding: 19px 42px;
border: 2px solid transparent;
}
.btn.border_white {
border-color: rgba(255, 255, 255, 0.5);
}
.btn.border_white:hover {
color: #c7a17a;
border-color: #ffffff;
background-color: #ffffff;
}
.btn.border_black {
color: #1B1B1B;
border-color: rgba(18, 16, 13, 0.3);
}
.btn.border_black:hover {
color: #ffffff;
border-color: #1B1B1B;
background-color: #1B1B1B;
}
.btn_text {
line-height: 1;
font-size: 14px;
font-weight: 500;
color: #7c7770;
display: inline-block;
}
.btn_text span {
position: relative;
display: inline-block;
}
.btn_text span:before {
width: 0px;
left: auto;
right: 0px;
bottom: 0px;
height: 1px;
content: "";
position: absolute;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
background-color: #c7a17a;
}
.btn_text:hover span:before {
left: 0px;
width: 100%;
right: auto;
}
.btn_text i {
margin-left: 2px;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.btn_text:hover {
color: #c7a17a;
}
.btn_text:hover i {
transform: translateX(5px);
}  .pulse {
z-index: 1;
width: 40px;
height: 40px;
color: #ffffff;
font-size: 10px;
position: relative;
margin-right: 20px;
border-radius: 100%;
align-items: center;
display: inline-flex;
justify-content: center;
background-color: #c7a17a;
}
.pulse:before, .pulse:after {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
content: "";
position: absolute;
border-radius: 100%;
background-color: #c7a17a;
}
.pulse:before {
animation: pulse 3s cubic-bezier(0.16, 1, 0.3, 1) infinite both;
}
.pulse:after {
animation: pulse 3s 0.6s cubic-bezier(0.16, 1, 0.3, 1) infinite both;
}
.pulse i {
margin-left: 2px;
}
@keyframes pulse {
0% {
opacity: 0.5;
transform: scale(1);
}
100% {
opacity: 0;
transform: scale(2.1);
}
}
.video_btn1 {
font-size: 14px;
font-weight: 500;
align-items: center;
display: inline-flex;
color: #1B1B1B;
}
.video_btn2 {
text-align: center;
display: inline-block;
}
.video_btn2 span {
margin: auto;
width: 109px;
height: 109px;
font-size: 16px;
margin-bottom: 25px;
display: inline-flex;
border: 2px solid #ffffff;
background-color: transparent;
}
.video_btn2 span:before, .video_btn2 span:after {
background-color: #ffffff;
}
.video_btn2 small {
display: block;
color: #ffffff;
font-size: 18px;
font-weight: 500;
}  .ul_li,
.ul_li_right,
.ul_li_center {
margin: 0px;
padding: 0px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.ul_li > li,
.ul_li_right > li,
.ul_li_center > li {
float: left;
list-style: none;
display: inline-block;
}
.ul_li {
justify-content: flex-start;
}
.ul_li_center {
justify-content: center;
}
.ul_li_right {
justify-content: flex-end;
}
.ul_li_block {
margin: 0px;
padding: 0px;
display: block;
}
.ul_li_block > li {
display: block;
list-style: none;
}  .social_links {
margin: -5px;
}
.social_links li {
padding: 5px;
}
.social_text li:not(:last-child) {
margin-right: 45px;
}
.social_text i {
margin-right: 10px;
}
.social_text a {
font-size: 14px;
font-weight: 500;
}
.social_text a:hover {
color: #c7a17a;
}
.social_icons a {
width: 35px;
height: 35px;
color: #c6c0ba;
line-height: 37px;
text-align: center;
border-radius: 2px;
background-color: #f7f7f7;
}
.social_icons a:hover {
color: #ffffff;
background-color: #c7a17a;
}
.text-white .social_icons a {
color: #c7a17a;
background-color: #1B1B1B;
}
.text-white .social_icons a:hover {
color: #ffffff;
background-color: #c7a17a;
}  .section_title {
margin-bottom: 50px;
}
.section_title .small_title {
line-height: 1;
font-size: 14px;
margin-bottom: 18px;
font-family: "Roboto", sans-serif;
}
.section_title .small_title i {
margin-right: 10px;
color: #c7a17a;
}
.section_title .big_title {
font-size: 45px;
line-height: 1.2;
margin-bottom: 0px;
}  .bg_default_brown {
background-color: #c7a17a;
}
.bg_default_gray {
background-color: #f6f6f6;
}  .slick-dots li {
margin: 0px;
display: inline-block;
}
.slick-dots li:not(:last-child) {
margin-right: 10px;
}
.slick-dots button {
width: 8px;
height: 8px;
opacity: 0.4;
display: block;
border-radius: 100%;
background-color: #000000;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.slick-dots li:hover button, .slick-dots li.slick-active button {
opacity: 1;
}  .chip_item {
align-items: center;
display: inline-flex;
}
.chip_item .chip_thumbnail {
width: 60px;
overflow: hidden;
margin-right: 15px;
border-radius: 100%;
}
.chip_item .chip_name {
line-height: 1;
font-size: 15px;
font-weight: 500;
margin-bottom: 10px;
}
.chip_item .chip_title {
display: block;
line-height: 1;
font-size: 12px;
font-weight: 500;
color: #c7a17a;
}   .form_item {
position: relative;
margin-bottom: 30px;
}
.form_item textarea, .form_item input {
width: 100%;
outline: none;
display: block;
box-shadow: none;
border-radius: 5px;
border: 1px solid #f5f5f5;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.form_item textarea:focus, .form_item input:focus {
outline: none;
box-shadow: none;
border-color: #c7a17a;
}
.form_item input {
height: 56px;
padding: 0px 25px;
}
.form_item textarea {
min-height: 160px;
padding: 20px 25px;
}
.form_item .form_icon {
top: 50%;
right: 25px;
margin: 0px;
padding: 0px;
position: absolute;
transform: translateY(-50%);
}
.form_item .form_field_title {
line-height: 1;
font-size: 15px;
font-weight: 400;
margin-bottom: 15px;
color: #1B1B1B;
font-family: "Roboto", sans-serif;
}
.form_item .form_field_title sup {
top: -2px;
}
:-moz-placeholder {
color: #9d9a9a;
text-transform: capitalize;
}
::-moz-placeholder {
color: #9d9a9a;
text-transform: capitalize;
}
:-ms-input-placeholder {
color: #9d9a9a;
text-transform: capitalize;
}
::-webkit-input-placeholder {
color: #9d9a9a;
text-transform: capitalize;
}  #mapBox {
min-height: 600px;
}  .contact_form {
padding: 60px 50px;
background-color: #f6f6f6;
}
.contact_form .form_title {
line-height: 1;
font-size: 45px;
margin-bottom: 35px;
}
.contact_form .form_item textarea, .contact_form .form_item input {
background-color: #ffffff;
border: 1px solid #ffffff;
}
.contact_form .form_item textarea:focus, .contact_form .form_item input:focus {
border-color: #c7a17a;
}
.contact_form.bg_white {
background-color: #ffffff;
}
.contact_form.bg_white .form_item textarea, .contact_form.bg_white .form_item input {
background-color: #f6f6f6;
border: 1px solid #f6f6f6;
}
.contact_form.bg_white .form_item textarea:focus, .contact_form.bg_white .form_item input:focus {
border-color: #c7a17a;
}  .main_contact_info_wrap {
display: flex;
flex-wrap: nowrap;
margin-left: -15px;
margin-right: -15px;
justify-content: space-between;
}
.main_contact_info_wrap .contact_info_item {
max-width: 330px;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 50px;
}
.contact_info_item {
display: flex;
align-items: center;
}
.contact_info_item .item_icon {
height: 80px;
min-width: 80px;
font-size: 24px;
margin-right: 20px;
border-radius: 2px;
align-items: center;
display: inline-flex;
color: #c7a17a;
justify-content: center;
background-color: #f6f6f6;
}
.contact_info_item .item_title {
line-height: 1;
font-size: 20px;
margin-bottom: 10px;
}
.contact_info_item p {
line-height: 1.4;
margin-bottom: 0px;
}  .reserve_table_form {
padding: 60px;
position: relative;
padding-bottom: 120px;
background-color: #f6f6f6;
}
.reserve_table_form .form_title {
line-height: 1;
font-size: 45px;
margin-bottom: 38px;
}
.reserve_table_form .form_item input {
height: 70px;
color: #9d9a9a;
padding: 0px 30px;
}
.reserve_table_form .form_item .form_icon {
right: 35px;
}
.reserve_table_form .decoration_icon {
left: 50%;
z-index: 1;
bottom: -50px;
width: 100px;
height: 100px;
display: flex;
position: absolute;
align-items: center;
justify-content: center;
transform: translateX(-50%);
}
.reserve_table_form .decoration_icon .bg_shape {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
position: absolute;
transform: rotate(45deg);
background-color: #ffffff;
box-shadow: 0px 9px 16px 0px rgba(179, 179, 179, 0.2);
}  .comment_form .form_item input,
.comment_form .form_item textarea {
border-radius: 0px;
background-color: #f6f6f6;
}   .rating_star li {
color: #f6c46e;
font-size: 12px;
}
.rating_star li:not(:last-child) {
margin-right: 3px;
}  .pagination_nav {
margin: -3px;
margin-top: 77px;
}
.pagination_nav li {
padding: 3px;
}
.pagination_nav a {
height: 50px;
min-width: 50px;
display: flex;
font-size: 15px;
border-radius: 45px;
align-items: center;
color: #7c7770;
justify-content: center;
background-color: #ffffff;
}
.pagination_nav li:hover a, .pagination_nav li.active a {
color: #ffffff;
background-color: #c7a17a;
}  .filters-button-group {
margin-bottom: 60px;
border-bottom: 5px solid #e4e2da;
}
.filters-button-group li {
margin-bottom: -5px;
}
.filters-button-group li:not(:last-child) {
margin-right: 5px;
}
.filters-button-group button {
color: #8b887d;
font-size: 15px;
font-weight: 700;
padding: 0px 20px;
position: relative;
padding-bottom: 30px;
}
.filters-button-group button:before {
left: 15px;
right: 15px;
bottom: 0px;
opacity: 0;
content: "";
height: 5px;
position: absolute;
border-radius: 45px;
background-color: #c7a17a;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.filters-button-group button:hover, .filters-button-group button.active {
color: #1B1B1B;
}
.filters-button-group button:hover:before, .filters-button-group button.active:before {
left: 0px;
right: 0px;
opacity: 1;
}
.filters-button-group.style_2 {
border-bottom: none;
}
.filters-button-group.style_2 li {
margin-bottom: 0px;
}
.filters-button-group.style_2 li:not(:last-child) {
margin-right: 60px;
}
.filters-button-group.style_2 button {
padding: 0px;
}
.filters-button-group.style_2 button:before {
display: none;
}
.filters-button-group.style_2 button:hover, .filters-button-group.style_2 button.active {
color: #1B1B1B;
}
.text-white .filters-button-group.style_2 button {
color: #aaaaaa;
}
.text-white .filters-button-group.style_2 button:hover, .text-white .filters-button-group.style_2 button.active {
color: #ffffff;
}
.filters-button-group {
border-bottom: none;
}
.filters-button-group.style_3 {
background-color: #ffffff;
}
.filters-button-group.style_3 li {
margin: 0px;
}
.filters-button-group.style_3 li:not(:last-child) {
margin-right: 0px;
}
.filters-button-group.style_3 button {
padding: 18px 22px;
}
.filters-button-group.style_3 button:before {
border-radius: 0px;
}
.filters-button-group.style_4 li {
margin: 0px;
border-bottom: 4px solid #eaeaea;
}
.filters-button-group.style_4 li:not(:last-child) {
margin-right: 0px;
}
.filters-button-group.style_4 button {
padding: 0px;
line-height: 1;
display: block;
padding: 18.5px 41.5px;
}
.filters-button-group.style_4 button:before {
display: none;
}
.filters-button-group.style_4 button:hover, .filters-button-group.style_4 button.active {
background-color: #ffffff;
}  .tag_list {
margin: -5px;
}
.tag_list li {
padding: 5px;
}
.tag_list a {
display: block;
line-height: 1;
padding: 10px 24px;
color: #7c7770;
background-color: #f6f6f6;
}
.tag_list a:hover {
color: #ffffff;
background-color: #c7a17a;
}  .post_meta {
font-size: 14px;
color: #1B1B1B;
}
.post_meta li {
margin-bottom: 20px;
}
.post_meta li:not(:last-child) {
margin-right: 40px;
}
.post_meta a {
display: block;
color: #1B1B1B;
}
.post_meta a:hover {
color: #c7a17a;
}
.post_meta i {
margin-right: 5px;
}  .comment_item:not(:last-child) {
margin-bottom: 30px;
}
.comment_item .comment_item {
padding-top: 20px;
padding-left: 85px;
}
.comment_item .comment_thumbnail {
float: left;
width: 60px;
height: 60px;
overflow: hidden;
margin-right: 25px;
border-radius: 100%;
align-items: center;
display: inline-flex;
justify-content: center;
background-color: #f6f6f6;
}
.comment_item .comment_content {
display: table;
padding-top: 14px;
}
.comment_item .comment_name {
line-height: 1;
font-size: 15px;
font-weight: 500;
margin-bottom: 5px;
font-family: "Roboto", sans-serif;
}
.comment_item .comment_date {
line-height: 1;
display: block;
font-size: 12px;
margin-bottom: 15px;
color: #c7a17a;
}
.comment_item .reply_btn {
font-size: 12px;
margin-top: 17px;
display: inline-block;
color: #1B1B1B;
}
.comment_item .reply_btn:hover {
color: #c7a17a;
}  .sb_widget {
padding: 30px;
background-color: #ffffff;
}
.sb_widget:not(:last-child) {
margin-bottom: 30px;
}
.sb_widget .form_item input {
border-radius: 0px;
background-color: #f6f6f6;
}
.sb_widget .recent_post {
background-color: #f6f6f6;
}
.sb_widget .recent_post:not(:last-child) {
margin-bottom: 20px;
}
.sb_widget .recent_post .item_image {
min-width: 90px;
border-radius: 0px;
}
.sb_widget_title {
font-size: 20px;
margin-bottom: 30px;
}
.sb_category li:not(:last-child) {
margin-bottom: 15px;
}
.sb_category a {
display: flex;
line-height: 1;
align-items: center;
padding: 17.5px 20px;
color: #7c7770;
background-color: #f6f6f6;
justify-content: space-between;
}
.sb_category a:hover {
color: #ffffff;
background-color: #c7a17a;
}
.sb_photo_showcase ul {
margin: -8px;
}
.sb_photo_showcase li {
padding: 8px;
width: 33.333%;
}
.sb_photo_showcase a {
display: block;
overflow: hidden;
position: relative;
background-color: #000000;
}
.sb_photo_showcase a img {
width: 100%;
display: block;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.sb_photo_showcase a:hover img {
opacity: 0.4;
transform: scale(1.08);
}  .header_section {
top: 0px;
left: 0px;
right: 0px;
z-index: 99;
position: absolute;
}
.header_section .content_wrap {
padding: 44px 0px;
}
.header_section.sticky {
position: fixed;
background-color: rgba(0, 0, 0, 0.9);
animation: 0.5s ease-in-out 0s normal none 1 running fadeInDown;
}
.header_section.sticky .content_wrap {
padding: 20px 0px;
}
.header_section.style_2 {
background-color: rgba(0, 0, 0, 0.4);
border-bottom: 2px solid rgba(255, 255, 255, 0.15);
}
.header_section.style_2 .content_wrap {
padding: 32px 0px;
}
.header_section.style_2.sticky {
background-color: rgba(0, 0, 0, 0.9);
border-bottom: 2px solid rgba(0, 0, 0, 0.9);
}
.header_section.style_2.sticky .content_wrap {
padding: 20px 0px;
}
.header_section.style_3 .content_wrap {
padding: 22px 0px;
}
.header_section.style_3.sticky {
background-color: #ffffff;
box-shadow: 0px 3px 15px 0px rgba(0, 0, 0, 0.1);
}
.header_section.style_3 .main_menu_list > li > a {
color: #1B1B1B;
}
.header_section.style_3 .main_menu_list > li:hover > a, .header_section.style_3 .main_menu_list > li.active > a {
color: #c7a17a;
}
.header_section.style_3 .header_btns_group button {
color: #1B1B1B;
}
.header_section.style_3 .header_btns_group button:hover {
color: #c7a17a;
}
.brand_logo .brand_link {
display: inline-block;
}
.header_btns_group li:not(:last-child) {
margin-right: 30px;
}
.header_btns_group button {
color: #ffffff;
font-size: 20px;
position: relative;
}
.header_btns_group button:hover {
color: #c7a17a;
}
.header_btns_group button .cart_counter {
top: -5px;
right: -15px;
height: 22px;
color: #ffffff;
min-width: 22px;
font-size: 12px;
line-height: 22px;
text-align: center;
position: absolute;
border-radius: 45px;
background-color: #c7a17a;
}
.header_btns_group .btn {
margin-left: 45px;
}
.main_search_form {
border: none;
padding: 20px 0px;
border-radius: 0px;
background-color: transparent;
background-color: rgba(0, 0, 0, 0.9);
}
.main_search_form .form_item {
margin-bottom: 0px;
}
.main_search_form .form_item input {
width: 100%;
height: 60px;
border: none;
font-size: 16px;
padding: 0px 30px;
border-radius: 45px;
}
.main_search_form .form_item .submit_btn {
top: 50%;
right: 30px;
font-size: 18px;
position: absolute;
color: #1B1B1B;
transform: translateY(-50%);
}
.main_search_form .form_item .submit_btn:hover {
color: #c7a17a;
}
.main_menu {
padding: 0px;
padding-left: 23px;
}
.main_menu_list > li:not(:last-child) {
margin-right: 60px;
}
.main_menu_list > li > a {
display: block;
color: #999999;
font-size: 14px;
font-weight: 700;
padding: 15px 0px;
text-transform: uppercase;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.main_menu_list > li:hover > a, .main_menu_list > li.active > a {
color: #c7a17a;
}
.main_menu_list .submenu {
top: 100%;
margin: 0px;
border: none;
font-size: 14px;
min-width: 210px;
padding: 20px 0px;
border-radius: 8px;
color: #7c7770;
box-shadow: 0px 20px 60px 0px rgba(0, 0, 0, 0.15);
}
.main_menu_list .submenu > li > a {
display: block;
line-height: 1;
padding: 15px 30px;
color: #7c7770;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.main_menu_list .submenu > li:hover > a, .main_menu_list .submenu > li.active > a {
color: #c7a17a;
background-color: rgba(199, 161, 122, 0.04);
}
.main_menu_list .submenu .dropdown > a {
position: relative;
}
.main_menu_list .submenu .dropdown > a:after {
float: right;
font-size: 11px;
margin-top: 2px;
content: "";
font-weight: 400;
display: inline-block;
font-family: "Font Awesome 5 Pro";
}
.main_menu_list .submenu .submenu {
top: 0px;
left: 100%;
border-top-left-radius: 0px;
}
.main_menu_list li:hover > .submenu {
display: block;
}  .footer_section {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.footer_section .overlay {
background-color: rgba(18, 16, 13, 0.702);
}
.footer_widget_area {
padding: 110px 0px;
}
.footer_widget_title {
font-size: 20px;
margin-bottom: 48px;
}
.footer_bottom {
padding: 13.5px 0px;
background-color: #f7f7f7;
}
.footer_subscribe_form {
margin-bottom: 110px;
}
.footer_subscribe_form .form_title {
line-height: 1;
font-size: 45px;
margin-bottom: 50px;
}
.footer_subscribe_form .form_item input {
height: 56px;
border-color: #f7f7f7;
background-color: #f7f7f7;
}
.footer_subscribe_form .form_item .btn {
top: 50%;
right: 0px;
position: absolute;
padding: 21px 25px;
transform: translateY(-50%);
}
.footer_about .brand_logo {
margin-bottom: 15px;
}
.footer_about p {
margin-bottom: 25px;
}
.footer_contact {
padding-left: 50px;
}
.footer_contact li {
line-height: 1;
}
.footer_contact li:not(:last-child) {
margin-bottom: 20px;
}
.footer_contact strong {
font-size: 15px;
color: #1B1B1B;
display: inline-block;
}
.footer_opening_time {
padding: 0px 40px;
}
.footer_opening_time li {
line-height: 1;
}
.footer_opening_time li:not(:last-child) {
margin-bottom: 15px;
}
.footer_opening_time span {
float: right;
}
.copyright_text {
color: #1B1B1B;
}
.copyright_text a {
color: #c7a17a;
} .text-white .footer_widget_title {
color: #ffffff;
}
.text-white .footer_subscribe_form .form_title {
color: #ffffff;
}
.text-white .footer_subscribe_form .form_item input {
color: #ffffff;
border-color: #1B1B1B;
background-color: #1B1B1B;
}
.text-white .footer_contact strong {
color: #ffffff;
}
.text-white .footer_bottom {
padding-top: 12px;
padding-bottom: 116px;
background-color: transparent;
border-top: 2px solid rgba(255, 255, 255, 0.15);
}
.text-white .copyright_text {
color: #ffffff;
}   .breadcrumb_section {
display: flex;
min-height: 500px;
padding: 160px 0px;
position: relative;
align-items: flex-end;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.page_title {
line-height: 1;
font-size: 60px;
margin-bottom: 10px;
}
.breadcrumb_nav li {
font-size: 15px;
font-weight: 700;
position: relative;
color: #c7a17a;
}
.breadcrumb_nav li:not(:last-child) {
margin-right: 8px;
padding-right: 8px;
}
.breadcrumb_nav li:after {
top: 50%;
right: -4px;
content: "/";
position: absolute;
transform: translateY(-50%);
}
.breadcrumb_nav li:last-child:after {
display: none;
}
.breadcrumb_nav a {
color: #ffffff;
}
.breadcrumb_nav a:hover {
color: #c7a17a;
}
.breadcrumb_icon_wrap {
left: 0px;
right: 0px;
z-index: 10;
bottom: -36px;
position: absolute;
}
.breadcrumb_icon {
z-index: 1;
width: 72px;
height: 72px;
position: relative;
align-items: center;
display: inline-flex;
justify-content: center;
}
.breadcrumb_icon .bg_shape {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
position: absolute;
transform: rotate(45deg);
background-color: #ffffff;
box-shadow: 0px 4px 16px 0px rgba(179, 179, 179, 0.25);
}  .slider_dark {
position: relative;
background-size: 100%;
background-repeat: no-repeat;
background-blend-mode: multiply;
background-position: center top;
background-color: #12100d;
}
.slider_dark .main_slider {
padding: 144px;
position: relative;
}
.slider_dark .slider_item {
z-index: 1;
display: flex;
min-height: 855px;
position: relative;
padding: 100px 15px;
align-items: center;
border-radius: 15px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.slider_dark .title_text {
line-height: 1;
font-size: 75px;
margin-bottom: 25px;
}
.slider_dark p {
font-size: 18px;
margin-bottom: 40px;
}
.slider_dark .btns_group li:not(:last-child) {
margin-right: 30px;
}
.slider_dark .shape_image {
left: 0px;
bottom: 0px;
z-index: -1;
position: absolute;
}
.slider_dark .carousel_nav {
top: 50%;
left: 54px;
font-size: 10px;
position: absolute;
transform: translateY(-50%);
}
.slider_dark .carousel_nav button {
width: 34px;
height: 34px;
display: flex;
color: #ffffff;
align-items: center;
border-radius: 100%;
justify-content: center;
border: 1px solid #5f5e5c;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.slider_dark .carousel_nav button:hover {
color: #ffffff;
border-color: #c7a17a;
background-color: #c7a17a;
}
.slider_dark .carousel_nav button:not(:last-child) {
margin-bottom: 10px;
}
.slider_dark .slick-dots {
top: 50%;
right: 58px;
width: auto;
height: auto;
bottom: unset;
position: absolute;
transform: translateY(-50%);
}
.slider_dark .slick-dots li {
display: block;
}
.slider_dark .slick-dots li:not(:last-child) {
margin-right: 0px;
margin-bottom: 2px;
}
.slider_dark .slick-dots button {
opacity: 1;
width: 30px;
height: 30px;
position: relative;
background-color: transparent;
border: 2px solid transparent;
}
.slider_dark .slick-dots button:before {
top: 7px;
left: 7px;
content: "";
width: 12px;
height: 12px;
position: absolute;
border-radius: 100%;
background-color: #41403d;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.slider_dark .slick-dots li:hover button, .slider_dark .slick-dots li.slick-active button {
border-color: #ffffff;
}
.slider_dark .slick-dots li:hover button:before, .slider_dark .slick-dots li.slick-active button:before {
background-color: #ffffff;
}
.slider_dark .social_text a {
color: #ffffff;
}
.slider_dark .social_text a:hover {
color: #c7a17a;
}
.slider_social_wrap {
padding: 55px 0px;
}
.slider_social_wrap .video_btn1 {
float: right;
color: #ffffff;
}
.slider_social_wrap .video_btn1:hover {
color: #c7a17a;
}
.slider_social_wrap .video_btn1 .pulse {
width: 34px;
height: 34px;
order: 13;
margin-left: 20px;
margin-right: 0px;
border: 2px solid #ffffff;
background-color: transparent;
}
.slider_social_wrap .video_btn1 .pulse:before, .slider_social_wrap .video_btn1 .pulse:after {
border: 2px solid #ffffff;
background-color: transparent;
}  .slider_light {
padding: 100px 0px;
position: relative;
padding-bottom: 150px;
background-color: #efefef;
}
.slider_light .main_slider {
border-radius: 20px;
background-color: #ffffff;
background-size: auto;
background-repeat: no-repeat;
background-position: center top;
}
.slider_light .carousel_nav {
top: 80px;
right: 115px;
position: absolute;
}
.slider_light .carousel_nav button {
width: 40px;
height: 40px;
align-items: center;
border-radius: 100%;
display: inline-flex;
justify-content: center;
background-color: #f3f3f3;
}
.slider_light .carousel_nav button:hover {
color: #ffffff;
background-color: #c7a17a;
}
.slider_light .slider_item {
z-index: 1;
position: relative;
padding: 80px 100px;
}
.slider_light .big_text {
left: 0px;
right: 0px;
z-index: -1;
bottom: 15%;
line-height: 1;
color: #f3f3f3;
display: block;
font-size: 200px;
position: absolute;
font-family: "Oswald", sans-serif;
}
.slider_light .slider_content {
padding-right: 30px;
}
.slider_light .title_text {
font-size: 65px;
margin-bottom: 20px;
}
.slider_light p {
color: #12100d;
font-size: 17px;
margin-bottom: 30px;
}
.slider_light .info_list li {
z-index: 1;
text-align: right;
position: relative;
}
.slider_light .info_list li:not(:last-child) {
margin-bottom: 60px;
}
.slider_light .info_list .percentage_text {
font-size: 40px;
font-weight: 700;
margin-bottom: 0px;
color: #c7a17a;
}
.slider_light .info_list sub {
bottom: 0px;
font-size: 20px;
}
.slider_light .info_list .item_title {
font-size: 18px;
font-weight: 700;
margin-bottom: 0px;
color: #1B1B1B;
}
.slider_light .info_list .circle_shape {
top: 3px;
right: -15px;
z-index: -1;
width: 70px;
height: 70px;
position: absolute;
border-radius: 100%;
background-color: #f3f3f3;
}
.slider_light .social_links {
margin-top: 50px;
}  .banner_section {
display: flex;
min-height: 100vh;
padding: 120px 0px;
align-items: center;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.banner_section .banner_content {
z-index: 2;
position: relative;
}
.banner_section .banner_title {
line-height: 1;
font-size: 75px;
margin-bottom: 25px;
}
.banner_section p {
font-size: 17px;
margin-bottom: 35px;
}
.banner_section .btns_group li:not(:last-child) {
margin-right: 30px;
}
.banner_section .coffee_image {
z-index: 0;
right: -100px;
bottom: -100px;
max-width: 1200px;
}
.banner_section .leaf_image {
left: 0px;
bottom: 15px;
}  .feature_primary_section2 {
min-height: 700px;
padding-top: 40px;
padding-bottom: 120px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-size: 100%;
background-position: center bottom;
}
.feature_primary_section3 {
z-index: 1;
margin-top: -80px;
position: relative;
}
.feature_primary {
padding-top: 80px;
padding-right: 70px;
}
.feature_primary .item_icon {
width: 65px;
height: 65px;
border-radius: 5px;
position: relative;
align-items: center;
margin-bottom: 18px;
display: inline-flex;
justify-content: center;
background-color: #eceae3;
}
.feature_primary .item_icon:before {
top: 50%;
left: 100%;
width: 75px;
height: 1px;
content: "";
position: absolute;
transform: translateY(-50%);
border-bottom: 2px dashed #eceae3;
}
.feature_primary .item_serial {
top: 50%;
left: 100%;
width: 25px;
height: 25px;
color: #22201d;
font-size: 13px;
line-height: 25px;
margin-left: 75px;
position: absolute;
text-align: center;
border-radius: 100%;
background-color: #ffffff;
transform: translateY(-50%);
box-shadow: 0px 2px 8px 0px rgba(205, 205, 205, 0.3);
}
.feature_primary .item_title {
line-height: 1;
font-size: 20px;
font-weight: 600;
margin-bottom: 13px;
}
.feature_primary.box_style {
padding: 30px 40px;
border-radius: 5px;
background-color: #ffffff;
box-shadow: 0px 13px 20px 0px rgba(217, 217, 217, 0.21);
}  .about_image1 {
position: relative;
}
.about_image1 .year_content_wrap {
top: 50%;
left: 50%;
width: 248px;
height: 228px;
display: flex;
padding: 15px;
color: #ffffff;
position: absolute;
align-items: center;
background-size: auto;
justify-content: center;
background-repeat: no-repeat;
transform: translate(-50%, -50%);
background-position: center center;
}
.about_image1 .year_content_wrap span, .about_image1 .year_content_wrap strong {
line-height: 1;
display: block;
}
.about_image1 .year_content_wrap span {
font-size: 45px;
font-weight: 700;
margin-bottom: 10px;
color: #c7a17a;
font-family: "Oswald", sans-serif;
}
.about_image1 .year_content_wrap span small {
color: #ffffff;
font-size: 15px;
font-weight: 500;
}
.about_image1 .year_content_wrap strong {
font-size: 24px;
}
.about_image2 {
position: relative;
padding-left: 40px;
}
.about_image2 .year_content_wrap {
top: 75px;
left: 0px;
z-index: 1;
position: absolute;
}
.about_image2 .year_content_wrap span, .about_image2 .year_content_wrap strong {
line-height: 1;
display: block;
}
.about_image2 .year_content_wrap span {
font-size: 24px;
font-weight: 700;
margin-bottom: 10px;
color: #1B1B1B;
font-family: "Oswald", sans-serif;
}
.about_image2 .year_content_wrap strong {
color: #ffffff;
line-height: 1;
font-size: 126px;
font-weight: bold;
font-family: "Oswald", sans-serif;
text-shadow: 0px 15px 21px rgba(84, 49, 55, 0.25);
}
.about_image2 .leaf_image {
bottom: 55px;
right: -100px;
position: absolute;
}
.about_content .section_title {
margin-bottom: 30px;
}
.about_content p {
margin-bottom: 30px;
}
.about_content .about_info {
margin-bottom: 35px;
}
.about_content .about_info li:not(:last-child) {
margin-bottom: 25px;
}
.about_content .about_info h4 {
font-size: 15px;
margin-bottom: 10px;
font-family: "Roboto", sans-serif;
}
.about_content .about_info h4 i {
margin-right: 10px;
}
.about_content .btns_group li:not(:last-child) {
margin-right: 60px;
}
.our_history_area {
padding: 60px 0px;
border-bottom: 1px solid #f7f7f7;
}
.our_history_area .item_icon {
z-index: 1;
width: 72px;
height: 72px;
display: flex;
margin: 0px auto;
position: relative;
align-items: center;
justify-content: center;
}
.our_history_area .item_icon .bg_shape {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
position: absolute;
transform: rotate(45deg);
background-color: #ffffff;
box-shadow: 0px 4px 16px 0px rgba(179, 179, 179, 0.25);
}
.our_history_area .item_title {
line-height: 1;
font-size: 45px;
font-weight: 700;
text-align: right;
margin-bottom: 0px;
}  .admin_content .admin_name {
line-height: 1;
font-size: 45px;
margin-bottom: 20px;
}
.admin_content p {
margin-bottom: 30px;
}
.admin_info_wrap {
display: flex;
max-width: 380px;
min-height: 310px;
position: relative;
padding-left: 60px;
align-items: center;
border: 2px solid #f5f5f5;
}
.admin_info_wrap .social_icons {
top: 0px;
left: 0px;
bottom: 0px;
margin: 0px;
width: 60px;
display: flex;
position: absolute;
align-items: center;
border-right: 2px solid #f5f5f5;
}
.admin_info_wrap .social_icons li {
width: 100%;
float: none;
padding: 0px;
display: block;
}
.admin_info_wrap .social_icons a {
width: 100%;
height: 60px;
display: block;
line-height: 62px;
border-radius: 0px;
background-color: transparent;
}
.admin_info_wrap .social_icons a:hover {
color: #c7a17a;
}
.admin_info_wrap .info_list {
width: 100%;
}
.admin_info_wrap .info_list strong {
color: #1B1B1B;
text-transform: uppercase;
}
.admin_info_wrap .info_list li {
padding: 25px 20px;
}
.admin_info_wrap .info_list li:not(:last-child) {
border-bottom: 2px solid #f5f5f5;
}  .recipe_menu_section {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.recipe_menu_section.bg_gray {
background-color: #eceae3;
}
.recipe_menu_section .shape_1 {
left: 0px;
top: 135px;
}
.recipe_menu_section .shape_2 {
right: 0px;
bottom: 0px;
}
.recipe_menu_section .deco_big_text {
top: 114px;
}
.recipe_item_grid {
margin: -10px;
}
.recipe_item_grid .element-item {
width: 100%;
padding: 10px;
}
.recipe_item {
display: flex;
padding: 15px;
border-radius: 5px;
align-items: center;
justify-content: space-between;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
background-color: white;
}
.recipe_item:hover {
transform: translateY(-5px);
box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.1);
}
.recipe_item .content_col:first-child {
width: 62%;
display: flex;
align-items: center;
}
.recipe_item .content_col:last-child {
width: 300px;
text-align: right;
}
.recipe_item .item_image {
min-width: 120px;
overflow: hidden;
margin-right: 30px;
position: relative;
border-radius: 5px;
display: inline-block;
background-color: #1B1B1B;
}
.recipe_item .item_image img {
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.recipe_item:hover .item_image img {
opacity: 0.3;
transform: scale(1.1);
}
.recipe_item .item_title {
display: inline-block;
}
.recipe_item .item_title a {
display: block;
font-size: 17px;
color: #1B1B1B;
}
.recipe_item:hover .item_title a {
color: #c7a17a;
}
.recipe_item .item_price {
display: block;
line-height: 1;
font-size: 60px;
color: #c7a17a;
font-family: "Oswald", sans-serif;
padding: 10px 55px 10px 70px;
border-left: 2px solid #eceae3;
}
.recipe_item .item_price sub {
bottom: 0px;
font-size: 18px;
color: #1B1B1B;
}
.recipe_item.style_2 .content_col {
display: flex;
align-items: center;
}
.recipe_item.style_2 .content_col:first-child {
width: 62%;
}
.recipe_item.style_2 .content_col:last-child {
width: 34%;
position: relative;
justify-content: flex-end;
}
.recipe_item.style_2 .content_col:last-child:before {
top: 50%;
left: 0px;
content: "";
height: 2px;
width: 235px;
position: absolute;
transform: translateY(-50%);
border-top: 1px dashed #7c7770;
}
.recipe_item.style_2 .item_price {
padding: 0px;
border-left: none;
}
.text-white .recipe_item.style_2 {
box-shadow: none;
transform: translate(0px);
background-color: transparent;
}
.text-white .recipe_item.style_2 .content_col:last-child:before {
border-top: 1px dashed #ffffff;
}
.text-white .recipe_item.style_2 .item_image {
background-color: #c7a17a;
}
.text-white .recipe_item.style_2 .item_title a {
color: #ffffff;
}
.text-white .recipe_item.style_2:hover .item_title a {
color: #c7a17a;
}
.text-white .recipe_item.style_2 p {
color: #afafaf;
}
.text-white .recipe_item.style_2 .item_price {
color: #ffffff;
}
.text-white .recipe_item.style_2 .item_price sub {
color: #ffffff;
}
.recipe_menu3_wrap {
padding: 80px;
}
.recipe_menu3_wrap .recipe_item_grid {
margin-right: -90px;
}
.recipe_item.style_3 {
padding: 0px;
border-radius: 0px;
background-color: transparent;
}
.recipe_item.style_3:hover {
box-shadow: none;
transform: translateY(0px);
}
.recipe_item.style_3 .content_col:last-child {
width: auto;
text-align: left;
}
.recipe_item.style_3 .item_price {
border: none;
font-size: 60px;
padding: 10px 30px;
padding-right: 55px;
background-color: #ffffff;
border-top-left-radius: 45px;
border-bottom-left-radius: 45px;
}
.recipe_menu3_image img {
width: 100%;
display: block;
}  .offer_video {
display: flex;
overflow: hidden;
object-fit: cover;
position: relative;
}
.offer_video .overlay {
top: 0px;
left: 0px;
right: 0px;
z-index: 1;
bottom: 0px;
position: absolute;
background-color: rgba(0, 0, 0, 0.6);
}
.offer_video img {
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.offer_video:hover img {
transform: scale(1.05);
}
.offer_video .video_btn2 {
top: 50%;
left: 50%;
z-index: 2;
position: absolute;
transform: translate(-50%, -50%);
}
.offer_area {
display: flex;
padding: 70px;
align-items: center;
justify-content: space-between;
}
.offer_area.bg_gray {
background-color: #f3f3f3;
}
.offer_area .offer_image {
order: 13;
}
.offer_area .offer_content {
max-width: 460px;
}
.offer_area p {
margin-bottom: 25px;
}
.offer_info_item {
padding: 50px 70px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.offer_info_item .offer_info_title {
font-size: 22px;
font-weight: 600;
margin-bottom: 35px;
}
.table_reservation_contact {
background-color: #eceae3;
}
.table_reservation_contact ul {
margin-bottom: 30px;
}
.table_reservation_contact li {
display: flex;
align-items: center;
}
.table_reservation_contact li:not(:last-child) {
margin-bottom: 16px;
}
.table_reservation_contact .item_icon {
width: 40px;
height: 40px;
margin-right: 16px;
border-radius: 3px;
align-items: center;
display: inline-flex;
color: #c7a17a;
justify-content: center;
background-color: white;
box-shadow: 1.753px 3.595px 15px 0px rgba(144, 126, 107, 0.21);
}
.table_reservation_contact .item_content span {
display: block;
font-weight: 500;
color: #1B1B1B;
}
.opening_time li {
font-weight: 500;
}
.opening_time li:not(:last-child) {
margin-bottom: 15.8px;
}
.opening_time span {
float: right;
color: #c7a17a;
}
.friday_offer {
padding: 50px 20px;
padding-bottom: 0px;
background-color: #eceae3;
}
.friday_offer .offer_info_title {
margin-bottom: 58px;
} .shop_offer_banner {
padding: 80px;
min-height: 460px;
}
.shop_offer_banner .item_title {
line-height: 1;
font-size: 35px;
margin-bottom: 20px;
}
.shop_offer_banner .discount_percentage {
display: block;
line-height: 1;
font-size: 100px;
font-weight: 700;
color: transparent;
margin-bottom: 30px;
font-family: "Oswald", sans-serif;
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: #ffffff;
}
.shop_offer_banner p {
line-height: 1;
font-size: 20px;
margin-bottom: 0px;
}  .shop_filter_bar {
padding: 45px 50px;
margin-bottom: 60px;
background-color: #ffffff;
}
.shop_filter_bar .item_title {
font-size: 15px;
margin-right: 30px;
margin-bottom: 0px;
}  .pricing_range {
display: flex;
padding-right: 30px;
align-items: flex-start;
}
.pricing_range .price-range-area {
width: 330px;
padding-top: 5px;
}
.pricing_range .price-range-area .slider-range {
height: 8px;
border: none;
border-radius: 0px;
background-color: #f6f6f6;
}
.pricing_range .price-range-area .ui-slider-range {
border: none;
border-radius: 0px;
background-color: #c7a17a;
}
.pricing_range .price-range-area .ui-state-default {
top: -5px;
width: 6px;
margin: 0px;
height: 18px;
border: none;
outline: none;
border-radius: 0;
background-color: #c7a17a;
}
.pricing_range .price-range-area .price-text {
font-size: 14px;
font-weight: 600;
margin-top: 10px;
color: #7c7770;
}
.pricing_range .price-range-area .price-text span {
float: left;
margin-right: 15px;
}
.pricing_range .price-range-area .price-text input {
border: none;
font-weight: 600;
color: #1B1B1B;
display: inline-block;
}  .shop_filter_tags {
display: flex;
justify-content: flex-end;
}
.shop_filter_tags ul {
margin: -5px;
}
.shop_filter_tags li {
padding: 5px;
}
.shop_filter_tags a {
display: block;
color: #908e8d;
line-height: 1;
font-size: 15px;
padding: 8px 15px;
background-color: #f6f6f6;
}
.shop_filter_tags a:hover {
color: #ffffff;
background-color: #c7a17a;
}   .testimonial_section {
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
background-size: 634px 100%;
background-position: left center;
}
.testimonial_section.bg_gray {
background-color: #f6f6f6;
}
.testimonial_section .deco_item {
overflow: hidden;
position: absolute;
border-radius: 100%;
display: inline-block;
background-color: #ffffff;
border: 5px solid #ffffff;
box-shadow: 0px 6px 12px 0px rgba(141, 141, 141, 0.6);
}
.testimonial_section .deco_item img {
width: 100%;
display: block;
}
.testimonial_section .deco_item.thumbnail_1 {
top: 250px;
left: 245px;
width: 70px;
height: 70px;
}
.testimonial_section .deco_item.thumbnail_2 {
top: 110px;
right: 345px;
width: 55px;
height: 55px;
}
.testimonial_section .deco_item.thumbnail_3 {
top: 50%;
right: 85px;
width: 60px;
height: 60px;
transform: translateY(-50%);
}
.testimonial_section .deco_item.thumbnail_4 {
bottom: 85px;
right: 455px;
width: 85px;
height: 85px;
}
.testimonial_section .deco_item.thumbnail_5 {
left: 335px;
bottom: 225px;
width: 70px;
height: 70px;
z-index: 1;
}
.testimonial_item_1 .item_image {
overflow: hidden;
position: relative;
border-radius: 5px;
padding-right: 40px;
}
.testimonial_item_1 .quote_icon {
z-index: 1;
right: 45px;
bottom: 120px;
position: absolute;
}
.testimonial_item_1 .item_image2 {
z-index: 1;
position: relative;
}
.testimonial_item_1 .quote_icon2 {
top: 65px;
right: -85px;
position: absolute;
}
.testimonial_item_1 .item_content {
padding: 25px;
}
.testimonial_item_1 .section_title {
margin-bottom: 30px;
}
.testimonial_item_1 p {
color: #7c7770;
font-size: 16px;
margin-bottom: 25px;
padding-bottom: 25px;
border-bottom: 2px solid #f6f6f6;
}
.testimonial_item_1 .admin_name {
font-size: 15px;
font-weight: 500;
margin-right: 8px;
margin-bottom: 0px;
display: inline-block;
}
.testimonial_item_1 .rating_star {
display: inline-flex;
}
.testimonial_item_1 .admin_title {
display: block;
line-height: 1;
color: #cba783;
margin-top: 5px;
font-weight: 500;
}  .shop_section.bg_gray {
background-color: #eceae3;
}
.shop_section.bg_gray2 {
background-color: #f6f6f6;
}
.shop_card {
padding: 15px;
margin-top: 30px;
position: relative;
border-radius: 5px;
background-color: #ffffff;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
box-shadow: 0px 1px 22px 0px rgba(211, 211, 211, 0.25);
}
.shop_card .wishlist_btn,
.shop_card .share_btns {
top: 30px;
z-index: 2;
text-align: center;
position: absolute;
}
.shop_card .wishlist_btn {
left: 30px;
width: 35px;
height: 35px;
font-size: 15px;
line-height: 37px;
border-radius: 2px;
text-align: center;
color: #1B1B1B;
background-color: #ffffff;
}
.shop_card .wishlist_btn:hover {
color: #ffffff;
background-color: #c7a17a;
}
.shop_card .share_btns {
right: 30px;
}
.shop_card .share_btns > button {
left: 30px;
width: 35px;
height: 35px;
font-size: 15px;
line-height: 37px;
border-radius: 2px;
text-align: center;
color: #1B1B1B;
background-color: #ffffff;
}
.shop_card .share_btns > button:hover {
color: #ffffff;
background-color: #c7a17a;
}
.shop_card .share_btns > button:after {
display: none;
}
.shop_card .share_btns ul {
top: 100%;
left: 50%;
opacity: 0;
padding: 3px;
position: absolute;
visibility: hidden;
transform: translateX(-50%);
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.shop_card .share_btns li {
opacity: 0;
transform: translateX(40px);
}
.shop_card .share_btns li:not(:last-child) {
margin-bottom: 3px;
}
.shop_card .share_btns a {
width: 35px;
height: 35px;
display: block;
line-height: 37px;
text-align: center;
border-radius: 2px;
color: #1B1B1B;
background-color: #ffffff;
}
.shop_card .share_btns a:hover {
color: #ffffff;
background-color: #c7a17a;
}
.shop_card .share_btns:hover ul {
opacity: 1;
visibility: visible;
}
.shop_card .share_btns:hover li {
opacity: 1;
transform: translateX(0px);
transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}
.shop_card .share_btns:hover li:nth-child(1) {
transition-delay: 0.1s;
}
.shop_card .share_btns:hover li:nth-child(2) {
transition-delay: 0.2s;
}
.shop_card .share_btns:hover li:nth-child(3) {
transition-delay: 0.3s;
}
.shop_card .share_btns:hover li:nth-child(4) {
transition-delay: 0.4s;
}
.shop_card .share_btns:hover li:nth-child(5) {
transition-delay: 0.5s;
}
.shop_card .item_image {
height: 290px;
display: flex;
position: relative;
border-radius: 5px;
align-items: center;
justify-content: center;
background-color: #f3f3f3;
}
.shop_card .item_image img {
margin: auto;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.shop_card:hover .item_image img {
transform: scale(1.08);
}
.shop_card .item_content {
padding: 23px 15px 10px;
}
.shop_card .item_title {
display: inline-block;
margin-bottom: 28px;
}
.shop_card .item_title a {
display: block;
font-size: 18px;
font-weight: 700px;
color: #1B1B1B;
}
.shop_card:hover .item_title a {
color: #c7a17a;
}
.shop_card .btns_group {
display: flex;
align-items: center;
justify-content: space-between;
}
.shop_card .item_price {
color: #ffffff;
font-size: 15px;
font-weight: 700;
padding: 5px 28px;
border-radius: 3px;
background-color: #c7a17a;
}
.shop_card .btn {
font-size: 12px;
padding: 9px 13px;
}
.shop_filter_grid {
margin: -15px;
}
.shop_filter_grid .element-item {
float: left;
padding: 15px;
width: 33.333%;
display: inline-block;
}
.shop_filter_grid .shop_card {
margin-top: 0px;
}  .recent_post {
display: flex;
align-items: center;
}
.recent_post:not(:last-child) {
margin-bottom: 30px;
}
.recent_post .item_image {
display: block;
min-width: 75px;
overflow: hidden;
border-radius: 3px;
position: relative;
margin-right: 15px;
}
.recent_post .item_image img {
width: 100%;
display: block;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.recent_post:hover .item_image img {
transform: scale(1.08);
}
.recent_post .item_title {
display: inline-block;
}
.recent_post .item_title a {
display: block;
font-size: 16px;
font-weight: 500;
color: #1B1B1B;
}
.recent_post:hover .item_title a {
color: #c7a17a;
text-decoration: underline;
}
.recent_post .post_date {
display: block;
font-size: 12px;
color: #c7a17a;
}
.text-white .recent_post .item_title a {
color: #ffffff;
}
.text-white .recent_post:hover .item_title a {
color: #c7a17a;
}
.blog_grid {
padding: 20px;
margin-top: 30px;
position: relative;
border-radius: 5px;
background-color: #ffffff;
box-shadow: 0px 7px 15px 0px rgba(225, 225, 225, 0.3);
}
.blog_grid .post_date {
top: 35px;
left: 35px;
z-index: 1;
line-height: 1;
color: #ffffff;
font-size: 15px;
font-weight: 700;
padding: 15px 16px;
position: absolute;
border-radius: 3px;
font-family: "Oswald", sans-serif;
}
.blog_grid .item_image {
display: block;
overflow: hidden;
border-radius: 5px;
position: relative;
}
.blog_grid .item_image img {
width: 100%;
display: block;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.blog_grid:hover .item_image img {
transform: scale(1.08);
}
.blog_grid .item_content {
padding: 25px 5px 5px;
}
.blog_grid .item_title {
margin-bottom: 13px;
display: inline-block;
}
.blog_grid .item_title a {
display: block;
font-size: 20px;
color: #1B1B1B;
}
.blog_grid:hover .item_title a {
color: #c7a17a;
}
.blog_grid p {
margin-bottom: 10px;
}
.blog_grid .btn_text {
color: #c7a17a;
}
.blog_grid .post_meta {
font-size: 13px;
margin-top: 14px;
padding-top: 16px;
border-top: 2px solid #f6f6f6;
justify-content: space-between;
}
.blog_grid .post_meta li {
margin: 0px;
}
.blog_grid .post_meta a {
color: #918f8d;
}
.blog_grid .post_meta a:hover {
color: #c7a17a;
}
.blog_grid .post_meta i {
margin-right: 5px;
color: #c7a17a;
}
.blog_standard {
margin-bottom: 40px;
background-color: #ffffff;
}
.blog_standard .item_image {
display: block;
overflow: hidden;
position: relative;
}
.blog_standard .item_image img {
width: 100%;
display: block;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.blog_standard:hover .item_image img {
transform: scale(1.08);
}
.blog_standard .video_btn1 {
top: 50%;
left: 50%;
width: 80px;
margin: 0px;
height: 80px;
font-size: 16px;
position: absolute;
background-color: #ffffff;
transform: translate(-50%, -50%);
}
.blog_standard .video_btn1:before, .blog_standard .video_btn1:after {
background-color: #ffffff;
}
.blog_standard .item_content {
padding: 40px 30px;
}
.blog_standard .item_title {
line-height: 1;
margin-bottom: 30px;
}
.blog_standard .item_title a {
font-size: 30px;
color: #1B1B1B;
}
.blog_standard:hover .item_title a {
color: #c7a17a;
}
.blog_standard p {
margin-bottom: 30px;
}  .details_section .area_title {
line-height: 1;
font-size: 24px;
margin-bottom: 35px;
}
.details_section .details_title {
line-height: 1;
font-size: 30px;
margin-bottom: 30px;
}
.details_section .area_title {
line-height: 1;
font-size: 20px;
margin-bottom: 30px;
}
.details_section .details_content p {
margin-bottom: 25px;
}
.details_section .btns_group {
margin-bottom: 25px;
}
.details_section .btns_group li:not(:last-child) {
margin-right: 15px;
}
.details_section hr {
opacity: 1;
margin: 30px 0;
background-color: #f6f6f6;
}
.quantity_boxed {
display: flex;
line-height: 1;
min-width: 190px;
align-items: center;
padding: 18.5px 25px;
justify-content: center;
background-color: #ffffff;
}
.quantity_boxed .quantity_title {
font-size: 14px;
margin-right: 30px;
margin-bottom: 0px;
border-radius: 5px;
}
.quantity_boxed input {
width: 30px;
border: none;
text-align: center;
display: inline-block;
}
.quantity_boxed input:focus {
outline: none;
}
.details_wishlist_btn {
margin-bottom: 20px;
padding-bottom: 10px;
color: #1B1B1B;
border-bottom: 2px solid #e5e5e5;
}
.details_wishlist_btn a {
color: #1B1B1B;
}
.details_wishlist_btn a:hover {
color: #c7a17a;
}
.details_share_links .list_title {
line-height: 1;
font-size: 14px;
font-weight: 400;
margin-bottom: 10px;
font-family: "Roboto", sans-serif;
}
.details_share_links .social_icons a {
background-color: #ffffff;
}
.details_share_links .social_icons a:hover {
background-color: #c7a17a;
}
blockquote {
padding: 60px 45px;
margin-bottom: 30px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
blockquote h4 {
font-size: 20px;
line-height: 1.5;
margin-bottom: 0px;
}
blockquote i {
line-height: 1;
font-size: 40px;
margin-bottom: 20px;
} .details_image_wrap {
position: relative;
margin-bottom: 60px;
padding-right: 140px;
}
.details_image_wrap .details_image_carousel .slider_item {
display: flex;
min-height: 530px;
align-items: center;
justify-content: center;
background-color: #ffffff;
}
.details_image_wrap .details_image_carousel .slider_item:focus {
outline: none;
}
.details_image_wrap .details_image_carousel_nav {
top: 0px;
right: 35px;
width: 95px;
position: absolute;
}
.details_image_wrap .details_image_carousel_nav .slider_item {
display: flex;
padding: 15px;
cursor: pointer;
min-height: 98px;
align-items: center;
margin-bottom: 10px;
justify-content: center;
background-color: #ffffff;
}
.details_image_wrap .details_image_carousel_nav .slider_item:focus {
outline: none;
}
.details_image_wrap .details_image_carousel_nav .slider_item.slick-current.slick-active img {
opacity: 0.2;
}
.details_image_wrap .details_image_carousel_nav .slider_item img {
max-height: 60px;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}  .details_content {
margin-bottom: 60px;
}
.details_flex_title {
display: flex;
align-items: center;
margin-bottom: 35px;
}
.details_flex_title .details_title {
position: relative;
margin-right: 25px;
padding-right: 25px;
}
.details_flex_title .details_title:after {
top: 50%;
width: 2px;
right: -1px;
content: "";
height: 25px;
position: absolute;
background-color: #e5e5e5;
transform: translateY(-50%);
}
.details_review {
display: flex;
align-items: center;
}
.details_review .review_text {
margin-left: 12px;
display: inline-block;
color: #1B1B1B;
}
.details_price {
display: flex;
line-height: 1;
align-items: center;
margin-bottom: 20px;
}
.details_price .price_text {
font-size: 25px;
margin-right: 30px;
display: inline-block;
color: #1B1B1B;
font-family: "Oswald", sans-serif;
}
.details_price .in_stuck {
font-size: 15px;
color: #1B1B1B;
}
.details_price .in_stuck i {
margin-right: 5px;
color: #c7a17a;
}
.details_item_color {
margin-bottom: 20px;
}
.details_item_color li:not(:last-child) {
margin-right: 10px;
}
.details_item_color input {
width: 60px;
height: 50px;
cursor: pointer;
-webkit-appearance: none;
appearance: none;
position: relative;
}
.details_item_color input:before {
top: 50%;
left: 50%;
opacity: 0;
color: #ffffff;
font-size: 20px;
content: "";
font-weight: 400;
position: absolute;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
transform: translate(-50%, -50%);
font-family: "Font Awesome 5 Pro";
}
.details_item_color input:checked {
border-color: #1B1B1B;
}
.details_item_color input:checked:before {
opacity: 1;
}
.details_item_color .bg_brown input {
background-color: #d8b79c;
}
.details_item_color .bg_browndark input {
background-color: #4e3830;
}
.details_item_color .bg_brownlight input {
background-color: #e9bc8d;
}  .shop_details .details_title {
font-size: 24px;
margin-bottom: 0px;
}
.related_products {
margin-top: 60px;
}
.product_description_wrap {
padding: 40px;
background-color: #ffffff;
}
.product_description_wrap .tabs_nav {
margin-bottom: 30px;
border-bottom: 4px solid #f6f6f6;
}
.product_description_wrap .tabs_nav li:not(:last-child) {
margin-right: 155px;
}
.product_description_wrap .tabs_nav button {
color: #969696;
font-size: 15px;
font-weight: 700;
position: relative;
padding-bottom: 14px;
text-transform: uppercase;
}
.product_description_wrap .tabs_nav button:before {
left: 15px;
right: 15px;
bottom: -4px;
height: 4px;
content: "";
opacity: 0;
position: absolute;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
background-color: #c7a17a;
}
.product_description_wrap .tabs_nav button:hover, .product_description_wrap .tabs_nav button.active {
color: #12100d;
}
.product_description_wrap .tabs_nav button:hover:before, .product_description_wrap .tabs_nav button.active:before {
left: 0px;
right: 0px;
opacity: 1;
}  .blog_details .wrap_space {
padding: 30px;
}
.blog_details .details_content {
background-color: #ffffff;
}
.blog_details .details_image img {
width: 100%;
display: block;
}   .gallery_item_grid {
margin: -15px;
}
.gallery_item_grid .element-item {
float: left;
padding: 15px;
width: 33.333%;
display: inline-block;
}
.gallery_item_grid .gallery_card_item {
margin-top: 0px;
}
.gallery_card_item {
margin-top: 30px;
position: relative;
background-color: #ffffff;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.gallery_card_item .item_image {
display: block;
overflow: hidden;
position: relative;
}
.gallery_card_item .item_image img {
width: 100%;
display: block;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.gallery_card_item:hover .item_image img {
transform: scale(1.08);
}
.gallery_card_item .item_title {
margin-bottom: 0px;
font-family: "Roboto", sans-serif;
}
.gallery_card_item .item_title a {
display: block;
font-size: 15px;
font-weight: 500;
padding: 21px 25px;
position: relative;
padding-right: 90px;
color: #1B1B1B;
}
.gallery_card_item .item_title i {
top: 50%;
right: 30px;
font-size: 16px;
position: absolute;
transform: translateY(-50%);
}
.gallery_card_item:hover .item_title a {
color: #c7a17a;
}  .cart_table table {
border: none;
margin-bottom: 30px;
color: #7c7770;
vertical-align: middle;
}
.cart_table thead {
font-size: 15px;
font-weight: 700;
border-bottom: none;
color: #1B1B1B;
}
.cart_table thead tr {
margin: 0px;
background-color: transparent;
}
.cart_table th {
padding: 0px 8px;
border-bottom: none;
}
.cart_table tr {
display: flex;
margin-top: 30px;
align-items: center;
background-color: #ffffff;
}
.cart_table th, .cart_table td {
border: none;
}
.cart_table th:nth-child(1), .cart_table td:nth-child(1) {
width: 40%;
}
.cart_table th:nth-child(2), .cart_table th:nth-child(3), .cart_table th:nth-child(4), .cart_table td:nth-child(2), .cart_table td:nth-child(3), .cart_table td:nth-child(4) {
width: 20%;
}
.cart_table .quantity_input input {
width: 30px;
border: none;
text-align: center;
display: inline-block;
background-color: transparent;
}
.cart_table .quantity_input input:focus {
outline: none;
}
.cart_table .price_text1,
.cart_table .price_text2 {
font-size: 15px;
font-weight: 700;
display: inline-block;
}
.cart_table .price_text1 {
color: #c7a17a;
}
.cart_table .price_text2 {
color: #1B1B1B;
}
.carttable_product_item {
display: flex;
align-items: center;
}
.carttable_product_item .item_image {
width: 70px;
height: 70px;
align-items: center;
display: inline-flex;
justify-content: center;
background-color: #f6f6f6;
}
.carttable_product_item .item_image img {
max-height: 50px;
}
.carttable_product_item .remove_btn {
color: #ff5555;
font-size: 20px;
margin: 0px 30px;
}
.carttable_product_item .item_title {
font-size: 15px;
font-weight: 500;
margin-bottom: 0px;
}
.carttable_footer {
margin: -15px;
}
.carttable_footer li {
padding: 15px;
}
.carttable_footer .btn {
border-radius: 0px;
padding: 23px 42px;
}
.carttable_footer .total_price {
line-height: 1;
font-size: 15px;
font-weight: 700;
min-width: 236px;
align-items: center;
padding: 22.5px 40px;
display: inline-flex;
color: #1B1B1B;
background-color: #ffffff;
justify-content: space-between;
} .cart_item {
display: flex;
position: relative;
align-items: center;
padding-right: 25px;
}
.cart_item:not(:last-child) {
margin-bottom: 20px;
}
.cart_item .item_image {
display: block;
min-width: 70px;
overflow: hidden;
border-radius: 3px;
position: relative;
margin-right: 10px;
}
.cart_item .item_title {
font-size: 14px;
font-weight: 500;
margin-bottom: 10px;
}
.cart_item .item_price {
line-height: 1;
display: block;
font-size: 14px;
font-weight: 600;
color: #c7a17a;
}
.cart_item .remove_btn {
top: 50%;
right: 0px;
color: red;
width: 20px;
height: 20px;
font-size: 12px;
line-height: 22px;
text-align: center;
position: absolute;
border-radius: 100%;
background-color: #ffffff;
transform: translateY(-50%);
box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15);
}
.cart_item .remove_btn:hover {
color: #ffffff;
background-color: red;
}  .sidebar-menu-wrapper {
display: block;
}
.cart_sidebar {
top: 0;
width: 300px;
right: -320px;
height: 100vh;
z-index: 9999;
position: fixed;
padding: 50px 20px;
overflow-y: scroll;
background-color: #ffffff;
transition: 0.6s cubic-bezier(1, 0, 0, 1);
}
.cart_sidebar .mCustomScrollBox {
overflow: visible !important;
}
.cart_sidebar.active {
right: 0px;
}
.cart_sidebar .close_btn {
top: 15px;
right: 20px;
line-height: 1;
font-size: 24px;
position: absolute;
}
.cart_sidebar .close_btn:hover {
color: red;
}
.cart_sidebar .heading_title {
line-height: 1;
font-size: 18px;
margin-bottom: 20px;
padding-bottom: 15px;
border-bottom: 1px solid #f6f6f6;
}
.cart_sidebar .heading_title span {
color: #c7a17a;
}
.cart_sidebar .total_price {
display: flex;
font-size: 16px;
font-weight: 500;
margin-top: 20px;
padding: 10px 0px;
margin-bottom: 15px;
align-items: center;
color: #1B1B1B;
border-top: 1px solid #f6f6f6;
border-bottom: 1px solid #f6f6f6;
justify-content: space-between;
}
.cart_sidebar .total_price span:first-child {
font-family: "Oswald", sans-serif;
}
.cart_sidebar .total_price span:last-child {
color: #c7a17a;
}
.cart_sidebar .btns_group {
margin: -5px;
}
.cart_sidebar .btns_group li {
width: 50%;
padding: 5px;
}
.cart_sidebar .btn {
display: block;
font-size: 12px;
padding: 17px 20px;
}
.cart_sidebar .btn.btn_border {
padding: 15px 20px;
}
.cart_sidebar::-webkit-scrollbar {
width: 0px;
}
.cart_sidebar_overlay {
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
opacity: 0;
z-index: 999;
width: 100vw;
height: 100vh;
display: none;
position: fixed;
background: rgba(0, 0, 0, 0.8);
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}
.cart_sidebar_overlay.active {
opacity: 1;
display: block;
}   .checkout_form .form_title {
line-height: 1;
font-size: 20px;
margin-bottom: 35px;
}
.checkout_form .form_item input, .checkout_form .form_item textarea {
border-radius: 0px;
background-color: #f6f6f6;
}
.checkout_steps_nav {
margin-bottom: 40px;
padding-bottom: 35px;
border-bottom: 2px solid #f8faff;
}
.checkout_steps_nav a {
display: block;
line-height: 1;
font-size: 16px;
font-weight: 500;
padding-left: 30px;
position: relative;
color: #1B1B1B;
}
.checkout_steps_nav a:before {
top: -2px;
left: 0px;
font-size: 18px;
font-weight: 400;
content: "";
position: absolute;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
font-family: "Font Awesome 5 Pro";
}
.checkout_steps_nav li:not(:last-child) {
margin-right: 30px;
}
.checkout_steps_nav li:hover a:before, .checkout_steps_nav li.active a:before {
content: "";
}
.checkout_form_footer {
display: flex;
align-items: center;
justify-content: flex-end;
}
.checkout_form_footer .total_price {
font-size: 20px;
font-weight: 500;
margin-right: 50px;
color: #c7a17a;
}
.checkout_form_footer .total_price strong {
color: #1B1B1B;
}  .faq_accordion .accordion-item {
background-color: #ffffff;
}
.faq_accordion .accordion-item:not(:last-child) {
margin-bottom: 15px;
}
.faq_accordion .accordion-header {
margin-bottom: 0px;
}
.faq_accordion .accordion-header button {
width: 100%;
display: block;
font-size: 17px;
font-weight: 500;
text-align: left;
position: relative;
padding: 22px 30px;
padding-right: 65px;
color: #1B1B1B;
font-family: "Roboto", sans-serif;
}
.faq_accordion .accordion-header button:after {
top: 15px;
right: 15px;
width: 35px;
height: 35px;
display: flex;
color: #18232b;
font-size: 14px;
font-weight: 400;
content: "";
text-align: center;
position: absolute;
align-items: center;
justify-content: center;
background-color: #f6f6f6;
transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
font-family: "Font Awesome 5 Pro";
}
.faq_accordion .accordion-header button[aria-expanded=true]:after {
color: #ffffff;
content: "";
background-color: #c7a17a;
}
.faq_accordion .accordion-body {
padding: 30px;
padding-right: 100px;
}
.faq_accordion p {
font-size: 15px;
}    @media screen and (max-width: 1600px) { .offer_area {
padding: 70px 50px;
}
.offer_info_item {
padding: 50px;
} }
@media screen and (max-width: 1460px) { .header_section .content_wrap,
.header_section.sticky .content_wrap {
padding: 15px 0px;
}
.main_menu_list > li:not(:last-child) {
margin-right: 45px;
}  .slider_dark .main_slider {
padding: 86px 12px;
}
.slider_social_wrap {
padding: 15px 0px;
}
.slider_dark .slider_item {
min-height: 760px;
}  .banner_section .coffee_image {
right: -75px;
bottom: -65px;
max-width: 950px;
}
.offer_area {
padding: 40px;
}
.offer_info_item {
padding: 40px;
}  .slider_light .title_text {
font-size: 54px;
}
.feature_primary.box_style {
padding: 25px;
}
.feature_primary.box_style .item_icon {
margin-bottom: 12px;
} }  @media screen and (max-width: 1360px) { .slider_dark .slick-dots {
right: 30px;
}
.slider_dark .slick-dots button {
width: 20px;
height: 20px;
}
.slider_dark .slick-dots button:before {
top: 5px;
left: 5px;
width: 6px;
height: 6px;
}
.slider_dark .carousel_nav {
left: 30px;
}
.slider_dark .slider_item {
padding-left: 45px;
}
.slider_dark .title_text {
font-size: 66px;
} }
@media screen and (max-width: 1300px) {
.offerinfo_col {
width: 100%;
}
}  @media screen and (max-width: 1199px) { .header_btns_group .btn {
margin-left: 10px;
}
.main_menu_list > li:not(:last-child) {
margin-right: 30px;
}
.main_menu_list > li > a {
padding: 10px 0px;
}  .breadcrumb_icon {
margin-left: 12px;
}  .deco_wrap .deco_big_text {
font-size: 215px;
}
.banner_section .leaf_image {
max-width: 300px;
}
.banner_section .coffee_image {
max-width: 860px;
}
.feature_primary_section2 {
padding-top: 0;
min-height: 500px;
padding-bottom: 100px;
}  .slider_light .slider_item {
padding: 50px;
}
.slider_light .title_text {
font-size: 40px;
margin-bottom: 15px;
}
.slider_light p {
font-size: 16px;
margin-bottom: 20px;
}
.slider_light .slider_content {
padding-right: 0px;
}
.slider_light .social_links {
margin-top: 0;
}
.slider_light .info_list li:not(:last-child) {
margin-bottom: 30px;
}
.slider_light .carousel_nav {
top: 50px;
right: 65px;
}
.slider_light {
padding-bottom: 104px;
} }
@media screen and (max-width: 1024px) { .sec_ptb_120 {
padding-top: 80px;
padding-bottom: 80px;
}
.btn {
font-size: 12px;
padding: 17px 30px;
}
.btn.btn_border {
padding: 15px 30px;
}
.section_title .big_title {
font-size: 38px;
}
.section_title .small_title {
margin-bottom: 10px;
}
.section_title {
margin-bottom: 25px;
}
.chip_item .chip_thumbnail {
width: 50px;
margin-right: 10px;
}
.chip_item .chip_name {
font-size: 14px;
margin-bottom: 5px;
}
.backtotop .scroll {
width: 40px;
height: 40px;
}  .header_section.style_2 .content_wrap,
.header_section.style_2.sticky .content_wrap,
.header_section.style_3 .content_wrap,
.header_section.style_3.sticky .content_wrap {
padding: 15px 0px;
}  .footer_widget_area {
padding: 80px 0px;
}
.text-white .footer_bottom {
padding-top: 15px;
padding-bottom: 80px;
}
.footer_opening_time,
.footer_contact {
padding: 0;
}  .slider_dark .title_text {
font-size: 54px;
}
.slider_dark .slider_item {
padding: 100px 50px;
}
.slider_dark .main_slider {
padding: 76px 12px;
}
.feature_primary {
padding-top: 80px;
padding-right: 0px;
max-width: 270px;
}
.about_content .btns_group li:not(:last-child) {
margin-right: 15px;
}
.about_content .section_title {
margin-bottom: 20px;
}
.filters-button-group {
margin-bottom: 35px;
}
.offer_area {
padding: 30px;
}
.offer_area p {
margin-bottom: 15px;
}
.offer_info_item {
padding: 30px;
}
.testimonial_item_1 .item_content {
padding: 0;
}
.testimonial_section {
background-size: 33.3% 100%;
}
.testimonial_item_1 .quote_icon {
max-width: 200px;
}
.testimonial_item_1 .item_image {
padding-right: 0;
}
.shop_card .btn {
padding: 9px 15px;
}  .banner_section .btns_group li:not(:last-child) {
margin-right: 15px;
}
.banner_section .banner_title {
font-size: 66px;
margin-bottom: 20px;
}
.banner_section p {
font-size: 16px;
margin-bottom: 30px;
}
.banner_section .coffee_image {
right: -55px;
bottom: -30px;
max-width: 670px;
}
.banner_section .leaf_image {
max-width: 270px;
}
.banner_section {
min-height: 700px;
}
.deco_wrap .deco_big_text {
top: 135px;
font-size: 170px;
}
.feature_primary_section2 {
min-height: 450px;
}
.testimonial_section .deco_item.thumbnail_5 {
left: 30px;
z-index: -1;
bottom: 40px;
}
.testimonial_item_1 .quote_icon2 {
top: 75px;
right: -20px;
max-width: 200px;
}  .slider_light {
padding-top: 76px;
}
.recipe_menu3_wrap {
padding: 30px;
}
.recipe_menu3_wrap .recipe_item_grid {
margin-right: 0px;
}
.recipe_item.style_3 {
display: block;
}
.recipe_item.style_3 .content_col:first-child {
width: 100%;
display: block;
}
.recipe_item.style_3 .content_col:last-child {
text-align: right;
}
.recipe_item.style_3 {
padding: 15px;
border-radius: 5px;
background-color: #ffffff;
box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
}
.recipe_item.style_3 .item_price {
padding: 0;
border-radius: 0px;
}
.recipe_item.style_3 .item_image {
margin-right: 0px;
margin-bottom: 15px;
}
.feature_primary.box_style .item_icon:before {
width: 20px;
}
.feature_primary.box_style .item_serial {
margin-left: 20px;
}  .details_flex_title {
display: block;
margin-bottom: 20px;
}
.details_flex_title .details_title {
margin-right: 0px;
padding-right: 0px;
margin-bottom: 10px;
}
.details_flex_title .details_title:after {
display: none;
} }  @media screen and (max-width: 991px) { .social_text a {
font-size: 12px;
}
.social_text li:not(:last-child) {
margin-right: 20px;
}
.video_btn2 span {
width: 90px;
height: 90px;
}
.pagination_nav {
margin: -3px;
margin-top: 47px;
justify-content: center;
}  .main_menu_inner {
left: 0px;
top: 117px;
right: 0px;
position: fixed;
background-color: #ffffff;
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}
.main_menu_inner .main_menu_list {
padding: 15px;
}
.main_menu_inner .main_menu_list li {
width: 100%;
display: block;
}
.main_menu_inner .main_menu_list li:not(:last-child) {
border-bottom: 1px solid #f1f1f1;
}
.main_menu_inner .main_menu_list li.dropdown > a {
position: relative;
}
.main_menu_inner .main_menu_list li.dropdown > a:after {
top: 14px;
right: 20px;
line-height: 1;
margin-top: 0px;
content: "";
font-weight: 400;
position: absolute;
font-family: "Font Awesome 5 Pro";
}
.main_menu_list .submenu {
min-width: 100%;
box-shadow: none;
position: static;
margin: 0px -15px;
border-radius: 0px;
background: #f6f6f6;
}
.main_menu_list .submenu .submenu {
margin: 0px;
padding: 0px;
}
.main_menu_list .submenu .submenu > li > a {
padding-left: 30px;
}
.main_menu {
display: flex;
padding-left: 15px;
align-items: center;
justify-content: flex-end;
}
.mobile_menu_btn {
border: none;
padding: 0px;
line-height: 1;
font-size: 20px;
border-radius: 0px;
margin-right: 20px;
}
.mobile_menu_btn:focus {
outline: none;
box-shadow: none;
}
.mobile_menu_btn .navbar-toggler-icon {
width: auto;
height: auto;
color: #ffffff;
}
.header_section.style_3 .mobile_menu_btn .navbar-toggler-icon {
color: #1B1B1B;
}
.header_btns_group li:not(:last-child) {
margin-right: 20px;
}
.main_menu_list > li:not(:last-child) {
margin-right: 0px;
}
.main_menu_list .submenu > li > a {
padding: 10px 20px;
}
.main_search_form .form_item input {
height: 45px;
font-size: 14px;
padding: 0px 20px;
}
.main_search_form {
padding: 15px 0px;
}  .footer_subscribe_form {
margin-bottom: 20px;
}
.footer_widget {
margin-top: 40px;
}  .breadcrumb_section {
min-height: 400px;
padding: 120px 0px;
}
.breadcrumb_icon {
margin-left: 12px;
}
.page_title {
font-size: 54px;
}  .sidebar_section {
margin-top: 40px;
}  .slider_dark .slider_item {
text-align: center;
}
.slider_dark .btns_group {
justify-content: center;
}
.slider_dark .main_slider {
padding: 82px 12px;
}
.filters-button-group button {
padding-bottom: 20px;
}
.offer_video {
max-width: 400px;
margin: 40px auto;
}
.testimonial_item_1 .item_image {
max-width: 470px;
margin: 0px auto 40px;
}
.testimonial_item_1 .item_content {
max-width: 470px;
margin: 0px auto;
}
.testimonial_section {
background-size: cover;
}
.testimonial_section .deco_item.thumbnail_1 {
top: 30px;
left: 15px;
}
.testimonial_section .deco_item {
border: 3px solid #ffffff;
}
.testimonial_section .deco_item.thumbnail_2 {
top: 80px;
right: 60px;
}
.testimonial_section .deco_item.thumbnail_4 {
right: 15px;
}  .banner_section .leaf_image {
max-width: 220px;
}
.about_image2 .year_content_wrap strong {
font-size: 90px;
}
.about_image2 .leaf_image {
bottom: 40px;
right: -60px;
max-width: 180px;
}
.feature_primary_section2 {
padding-bottom: 180px;
}
.recipe_item.style_2 .content_col:last-child:before {
width: 170px;
}
.testimonial_item_1 .item_image2 {
max-width: 470px;
margin: 0px auto 40px;
}  .slider_light .order-first {
order: 0 !important;
}
.slider_light .slider_image {
max-width: 400px;
margin: 0px auto 30px;
}
.slider_light {
padding-bottom: 82px;
}
.feature_primary.box_style {
max-width: 100%;
margin-top: 24px;
}  .our_history_area .item_title {
font-size: 38px;
}  .blog_details .wrap_space {
padding: 20px;
}
.details_section .details_title {
font-size: 26px;
margin-bottom: 15px;
}
.details_section .details_content p {
margin-bottom: 15px;
}  .cart_table {
overflow-x: scroll;
}
.cart_table table {
width: 800px;
}
.carttable_footer {
margin: -10px;
}
.carttable_footer li {
padding: 10px;
}
.cart_table::-webkit-scrollbar {
width: 0px;
}  .pricing_range {
display: block;
padding-right: 0px;
margin-bottom: 20px;
}
.shop_filter_tags {
display: block;
}
.shop_filter_bar .item_title {
margin-right: 0px;
margin-bottom: 10px;
}
.shop_filter_grid .element-item {
width: 50%;
}
.shop_filter_bar {
padding: 30px;
margin-bottom: 40px;
}  .product_description_wrap .tabs_nav li:not(:last-child) {
margin-right: 40px;
}  .contact_form {
padding: 30px 20px;
}
.main_contact_info_wrap .contact_info_item {
margin-bottom: 30px;
}
.contact_info_item .item_icon {
height: 70px;
min-width: 70px;
font-size: 20px;
margin-right: 10px;
}
.contact_info_item .item_title {
font-size: 16px;
margin-bottom: 6px;
} }
@media screen and (max-width: 880px) {
.main_contact_info_wrap {
display: block;
}
}  @media screen and (max-width: 767px) { .order-last {
order: 0 !important;
}
.order-first {
order: 0 !important;
}
.social_text i {
margin-right: 3px;
}
.social_text li:not(:last-child) {
margin-right: 10px;
}
.section_title .abtn_wrap {
margin-top: 20px;
}  .header_btns_group li:last-child {
display: none;
}  .slider_social_wrap .video_btn1 {
float: none;
margin-bottom: 20px;
}
.slider_social_wrap .video_btn1 .pulse {
order: 0;
margin-left: 0;
margin-right: 20px;
}
.feature_primary {
padding-top: 50px;
}
.about_image1 {
margin-bottom: 40px;
}
.recipe_item {
display: block;
}
.recipe_item .content_col:first-child {
width: 70%;
}
.recipe_item .content_col:last-child {
width: 100%;
margin-top: 20px;
text-align: right;
}
.recipe_item .item_price {
padding: 0px;
border: none;
}
.filters-button-group li:not(:last-child) {
margin-bottom: 10px;
}
.offer_area {
display: block;
text-align: center;
padding: 30px 15px;
}
.offer_area .offer_image {
order: 0;
margin-bottom: 40px;
}
.offer_area .offer_content {
margin: 0px auto;
}  .banner_section .coffee_image {
max-width: 540px;
}
.banner_section .leaf_image {
max-width: 190px;
}
.banner_section .banner_title {
font-size: 60px;
}
.about_image2 {
max-width: 470px;
margin-bottom: 40px;
}
.feature_primary_section2 {
padding-bottom: 160px;
}
.recipe_item.style_2 .content_col:last-child:before {
width: 120px;
}  .slider_light .info_list {
display: flex;
margin: 15px -15px;
}
.slider_light .info_list li {
width: auto;
padding: 15px;
text-align: left;
}
.slider_light .info_list li:not(:last-child) {
margin-bottom: 0px;
}
.slider_light .info_list .circle_shape {
top: 15px;
right: unset;
left: -15px;
}
.slider_light .big_text {
bottom: 40%;
font-size: 140px;
}
.slider_light .carousel_nav {
top: 15px;
right: 25px;
}  .our_history_area {
text-align: center;
}
.our_history_area .item_title {
font-size: 30px;
margin-top: 30px;
text-align: center;
margin-bottom: 10px;
}  .admin_image {
margin-bottom: 30px;
}
.contact_form {
padding: 40px 15px;
}  .faq_accordion .accordion-body {
padding: 30px;
}  .details_image_wrap {
margin-bottom: 40px;
padding-right: 105px;
}
.details_image_wrap .details_image_carousel_nav {
right: 0px;
}
.product_description_wrap {
padding: 20px;
}
.product_description_wrap .tabs_nav button {
font-size: 15px;
padding-bottom: 5px;
}
.product_description_wrap .tabs_nav {
margin-bottom: 20px;
border-bottom: 2px solid #f6f6f6;
}
.product_description_wrap .tabs_nav button:before {
height: 2px;
bottom: -2px;
}  .container_boxed {
padding: 50px 30px;
} }  @media screen and (max-width: 680px) { .shop_filter_grid .element-item {
width: 100%;
}  .checkout_steps_nav li {
width: 100%;
}
.checkout_steps_nav li:not(:last-child) {
margin-right: 0px;
margin-bottom: 15px;
} }  @media screen and (max-width: 575px) { .post_meta li:not(:last-child) {
margin-right: 25px;
}
.post_meta li {
margin-bottom: 15px;
}
.form_item {
margin-bottom: 15px;
}  .footer_subscribe_form .form_title {
font-size: 38px;
margin-bottom: 30px;
}  .sb_widget {
padding: 20px;
}
.sb_widget_title {
margin-bottom: 18px;
}  .page_title {
font-size: 46px;
}  .slider_dark .title_text {
font-size: 48px;
margin-bottom: 15px;
}
.slider_dark p {
font-size: 16px;
margin-bottom: 30px;
}
.slider_dark .slider_item {
min-height: 600px;
}
.slider_dark .btns_group li {
width: 100%;
text-align: center;
}
.slider_dark .btns_group li:not(:last-child) {
margin-right: 0px;
margin-bottom: 15px;
}
.slider_dark .btns_group .btn {
min-width: 180px;
}  .deco_wrap .deco_big_text {
top: 120px;
font-size: 110px;
}
.banner_section .banner_content {
max-width: 350px;
}
.banner_section .banner_title {
font-size: 54px;
}
.banner_section .coffee_image {
right: -35px;
bottom: -25px;
max-width: 420px;
}
.banner_section .leaf_image {
max-width: 160px;
}
.feature_primary_section2 {
padding-bottom: 120px;
}
.recipe_item.style_2 .content_col:first-child,
.recipe_item.style_2 .content_col:last-child {
width: 100%;
}
.filters-button-group.style_2 li:not(:last-child) {
margin-right: 30px;
}
.testimonial_section .deco_item {
display: none;
}  .slider_light .slider_item {
padding: 30px;
}
.recipe_menu3_wrap {
padding: 30px 15px;
}  .blog_standard .item_content {
padding: 30px 20px;
}
.blog_standard .item_title {
margin-bottom: 15px;
}
.blog_standard .item_title a {
font-size: 22px;
}
.blog_standard p {
margin-bottom: 15px;
}
.blog_standard .video_btn1 {
width: 60px;
height: 60px;
font-size: 14px;
}  .reserve_table_form {
padding: 50px 15px;
padding-bottom: 120px;
}
.reserve_table_form .decoration_icon {
bottom: -40px;
width: 80px;
height: 80px;
}
.reserve_table_form .form_title {
font-size: 36px;
margin-bottom: 25px;
}  .shop_filter_bar {
padding: 15px;
margin-bottom: 15px;
}  .product_description_wrap .tabs_nav li:not(:last-child) {
margin-right: 40px;
margin-bottom: 10px;
}
.product_description_wrap .tabs_nav li button {
text-align: left;
}  .admin_content .admin_name {
font-size: 38px;
}
.contact_form .form_title {
font-size: 30px;
margin-bottom: 25px;
}  .container_boxed {
padding: 40px 15px;
} }  @media screen and (max-width: 480px) { .section_title .big_title {
font-size: 30px;
}
.form_item {
margin-bottom: 15px;
}  .page_title {
font-size: 42px;
}  .footer_widget_title {
margin-bottom: 25px;
}
.footer_subscribe_form .form_item .btn {
width: 100%;
display: block;
margin-top: 10px;
position: static;
transform: unset;
}  .slider_dark .title_text {
font-size: 38px;
}
.about_content .btns_group li {
width: 100%;
}
.about_content .btns_group li:not(:last-child) {
margin-right: 0px;
margin-bottom: 15px;
}
.recipe_item .content_col:first-child {
width: 100%;
display: block;
}
.recipe_item .item_image {
margin-right: 0px;
margin-bottom: 15px;
}
.offer_video {
max-width: 100%;
margin: 0px auto 40px;
}  .slider_light .info_list {
display: block;
}
.slider_light .info_list li {
width: 100%;
}
.slider_light .big_text {
display: none;
}  blockquote {
padding: 50px 15px;
}
blockquote h4 {
font-size: 17px;
}
.comment_item .comment_thumbnail {
margin-right: 15px;
}
.comment_item .comment_item {
padding-left: 30px;
} }
@media screen and (max-width: 414px) { .footer_subscribe_form .form_title {
font-size: 30px;
margin-bottom: 20px;
}  .slider_dark .title_text {
font-size: 51px;
}
.slider_dark p {
font-size: 14px;
margin-bottom: 20px;
}  .banner_section .banner_title {
font-size: 48px;
}
.banner_section .coffee_image {
right: -30px;
bottom: -20px;
max-width: 350px;
}
.banner_section .btns_group li {
width: 100%;
}
.banner_section .btns_group li:not(:last-child) {
margin-right: 0px;
margin-bottom: 15px;
}
.about_image2 .year_content_wrap {
top: 30px;
}
.about_image2 .year_content_wrap strong {
font-size: 70px;
}
.about_image2 .leaf_image {
bottom: 20px;
right: -30px;
max-width: 140px;
}
.feature_primary_section2 {
padding-bottom: 90px;
}  .slider_light .title_text {
font-size: 30px;
} }