@charset "UTF-8"; 

.animated {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.animated.hinge {
	-webkit-animation-duration: 2s;
	animation-duration: 2s
}

.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY
	{
	-webkit-animation-duration: .75s;
	animation-duration: .75s
}

@
-webkit-keyframes bounce { 20%,53%,80%,0%,
	to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

40%,43%{
-webkit-animation-timing-function
:cubic-bezier
(0
.755
,
0
.05
,
0
.855
,
0
.06
);animation-timing-function
:cubic-bezier
(0
.755
,
0
.05
,
0
.855
,
0
.06
);-webkit-transform
:translate3d
(0
,
-30
px
,
0);
transform
:translate3d
(0
,
-30
px
,
0)
}
70%{
-webkit-animation-timing-function
:cubic-bezier
(0
.755
,
0
.05
,
0
.855
,
0
.06
);animation-timing-function
:cubic-bezier
(0
.755
,
0
.05
,
0
.855
,
0
.06
);-webkit-transform
:translate3d
(0
,
-15
px
,
0);
transform
:translate3d
(0
,
-15
px
,
0)
}
90%{
-webkit-transform
:translate3d
(0
,
-4
px
,
0);
transform
:translate3d
(0
,
-4
px
,
0)
}
}
@
keyframes bounce { 20%,53%,80%,0%,
	to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

40%,43%{
-webkit-animation-timing-function
:cubic-bezier
(0
.755
,
0
.05
,
0
.855
,
0
.06
);animation-timing-function
:cubic-bezier
(0
.755
,
0
.05
,
0
.855
,
0
.06
);-webkit-transform
:translate3d
(0
,
-30
px
,
0);
transform
:translate3d
(0
,
-30
px
,
0)
}
70%{
-webkit-animation-timing-function
:cubic-bezier
(0
.755
,
0
.05
,
0
.855
,
0
.06
);animation-timing-function
:cubic-bezier
(0
.755
,
0
.05
,
0
.855
,
0
.06
);-webkit-transform
:translate3d
(0
,
-15
px
,
0);
transform
:translate3d
(0
,
-15
px
,
0)
}
90%{
-webkit-transform
:translate3d
(0
,
-4
px
,
0);
transform
:translate3d
(0
,
-4
px
,
0)
}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
	-webkit-transform-origin: center bottom;
	-ms-transform-origin: center bottom;
	transform-origin: center bottom
}

@
-webkit-keyframes flash { 50%,0%,
	to {opacity: 1
}

25%,75%{
opacity
:
0
}
}
@
keyframes flash { 50%,0%,
	to {opacity: 1
}

25%,75%{
opacity
:
0
}
}
.flash {
	-webkit-animation-name: flash;
	animation-name: flash
}

@
-webkit-keyframes pulse { 0%{
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

50%{
-webkit-transform
:scale3d
(1
.05
,
1
.05
,
1
.05
);transform
:scale3d
(1
.05
,
1
.05
,
1
.05
)
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

}
@
keyframes pulse { 0%{
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

50%{
-webkit-transform
:scale3d
(1
.05
,
1
.05
,
1
.05
);transform
:scale3d
(1
.05
,
1
.05
,
1
.05
)
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

}
.pulse {
	-webkit-animation-name: pulse;
	animation-name: pulse
}

@
-webkit-keyframes rubberBand { 0%{
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

30%{
-webkit-transform
:scale3d
(1
.25
,
0
.75
,
1);
transform
:scale3d
(1
.25
,
0
.75
,
1)
}
40%{
-webkit-transform
:scale3d
(0
.75
,
1
.25
,
1);
transform
:scale3d
(0
.75
,
1
.25
,
1)
}
50%{
-webkit-transform
:scale3d
(1
.15
,
0
.85
,
1);
transform
:scale3d
(1
.15
,
0
.85
,
1)
}
65%{
-webkit-transform
:scale3d
(0
.95
,
1
.05
,
1);
transform
:scale3d
(0
.95
,
1
.05
,
1)
}
75%{
-webkit-transform
:scale3d
(1
.05
,
0
.95
,
1);
transform
:scale3d
(1
.05
,
0
.95
,
1)
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

}
@
keyframes rubberBand { 0%{
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

30%{
-webkit-transform
:scale3d
(1
.25
,
0
.75
,
1);
transform
:scale3d
(1
.25
,
0
.75
,
1)
}
40%{
-webkit-transform
:scale3d
(0
.75
,
1
.25
,
1);
transform
:scale3d
(0
.75
,
1
.25
,
1)
}
50%{
-webkit-transform
:scale3d
(1
.15
,
0
.85
,
1);
transform
:scale3d
(1
.15
,
0
.85
,
1)
}
65%{
-webkit-transform
:scale3d
(0
.95
,
1
.05
,
1);
transform
:scale3d
(0
.95
,
1
.05
,
1)
}
75%{
-webkit-transform
:scale3d
(1
.05
,
0
.95
,
1);
transform
:scale3d
(1
.05
,
0
.95
,
1)
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

}
.rubberBand {
	-webkit-animation-name: rubberBand;
	animation-name: rubberBand
}

@
-webkit-keyframes shake { 0%,
	to {-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

10%,30%,50%,70%,90%{
-webkit-transform
:translate3d
(-10px
,
0,
0);
transform
:translate3d
(-10px
,
0,
0)
}
20%,40%,60%,80%{
-webkit-transform
:translate3d
(10px
,
0,
0);
transform
:translate3d
(10px
,
0,
0)
}
}
@
keyframes shake { 0%,
	to {-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

10%,30%,50%,70%,90%{
-webkit-transform
:translate3d
(-10px
,
0,
0);
transform
:translate3d
(-10px
,
0,
0)
}
20%,40%,60%,80%{
-webkit-transform
:translate3d
(10px
,
0,
0);
transform
:translate3d
(10px
,
0,
0)
}
}
.shake {
	-webkit-animation-name: shake;
	animation-name: shake
}

@
-webkit-keyframes headShake { 0%{
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

6
.5 %{
	-webkit-transform: translateX(-6px) rotateY(-9deg);
	transform: translateX(-6px) rotateY(-9deg)
}

18
.5 %{
	-webkit-transform: translateX(5px) rotateY(7deg);
	transform: translateX(5px) rotateY(7deg)
}

31
.5 %{
	-webkit-transform: translateX(-3px) rotateY(-5deg);
	transform: translateX(-3px) rotateY(-5deg)
}

43
.5 %{
	-webkit-transform: translateX(2px) rotateY(3deg);
	transform: translateX(2px) rotateY(3deg)
}

50%{
-webkit-transform
:translateX(0)
;transform
:translateX(0)
}
}
@
keyframes headShake { 0%{
	-webkit-transform: translateX(0);
	transform: translateX(0)
}

6
.5 %{
	-webkit-transform: translateX(-6px) rotateY(-9deg);
	transform: translateX(-6px) rotateY(-9deg)
}

18
.5 %{
	-webkit-transform: translateX(5px) rotateY(7deg);
	transform: translateX(5px) rotateY(7deg)
}

31
.5 %{
	-webkit-transform: translateX(-3px) rotateY(-5deg);
	transform: translateX(-3px) rotateY(-5deg)
}

43
.5 %{
	-webkit-transform: translateX(2px) rotateY(3deg);
	transform: translateX(2px) rotateY(3deg)
}

50%{
-webkit-transform
:translateX(0)
;transform
:translateX(0)
}
}
.headShake {
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out;
	-webkit-animation-name: headShake;
	animation-name: headShake
}

@
-webkit-keyframes swing { 20%{
	-webkit-transform: rotate3d(0, 0, 1, 15deg);
	transform: rotate3d(0, 0, 1, 15deg)
}

40%{
-webkit-transform
:rotate3d
(0
,
0,
1,
-10
deg
);transform
:rotate3d
(0
,
0,
1,
-10
deg
)
}
60%{
-webkit-transform
:rotate3d
(0
,
0,
1,
5
deg
);transform
:rotate3d
(0
,
0,
1,
5
deg
)
}
80%{
-webkit-transform
:rotate3d
(0
,
0,
1,
-5
deg
);transform
:rotate3d
(0
,
0,
1,
-5
deg
)
}
to {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg)
}

}
@
keyframes swing { 20%{
	-webkit-transform: rotate3d(0, 0, 1, 15deg);
	transform: rotate3d(0, 0, 1, 15deg)
}

40%{
-webkit-transform
:rotate3d
(0
,
0,
1,
-10
deg
);transform
:rotate3d
(0
,
0,
1,
-10
deg
)
}
60%{
-webkit-transform
:rotate3d
(0
,
0,
1,
5
deg
);transform
:rotate3d
(0
,
0,
1,
5
deg
)
}
80%{
-webkit-transform
:rotate3d
(0
,
0,
1,
-5
deg
);transform
:rotate3d
(0
,
0,
1,
-5
deg
)
}
to {
	-webkit-transform: rotate3d(0, 0, 1, 0deg);
	transform: rotate3d(0, 0, 1, 0deg)
}

}
.swing {
	-webkit-transform-origin: top center;
	-ms-transform-origin: top center;
	transform-origin: top center;
	-webkit-animation-name: swing;
	animation-name: swing
}

@
-webkit-keyframes tada { 0%{
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

10%,20%{
-webkit-transform
:scale3d
(0
.9
,
0
.9
,
0
.9
)
 
rotate3d
(0
,
0,
1,
-3
deg
);transform
:scale3d
(0
.9
,
0
.9
,
0
.9
)
 
rotate3d
(0
,
0,
1,
-3
deg
)
}
30%,50%,70%,90%{
-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,
1,
3
deg
);transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,
1,
3
deg
)
}
40%,60%,80%{
-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,
1,
-3
deg
);transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,
1,
-3
deg
)
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

}
@
keyframes tada { 0%{
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

10%,20%{
-webkit-transform
:scale3d
(0
.9
,
0
.9
,
0
.9
)
 
rotate3d
(0
,
0,
1,
-3
deg
);transform
:scale3d
(0
.9
,
0
.9
,
0
.9
)
 
rotate3d
(0
,
0,
1,
-3
deg
)
}
30%,50%,70%,90%{
-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,
1,
3
deg
);transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,
1,
3
deg
)
}
40%,60%,80%{
-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,
1,
-3
deg
);transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
 
rotate3d
(0
,
0,
1,
-3
deg
)
}
to {
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

}
.tada {
	-webkit-animation-name: tada;
	animation-name: tada
}

@
-webkit-keyframes wobble { 0%{
	-webkit-transform: none;
	transform: none
}

15%{
-webkit-transform
:translate3d
(-25%
,
0,
0)
rotate3d
(0
,
0,
1,
-5
deg
);transform
:translate3d
(-25%
,
0,
0)
rotate3d
(0
,
0,
1,
-5
deg
)
}
30%{
-webkit-transform
:translate3d
(20%
,
0,
0)
rotate3d
(0
,
0,
1,
3
deg
);transform
:translate3d
(20%
,
0,
0)
rotate3d
(0
,
0,
1,
3
deg
)
}
45%{
-webkit-transform
:translate3d
(-15%
,
0,
0)
rotate3d
(0
,
0,
1,
-3
deg
);transform
:translate3d
(-15%
,
0,
0)
rotate3d
(0
,
0,
1,
-3
deg
)
}
60%{
-webkit-transform
:translate3d
(10%
,
0,
0)
rotate3d
(0
,
0,
1,
2
deg
);transform
:translate3d
(10%
,
0,
0)
rotate3d
(0
,
0,
1,
2
deg
)
}
75%{
-webkit-transform
:translate3d
(-5%
,
0,
0)
rotate3d
(0
,
0,
1,
-1
deg
);transform
:translate3d
(-5%
,
0,
0)
rotate3d
(0
,
0,
1,
-1
deg
)
}
to {
	-webkit-transform: none;
	transform: none
}

}
@
keyframes wobble { 0%{
	-webkit-transform: none;
	transform: none
}

15%{
-webkit-transform
:translate3d
(-25%
,
0,
0)
rotate3d
(0
,
0,
1,
-5
deg
);transform
:translate3d
(-25%
,
0,
0)
rotate3d
(0
,
0,
1,
-5
deg
)
}
30%{
-webkit-transform
:translate3d
(20%
,
0,
0)
rotate3d
(0
,
0,
1,
3
deg
);transform
:translate3d
(20%
,
0,
0)
rotate3d
(0
,
0,
1,
3
deg
)
}
45%{
-webkit-transform
:translate3d
(-15%
,
0,
0)
rotate3d
(0
,
0,
1,
-3
deg
);transform
:translate3d
(-15%
,
0,
0)
rotate3d
(0
,
0,
1,
-3
deg
)
}
60%{
-webkit-transform
:translate3d
(10%
,
0,
0)
rotate3d
(0
,
0,
1,
2
deg
);transform
:translate3d
(10%
,
0,
0)
rotate3d
(0
,
0,
1,
2
deg
)
}
75%{
-webkit-transform
:translate3d
(-5%
,
0,
0)
rotate3d
(0
,
0,
1,
-1
deg
);transform
:translate3d
(-5%
,
0,
0)
rotate3d
(0
,
0,
1,
-1
deg
)
}
to {
	-webkit-transform: none;
	transform: none
}

}
.wobble {
	-webkit-animation-name: wobble;
	animation-name: wobble
}

@
-webkit-keyframes jello { 11.1%,0%,
	to {-webkit-transform: none;
	transform: none
}

22
.2 %{
	-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
	transform: skewX(-12.5deg) skewY(-12.5deg)
}

33
.3 %{
	-webkit-transform: skewX(6.25deg) skewY(6.25deg);
	transform: skewX(6.25deg) skewY(6.25deg)
}

44
.4 %{
	-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
	transform: skewX(-3.125deg) skewY(-3.125deg)
}

55
.5 %{
	-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
	transform: skewX(1.5625deg) skewY(1.5625deg)
}

66
.6 %{
	-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
	transform: skewX(-0.78125deg) skewY(-0.78125deg)
}

77
.7 %{
	-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
	transform: skewX(0.39063deg) skewY(0.39063deg)
}

88
.8 %{
	-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
	transform: skewX(-0.19531deg) skewY(-0.19531deg)
}

}
@
keyframes jello { 11.1%,0%,
	to {-webkit-transform: none;
	transform: none
}

22
.2 %{
	-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
	transform: skewX(-12.5deg) skewY(-12.5deg)
}

33
.3 %{
	-webkit-transform: skewX(6.25deg) skewY(6.25deg);
	transform: skewX(6.25deg) skewY(6.25deg)
}

44
.4 %{
	-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
	transform: skewX(-3.125deg) skewY(-3.125deg)
}

55
.5 %{
	-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
	transform: skewX(1.5625deg) skewY(1.5625deg)
}

66
.6 %{
	-webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
	transform: skewX(-0.78125deg) skewY(-0.78125deg)
}

77
.7 %{
	-webkit-transform: skewX(0.39063deg) skewY(0.39063deg);
	transform: skewX(0.39063deg) skewY(0.39063deg)
}

88
.8 %{
	-webkit-transform: skewX(-0.19531deg) skewY(-0.19531deg);
	transform: skewX(-0.19531deg) skewY(-0.19531deg)
}

}
.jello {
	-webkit-animation-name: jello;
	animation-name: jello;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center
}

@
-webkit-keyframes bounceIn { 20%,40%,60%,80%,0%,
	to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

0%{
opacity
:
0;-webkit-transform
:scale3d
(0
.3
,
0
.3
,
0
.3
);transform
:scale3d
(0
.3
,
0
.3
,
0
.3
)
}
20%{
-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
);transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
}
40%{
-webkit-transform
:scale3d
(0
.9
,
0
.9
,
0
.9
);transform
:scale3d
(0
.9
,
0
.9
,
0
.9
)
}
60%{
opacity
:
1;-webkit-transform
:scale3d
(1
.03
,
1
.03
,
1
.03
);transform
:scale3d
(1
.03
,
1
.03
,
1
.03
)
}
80%{
-webkit-transform
:scale3d
(0
.97
,
0
.97
,
0
.97
);transform
:scale3d
(0
.97
,
0
.97
,
0
.97
)
}
to {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

}
@
keyframes bounceIn { 20%,40%,60%,80%,0%,
	to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

0%{
opacity
:
0;-webkit-transform
:scale3d
(0
.3
,
0
.3
,
0
.3
);transform
:scale3d
(0
.3
,
0
.3
,
0
.3
)
}
20%{
-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
);transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
}
40%{
-webkit-transform
:scale3d
(0
.9
,
0
.9
,
0
.9
);transform
:scale3d
(0
.9
,
0
.9
,
0
.9
)
}
60%{
opacity
:
1;-webkit-transform
:scale3d
(1
.03
,
1
.03
,
1
.03
);transform
:scale3d
(1
.03
,
1
.03
,
1
.03
)
}
80%{
-webkit-transform
:scale3d
(0
.97
,
0
.97
,
0
.97
);transform
:scale3d
(0
.97
,
0
.97
,
0
.97
)
}
to {
	opacity: 1;
	-webkit-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1)
}

}
.bounceIn {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@
-webkit-keyframes bounceInDown { 60%,75%,90%,0%,
	to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

0%{
opacity
:
0;-webkit-transform
:translate3d
(0
,
-3000
px
,
0);
transform
:translate3d
(0
,
-3000
px
,
0)
}
60%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
25
px
,
0);
transform
:translate3d
(0
,
25
px
,
0)
}
75%{
-webkit-transform
:translate3d
(0
,
-10
px
,
0);
transform
:translate3d
(0
,
-10
px
,
0)
}
90%{
-webkit-transform
:translate3d
(0
,
5
px
,
0);
transform
:translate3d
(0
,
5
px
,
0)
}
to {
	-webkit-transform: none;
	transform: none
}

}
@
keyframes bounceInDown { 60%,75%,90%,0%,
	to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

0%{
opacity
:
0;-webkit-transform
:translate3d
(0
,
-3000
px
,
0);
transform
:translate3d
(0
,
-3000
px
,
0)
}
60%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
25
px
,
0);
transform
:translate3d
(0
,
25
px
,
0)
}
75%{
-webkit-transform
:translate3d
(0
,
-10
px
,
0);
transform
:translate3d
(0
,
-10
px
,
0)
}
90%{
-webkit-transform
:translate3d
(0
,
5
px
,
0);
transform
:translate3d
(0
,
5
px
,
0)
}
to {
	-webkit-transform: none;
	transform: none
}

}
.bounceInDown {
	-webkit-animation-name: bounceInDown;
	animation-name: bounceInDown
}

@
-webkit-keyframes bounceInLeft { 60%,75%,90%,0%,
	to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

0%{
opacity
:
0;-webkit-transform
:translate3d
(-3000px
,
0,
0);
transform
:translate3d
(-3000px
,
0,
0)
}
60%{
opacity
:
1;-webkit-transform
:translate3d
(25px
,
0,
0);
transform
:translate3d
(25px
,
0,
0)
}
75%{
-webkit-transform
:translate3d
(-10px
,
0,
0);
transform
:translate3d
(-10px
,
0,
0)
}
90%{
-webkit-transform
:translate3d
(5px
,
0,
0);
transform
:translate3d
(5px
,
0,
0)
}
to {
	-webkit-transform: none;
	transform: none
}

}
@
keyframes bounceInLeft { 60%,75%,90%,0%,
	to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

0%{
opacity
:
0;-webkit-transform
:translate3d
(-3000px
,
0,
0);
transform
:translate3d
(-3000px
,
0,
0)
}
60%{
opacity
:
1;-webkit-transform
:translate3d
(25px
,
0,
0);
transform
:translate3d
(25px
,
0,
0)
}
75%{
-webkit-transform
:translate3d
(-10px
,
0,
0);
transform
:translate3d
(-10px
,
0,
0)
}
90%{
-webkit-transform
:translate3d
(5px
,
0,
0);
transform
:translate3d
(5px
,
0,
0)
}
to {
	-webkit-transform: none;
	transform: none
}

}
.bounceInLeft {
	-webkit-animation-name: bounceInLeft;
	animation-name: bounceInLeft
}

@
-webkit-keyframes bounceInRight { 60%,75%,90%,0%,
	to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

0%{
opacity
:
0;-webkit-transform
:translate3d
(3000px
,
0,
0);
transform
:translate3d
(3000px
,
0,
0)
}
60%{
opacity
:
1;-webkit-transform
:translate3d
(-25px
,
0,
0);
transform
:translate3d
(-25px
,
0,
0)
}
75%{
-webkit-transform
:translate3d
(10px
,
0,
0);
transform
:translate3d
(10px
,
0,
0)
}
90%{
-webkit-transform
:translate3d
(-5px
,
0,
0);
transform
:translate3d
(-5px
,
0,
0)
}
to {
	-webkit-transform: none;
	transform: none
}

}
@
keyframes bounceInRight { 60%,75%,90%,0%,
	to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

0%{
opacity
:
0;-webkit-transform
:translate3d
(3000px
,
0,
0);
transform
:translate3d
(3000px
,
0,
0)
}
60%{
opacity
:
1;-webkit-transform
:translate3d
(-25px
,
0,
0);
transform
:translate3d
(-25px
,
0,
0)
}
75%{
-webkit-transform
:translate3d
(10px
,
0,
0);
transform
:translate3d
(10px
,
0,
0)
}
90%{
-webkit-transform
:translate3d
(-5px
,
0,
0);
transform
:translate3d
(-5px
,
0,
0)
}
to {
	-webkit-transform: none;
	transform: none
}

}
.bounceInRight {
	-webkit-animation-name: bounceInRight;
	animation-name: bounceInRight
}

@
-webkit-keyframes bounceInUp { 60%,75%,90%,0%,
	to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

0%{
opacity
:
0;-webkit-transform
:translate3d
(0
,
3000
px
,
0);
transform
:translate3d
(0
,
3000
px
,
0)
}
60%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
-20
px
,
0);
transform
:translate3d
(0
,
-20
px
,
0)
}
75%{
-webkit-transform
:translate3d
(0
,
10
px
,
0);
transform
:translate3d
(0
,
10
px
,
0)
}
90%{
-webkit-transform
:translate3d
(0
,
-5
px
,
0);
transform
:translate3d
(0
,
-5
px
,
0)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
@
keyframes bounceInUp { 60%,75%,90%,0%,
	to {-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
	animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

0%{
opacity
:
0;-webkit-transform
:translate3d
(0
,
3000
px
,
0);
transform
:translate3d
(0
,
3000
px
,
0)
}
60%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
-20
px
,
0);
transform
:translate3d
(0
,
-20
px
,
0)
}
75%{
-webkit-transform
:translate3d
(0
,
10
px
,
0);
transform
:translate3d
(0
,
10
px
,
0)
}
90%{
-webkit-transform
:translate3d
(0
,
-5
px
,
0);
transform
:translate3d
(0
,
-5
px
,
0)
}
to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
.bounceInUp {
	-webkit-animation-name: bounceInUp;
	animation-name: bounceInUp
}

@
-webkit-keyframes bounceOut { 20%{
	-webkit-transform: scale3d(0.9, 0.9, 0.9);
	transform: scale3d(0.9, 0.9, 0.9)
}

50%,55%{
opacity
:
1;-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
);transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(0.3, 0.3, 0.3);
	transform: scale3d(0.3, 0.3, 0.3)
}

}
@
keyframes bounceOut { 20%{
	-webkit-transform: scale3d(0.9, 0.9, 0.9);
	transform: scale3d(0.9, 0.9, 0.9)
}

50%,55%{
opacity
:
1;-webkit-transform
:scale3d
(1
.1
,
1
.1
,
1
.1
);transform
:scale3d
(1
.1
,
1
.1
,
1
.1
)
}
to {
	opacity: 0;
	-webkit-transform: scale3d(0.3, 0.3, 0.3);
	transform: scale3d(0.3, 0.3, 0.3)
}

}
.bounceOut {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut
}

@
-webkit-keyframes bounceOutDown { 20%{
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0)
}

40%,45%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
-20
px
,
0);
transform
:translate3d
(0
,
-20
px
,
0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}

}
@
keyframes bounceOutDown { 20%{
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0)
}

40%,45%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
-20
px
,
0);
transform
:translate3d
(0
,
-20
px
,
0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}

}
.bounceOutDown {
	-webkit-animation-name: bounceOutDown;
	animation-name: bounceOutDown
}

@
-webkit-keyframes bounceOutLeft { 20%{
	opacity: 1;
	-webkit-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}

}
@
keyframes bounceOutLeft { 20%{
	opacity: 1;
	-webkit-transform: translate3d(20px, 0, 0);
	transform: translate3d(20px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}

}
.bounceOutLeft {
	-webkit-animation-name: bounceOutLeft;
	animation-name: bounceOutLeft
}

@
-webkit-keyframes bounceOutRight { 20%{
	opacity: 1;
	-webkit-transform: translate3d(-20px, 0, 0);
	transform: translate3d(-20px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}

}
@
keyframes bounceOutRight { 20%{
	opacity: 1;
	-webkit-transform: translate3d(-20px, 0, 0);
	transform: translate3d(-20px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}

}
.bounceOutRight {
	-webkit-animation-name: bounceOutRight;
	animation-name: bounceOutRight
}

@
-webkit-keyframes bounceOutUp { 20%{
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0)
}

40%,45%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
20
px
,
0);
transform
:translate3d
(0
,
20
px
,
0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}

}
@
keyframes bounceOutUp { 20%{
	-webkit-transform: translate3d(0, -10px, 0);
	transform: translate3d(0, -10px, 0)
}

40%,45%{
opacity
:
1;-webkit-transform
:translate3d
(0
,
20
px
,
0);
transform
:translate3d
(0
,
20
px
,
0)
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}

}
.bounceOutUp {
	-webkit-animation-name: bounceOutUp;
	animation-name: bounceOutUp
}

@
-webkit-keyframes fadeIn { 0%{
	opacity: 0
}

to {
	opacity: 1
}

}
@
keyframes fadeIn { 0%{
	opacity: 0
}

to {
	opacity: 1
}

}
.fadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@
-webkit-keyframes fadeInDown { 0%{
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
keyframes fadeInDown { 0%{
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
.fadeInDown {
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown
}

@
-webkit-keyframes fadeInDownBig { 0%{
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
keyframes fadeInDownBig { 0%{
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig
}

@
-webkit-keyframes fadeInLeft { 0%{
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
keyframes fadeInLeft { 0%{
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
.fadeInLeft {
	-webkit-animation-name: fadeInLeft;
	animation-name: fadeInLeft
}

@
-webkit-keyframes fadeInLeftBig { 0%{
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
keyframes fadeInLeftBig { 0%{
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
.fadeInLeftBig {
	-webkit-animation-name: fadeInLeftBig;
	animation-name: fadeInLeftBig
}

@
-webkit-keyframes fadeInRight { 0%{
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
keyframes fadeInRight { 0%{
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
.fadeInRight {
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight
}

@
-webkit-keyframes fadeInRightBig { 0%{
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
keyframes fadeInRightBig { 0%{
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
.fadeInRightBig {
	-webkit-animation-name: fadeInRightBig;
	animation-name: fadeInRightBig
}

@
-webkit-keyframes fadeInUp { 0%{
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
keyframes fadeInUp { 0%{
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}

@
-webkit-keyframes fadeInUpBig { 0%{
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
keyframes fadeInUpBig { 0%{
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
.fadeInUpBig {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@
-webkit-keyframes fadeOut { 0%{
	opacity: 1
}

to {
	opacity: 0
}

}
@
keyframes fadeOut { 0%{
	opacity: 1
}

to {
	opacity: 0
}

}
.fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut
}

@
-webkit-keyframes fadeOutDown { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

}
@
keyframes fadeOutDown { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

}
.fadeOutDown {
	-webkit-animation-name: fadeOutDown;
	animation-name: fadeOutDown
}

@
-webkit-keyframes fadeOutDownBig { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}

}
@
keyframes fadeOutDownBig { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, 2000px, 0);
	transform: translate3d(0, 2000px, 0)
}

}
.fadeOutDownBig {
	-webkit-animation-name: fadeOutDownBig;
	animation-name: fadeOutDownBig
}

@
-webkit-keyframes fadeOutLeft { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

}
@
keyframes fadeOutLeft { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

}
.fadeOutLeft {
	-webkit-animation-name: fadeOutLeft;
	animation-name: fadeOutLeft
}

@
-webkit-keyframes fadeOutLeftBig { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}

}
@
keyframes fadeOutLeftBig { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(-2000px, 0, 0);
	transform: translate3d(-2000px, 0, 0)
}

}
.fadeOutLeftBig {
	-webkit-animation-name: fadeOutLeftBig;
	animation-name: fadeOutLeftBig
}

@
-webkit-keyframes fadeOutRight { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

}
@
keyframes fadeOutRight { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

}
.fadeOutRight {
	-webkit-animation-name: fadeOutRight;
	animation-name: fadeOutRight
}

@
-webkit-keyframes fadeOutRightBig { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}

}
@
keyframes fadeOutRightBig { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(2000px, 0, 0);
	transform: translate3d(2000px, 0, 0)
}

}
.fadeOutRightBig {
	-webkit-animation-name: fadeOutRightBig;
	animation-name: fadeOutRightBig
}

@
-webkit-keyframes fadeOutUp { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

}
@
keyframes fadeOutUp { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

}
.fadeOutUp {
	-webkit-animation-name: fadeOutUp;
	animation-name: fadeOutUp
}

@
-webkit-keyframes fadeOutUpBig { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}

}
@
keyframes fadeOutUpBig { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(0, -2000px, 0);
	transform: translate3d(0, -2000px, 0)
}

}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig
}

@
-webkit-keyframes flip { 0%{
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

40%{
-webkit-transform
:perspective(400px)
 
translate3d
(0
,
0,
150
px
)
 
rotate3d
(0
,
1,
0,
-190
deg
);transform
:perspective(400px)
 
translate3d
(0
,
0,
150
px
)
 
rotate3d
(0
,
1,
0,
-190
deg
);-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
50%{
-webkit-transform
:perspective(400px)
 
translate3d
(0
,
0,
150
px
)
 
rotate3d
(0
,
1,
0,
-170
deg
);transform
:perspective(400px)
 
translate3d
(0
,
0,
150
px
)
 
rotate3d
(0
,
1,
0,
-170
deg
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
80%{
-webkit-transform
:perspective(400px)
 
scale3d
(0
.95
,
0
.95
,
0
.95
);transform
:perspective(400px)
 
scale3d
(0
.95
,
0
.95
,
0
.95
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

}
@
keyframes flip { 0%{
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

40%{
-webkit-transform
:perspective(400px)
 
translate3d
(0
,
0,
150
px
)
 
rotate3d
(0
,
1,
0,
-190
deg
);transform
:perspective(400px)
 
translate3d
(0
,
0,
150
px
)
 
rotate3d
(0
,
1,
0,
-190
deg
);-webkit-animation-timing-function
:ease-out
;animation-timing-function
:ease-out
}
50%{
-webkit-transform
:perspective(400px)
 
translate3d
(0
,
0,
150
px
)
 
rotate3d
(0
,
1,
0,
-170
deg
);transform
:perspective(400px)
 
translate3d
(0
,
0,
150
px
)
 
rotate3d
(0
,
1,
0,
-170
deg
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
80%{
-webkit-transform
:perspective(400px)
 
scale3d
(0
.95
,
0
.95
,
0
.95
);transform
:perspective(400px)
 
scale3d
(0
.95
,
0
.95
,
0
.95
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

}
.animated.flip {
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip
}

@
-webkit-keyframes flipInX { 0%{
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0
}

40%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,
0,
-20
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,
0,
-20
deg
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
60%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,
0,
10
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,
0,
10
deg
);opacity
:
1
}
80%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,
0,
-5
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,
0,
-5
deg
)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}

}
@
keyframes flipInX { 0%{
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0
}

40%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,
0,
-20
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,
0,
-20
deg
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
60%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,
0,
10
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,
0,
10
deg
);opacity
:
1
}
80%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,
0,
-5
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,
0,
-5
deg
)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}

}
.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX
}

@
-webkit-keyframes flipInY { 0%{
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0
}

40%{
-webkit-transform
:perspective(400px)
 
rotate3d
(0
,
1,
0,
-20
deg
);transform
:perspective(400px)
 
rotate3d
(0
,
1,
0,
-20
deg
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
60%{
-webkit-transform
:perspective(400px)
 
rotate3d
(0
,
1,
0,
10
deg
);transform
:perspective(400px)
 
rotate3d
(0
,
1,
0,
10
deg
);opacity
:
1
}
80%{
-webkit-transform
:perspective(400px)
 
rotate3d
(0
,
1,
0,
-5
deg
);transform
:perspective(400px)
 
rotate3d
(0
,
1,
0,
-5
deg
)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}

}
@
keyframes flipInY { 0%{
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in;
	opacity: 0
}

40%{
-webkit-transform
:perspective(400px)
 
rotate3d
(0
,
1,
0,
-20
deg
);transform
:perspective(400px)
 
rotate3d
(0
,
1,
0,
-20
deg
);-webkit-animation-timing-function
:ease-in
;animation-timing-function
:ease-in
}
60%{
-webkit-transform
:perspective(400px)
 
rotate3d
(0
,
1,
0,
10
deg
);transform
:perspective(400px)
 
rotate3d
(0
,
1,
0,
10
deg
);opacity
:
1
}
80%{
-webkit-transform
:perspective(400px)
 
rotate3d
(0
,
1,
0,
-5
deg
);transform
:perspective(400px)
 
rotate3d
(0
,
1,
0,
-5
deg
)
}
to {
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}

}
.flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY
}

@
-webkit-keyframes flipOutX { 0%{
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}

30%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,
0,
-20
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,
0,
-20
deg
);opacity
:
1
}
to {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity: 0
}

}
@
keyframes flipOutX { 0%{
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}

30%{
-webkit-transform
:perspective(400px)
 
rotate3d
(1
,
0,
0,
-20
deg
);transform
:perspective(400px)
 
rotate3d
(1
,
0,
0,
-20
deg
);opacity
:
1
}
to {
	-webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
	opacity: 0
}

}
.flipOutX {
	-webkit-animation-name: flipOutX;
	animation-name: flipOutX;
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important
}

@
-webkit-keyframes flipOutY { 0%{
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}

30%{
-webkit-transform
:perspective(400px)
 
rotate3d
(0
,
1,
0,
-15
deg
);transform
:perspective(400px)
 
rotate3d
(0
,
1,
0,
-15
deg
);opacity
:
1
}
to {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	opacity: 0
}

}
@
keyframes flipOutY { 0%{
	-webkit-transform: perspective(400px);
	transform: perspective(400px)
}

30%{
-webkit-transform
:perspective(400px)
 
rotate3d
(0
,
1,
0,
-15
deg
);transform
:perspective(400px)
 
rotate3d
(0
,
1,
0,
-15
deg
);opacity
:
1
}
to {
	-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
	opacity: 0
}

}
.flipOutY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipOutY;
	animation-name: flipOutY
}

@
-webkit-keyframes lightSpeedIn { 0%{
	-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
	transform: translate3d(100%, 0, 0) skewX(-30deg);
	opacity: 0
}

60%{
-webkit-transform
:skewX(20deg)
;transform
:skewX(20deg)
;opacity
:
1
}
80%{
-webkit-transform
:skewX(-5deg)
;transform
:skewX(-5deg)
;opacity
:
1
}
to {
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
@
keyframes lightSpeedIn { 0%{
	-webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
	transform: translate3d(100%, 0, 0) skewX(-30deg);
	opacity: 0
}

60%{
-webkit-transform
:skewX(20deg)
;transform
:skewX(20deg)
;opacity
:
1
}
80%{
-webkit-transform
:skewX(-5deg)
;transform
:skewX(-5deg)
;opacity
:
1
}
to {
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
.lightSpeedIn {
	-webkit-animation-name: lightSpeedIn;
	animation-name: lightSpeedIn;
	-webkit-animation-timing-function: ease-out;
	animation-timing-function: ease-out
}

@
-webkit-keyframes lightSpeedOut { 0%{
	opacity: 1
}

to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}

}
@
keyframes lightSpeedOut { 0%{
	opacity: 1
}

to {
	-webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
	transform: translate3d(100%, 0, 0) skewX(30deg);
	opacity: 0
}

}
.lightSpeedOut {
	-webkit-animation-name: lightSpeedOut;
	animation-name: lightSpeedOut;
	-webkit-animation-timing-function: ease-in;
	animation-timing-function: ease-in
}

@
-webkit-keyframes rotateIn { 0%{
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, -200deg);
	transform: rotate3d(0, 0, 1, -200deg);
	opacity: 0
}

to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
@
keyframes rotateIn { 0%{
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, -200deg);
	transform: rotate3d(0, 0, 1, -200deg);
	opacity: 0
}

to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
.rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn
}

@
-webkit-keyframes rotateInDownLeft { 0%{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}

to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
@
keyframes rotateInDownLeft { 0%{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}

to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
.rotateInDownLeft {
	-webkit-animation-name: rotateInDownLeft;
	animation-name: rotateInDownLeft
}

@
-webkit-keyframes rotateInDownRight { 0%{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0
}

to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
@
keyframes rotateInDownRight { 0%{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0
}

to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
.rotateInDownRight {
	-webkit-animation-name: rotateInDownRight;
	animation-name: rotateInDownRight
}

@
-webkit-keyframes rotateInUpLeft { 0%{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0
}

to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
@
keyframes rotateInUpLeft { 0%{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0
}

to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
.rotateInUpLeft {
	-webkit-animation-name: rotateInUpLeft;
	animation-name: rotateInUpLeft
}

@
-webkit-keyframes rotateInUpRight { 0%{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -90deg);
	transform: rotate3d(0, 0, 1, -90deg);
	opacity: 0
}

to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
@
keyframes rotateInUpRight { 0%{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -90deg);
	transform: rotate3d(0, 0, 1, -90deg);
	opacity: 0
}

to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: none;
	transform: none;
	opacity: 1
}

}
.rotateInUpRight {
	-webkit-animation-name: rotateInUpRight;
	animation-name: rotateInUpRight
}

@
-webkit-keyframes rotateOut { 0%{
	-webkit-transform-origin: center;
	transform-origin: center;
	opacity: 1
}

to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, 200deg);
	transform: rotate3d(0, 0, 1, 200deg);
	opacity: 0
}

}
@
keyframes rotateOut { 0%{
	-webkit-transform-origin: center;
	transform-origin: center;
	opacity: 1
}

to {
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: rotate3d(0, 0, 1, 200deg);
	transform: rotate3d(0, 0, 1, 200deg);
	opacity: 0
}

}
.rotateOut {
	-webkit-animation-name: rotateOut;
	animation-name: rotateOut
}

@
-webkit-keyframes rotateOutDownLeft { 0%{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0
}

}
@
keyframes rotateOutDownLeft { 0%{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	transform: rotate3d(0, 0, 1, 45deg);
	opacity: 0
}

}
.rotateOutDownLeft {
	-webkit-animation-name: rotateOutDownLeft;
	animation-name: rotateOutDownLeft
}

@
-webkit-keyframes rotateOutDownRight { 0%{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}

}
@
keyframes rotateOutDownRight { 0%{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}

}
.rotateOutDownRight {
	-webkit-animation-name: rotateOutDownRight;
	animation-name: rotateOutDownRight
}

@
-webkit-keyframes rotateOutUpLeft { 0%{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}

}
@
keyframes rotateOutUpLeft { 0%{
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: left bottom;
	transform-origin: left bottom;
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	transform: rotate3d(0, 0, 1, -45deg);
	opacity: 0
}

}
.rotateOutUpLeft {
	-webkit-animation-name: rotateOutUpLeft;
	animation-name: rotateOutUpLeft
}

@
-webkit-keyframes rotateOutUpRight { 0%{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 90deg);
	transform: rotate3d(0, 0, 1, 90deg);
	opacity: 0
}

}
@
keyframes rotateOutUpRight { 0%{
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	opacity: 1
}

to {
	-webkit-transform-origin: right bottom;
	transform-origin: right bottom;
	-webkit-transform: rotate3d(0, 0, 1, 90deg);
	transform: rotate3d(0, 0, 1, 90deg);
	opacity: 0
}

}
.rotateOutUpRight {
	-webkit-animation-name: rotateOutUpRight;
	animation-name: rotateOutUpRight
}

@
-webkit-keyframes hinge { 0%{
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

20%,60%{
-webkit-transform
:rotate3d
(0
,
0,
1,
80
deg
);transform
:rotate3d
(0
,
0,
1,
80
deg
);-webkit-transform-origin
:top
 
left
;transform-origin
:top
 
left
;-webkit-animation-timing-function
:ease-in-out
;animation-timing-function
:ease-in-out
}
40%,80%{
-webkit-transform
:rotate3d
(0
,
0,
1,
60
deg
);transform
:rotate3d
(0
,
0,
1,
60
deg
);-webkit-transform-origin
:top
 
left
;transform-origin
:top
 
left
;-webkit-animation-timing-function
:ease-in-out
;animation-timing-function
:ease-in-out
;opacity
:
1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}

}
@
keyframes hinge { 0%{
	-webkit-transform-origin: top left;
	transform-origin: top left;
	-webkit-animation-timing-function: ease-in-out;
	animation-timing-function: ease-in-out
}

20%,60%{
-webkit-transform
:rotate3d
(0
,
0,
1,
80
deg
);transform
:rotate3d
(0
,
0,
1,
80
deg
);-webkit-transform-origin
:top
 
left
;transform-origin
:top
 
left
;-webkit-animation-timing-function
:ease-in-out
;animation-timing-function
:ease-in-out
}
40%,80%{
-webkit-transform
:rotate3d
(0
,
0,
1,
60
deg
);transform
:rotate3d
(0
,
0,
1,
60
deg
);-webkit-transform-origin
:top
 
left
;transform-origin
:top
 
left
;-webkit-animation-timing-function
:ease-in-out
;animation-timing-function
:ease-in-out
;opacity
:
1
}
to {
	-webkit-transform: translate3d(0, 700px, 0);
	transform: translate3d(0, 700px, 0);
	opacity: 0
}

}
.hinge {
	-webkit-animation-name: hinge;
	animation-name: hinge
}

@
-webkit-keyframes rollIn { 0%{
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
@
keyframes rollIn { 0%{
	opacity: 0;
	-webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
	transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg)
}

to {
	opacity: 1;
	-webkit-transform: none;
	transform: none
}

}
.rollIn {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@
-webkit-keyframes rollOut { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}

}
@
keyframes rollOut { 0%{
	opacity: 1
}

to {
	opacity: 0;
	-webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
	transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg)
}

}
.rollOut {
	-webkit-animation-name: rollOut;
	animation-name: rollOut
}

@
-webkit-keyframes zoomIn { 0%{
	opacity: 0;
	-webkit-transform: scale3d(0.3, 0.3, 0.3);
	transform: scale3d(0.3, 0.3, 0.3)
}

50%{
opacity
:
1
}
}
@
keyframes zoomIn { 0%{
	opacity: 0;
	-webkit-transform: scale3d(0.3, 0.3, 0.3);
	transform: scale3d(0.3, 0.3, 0.3)
}

50%{
opacity
:
1
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}

@
-webkit-keyframes zoomInDown { 0%{
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(0
.475
,
0
.475
,
0
.475
)
 
translate3d
(0
,
60
px
,
0);
transform
:scale3d
(0
.475
,
0
.475
,
0
.475
)
 
translate3d
(0
,
60
px
,
0);
-webkit-animation-timing-function
:cubic-bezier
(0
.175
,
0
.885
,
0
.32
,
1);
animation-timing-function
:cubic-bezier
(0
.175
,
0
.885
,
0
.32
,
1)
}
}
@
keyframes zoomInDown { 0%{
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(0
.475
,
0
.475
,
0
.475
)
 
translate3d
(0
,
60
px
,
0);
transform
:scale3d
(0
.475
,
0
.475
,
0
.475
)
 
translate3d
(0
,
60
px
,
0);
-webkit-animation-timing-function
:cubic-bezier
(0
.175
,
0
.885
,
0
.32
,
1);
animation-timing-function
:cubic-bezier
(0
.175
,
0
.885
,
0
.32
,
1)
}
}
.zoomInDown {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@
-webkit-keyframes zoomInLeft { 0%{
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(0
.475
,
0
.475
,
0
.475
)
 
translate3d
(10px
,
0,
0);
transform
:scale3d
(0
.475
,
0
.475
,
0
.475
)
 
translate3d
(10px
,
0,
0);
-webkit-animation-timing-function
:cubic-bezier
(0
.175
,
0
.885
,
0
.32
,
1);
animation-timing-function
:cubic-bezier
(0
.175
,
0
.885
,
0
.32
,
1)
}
}
@
keyframes zoomInLeft { 0%{
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(0
.475
,
0
.475
,
0
.475
)
 
translate3d
(10px
,
0,
0);
transform
:scale3d
(0
.475
,
0
.475
,
0
.475
)
 
translate3d
(10px
,
0,
0);
-webkit-animation-timing-function
:cubic-bezier
(0
.175
,
0
.885
,
0
.32
,
1);
animation-timing-function
:cubic-bezier
(0
.175
,
0
.885
,
0
.32
,
1)
}
}
.zoomInLeft {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@
-webkit-keyframes zoomInRight { 0%{
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(0
.475
,
0
.475
,
0
.475
)
 
translate3d
(-10px
,
0,
0);
transform
:scale3d
(0
.475
,
0
.475
,
0
.475
)
 
translate3d
(-10px
,
0,
0);
-webkit-animation-timing-function
:cubic-bezier
(0
.175
,
0
.885
,
0
.32
,
1);
animation-timing-function
:cubic-bezier
(0
.175
,
0
.885
,
0
.32
,
1)
}
}
@
keyframes zoomInRight { 0%{
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(0
.475
,
0
.475
,
0
.475
)
 
translate3d
(-10px
,
0,
0);
transform
:scale3d
(0
.475
,
0
.475
,
0
.475
)
 
translate3d
(-10px
,
0,
0);
-webkit-animation-timing-function
:cubic-bezier
(0
.175
,
0
.885
,
0
.32
,
1);
animation-timing-function
:cubic-bezier
(0
.175
,
0
.885
,
0
.32
,
1)
}
}
.zoomInRight {
	-webkit-animation-name: zoomInRight;
	animation-name: zoomInRight
}

@
-webkit-keyframes zoomInUp { 0%{
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(0
.475
,
0
.475
,
0
.475
)
 
translate3d
(0
,
-60
px
,
0);
transform
:scale3d
(0
.475
,
0
.475
,
0
.475
)
 
translate3d
(0
,
-60
px
,
0);
-webkit-animation-timing-function
:cubic-bezier
(0
.175
,
0
.885
,
0
.32
,
1);
animation-timing-function
:cubic-bezier
(0
.175
,
0
.885
,
0
.32
,
1)
}
}
@
keyframes zoomInUp { 0%{
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

60%{
opacity
:
1;-webkit-transform
:scale3d
(0
.475
,
0
.475
,
0
.475
)
 
translate3d
(0
,
-60
px
,
0);
transform
:scale3d
(0
.475
,
0
.475
,
0
.475
)
 
translate3d
(0
,
-60
px
,
0);
-webkit-animation-timing-function
:cubic-bezier
(0
.175
,
0
.885
,
0
.32
,
1);
animation-timing-function
:cubic-bezier
(0
.175
,
0
.885
,
0
.32
,
1)
}
}
.zoomInUp {
	-webkit-animation-name: zoomInUp;
	animation-name: zoomInUp
}

@
-webkit-keyframes zoomOut { 0%{
	opacity: 1
}

50%{
opacity
:
0;-webkit-transform
:scale3d
(0
.3
,
0
.3
,
0
.3
);transform
:scale3d
(0
.3
,
0
.3
,
0
.3
)
}
to {
	opacity: 0
}

}
@
keyframes zoomOut { 0%{
	opacity: 1
}

50%{
opacity
:
0;-webkit-transform
:scale3d
(0
.3
,
0
.3
,
0
.3
);transform
:scale3d
(0
.3
,
0
.3
,
0
.3
)
}
to {
	opacity: 0
}

}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}

@
-webkit-keyframes zoomOutDown { 40%{
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

to {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}

}
@
keyframes zoomOutDown { 40%{
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

to {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}

}
.zoomOutDown {
	-webkit-animation-name: zoomOutDown;
	animation-name: zoomOutDown
}

@
-webkit-keyframes zoomOutLeft { 40%{
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
	transform: scale(0.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	transform-origin: left center
}

}
@
keyframes zoomOutLeft { 40%{
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
	transform: scale(0.1) translate3d(-2000px, 0, 0);
	-webkit-transform-origin: left center;
	transform-origin: left center
}

}
.zoomOutLeft {
	-webkit-animation-name: zoomOutLeft;
	animation-name: zoomOutLeft
}

@
-webkit-keyframes zoomOutRight { 40%{
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
	transform: scale(0.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	transform-origin: right center
}

}
@
keyframes zoomOutRight { 40%{
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
}

to {
	opacity: 0;
	-webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
	transform: scale(0.1) translate3d(2000px, 0, 0);
	-webkit-transform-origin: right center;
	transform-origin: right center
}

}
.zoomOutRight {
	-webkit-animation-name: zoomOutRight;
	animation-name: zoomOutRight
}

@
-webkit-keyframes zoomOutUp { 40%{
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

to {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}

}
@
keyframes zoomOutUp { 40%{
	opacity: 1;
	-webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
	-webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
	animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

to {
	opacity: 0;
	-webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
	transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
	-webkit-transform-origin: center bottom;
	transform-origin: center bottom;
	-webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
	animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
}

}
.zoomOutUp {
	-webkit-animation-name: zoomOutUp;
	animation-name: zoomOutUp
}

@
-webkit-keyframes slideInDown { 0%{
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	visibility: visible
}

to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
@
keyframes slideInDown { 0%{
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0);
	visibility: visible
}

to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
.slideInDown {
	-webkit-animation-name: slideInDown;
	animation-name: slideInDown
}

@
-webkit-keyframes slideInLeft { 0%{
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	visibility: visible
}

to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
@
keyframes slideInLeft { 0%{
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0);
	visibility: visible
}

to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
.slideInLeft {
	-webkit-animation-name: slideInLeft;
	animation-name: slideInLeft
}

@
-webkit-keyframes slideInRight { 0%{
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	visibility: visible
}

to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
@
keyframes slideInRight { 0%{
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0);
	visibility: visible
}

to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
.slideInRight {
	-webkit-animation-name: slideInRight;
	animation-name: slideInRight
}

@
-webkit-keyframes slideInUp { 0%{
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	visibility: visible
}

to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
@
keyframes slideInUp { 0%{
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	visibility: visible
}

to {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

}
.slideInUp {
	-webkit-animation-name: slideInUp;
	animation-name: slideInUp
}

@
-webkit-keyframes slideOutDown { 0%{
	-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 { 0%{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

to {
	visibility: hidden;
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0)
}

}
.slideOutDown {
	-webkit-animation-name: slideOutDown;
	animation-name: slideOutDown
}

@
-webkit-keyframes slideOutLeft { 0%{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

}
@
keyframes slideOutLeft { 0%{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

to {
	visibility: hidden;
	-webkit-transform: translate3d(-100%, 0, 0);
	transform: translate3d(-100%, 0, 0)
}

}
.slideOutLeft {
	-webkit-animation-name: slideOutLeft;
	animation-name: slideOutLeft
}

@
-webkit-keyframes slideOutRight { 0%{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

}
@
keyframes slideOutRight { 0%{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

to {
	visibility: hidden;
	-webkit-transform: translate3d(100%, 0, 0);
	transform: translate3d(100%, 0, 0)
}

}
.slideOutRight {
	-webkit-animation-name: slideOutRight;
	animation-name: slideOutRight
}

@
-webkit-keyframes slideOutUp { 0%{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

}
@
keyframes slideOutUp { 0%{
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

to {
	visibility: hidden;
	-webkit-transform: translate3d(0, -100%, 0);
	transform: translate3d(0, -100%, 0)
}

}
.slideOutUp {
	-webkit-animation-name: slideOutUp;
	animation-name: slideOutUp
}

header {
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 1
}

.nav-interior {
	position: relative
}

.menu-fijo {
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 3 !important
}

.menu-fijo-sec {
	position: fixed !important;
	top: 3rem;
	width: 100%;
	z-index: 2 !important
}

.z-index-3 {
	z-index: 3 !important
}

.z-index-1 {
	z-index: 1 !important
}

.z-index-0 {
	z-index: 0 !important
}

.z-index-01 {
	z-index: -1 !important
}

.z-index-100 {
	z-index: 100 !important
}

.nav-amtega {
	background: rgba(255, 255, 255, 0.2) url("../img/fondo-banner-1.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	color: #074D87;
	line-height: 3rem;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 1px 5px 0
		rgba(0, 0, 0, 0.05), 0 3px 1px -2px rgba(0, 0, 0, 0.1)
}

.nav-amtega .ayuda i, .nav-amtega .btn-admin i, .nav-amtega .btn-nav-menu i
	{
	font-size: 3rem;
	float: left;
	color: #048DBC;
	transition: all 0.3s ease
}

.nav-amtega .ayuda i:hover, .nav-amtega .btn-admin i:hover, .nav-amtega .btn-nav-menu i:hover
	{
	color: #66CBFA
}

.nav-amtega .btn-nav-menu {
	position: absolute;
	top: 0rem;
	left: 1rem
}

.nav-amtega .btn-admin {
	position: absolute;
	top: 0rem;
	right: 0.8rem
}

.ayuda {
	position: absolute;
	top: 4.5rem;
	right: -10.8rem;
	transition: all 0.3s ease
}

.ayuda-on {
	right: 1rem;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 1rem;
	padding-right: 3rem;
	margin-right: -4rem;
	z-index: 10
}

.ayuda-on .i-ayuda {
	margin-left: 0.5rem;
	color: #074D87
}

.ayuda i {
	margin-right: 1rem;
	height: 3.2rem;
	line-height: 3.2rem
}

.ayuda .options {
	font-size: 2rem !important;
	color: #66CBFA !important
}

.i-ayuda {
	margin-left: 0.5rem;
	font-size: 2rem
}

.lang {
	position: absolute;
	right: 0.5rem;
	top: 7.5rem
}

.lang a {
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	opacity: 0.7;
	transition: all 0.3s ease;
	color: #00AAF7
}

.lang-active {
	font-weight: 700;
	opacity: 1 !important;
	color: #074D87
}

.nav-amtega.nav-extended .nav-wrapper {
	height: 10rem
}

.nav-amtega a.brand-logo {
	color: #00AAF7;
	font-family: "Oswald", sans-serif;
	font-weight: 300
}

.nav-amtega img {
	width: 125px;
	margin-top: 1rem
}

.nav-amtega .brand-logo p {
	margin: 0
}

.cont-nav-menu {
	width: 100%;
	min-height: 3rem;
	background: #074D87;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2)
}

.nav-principal {
	min-height: 3rem;
	color: #fff;
	position: absolute;
	font-family: "Fjalla One", sans-serif;
	color: #00AAF7;
	text-transform: uppercase
}

.nav-principal:hover {
	color: #FF4C00
}

.nav-principal a {
	color: #fff
}

.nav-principal a:before {
	font-family: "Material-Design-Iconic-Font";
	content: "";
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	margin-left: 0;
	color: #9ce0ff
}

.nav-principal a:hover {
	color: #efefef
}

nav ul li.active {
	background: #00AAF7
}

nav ul li.active a {
/* 	pointer-events: none */
}

nav ul li.active a:before {
	color: #fff
}

.usuario-1 {
	display: none;
	position: absolute;
	background: rgba(255, 255, 255, 0.5);
	top: 0.5rem;
	right: 0.4rem
}

.chip img {
	position: relative;
	left: -1rem;
	max-width: 2.2rem !important;
	margin: 0 !important;
	text-align: left
}

.chip i {
	position: relative;
	top: 1.1rem;
	float: right;
	margin-left: 0.5rem;
	line-height: 0;
	color: #048DBC
}

footer {
	background: #019EDF; 
	
	min-width: 100%;
	position: relative;
	bottom: 0;
	clear: both;
	z-index: 10;
	font-size: 0.8rem;
	line-height: 1.5rem;
	color: #fff;
	height: 70px;
}

/*.body-login footer{
    position: fixed;
}*/
footer .footer2 {
	max-width: 100% !important;
	width: 100% !important;
	height: 53px;
	background-color: #074D87 !important;
}

footer .footer1 {
	max-width: 100% !important;
	width: 100% !important;
	height: 53px;
	background-color: white !important;
}

.textxunta {
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
	margin-left: 50px;
}

.large {
	display: block;
}

.medium {
	display: none;
}

footer p {
	text-align: center;
}

footer a {
	font-family: "Fjalla One", sans-serif;
	color: #9ce0ff
}

.enlaces-footer {
	margin-top: 0.5rem
}

footer a:hover {
	color: #fff
}

footer ul {
	margin: 0;
	margin-top: 1rem;
	display: inline-block
}

footer ul li {
	float: left;
	padding: 0 0.5rem 0 0.5rem
}

footer .row .col {
/* 	min-height: 79px */
}

footer ul li:first-child {
	border: none
}

footer .zmdi {
	margin-right: 0.5rem;
	font-size: 1.5rem;
	color: #fff
}

footer .divider {
	background-color: #fff
}

.card {
	z-index: 0
}

.card-panel {
	width: 100%;
	max-width: 100%;
	background-color: #eeeeee;
	align-self: stretch;
}

h1 .zmdi, h2 .zmdi, h3 .zmdi, h4 .zmdi, h5 .zmdi {
	margin-right: 1rem;
	color: #048DBC
}

.btn .zmdi {
	margin-right: 0.5rem;
	margin-left: 0.5rem;
	font-size: 1.5rem;
	vertical-align: middle
}

.zmdi-a {
	color: #00AAF7;
	cursor: pointer;
	padding-left: 0.5rem
}

.zmdi-a:hover {
	color: #d34104
}

#nav-menu-total img {
	width: 100%
}

.side-nav {
	width: 350px
}

.side-nav .userView {
	z-index: 1;
	height: 10rem;
	padding: 0;
	margin: 0;
	border-bottom: 2px solid #efefef
}

.back-menu-1 {
	background: #fff url("../img/fondo-menu-1.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.back-menu-2 {
	background: #fff url("../img/fondo-menu-2.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.back-menu-3 {
	background: #fff url("../img/fondo-menu-3.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.back-menu-4 {
	background: #fff url("../img/fondo-menu-4.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.back-menu-5 {
	background: #fff url("../img/fondo-menu-5.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.back-menu-6 {
	background: #fff url("../img/fondo-menu-6.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.side-nav .userView .email, .side-nav .userView .name {
	padding: 1rem;
	background: rgba(29, 113, 184, 0.7);
	margin-top: 0;
	font-size: 1.2rem;
	font-family: "Fjalla One", sans-serif;
	color: #00AAF7;
	color: #fff
}

.side-nav .userView .email:hover, .side-nav .userView .name:hover {
	color: #FF4C00
}

.side-nav .userView .email:hover, .side-nav .userView .name:hover {
	color: #fff
}

#sidenav-overlay, .modal-overlay {
	background: rgba(255, 255, 255, 0.8)
}


.side-nav li div.collapsible-header {
	color: #1184B9;
}

.side-nav li div.collapsible-header.dropdown-button:after {
	font-family: 'Material-Design-Iconic-Font';
	margin-left: 0.5rem;
	content: "\f2f9"
}

.side-nav li div.collapsible-body ul li {
	border-bottom: 1px dotted #048DBC;
    color: #048DBC;
    padding: 0 1.5rem;
}

.side-nav li div.collapsible-body ul li a {
    font-size: 0.85rem;
}

.side-nav li div.collapsible-body ul li:hover {
    background-color: transparent;
}

.side-nav li div.collapsible-body a:before {
	font-family: "Material-Design-Iconic-Font";
	content: "";
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	margin-left: 0;
	color: #1184B9
}

.side-nav li {
	width: 100%;
	clear: both;
	float: left;
	background: #fff;
	display: table
}

.side-nav a {
	display: table-cell;
	vertical-align: middle
}

.side-nav .collapsible-body li a, .side-nav.fixed .collapsible-body li a
	{
	border-top: 1px solid #efefef;
	padding: 0.2rem 0.2rem 0.2rem 2rem
}

.side-nav li>a>i {
	margin-right: -0.4rem !important
}

.side-nav .collapsible-header, .side-nav.fixed .collapsible-header {
	padding: 0 0.5rem
}

.collapsible-header-2 {
	color: #66CBFA !important;
	font-size: 1rem !important
}

.collapsible-header i {
	margin-right: 0.2rem
}

.side-nav .divider {
	width: 100%;
	height: 10px
}

.card-alert {
	padding: 0 1rem;
	text-align: left;
	font-family: "Roboto", sans-serif;
	border: 1px solid
}

.card-alert .zmdi {
	position: absolute;
	right: 0.5rem;
	top: 0.5rem;
	font-size: 2rem;
	cursor: pointer
}

.card.succes {
	background: #97DF89;
	color: #34932C;
	border-color: #34932C
}

.card.info {
	background: #66CBFA;
	color: #048DBC;
	border-color: #048DBC
}

.card.danger {
	background: #FF787D;
	color: #B7302B;
	border-color: #B7302B
}

.card.warning {
	background: #FFC77A;
	color: #BC7D31;
	border-color: #BC7D31
}

.backdrop {
	background: rgba(0, 0, 0, 0.8);
	font-size: 0.8rem;
	left: -1rem;
	top: -1rem;
	bottom: -1rem;
	right: -1rem
}

.material-tooltip {
	font-size: 0.8rem;
	font-family: "Fjalla One", sans-serif;
	color: #00AAF7;
	color: #fff;
	font-weight: 100;
	min-height: 20px;
	padding: 0.5rem
}

.material-tooltip:hover {
	color: #FF4C00
}

.registro-obliga {
	margin-bottom: 1rem;
	margin-top: -2rem;
	color: #fff;
	background: #FF9300;
	font-family: "Oswald", sans-serif;
	font-weight: 100;
	font-size: 1.2rem
}

.registro-obliga:after {
	font-family: "Material-Design-Iconic-Font";
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	content: "";
	font-size: 1.2rem;
	transition: all 0.3s ease;
	font-size: 2rem
}

#panel-admin {
	max-height: 70%
}

.divider-admin {
	margin-bottom: 2rem
}

.select-mod p {
	margin-left: 1rem
}

.select-mod h4 {
	margin-bottom: 2rem
}

.select-mod label {
	font-family: "Merienda", cursive;
	letter-spacing: -0.03rem;
	font-size: 1.5rem !important;
	color: #048DBC !important
}

.prefix {
	color: #074D87;
	text-align: right;
	padding-right: 0.5rem
}

.prefix:after, .prefix:before {
	color: #074D87
}

.prefix.active {
	color: #048DBC !important
}

.prefix.active:after, .prefix.active:before {
	color: #048DBC !important
}

.validatr-message {
	display: none !important
}

.errorMessages {
	text-align: left;
	display: none;
	background: #FF9300;
	max-width: 20rem;
	margin: 0 auto;
	vertical-align: middle;
	border-radius: 0.2rem;
	border: 2px solid #FF1720;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2)
}

.errorMessages li {
	padding-left: 1rem;
	padding-bottom: 0.5rem;
	padding-top: 0.3rem;
	border-bottom: 2px dotted #FF1720
}

.errorMessages li:last-child {
	border: none
}

.errorMessages, .errorMessages span {
	font-family: "Fjalla One", sans-serif;
	color: #B7302B
}

.errorMessages span {
	color: #FF4C00;
	font-size: 1.2rem
}

.errorMessages span:before {
	color: #d34104;
	font-family: "Material-Design-Iconic-Font";
	margin-right: 0.5rem;
	content: "";
	font-size: 1.5rem
}

.errorMessages span:after {
	content: ": "
}

.obliga {
	font-size: 0.8rem;
	color: #00AAF7 !important
}

.olvida, .registro {
	font-size: 0.8rem;
	margin-top: 1rem !important
}

.olvida {
	margin-bottom: 1rem !important;
	margin-top: 0rem !important
}

.registro {
	color: #048DBC !important;
	margin-bottom: 0.5rem !important
}

.obliga .zmdi {
	color: #074D87;
	margin-right: 0.5rem
}

.ojo {
	position: absolute;
	right: 0rem;
	bottom: 5.5rem;
	font-size: 2rem
}

.tables, .table {
	width: 100%;
	overflow: hidden;
	overflow-x: auto;
	overflow-y: hidden
}

th {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none
}

th.th-5 {
	width: 5%
}

th.th-10 {
	width: 10%
}

th.th-15 {
	width: 15%
}

th.th-20 {
	width: 20%
}

th.th-25 {
	width: 25%
}

th.th-30 {
	width: 30%
}

th.th-50 {
	width: 50%
}

th.th-75 {
	width: 75%
}

th.th-check {
	width: 5%
}

.table td, .table th {
	padding: 0.5rem;
	text-align: center;
	vertical-align: middle;
	border-left: 2px dotted
}

.table td:first-child, .table th:first-child {
	border: none
}

.table {
	border: 2px solid #048DBC;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	margin-bottom: 1.5rem;
	margin-top: 1rem
}

.table td, .table th, .table tr {
	border-color: #048DBC !important
}

.table tr {
	border-bottom: 1px solid #048DBC
}

.table tr:last-child {
	border-bottom: 2px solid #074D87
}

.table .tr-enlace {
	transition: all 0.3s ease;
	cursor: pointer
}

.table .tr-enlace:hover {
	background: #efefef
}

.table .tr-enlace:hover td {
	color: #FF4C00
}

.table .tr-enlace td {
	transition: all 0.3s ease
}

.table th {
	background: #d1ffa3;
	color: #475357;
	font-family: "Oswald", sans-serif;
	font-weight: 200;
	font-size: 1.3rem
}

.table .td-titulo {
	font-family: "Oswald", sans-serif;
	color: #475357;
	font-weight: 200;
	font-size: 1.2rem
}

.table .td-pie {
	background: #efefef;
	font-family: "Oswald", sans-serif;
	color: #475357;
	font-size: 1.4rem;
	font-weight: 200;
	border-left: 2px dotted #fff
}

.table td {
	color: #074D87
}

th.th-order {
	cursor: pointer
}

th.th-order:after {
	font-family: "Material-Design-Iconic-Font";
	margin-left: 0.5rem;
	content: "";
	color: #074D87
}

.th-active-1 {
	color: #074D87 !important
}

.th-active-1:after {
	content: "\f2fe" !important
}

.th-active-2 {
	color: #074D87 !important
}

.th-active-2:after {
	content: "\f303" !important
}

.table [type=checkbox]+label {
	margin-left: 0.2rem !important;
	margin-right: 0.2rem;
	width: 1.5rem !important;
	height: 1.5rem;
	padding: 0;
	position: relative;
	float: left
}

.documentos-descarga, .enlaces-interes {
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	border: 2px solid #048DBC
}

.documentos-descarga a, .enlaces-interes a {
	border-color: #00AAF7 !important
}

.documentos-descarga a:after, .enlaces-interes a:after {
	font-size: 2rem;
	float: right
}

.h4-documentos:before {
	font-family: "Material-Design-Iconic-Font";
	content: "";
	margin-left: 0.5rem;
	margin-right: 0.5rem
}

.documentos-descarga a:after {
	font-family: "Material-Design-Iconic-Font";
	content: "";
	margin-right: 0.5rem
}

.h4-enlaces:before {
	font-family: "Material-Design-Iconic-Font";
	content: "";
	margin-left: 0.5rem;
	margin-right: 0.5rem
}

.enlaces-interes a:after {
	font-family: "Material-Design-Iconic-Font";
	content: "";
	margin-right: 0.5rem
}

.collapsible-header, .collection a.collection-item, a, button {
	transition: all 0.3s ease;
	font-family: "Fjalla One", sans-serif;
	color: #00AAF7
}

.collapsible-header:hover, .collection a.collection-item:hover, a:hover,
	button:hover {
	color: #FF4C00
}

a:hover {
	color: #d34104
}

a.btn, button {
	font-family: "Fjalla One", sans-serif;
	color: #00AAF7;
	font-size: 1.1rem;
	text-transform: uppercase;
	color: #fff
}

a.btn:hover, button:hover {
	color: #FF4C00
}

a.btn:hover, button:hover {
	color: #efefef
}

a.btn-large.disabled, a.btn.disabled, button.btn-large.disabled, button.btn.disabled
	{
	background: #efefef !important;
	color: #475357 !important;
	cursor: default
}

a.btn-large.disabled i, a.btn.disabled i, button.btn-large.disabled i,
	button.btn.disabled i {
	color: #475357 !important
}

a.btn, a.btn-large, button.btn, button.btn-large {
	background: #66CBFA;
	padding: 0 1rem;
	margin-bottom: 0.5rem;
	margin-right: 0.5rem
}

a.btn-large:hover, a.btn:hover, button.btn-large:hover, button.btn:hover
	{
	background: #00AAF7
}

a.btn-floating:focus, a.btn-large:focus, a.btn:focus, button.btn-large:focus,
	button.btn:focus {
	background: #66CBFA;
	color: #fff
}

a.btn .zmdi, a.btn i, button.btn .zmdi, button.btn i {
	font-size: 1.5rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	color: #efefef;
	vertical-align: middle;
	padding-bottom: 0.3rem
}

.zmdi-a {
	color: #00AAF7;
	cursor: pointer;
	padding-left: 0.5rem
}

.zmdi-a:hover {
	color: #d34104
}

a.btn.btn-succes, a.editar-icono, button.btn-succes {
	background: #39C930
}

a.btn.btn-succes:hover, a.editar-icono:hover, button.btn-succes:hover {
	background: #34932C
}

a.btn.btn-info, a.ver-icono, button.btn-info {
	background: #66CBFA
}

a.btn.btn-info:hover, a.ver-icono:hover, button.btn-info:hover {
	background: #00AAF7
}

a.btn.btn-warning, button.btn-warning {
	background: #FF9300
}

a.btn.btn-warning:hover, button.btn-warning:hover {
	background: #BC7D31
}

a.borrar-icono, a.btn.btn-danger, button.btn-danger {
	background: #FF1720
}

a.borrar-icono:hover, a.btn.btn-danger:hover, button.btn-danger:hover {
	background: #B7302B
}

a.btn.btn-action, button.btn-action {
	background: #97DF89
}

a.btn.btn-action:hover, button.btn-action:hover {
	background: #97DF89
}

a.olvida:after {
	font-family: "Material-Design-Iconic-Font";
	margin-left: 0.5rem;
	content: "";
	font-size: 1rem
}

.btn-icono {
	width: 2rem;
	height: 2rem;
	text-align: center;
	margin-left: 0.2rem !important;
	margin-right: 0.2rem !important
}

.btn-icono i {
	margin: 0 !important;
	width: 2rem;
	height: auto;
	line-height: 2rem;
	position: relative;
	left: -1rem;
	top: -0.1rem;
	text-align: center
}

.botoncico {
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
	border: 2px solid #fff
}

.btn-busqueda-avanzada {
	padding: 0 0.2rem !important
}

.input-field {
	height: 3.8rem
}

.textarea {
	height: auto
}

input, textarea {
	color: #074D87 !important;
	font-size: 0.9rem !important;
	margin-top: 0.5rem !important;
	margin-bottom: 1.5rem !important;
	padding-left: 0.5rem !important;
	border-left: 1px dotted #048DBC !important;
	border-right: 1px dotted #048DBC !important;
	border-top: 1px dotted #048DBC !important;
	border-bottom: 2px solid #074D87 !important;
	background: #fff !important;
	height: 2.5rem !important
}

input:focus, textarea:focus {
	color: #00AAF7
}

input[type]:focus:not ([readonly] )+label, textarea:focus:not ([readonly]
	)+label {
	color: #d34104
}

input.invalid:hover, textarea.invalid:hover {
	border-color: #efefef !important
}

input.invalid:hover .select-wrapper span.caret, textarea.invalid:hover .select-wrapper span.caret
	{
	color: #efefef !important
}

input:hover, textarea:hover {
	border-color: #FF4C00 !important
}

input.valid, textarea.valid {
	border: 2px solid #39C930 !important;
	-webkit-box-shadow: 0px 0px 6px 0px #39C930 !important;
	-moz-box-shadow: 0px 0px 6px 0px #39C930 !important;
	box-shadow: 0px 0px 6px 0px #39C930 !important
}

input.valid input+label, textarea.valid input+label {
	color: #39C930 !important
}

input.invalid, input.invalid:focus, textarea.invalid, textarea.invalid:focus
	{
	border: 2px solid #FF1720 !important;
	-webkit-box-shadow: 0px 0px 6px 0px #FF1720 !important;
	-moz-box-shadow: 0px 0px 6px 0px #FF1720 !important;
	box-shadow: 0px 0px 6px 0px #FF1720 !important
}

input.invalid:focus input+label, input.invalid input+label, textarea.invalid:focus input+label,
	textarea.invalid input+label {
	color: #FF1720 !important
}

.campo-valido {
	border: 2px solid #39C930 !important;
	-webkit-box-shadow: 0px 0px 6px 0px #39C930 !important;
	-moz-box-shadow: 0px 0px 6px 0px #39C930 !important;
	box-shadow: 0px 0px 6px 0px #39C930 !important
}

.campo-valido input+label {
	color: #39C930 !important
}

.campo-invalido {
	border: 2px solid #FF1720 !important;
	-webkit-box-shadow: 0px 0px 6px 0px #FF1720 !important;
	-moz-box-shadow: 0px 0px 6px 0px #FF1720 !important;
	box-shadow: 0px 0px 6px 0px #FF1720 !important
}

.campo-invalido input+label {
	color: #FF1720 !important
}

input:focus:not ([readonly] ), textarea:focus:not ([readonly] ){
	border-color: #FF4C00 !important;
	box-shadow: 0 1px 0 0 #d34104 !important
}

input:focus:not ([readonly] )+label, textarea:focus:not ([readonly] )+label
	{
	color: #FF4C00
}

.file-path {
	color: #074D87 !important;
	font-size: 0.9rem !important;
	margin-top: 0.5rem !important;
	margin-bottom: 1.5rem !important;
	padding-left: 0.5rem !important;
	border-left: 1px dotted #048DBC !important;
	border-right: 1px dotted #048DBC !important;
	border-top: 1px dotted #048DBC !important;
	border-bottom: 2px solid #074D87 !important;
	background: #fff !important;
	height: 2.5rem !important
}

input:-webkit-autofill, textarea:-webkit-autofill {
	background: #fff !important;
	background-color: #fff !important
}

input:disabled {
	color: #C6C6C6;
	border-color: #efefef !important
}

.ojo {
	position: absolute;
	right: 0rem;
	top: -1.5rem;
	font-size: 2rem
}

.input-field .prefix {
	color: #074D87;
	text-align: right;
	padding-right: 0.5rem
}

.prefix.active {
	color: #d34104 !important
}

.prefix.disabled {
	color: #C6C6C6 !important
}

.prefix.active:after, .prefix.active:before {
	color: #d34104 !important
}

label.required:before {
	font-family: "Material-Design-Iconic-Font";
	content: "";
	margin-right: 0.2rem
}

.input-field label, .label {
	color: #074D87;
	font-size: 0.9rem;
	padding-left: 0.5rem;
	text-align: left;
	pointer-events: none
}

.label {
	font-size: 0.9rem
}

label.active {
	padding-bottom: 0 !important
}

.select-label {
	top: -1rem !important
}

.select-label:before {
	font-family: "Material-Design-Iconic-Font";
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	content: "";
	font-size: 1.2rem;
	transition: all 0.3s ease
}

.character-counter, .label, label {
	font-family: "Fjalla One", sans-serif
}

.character-counter {
	color: #074D87;
	margin-top: -1.5rem
}

[type=checkbox].filled-in:checked+label:after {
	border-color: #FF4C00;
	background: #FF4C00
}

[type=checkbox].filled-in:not (:checked )+label:after {
	border-color: #00AAF7;
	background: #fff
}

[type=checkbox]+label {
	position: relative;
	padding-left: 2rem
}

[type=checkbox]:checked+label:before {
	border-right: 2px solid #FF4C00;
	border-bottom: 2px solid #FF4C00
}

[type=checkbox]:not (:checked ):disabled+label:before {
	display: none
}

[type=checkbox]+label:before, [type=checkbox]:not (.filled-in )+label:after
	{
	border-color: #074D87
}

[type=checkbox].filled-in+label, [type=checkbox].filled-in:active+label,
	[type=checkbox].filled-in:checked+label, [type=checkbox].filled-in:not
	(:checked )+label {
	color: #074D87
}

[type=radio].with-gap:checked+label:after, [type=radio].with-gap:checked+label:before,
	[type=radio]:checked+label:after {
	border-color: #FF4C00
}

[type=radio]:not (:checked )+label:after, [type=radio]:not (:checked )+label:before
	{
	border-color: #048DBC
}

[type=radio].with-gap:checked+label:after, [type=radio]:checked+label:after
	{
	background-color: #FF4C00
}

[type=checkbox]+label, [type=radio]:not (:checked )+label {
	color: #074D87
}

[type=radio]:checked+label {
	color: #FF4C00 !important
}

[type=radio]:disabled+label {
	color: #efefef !important;
	cursor: default !important
}

.select-wrapper span.caret {
	font-size: 1rem;
	color: #048DBC;
	z-index: 1;
	pointer-events: none
}

.dropdown-content {
	min-width: 100%
}

.dropdown-content li {
	min-height: 2rem
}

.dropdown-content li>a, .dropdown-content li>span {
	color: #048DBC;
	font-size: 0.9rem;
	padding: 0.5rem;
	margin: 0;
	line-height: normal
}

.dropdown-content li>a:hover, .dropdown-content li>span:hover {
	color: #FF4C00
}

.select-dropdown li.disabled, .select-dropdown li.disabled>span,
	.select-dropdown li.optgroup {
	color: #074D87;
	cursor: default
}

.switch label .lever {
	background: #66CBFA;
	width: 30px
}

.switch label input[type=checkbox]:checked+.lever {
	background-color: #d34104
}

.switch label input[type=checkbox]+.lever {
	margin-left: 0.5rem;
	margin-right: 0.5rem
}

.switch label .lever:after {
	background: #efefef;
	border: 2px solid #fff
}

.switch label input[type=checkbox]:checked+.lever:after {
	background-color: #FF4C00;
	border: 2px solid #fff;
	left: 14px
}

.switch label {
	color: #FF4C00
}

.switch-disabled label .lever {
	background: #efefef
}

.switch-disabled label .lever:after {
	background: #475357
}

.switch-disabled label {
	color: #efefef;
	cursor: default
}

.rango {
	top: 1rem !important
}

.rango-datos-cont {
	margin-bottom: 1rem;
	margin-top: 1rem
}

.range-label, .rango {
	cursor: pointer
}

.datos-recogida {
	margin-top: 2rem;
	width: 100%;
	color: #FF4C00 !important
}

.dato {
	text-align: center;
	width: 50%;
	float: left;
	margin-right: 1rem;
	margin: 0 auto
}

.dato:first-child {
	border-right: 2px solid #efefef !important;
	padding-right: 1rem
}

.dato:before {
	content: "Valor: ";
	font-family: "Fjalla One", sans-serif;
	color: #074D87
}

.noUi-target .range-label {
	background: #FF4C00 !important;
	box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4);
	border: 2px solid #fff
}

.noUi-connect, .noUi-horizontal .noUi-handle {
	background: #074D87 !important
}

.chip .close {
	line-height: 0;
	color: #475357
}

.chips .input {
	border: none !important;
	margin-bottom: 0 !important;
	background: none !important
}

.palabras-clave label {
	font-size: 0.9rem !important;
	-webkit-transform: translateY(-140%) !important;
	-ms-transform: translateY(-140%) !important;
	transform: translateY(-140%) !important
}

.chips-placeholder input:-moz-placeholder, .chips-placeholder input:-ms-input-placeholder,
	.chips-placeholder input::-moz-placeholder, .chips-placeholder input::-webkit-input-placeholder
	{
	color: #00AAF7 !important;
	font-weight: 700
}

.chips {
	border-bottom: 2px solid #074D87
}

.chips.focus {
	border-bottom: 2px solid #FF4C00;
	box-shadow: 0 1px 0 0 #d34104
}

.chips .chip.selected {
	background-color: #e4e4e4;
	color: rgba(0, 0, 0, 0.6)
}

.file-path {
	margin-top: 0 !important
}

::-webkit-input-placeholder {
	color: #C6C6C6 !important;
	font-size: 0.8rem;
	font-weight: 300
}

:-moz-placeholder {
	color: #C6C6C6 !important;
	font-size: 0.8rem;
	font-weight: 300
}

::-moz-placeholder {
	color: #C6C6C6 !important;
	font-size: 0.8rem;
	font-weight: 300
}

:-ms-input-placeholder {
	color: #C6C6C6 !important;
	font-size: 0.8rem;
	font-weight: 300
}

.subir {
	padding: 2rem;
	border: 3px dashed #efefef
}

.arrastrar {
	font-family: "Oswald", sans-serif;
	color: #efefef;
	font-size: 2rem
}

#delete-select {
	position: absolute;
	right: 1.5rem;
	top: 2.5rem;
	font-size: 2.5rem
}

.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 5px
}

.validatr-message {
	display: none !important
}

.errorMessages {
	text-align: left;
	display: none;
	background: #FF9300;
	max-width: 20rem;
	margin: 0 auto;
	vertical-align: middle;
	border-radius: 0.2rem;
	border: 2px solid #FF1720;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2)
}

.errorMessages li {
	padding-left: 1rem;
	padding-bottom: 0.5rem;
	padding-top: 0.3rem;
	border-bottom: 2px dotted #FF1720
}

.errorMessages li:last-child {
	border: none
}

.errorMessages, .errorMessages span {
	font-family: "Fjalla One", sans-serif;
	color: #B7302B
}

.errorMessages span {
	color: #FF4C00;
	font-size: 1rem
}

.errorMessages span:before {
	color: #d34104;
	font-family: "Material-Design-Iconic-Font";
	margin-right: 0.5rem;
	content: "";
	font-size: 1.5rem
}

.errorMessages span:after {
	content: ": "
}

.obliga {
	font-size: 0.8rem;
	color: #00AAF7
}

.olvida, .registro {
	font-size: 0.8rem;
	margin-top: 1rem
}

.olvida {
	margin-bottom: 1rem;
	margin-top: 0rem
}

.registro {
	color: #048DBC;
	margin-bottom: 0.5rem
}

.obliga .zmdi {
	color: #074D87;
	margin-right: 0.5rem
}

.picker__frame select{
    font-size: 1rem;
    @include font-a;
}

.picker__date-display{
    background: $color-2;
}

.picker__today{
    display: none;
}

.picker__close, .picker__today{
    background: $color-succes-1;
    color: $color-blanco;
}

.picker__close:hover, .picker__today:hover{
    background: $color-succes-2;
    color: $color-blanco;
}

.picker__clear{
    background: $color-danger-1;
    color: $color-blanco;
}

.picker__clear:hover{
    background: $color-danger-2;
    color: $color-blanco;
}

.picker__day{
    color: $color-2;
}

.picker__day:hover{
    color: $color-a;
}

.picker__day--selected, .picker__day--highlighted{
    color: $color-blanco !important;
}

.picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected {
    background:  $color-a-h;
}

slect{
    font-size: 0.8rem;
}

.preloader-background {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	background-color: #eee;
	position: fixed;
	z-index: 2000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}

.no-row {
	margin: 0 !important;
	padding: 0 !important
}

.margin-bottom {
	margin-bottom: 1rem !important
}

.margin-bottom-2 {
	margin-bottom: 2rem !important
}

.margin-top {
	margin-top: 1rem !important
}

.center-center-relative {
	position: relative;
	left: 50%;
	-webkit-transform: translateX(-50%) !important;
	-ms-transform: translateX(-50%) !important;
	transform: translateX(-50%) !important
}

body, html {
	width: 100%;
	height: 100%;
	font-family: "Roboto", sans-serif;
	color: #163C56;
	font-size: 0.9rem
}

body {
	overflow-x: hidden
}

.container {
	max-width: 100%;
	width: 100%;
	padding: 1rem 2rem 1rem 2rem;
	border-top: 1px solid #efefef
}

.container-gaia {
	float: left
}

.divider {
	width: 100%
}

.scroll {
	font-size: 3rem;
	color: #fff;
	width: 3rem;
	height: 3rem;
	background: rgba(2, 105, 190, 0.8);
	position: fixed;
	bottom: 0.5rem;
	right: 1rem;
	z-index: 100;
	cursor: pointer;
	text-align: center;
	line-height: 0;
	background: #074D87
}

.scroll-top {
	display: none
}

.gaia {
	font-family: "Merienda", cursive;
	letter-spacing: -0.03rem;
	color: #048DBC
}

.gaia-home {
	font-family: "Merienda", cursive;
	letter-spacing: -0.03rem;
	color: #d1ffa3
}

strong {
	font-weight: 700
}

h1 {
	font-family: "Oswald", sans-serif;
	color: #074D87;
	font-size: 3rem
}

h2 {
	font-family: "Oswald", sans-serif;
	color: #048DBC;
	font-size: 2.5rem
}

h3 {
	font-family: "Oswald", sans-serif;
	color: #048DBC;
	font-size: 2.2rem
}

h4 {
	font-family: "Oswald", sans-serif;
	color: #00AAF7;
	font-size: 2rem
}

h5 {
	font-family: "Oswald", sans-serif;
	color: #00AAF7;
	font-size: 2rem
}

h5:before {
	font-family: "Material-Design-Iconic-Font";
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	content: "";
	font-size: 1.2rem;
	transition: all 0.3s ease;
	color: #048DBC;
	vertical-align: middle
}

p i {
	margin-right: 0.5rem
}

.pie {
	font-family: "Oswald", sans-serif;
	color: #66CBFA;
	border-top: 1px dotted #efefef;
	padding-top: 0.2rem;
	text-align: center
}

.h5-titulillo {
	font-size: 1.5rem
}

.nav-sub-nav {
	position: relative;
	float: left;
	line-height: 2.5rem
}

.cont-nav-menu-sec {
	width: 100%;
	min-height: 2.5rem;
	background: #048DBC;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2)
}

.nav-sec {
	min-height: 2.5rem;
	color: #fff;
	position: absolute;
	font-family: "Fjalla One", sans-serif;
	color: #00AAF7
}

.nav-sec:hover {
	color: #FF4C00
}

.nav-sec .dropdown-content li {
	min-height: 2.5rem
}

.nav-sec .dropdown-content li a {
	line-height: 2.5rem
}

.nav-sec a {
	color: #fff;
	font-weight: 200;
	font-size: 0.9rem
}

.nav-sec a:before {
	font-family: "Material-Design-Iconic-Font";
	content: "";
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	margin-left: 0;
	color: #074D87
}

.nav-sec .dropdown-button.active, .nav-sec .dropdown-button.active a,
	.nav-sec .dropdown-button:focus, .nav-sec a:focus, .nav-sec a:hover {
	background: #d1ffa3 !important;
	color: #074D87 !important;
	pointer-events: all !important
}

.nav-sec .dropdown-button.active a:after, .nav-sec .dropdown-button.active a:before,
	.nav-sec .dropdown-button.active a a:after, .nav-sec .dropdown-button.active a a:before,
	.nav-sec .dropdown-button:focus a:after, .nav-sec .dropdown-button:focus a:before,
	.nav-sec a:focus a:after, .nav-sec a:focus a:before, .nav-sec a:hover a:after,
	.nav-sec a:hover a:before {
	color: #074D87 !important
}

ul.nav-sec li.active {
	background: #074D87
}

ul.nav-sec li.active a {
	pointer-events: none
}

ul.nav-sec li.active a:before {
	color: #fff
}

.nav-sec .dropdown-button a:after {
	font-family: "Material-Design-Iconic-Font";
	content: "";
	margin-left: 0.5rem;
	margin-left: 0.5rem;
	color: #fff;
	font-size: 1.2rem
}

.nav-sec .dropdown-content {
	overflow: visible;
	min-width: 14rem !important;
	background: #fff;
	border: 2px solid #048DBC
}

.nav-sec .dropdown-content li a {
	border-bottom: 1px dotted #048DBC;
	font-size: 0.9rem;
	color: #074D87
}

.nav-sec .dropdown-content li a:before {
	color: #048DBC;
	content: "\f2fb"
}

.nav-sec .dropdown-content li a:hover {
	background: #d1ffa3;
	color: #074D87
}

.nav-sec .dropdown-content li a:hover:before {
	color: #074D87
}

.nav-sec .dropdown-content .dropdown-button a:after {
	font-family: "Material-Design-Iconic-Font";
	content: "";
	margin-left: 0.5rem;
	color: #048DBC;
	float: right
}

.nav-sec .dropdown-content .dropdown-button:hover a:after {
	color: #fff
}

.nav-sec-sub-3 {
	left: 100% !important;
	top: 0 !important;
	width: auto !important
}

.breadcrumb:before {
	font-family: "Material-Design-Iconic-Font";
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	content: "";
	font-size: 1.2rem;
	transition: all 0.3s ease;
	color: #00AAF7;
	vertical-align: middle
}

.miguita {
	position: relative;
	left: 2rem;
	padding-top: 0.5rem;
	width: 100%;
	float: left;
	margin-bottom: 0.2rem
}

.miguita a {
	color: #00AAF7;
	font-size: 0.8rem
}

.breadcrumb:last-child {
	color: #074D87
}

.cabecera-interior {
	float: left;
	width: 100%;
/* 	height: 10rem; */
	padding-left: 1rem;
	padding-right: 1rem;
	border-bottom: 2px solid #efefef
}

.cabecera-interior h1, .cabecera-interior h2 {
	margin: 0;
	padding-top: 0.5rem;
	float: left
}

.cabecera-interior h2 {
	font-size: 2rem;
	padding-top: 1.4rem;
	padding-left: 1rem
}

.cabecera-interior h2:before {
	content: "/";
	color: #00AAF7;
	margin-right: 0.5rem
}

.cabecera-gaia {
	background: #fff url("../img/ban1.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.cabecera-tipos {
	background: #fff url("../img/ban2.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.cabecera-gestion {
	background: #fff url("../img/ban3.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.cabecera-listislacion {
	background: #fff url("../img/ban4.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.cabecera-tramites {
	background: #fff url("../img/ban5.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.cabecera-servicios {
	background: #fff url("../img/ban6.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.cabecera-mis {
	background: #fff url("../img/ban7.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.cabecera-gestor {
	background: #fff url("../img/ban10.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.cabecera-busqueda {
	background: #fff url("../img/ban11.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.cabecera-mapa {
	background: #fff url("../img/ban12.png");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.buscador-principal {
	position: relative;
	height: 2.5rem;
	margin: 0 auto;
	margin-bottom: 2rem;
	width: 40rem;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2)
}

.buscador-principal .input-field label {
	position: absolute;
	left: 0 !important;
	top: 0.4rem
}

.buscador-principal .input-field label.active {
	-webkit-transform: none;
	-ms-transform: none;
	transform: none
}

.buscador-principal .input-field input[type=search], .buscador-principal .input-field input[type=search]:focus,
	.buscador-principal .input-field input[type=search]:hover {
	padding-left: 3rem !important;
	width: calc(100% - 3rem);
	background: #fff !important
}

.buscador-principal .input-field input[type=search] ~.zmdi,
	.buscador-principal .input-field input[type=search] ~.zmdi-buscar {
	position: absolute;
	top: 0;
	right: 1rem;
	color: transparent;
	cursor: pointer;
	font-size: 2rem;
	transition: .3s color;
	line-height: 2.5rem
}

.buscador-principal .input-field label i {
	color: #66CBFA;
	font-size: 2rem
}

.buscador-principal .input-field input[type=search]:focus+label i,
	.buscador-principal .input-field input[type=search]:focus ~.zmdi,
	.buscador-principal .input-field input[type=search]:focus ~.zmdi-close
	{
	color: #048DBC
}

.buscador-principal .input-field label.active i {
	color: #00AAF7
}

.input-field input[type=search]::-ms-clear {
	display: none
}

.icono-busqueda-avanzada {
	position: absolute;
	right: -3rem;
	top: 0;
	height: 2.5rem;
	width: 2.5rem;
	background: #048DBC;
	font-size: 2rem;
	line-height: 2.5rem;
	border-radius: 2px;
	color: #fff;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2)
}

.icono-busqueda-avanzada:hover {
	color: #fff;
	background: #074D87
}

.carousel.carousel-slider {
	min-height: 100vh
}

.carousel.carousel-slider .carousel-fixed-item.with-indicators {
	top: 13rem;
	height: 6rem
}

.carousel.carousel-slider .carousel-item {
	padding-top: 20rem
}

.carousel .indicators .indicator-item {
	height: 3rem;
	width: 3rem;
	margin: 0.5rem
}

.item-1 {
	background: #fff url("../img/back-1.jpg");
	background-position: center -300px !important;
	background-size: cover;
	background-repeat: no-repeat
}

.item-2 {
	background: #fff url("../img/back-2.jpg");
	background-position: center !important;
	background-size: cover;
	background-repeat: no-repeat
}

.item-3 {
	background: #fff url("../img/back-3.jpg");
	background-position: center !important;
	background-size: cover;
	background-repeat: no-repeat
}

.item-4 {
	background: #fff url("../img/back-4.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.cont-item {
	-ms-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
	text-align: left;
	width: 50%;
	margin-left: 2rem;
	padding-left: 0.5rem;
	padding-right: 0.5rem;
	padding-bottom: 3.5rem;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0
		rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
	border-radius: 0.5rem;
	border: 2px solid
}

.cont-item-1 {
	background: rgba(92, 184, 92, 0.7);
	border-color: #34932C
}

.cont-item-1 h2 i {
	font-size: 3.5rem;
	color: #66CBFA
}

.cont-item-2 h2 i {
	font-size: 3.5rem;
	color: #66CBFA
}

.cont-item-3 h2 i {
	font-size: 3.5rem;
	color: #66CBFA
}

.cont-item-2 {
	background: rgba(91, 192, 222, 0.7);
	border-color: #048DBC
}

.cont-item-3 {
	background: rgba(240, 173, 78, 0.7);
	border-color: #BC7D31
}

.cont-item h2, .cont-item h3, .cont-item p {
	color: #fff;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5)
}

.carousel.carousel-slider .carousel-item p {
	font-size: 1.5rem
}

.carousel.carousel-slider .carousel-item h2 {
	font-size: 3rem;
	text-transform: uppercase
}

.cont-item h3 {
	color: #074D87
}

#container-video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}

#video-back {
	position: absolute;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	-webkit-transition: 1s opacity;
	transition: 1s opacity;
	background: #048DBC
}

.portada {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #048DBC url("../img/back-video.jpg");
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat
}

.lista-gaia {
	list-style-image: url("../img/bullet-gaia.png");
	padding: 0.5rem 1rem 0.5rem 2.5rem !important;
	background: #efefef
}

.lista-gaia li {
	margin-bottom: 0.8rem
}

.legiDetail ul{
    padding-left: 40px;
    list-style-type: disc;
}

.legiDetail ul li{
    list-style-type: disc;
}

:not(.legiDetail ol li) ol li {
	font-family: "Merienda", cursive;
	letter-spacing: -0.03rem;
	margin-bottom: 0.8rem;
	font-size: 1rem
}

.card-gaia {
	background: #048DBC;
	font-family: "Merienda", cursive;
	letter-spacing: -0.03rem;
	font-size: 1.2rem;
	color: #fff
}

.cabecera-novedades {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	line-height: 1.5rem !important;
	padding: 2.4rem 1rem 1rem 1rem !important
}

.novedades {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0
		rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2)
}

.novedades a.collection-item {
	color: #00AAF7;
	background-color: rgba(255, 255, 255, 0.5);
	font-size: 0.9rem
}

.novedades a.collection-item:hover, .novedades a.collection-item:not (.active
	):hover {
	color: #fff;
	background-color: #074D87
}

.fecha {
	margin-right: 0.5rem;
	padding-right: 0.5rem;
	color: #FF4C00;
	border-right: 2px solid #efefef;
	font-size: 0.7rem;
	font-weight: 100
}

.mas-novedades {
	font-size: 0.8rem
}

.mas-novedades:hover {
	color: #FF4C00 !important;
	background: none !important
}

.mas-novedades:after {
	font-family: "Material-Design-Iconic-Font";
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	content: "";
	font-size: 1.2rem;
	transition: all 0.3s ease
}

.sabias:after {
	font-family: "Material-Design-Iconic-Font";
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	content: "";
	font-size: 1.2rem;
	transition: all 0.3s ease;
	margin-right: 0.5rem;
	padding-right: 0.5rem;
	color: #FF4C00;
	border-right: 2px solid #efefef
}

.sabias-que:before {
	font-family: "Material-Design-Iconic-Font";
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	content: "";
	font-size: 1.2rem;
	transition: all 0.3s ease
}

.para-ti-1:before {
	content: "\f211";
	font-family: "Material-Design-Iconic-Font";
	margin-right: 0.5rem;
	transition: all 0.3s ease;
	font-size: 1.5rem
}

.para-ti-2:before {
	content: "\f3d7";
	font-family: "Material-Design-Iconic-Font";
	margin-right: 0.5rem;
	transition: all 0.3s ease;
	font-size: 1.5rem
}

.para-ti-3:before {
	content: "\f154";
	font-family: "Material-Design-Iconic-Font";
	margin-right: 0.5rem;
	transition: all 0.3s ease;
	font-size: 1.5rem
}

.para-ti-4:before {
	content: "\f327";
	font-family: "Material-Design-Iconic-Font";
	margin-right: 0.5rem;
	transition: all 0.3s ease;
	font-size: 1.5rem
}

.para-ti-5:before {
	content: "\f20b";
	font-family: "Material-Design-Iconic-Font";
	margin-right: 0.5rem;
	transition: all 0.3s ease;
	font-size: 1.5rem
}

.para-ti-6:before {
	content: "\f112";
	font-family: "Material-Design-Iconic-Font";
	margin-right: 0.5rem;
	transition: all 0.3s ease;
	font-size: 1.5rem
}

.card-localiza .card-image {
	max-height: 4.5rem;
	overflow: hidden
}

.card-localiza .card-title {
	margin: 0;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem;
	font-family: "Oswald", sans-serif;
	font-size: 1.2rem;
	font-weight: 300;
	line-height: 2rem !important;
	width: 100%;
	background: #048DBC;
	color: #fff !important;
	z-index: 1
}

.card-localiza .card-title:before {
	font-family: "Material-Design-Iconic-Font";
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	content: "";
	font-size: 1.2rem;
	transition: all 0.3s ease
}

.card-localiza .card-content {
	padding: 0 !important
}

.divider-localiza {
	height: 1rem;
	background: #fff;
	border-top: 2px solid #efefef;
	border-bottom: 2px solid #efefef
}

.card-ti .card-image {
	max-height: 12rem
}

.card-ti .card-content {
	padding-bottom: 0.5rem;
	padding-top: 0.5rem
}

.card-ti .card-content .card-title {
	font-family: "Fjalla One", sans-serif;
	color: #00AAF7;
	font-size: 1.2rem;
	line-height: 2rem
}

.card-ti .card-content .card-title:hover {
	color: #FF4C00
}

.card-ti .card-content .card-title:hover {
	color: #FF4C00
}

.card-ti .card-content .card-title i {
	font-size: 2rem
}

.card-ti .card-reveal {
	padding: 0.5rem 1rem 0.5rem 1rem
}

.card-ti .card-reveal .card-title {
	font-family: "Oswald", sans-serif;
	color: #00AAF7;
	font-size: 2rem;
	font-weight: 300;
	font-size: 1.5rem;
	color: #fff;
	margin-top: 1rem;
	margin-bottom: 0.5rem
}

.card-ti .card-reveal p, .card-tipo .card-reveal p {
	font-size: 1rem
}

.card-ti .card-reveal i, .card-tipo .card-reveal i {
	font-size: 2rem;
	position: absolute;
	right: 0.5rem;
	top: 0.5rem
}

.card-ti .card-reveal {
	background: #00AAF7;
	color: #fff
}

#toast-container {
	position: fixed !important;
	top: 50% !important;
	left: 1% !important;
	max-width: 90%
}

.toast {
	background: #074D87;
	position: fixed !important;
	top: 50% !important;
	left: 1% !important;
	max-width: 90%;
	height: 2rem
}

.toast:after {
	font-family: "Material-Design-Iconic-Font";
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	content: "";
	font-size: 1.2rem;
	transition: all 0.3s ease;
	margin-left: 1rem;
	font-size: 2rem
}

.ocultar-mod:after {
	font-family: "Material-Design-Iconic-Font";
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	content: "";
	font-size: 1.2rem;
	transition: all 0.3s ease
}

.mostrar-mod:after {
	font-family: "Material-Design-Iconic-Font";
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	content: "";
	font-size: 1.2rem;
	transition: all 0.3s ease
}

.modulo-solicitud {
	display: block;
	line-height: 1rem;
	padding-bottom: 0.5rem
}

.modulo {
	height: 16rem;
	max-height: 16rem;
	z-index: 0
}

.mod-des {
	padding: 0.5rem;
	background: #048DBC;
	color: #9ce0ff;
	line-height: 1.2rem;
	min-height: 6rem;
	max-height: 6rem;
	overflow-y: auto;
	font-family: "Oswald", sans-serif;
	font-weight: 100;
	font-size: 1rem;
	margin-bottom: 1rem;
	background: #048DBC url("../img/fondo-info.png");
	background-position: right bottom;
	background-size: 50%;
	background-repeat: no-repeat
}

.mod-interior {
	margin-top: 2rem;
	border-bottom: 2px solid #efefef;
	background: #efefef
}

.modulo .btn {
	margin: 0 auto;
	margin: 0 0 0 0;
	font-size: 1rem
}

.modulo .btn .txt-acceso {
	font-size: 0.8rem
}

.modulo .card-content {
	padding: 0.5rem;
	text-align: center
}

.modulo .card-action {
	text-align: center;
	padding: 0.5rem 0.5rem 0.5rem 0.5rem
}

.zmdi-modulo {
	font-size: 6.5rem;
	line-height: 7rem;
	margin: 0 !important;
	padding: 0 !important;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.zmdi-modulo-reg {
	font-size: 6.5rem;
	line-height: 7rem;
	margin: 0 !important;
	padding: 0 !important;
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	font-size: 6rem;
	line-height: 5rem
}

.modulo h4 {
	font-family: "Merienda", cursive;
	letter-spacing: -0.03rem;
	font-size: 1.2rem;
	padding: 0;
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px dotted #048DBC
}

.e {
	font-size: 1.4rem;
	font-weight: 700
}

.modulo.mod-activo h4 {
	color: #048DBC
}

.modulo.mod-activo {
	color: #074D87;
	background-color: #97DF89
}

.modulo.mod-inactivo {
	color: #475357;
	background: #efefef
}

.pedir-acceso {
	position: absolute;
	top: 0;
	height: 12.5rem;
	text-align: center;
	background: rgba(0, 0, 0, 0.6);
	padding: 0.5rem;
	padding-top: 3rem;
	color: #efefef;
	border: 4px solid #efefef;
	font-size: 0.7rem;
	text-transform: uppercase
}

.modulo.mod-inicial {
	color: #048DBC;
	background: #9ce0ff
}

.modulo.mod-inicial .card-action {
	display: none
}

.modulo.mod-inicial .e {
	color: #66CBFA
}

.divider-tipos {
	height: 4px
}

.card-tipo {
	height: auto;
	max-height: inherit
}

.card-tipo .card-image {
	max-height: 20rem
}

.card-tipo .card-image img {
	top: -2rem
}

.card-tipo .collection {
	margin: 0;
	border: none
}

.card-tipo .card-reveal {
	padding-bottom: 0;
	padding-top: 0;
	background: rgba(0, 0, 0, 0.8)
}

.card-tipo .collection a.collection-item {
	padding-left: 0.5rem
}

.card-tipo .collection a.collection-item:before {
	font-family: "Material-Design-Iconic-Font";
	margin-left: 0.3rem;
	margin-right: 0.3rem;
	content: "";
	font-size: 1.2rem;
	transition: all 0.3s ease
}

.titulo-bloque {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 1.2rem;
	color: #475357;
	border-bottom: 1px solid #efefef
}

.titulo-bloque i {
	color: #074D87;
	font-size: 2rem
}

.destacado {
	padding: 0.2rem;
	cursor: pointer;
	border-top: 2px solid #048DBC;
	border-bottom: 2px solid #048DBC;
	border-left: 1px solid #048DBC;
	border-right: 1px solid #048DBC;
	transition: all 0.3s ease
}

.destacado:hover {
	border-color: #d34104
}

.destacado:hover .i-destacamos, .destacado:hover .i-destacamos-mas,
	.destacado:hover .p-destacamos-1 {
	color: #d34104
}

.i-destacamos {
	font-size: 6rem;
	margin-bottom: 0.5rem;
	margin-top: 0.5rem;
	color: #048DBC;
	transition: all 0.3s ease
}

.i-destacamos-mas {
	position: absolute;
	right: 0.2rem;
	bottom: 0.2rem;
	font-size: 2rem;
	color: #048DBC;
	transition: all 0.3s ease
}

.p-destacamos-1 {
	font-family: "Fjalla One", sans-serif;
	color: #00AAF7;
	margin-top: 0;
	margin-bottom: 0.5rem;
	transition: all 0.3s ease
}

.p-destacamos-1:hover {
	color: #FF4C00
}

.p-destacamos-1 i {
	margin-left: -1.5rem;
	font-size: 2rem;
	vertical-align: middle;
	float: right;
	line-height: 1.2rem
}

.p-destacamos-2 {
	margin-top: 0.5rem !important;
	font-family: "Oswald", sans-serif;
	font-weight: 100;
	color: #048DBC !important
}

.card-buscador {
	padding: 1rem 2rem 1rem 1rem !important;
	border: 2px solid #048DBC;
	z-index: 1
}

.gestor-subida {
	padding: 1rem 1.5rem 3rem 1.5rem;
	margin: 0.5rem 0 1rem 0;
	border: 2px dashed #efefef
}

.gestor-subida .file-field .file-path-wrapper {
	padding: 0 !important;
	margin: 0 !important;
	margin-right: 0 !important
}

.gestor-subida .file-field input.file-path {
	width: 98%;
	border: none !important;
	border-bottom: 1px solid #00AAF7 !important;
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.14) !important
}

.gestor-subida .file-field input.file-path.valid {
	box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.14) !important
}

.gestor-subida .archivos-admitidos {
	position: absolute;
	margin-top: 0;
	font-family: "Oswald", sans-serif;
	font-size: 1rem;
	color: #C6C6C6
}

.gestor-subida .archivos-admitidos .archivos {
	font-size: 2rem
}

.collection.legislacion {
	overflow: visible;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2)
}

.cabecera-list, .pie-list {
	padding: 0.5rem !important
}

.cabecera-list h4 {
	padding-left: 2rem
}

.cabecera-list h4 i {
	font-size: 2rem;
	color: #00AAF7;
	position: absolute;
	left: 1rem
}

.decreto {
	font-family: "Roboto", sans-serif;
	color: #163C56;
	font-size: 0.9rem;
	pointer-events: none;
	color: #C6C6C6
}

.pie-list .numero-pagina-container {
	left: 3rem;
	position: relative;
	width: 0;
	z-index: 1
}

.pie-list .numero-pagina {
	position: relative;
	left: 0;
	width: 4rem;
	padding: 0
}

.pie-list .numero-pagina .select-wrapper span.caret {
	position: absolute;
	font-size: 1rem;
	margin: 0;
	right: 0.5rem;
	top: 0.6rem
}

.pie-list .numero-pagina input {
	margin: 0 !important;
	height: 2rem !important;
	width: 3rem
}

.pagina-right, .pie-list .pagina-left {
	font-family: "Roboto", sans-serif;
	color: #163C56;
	font-size: 0.9rem;
	color: #00AAF7 !important;
	font-size: 0.8rem;
	font-weight: 300;
	left: 0;
	top: 0.3rem;
	position: absolute
}

.pie-list .pagina-left {
	left: -3rem
}

.pie-list .pagina-right {
	left: 4rem
}

.pie-list .pagination {
	margin: 0;
	margin-right: 1rem;
	padding-top: 0.2rem;
	width: auto;
	float: left;
	text-align: left
}

.pie-list .pagination li {
	width: 2rem;
	padding-left: 0.2rem;
	padding-right: 0.2rem
}

.pie-list .pagination li a {
	line-height: 2rem;
	color: #048DBC;
	font-size: 1rem
}

.pie-list .pagination li i {
	font-size: 3rem;
	line-height: 2rem
}

.pie-list .pagination li.active {
	background-color: #074D87
}

.pie-list .pagination li.active a {
	color: #fff
}

.pie-list .ir-a {
	margin: 0
}

.pie-list .paginica {
	max-width: 2rem;
	max-height: 2rem;
	text-align: center;
	padding: 0 !important;
	margin: 0 !important
}

.pie-list .ir-a button {
	font-size: 0.7rem;
	height: 2rem;
	width: 2rem;
	line-height: 0rem;
	margin: 0;
	padding: 0
}

.btn-legislacion {
	padding: 0 !important;
	padding: 1.5rem 0 0 0 !important
}

.cabecera-list h4 {
	font-size: 1.5rem;
	margin: 1rem;
	line-height: 2rem
}

.detalle-legislacion {
	font-size: 1.1rem;
	color: #C6C6C6
}

.detalle-legislacion .detalle-titulo {
	font-family: "Oswald", sans-serif;
	color: #074D87
}

.detalle-legislacion p {
	border-bottom: 2px dotted #efefef;
	padding-bottom: 0.5rem;
	padding-left: 2rem
}

.detalle-legislacion p:last-child {
	border: none;
	padding-bottom: 0
}

.formulario-app .label-2 {
	font-family: "Oswald", sans-serif;
	font-size: 0.9rem;
	font-weight: 200;
	color: #C6C6C6;
	text-align: left;
	width: 90%;
	position: relative;
	top: -1.2rem;
	left: 0.5em;
	margin-bottom: 1rem;
	margin-top: 0;
	padding-left: 0.5rem;
	border-bottom: 1px dotted #C6C6C6;
	border-left: 1px dotted #C6C6C6
}

.formulario-app h4 {
	text-align: center;
	font-size: 1.2rem;
	padding-bottom: 0.5rem;
	border-bottom: 2px solid #efefef
}

.casilla-calculo {
	margin: 0 0 1.5rem 0 !important;
	padding: 0.5rem;
	width: calc(100% + 1rem);
	border-radius: 4px;
	border: 1px solid #efefef;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2)
}

.casilla-calculo .input-field {
	padding-left: 0
}

.casilla-calculo .input-field label {
	padding-left: 0
}

.label-3 {
	margin: 0 0 1rem 0;
	padding-top: 0.5rem;
	padding-left: 3rem;
	font-family: "Oswald", sans-serif;
	color: #00AAF7;
	font-size: 1rem
}

.numero-calculo {
	position: absolute;
	margin-left: -3rem;
	margin-top: -0.5rem;
	border-radius: 100%;
	background: #efefef;
	color: #C6C6C6;
	font-size: 1.5rem;
	padding: 0.2rem 1rem;
	text-align: center
}

.i-calculo {
	position: absolute;
	margin-left: -3rem;
	margin-top: -0.5rem;
	border-radius: 100%;
	background: #efefef;
	color: #C6C6C6;
	font-size: 1.5rem;
	padding: 0.5rem;
	width: 2.5rem;
	text-align: center
}

.p-calculo {
	margin-top: 0
}

.resultado-calculo {
	background: #00AAF7;
	padding: 2rem 0.6rem 5.5rem 0;
	text-align: center
}

.resultado-calculo .label-2, .resultado-calculo label {
	color: #fff !important;
	border-color: #fff !important
}

.resultado-calculo .label-2 {
	text-align: center;
	padding: 0;
	border: none;
	font-size: 1.2rem;
	font-weight: 200
}

.resultado-calculo label {
	font-size: 0.9rem !important;
	padding: 0;
	width: 100%;
	text-align: center;
	margin-left: -0.8rem !important;
	-webkit-transform: translateY(-150%) !important;
	-ms-transform: translateY(-150%) !important;
	transform: translateY(-150%) !important
}

.resultado-calculo .input-field {
	text-align: center
}

.resultado-calculo input, .resultado-calculo input:focus {
	width: 50%;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.2);
	text-align: center;
	font-size: 1.2rem !important;
	font-family: "Oswald", sans-serif;
	border: 2px solid #074D87 !important;
	border-radius: 4px;
	padding: 10% 0;
	pointer-events: none
}

.campos-obligatorios {
	font-family: "Oswald", sans-serif;
	font-size: 1.2rem;
	text-align: center
}

.mapa-web-1 .col.m1 {
	width: 11.1%;
	border-left: 1px solid #efefef
}

.mapa-web h3 {
	font-size: 1.4rem;
	color: #C6C6C6;
	line-height: 1.5rem;
	padding-left: 1.5rem;
	margin: 0.5rem 0
}

.mapa-web h3:before {
	position: absolute;
	margin-left: -1.5rem
}

.mapa-web a h3 {
	color: #048DBC;
	transition: all 0.3s ease
}

.mapa-web a h3:hover {
	color: #d34104
}

.mapa-web a h3:hover:before {
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-backface-visibility: visible;
	backface-visibility: visible;
	-webkit-animation-name: flip;
	animation-name: flip;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}

.mapa-web h3:before {
	font-family: "Material-Design-Iconic-Font";
	content: "";
	margin-right: 0.5rem
}

.mapa-web-1 h3 {
	font-size: 1rem !important;
	text-align: left
}

.mapa-web-1 h3:before {
	font-family: "Material-Design-Iconic-Font";
	content: "";
	margin-right: 0.5rem
}

.mapa-web-2 a h3 {
	color: #00AAF7
}

.mapa-web-3 a h3 {
	color: #66CBFA
}

.mapa-web-3, .mapa-web-4 {
	border-bottom: 1px solid #66CBFA
}

.mapa-web-2 h3 {
	font-size: 0.9rem !important;
	text-align: left;
	padding-left: 2.5rem
}

.mapa-web-2 h3:before {
	font-family: "Material-Design-Iconic-Font";
	content: "";
	margin-right: 0.5rem;
	margin-left: -1.2rem
}

.mapa-web-3 h3 {
	font-size: 0.8rem !important;
	text-align: left;
	padding-left: 3.5rem
}

.mapa-web-3 h3:before {
	font-family: "Material-Design-Iconic-Font";
	content: "";
	margin-right: 0.5rem;
	margin-left: -1rem
}

.mapa-web-4 h3 {
	font-size: 0.7rem !important;
	text-align: left;
	padding-left: 4.5rem
}

.mapa-web-4 h3:before {
	font-family: "Material-Design-Iconic-Font";
	content: "";
	margin-right: 0.5rem;
	margin-left: -1rem;
	font-size: 0.5rem !important
}

@media only screen and (min-width:993px) {
	.row .col.l8-2 {
		width: 12.5%
	}
	.p-destacamos-1, .p-destacamos-2 {
		font-size: 1.2rem
	}
	.destacado {
		min-height: 15.5rem
	}
	.resultado-calculo label {
		font-size: 1rem !important
	}

	footer .union img {
		max-width: 250px;
		max-height: 50px;
		float: right;
	}
	footer p .xunta {
		margin-left: 50px;
		text-align: left;
	}
	.medium {
		display: none;
	}
	.large {
		display: block;
	}
	
}

@media only screen and (max-width:992px) {
	h1 {
		font-size: 2.5rem
	}
	h2 {
		font-size: 2.2rem
	}
	h3 {
		font-size: 2rem
	}
	h4 {
		font-size: 1.5rem
	}
	h5 {
		font-size: 1.5rem
	}
	.mapa-web .mapa-web-1 h3 {
		font-size: 1.2rem
	}
	.cabecera-interior h1 {
		font-size: 2.2rem;
		padding-top: 1.2rem
	}
	.cabecera-interior h2 {
		font-size: 1.8rem;
		padding-top: 1.5rem
	}
	.nav-amtega {
		-webkit-animation: none;
		animation: none
	}
	.menu-admin {
		top: 0
	}
	.modulo h4 {
		font-size: 1.5rem
	}
	.modulo h4 .e {
		font-size: 1.3rem
	}
	.mod-des {
		font-size: 1.2rem;
		line-height: 1.5rem
	}
	.row .col.l8-2 {
		width: 25%
	}
	.cont-item {
		width: 75%
	}
	.carousel.carousel-slider .carousel-fixed-item.with-indicators {
		top: 10rem
	}
	.carousel.carousel-slider .carousel-item {
		padding-top: 18rem
	}
	.destacado {
		min-height: 13.5rem
	}	
	
	footer .union img {
		max-width: 250px;
		height: 50px;
		float: right;
	}
	footer p {
		text-align: center;
		margin: 0px;
	}
	.large {
		display: none;
	}
	.medium {
		display: block;
	}
	
	
}

@media only screen and (max-width:600px) {
	.container {
		padding-left: 1rem;
		padding-right: 1rem
	}
	h1 {
		font-size: 2rem
	}
	h2 {
		font-size: 1.8rem
	}
	h3 {
		font-size: 1.6rem
	}
	h4 {
		font-size: 1.5rem
	}
	h5 {
		font-size: 1.2rem
	}
	.cabecera-interior input {
		margin-bottom: 0.8rem
	}
	.cabecera-interior h1 {
		font-size: 2rem;
		padding-top: 0;
		width: 100%;
		text-align: center
	}
	.cabecera-interior h2 {
		font-size: 1.5rem;
		padding-top: 0.5rem;
		padding-left: 0;
		width: 100%;
		text-align: center
	}
	.cabecera-interior h2:before {
		display: none
	}
	.side-nav {
		width: 300px
	}
	.nav-amtega .logo-gaia {
		float: left;
		margin-top: 3rem;
		margin-bottom: -0.5rem
	}
	.nav-amtega a.brand-logo {
		font-size: 1.8rem
	}
	.nav-amtega.nav-extended .nav-wrapper {
		height: 10rem
	}
	.ayuda {
		top: 0.4rem;
		right: 6rem
	}
	.ayuda .btn-ayuda {
		display: none
	}
	.nav-amtega .btn-admin {
		top: 3rem
	}
	.lang {
		top: 0.5rem
	}
	.usuario-1 {
		top: 4rem;
		right: -0.5rem
	}
	.cabecera-interior {
		margin-bottom: 1rem
	}
	.miguita {
		display: none
	}
	.menu-admin {
		display: none !important
	}
	.novedades a.collection-item, body {
		font-size: 1.2rem
	}
	.card-localiza .card-title {
		font-size: 2rem;
		padding: 1rem;
		text-align: center
	}
	.card-localiza .card-title:before {
		font-size: 2.5rem
	}
	.cont-item {
		width: 90%
	}
	.carousel.carousel-slider .carousel-fixed-item.with-indicators {
		top: 10rem
	}
	.carousel.carousel-slider .carousel-item {
		padding-top: 15rem
	}
	.carousel.carousel-slider .carousel-item h2 {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: 2.2rem
	}
	.carousel.carousel-slider .carousel-item h3 {
		margin-bottom: 0.5rem;
		margin-top: 0.5rem;
		font-size: 1.8rem
	}
	.carousel.carousel-slider .carousel-item p {
		margin-top: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: 1rem
	}
	.buscador-principal {
		width: 70%
	}
	.buscador-principal input {
		width: calc(100% - 4rem)
	}
	.mod-des {
		font-size: 1rem;
		line-height: 1.2rem
	}
	table {
		font-size: 1rem
	}
	.pie-list .numero-pagina-container {
		width: auto;
		margin-bottom: 1rem;
		left: 40%
	}
	.pie-list .numero-pagina {
		float: none !important
	}
	.pie-list .pagination-container {
		text-align: center;
		width: 100%
	}
	.pie-list .pagination {
		float: none;
		text-align: center;
		margin-bottom: 1rem
	}
	.pie-list .ir-a {
		float: none !important
	}
	.btn-legislacion {
		text-align: center;
		padding: 0 !important
	}
	footer .footer2 {
		text-align: center;
		width: 100% !important;
	}
	footer .footer1 {
		text-align: center;
		width: 100% !important;
	}
	footer {
		position: relative !important;
	
		font-size: 1.6rem;
	
	}
	.textxunta {
		margin-top: 2.0rem;
		text-align: center;
		margin-left: 0px;
	}
	footer p {
		margin-top: 2rem;
	}
	footer .union img {
		max-width: 250px;
		height: 90px;
		margin-top: 1rem;
		float: none;
	}
	.medium {
		display: none;
	}
	.large {
		display: block;
	}
	.mapa-web-1 {
		margin-left: auto !important;
		margin-right: auto !important
	}
	.mapa-web-1 .col.s12 {
		width: 100%;
		border-bottom: 3px solid #efefef;
		margin-bottom: 1rem;
		padding-bottom: 0.5rem;
		border-left: none
	}
}

@media only screen and (max-width:400px) {
	h1 {
		font-size: 1.5rem
	}
	h2 {
		font-size: 1.5rem
	}
	h3 {
		font-size: 1.2rem
	}
	h4 {
		font-size: 1.1rem
	}
	h5 {
		font-size: 1.1rem
	}
	.cabecera-interior h1 {
		font-size: 1.5rem;
		padding-top: 0.5rem
	}
	.cabecera-interior h2 {
		font-size: 1.2rem;
		padding-top: 0.7rem
	}
	.row .col.l8-2 {
		width: 50%
	}
	.modulo h4 {
		font-size: 1.5rem
	}
	.modulo h4 .e {
		font-size: 1.3rem
	}
	.mod-des {
		font-size: 1.2rem;
		line-height: 1.5rem
	}
	.nav-amtega a.brand-logo {
		font-size: 1.4rem
	}
	.nav-amtega .logo-gaia {
		width: 100px
	}
	.usuario-1 img {
		left: -0.5rem
	}
	.cont-item {
		width: 100%;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		margin-left: 0;
		margin-right: 0;
		text-align: center
	}
	.carousel.carousel-slider .carousel-item {
		padding-left: 0.5rem;
		padding-right: 0.5rem
	}
	.carousel.carousel-slider .carousel-item p {
		text-align: left
	}
	.carousel.carousel-slider .carousel-item h2 {
		font-size: 2rem
	}
	.carousel.carousel-slider .carousel-item h3 {
		font-size: 1.5rem
	}
}

dt {
  cursor: pointer;
  font-family: "Oswald", sans-serif;
  font-size: 1.2rem;
  padding: 0.5em;
  margin-bottom: 1rem;
  width: 100%;
}

dd {
  margin-left: 0px;
}

.title-input {
    font-size: 1rem !important;
    color: #074D87;
    margin-bottom: 0px;
}

#dropdown-temas {
	width: auto !important;
}