@charset "UTF-8";
@font-face{font-family:montserrat_alternatesitalic;src:url(//trabajosocialytal.com/wp-content/themes/belennavarro/css/fuentes/montserratalternates-regularitalic-webfont.woff2) format('woff2'),url(//trabajosocialytal.com/wp-content/themes/belennavarro/css/fuentes/montserratalternates-regularitalic-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:montserrat_alternatessemibold;src:url(//trabajosocialytal.com/wp-content/themes/belennavarro/css/fuentes/montserratalternates-semibold-webfont.woff2) format('woff2'),url(//trabajosocialytal.com/wp-content/themes/belennavarro/css/fuentes/montserratalternates-semibold-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:montserrat_alternatesSBdIt;src:url(//trabajosocialytal.com/wp-content/themes/belennavarro/css/fuentes/montserratalternates-semibolditalic-webfont.woff2) format('woff2'),url(//trabajosocialytal.com/wp-content/themes/belennavarro/css/fuentes/montserratalternates-semibolditalic-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:montserrat_alternatesbold;src:url(//trabajosocialytal.com/wp-content/themes/belennavarro/css/fuentes/montserratalternates-bold-webfont.woff2) format('woff2'),url(//trabajosocialytal.com/wp-content/themes/belennavarro/css/fuentes/montserratalternates-bold-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:montserrat_alternatesBdIt;src:url(//trabajosocialytal.com/wp-content/themes/belennavarro/css/fuentes/montserratalternates-bolditalic-webfont.woff2) format('woff2'),url(//trabajosocialytal.com/wp-content/themes/belennavarro/css/fuentes/montserratalternates-bolditalic-webfont.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:montserrat_alternatesregular;src:url(//trabajosocialytal.com/wp-content/themes/belennavarro/css/fuentes/montserratalternates-regular-webfont.woff2) format('woff2'),url(//trabajosocialytal.com/wp-content/themes/belennavarro/css/fuentes/montserratalternates-regular-webfont.woff) format('woff');font-weight:400;font-style:normal}html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
img,
a img {
border: none;
}
a:focus {
outline: 0px;
} article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
:active,
:focus {
outline: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
html {
font-size: 57%;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
background: #efeff0;
}
html.no_scroll,
body.no_scroll {
overflow: hidden;
width: 100%;
height: 100vh;
position: fixed;
}
ul {
list-style: none;
}
ul li {
list-style: circle;
}
nav ul li {
list-style: none;
}
li ul {
margin-top: 12px;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
textarea {
resize: none;
}
input:focus,
select:focus,
textarea:focus {
outline: 0px;
}
input::-moz-focus-inner {
outline: 0;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
background: none !important;
}
input[type="submit"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="date"],
input[type="number"],
input[type="password"],
input[type="search"],
select,
textarea {
-webkit-appearance: none;
}    .separar {
word-break: break-word;
}
strong,
b {
font-family: "montserrat_alternatesbold";
}
.semibold {
font-family: "montserrat_alternatessemibold";
}
.semibold_italic {
font-family: "montserrat_alternatesSBdIt";
}
.bold {
font-family: "montserrat_alternatesbold";
}
.bold_italic {
font-family: "montserrat_alternatesBdIt";
}
.regular {
font-family: "montserrat_alternatesregular";
}
.italic {
font-family: "montserrat_alternatesitalic";
}
em {
font-family: "montserrat_alternatesitalic";
}
em strong {
font-family: "montserrat_alternatesBdIt" !important;
}
.px100 {
font-size: 100px;
font-size: 10rem;
line-height: 100px;
line-height: 10rem;
}
.px72 {
font-size: 72px;
font-size: 7.2rem;
line-height: 86.4px;
line-height: 8.64rem;
}
.px68 {
font-size: 68px;
font-size: 6.8rem;
line-height: 81.6px;
line-height: 8.16rem;
}
.px56 {
font-size: 56px;
font-size: 5.6rem;
line-height: 66px;
line-height: 6.6rem;
}
.px50 {
font-size: 50px;
font-size: 5rem;
line-height: 66px;
line-height: 6.6rem;
}
.px48 {
font-size: 48px;
font-size: 4.8rem;
line-height: 58px;
line-height: 5.8rem;
}
.px40,
.es_subscription_message.success {
font-size: 40px !important;
font-size: 4rem !important;
line-height: 48px !important;
line-height: 4.8rem !important;
}
.px36 {
font-size: 36px;
font-size: 3.6rem;
line-height: 43.2px;
line-height: 4.32rem;
}
.px30 {
font-size: 30px;
font-size: 3rem;
line-height: 40px;
line-height: 4rem;
}
.px24,
#reply-title {
font-size: 24px;
font-size: 2.4rem;
line-height: 28.799999999999997px;
line-height: 2.88rem;
}
.px21 {
font-size: 21px;
font-size: 2.1rem;
line-height: 32px;
line-height: 3.2rem;
}
.px18,
#reply-title small,
.form-submit input,
.archivo_listado li,
.emaillist input[type="email"],
.emaillist input[type="text"],
.emaillist input[type="submit"] {
font-size: 18px;
font-size: 1.8rem;
line-height: 21.6px;
line-height: 2.16rem;
}
.px16,
.logged-in-as {
font-size: 16px;
font-size: 1.6rem;
line-height: 21px;
line-height: 2.1rem;
}
a.px16 {
font-size: 16px;
font-size: 1.6rem;
line-height: 21px;
line-height: 2.1rem;
}
.px14,
.comment-notes {
font-size: 14px;
font-size: 1.4rem;
line-height: 16.8px;
line-height: 1.68rem;
}
.px12 {
font-size: 12px;
font-size: 1.2rem;
line-height: 14.399999999999999px;
line-height: 1.44rem;
}
.px10 {
font-size: 10px;
font-size: 1rem;
line-height: 12px;
line-height: 1.2rem;
}
.uppercase {
text-transform: uppercase;
}
.capitalize {
text-transform: capitalize;
}
.lowercase {
text-transform: lowercase;
}
.no_decoration {
text-decoration: none;
}
.decoration {
text-decoration: underline;
}  .negro {
color: #111419;
}
.negro_90 {
color: #262c37;
}
.negro_80 {
color: #3a4556;
}
.negro_70 {
color: #4f5d74;
}
.negro_60 {
color: #647592;
}
.negro_50 {
color: #808fa9;
}
.negro_40 {
color: #9faabd;
}
.negro_30 {
color: #bdc5d2;
}
.negro_20 {
color: #dbe0e7;
}
.negro_10 {
color: #fafafb;
}
.negro_5 {
color: #efeff0;
}
.blanco {
color: #fff;
}
.amarillo {
color: #ffb136;
}
.rojo_oscuro {
color: #e63b3b;
}
.rojo_claro {
color: #e85331;
}
.naranja_oscuro {
color: #e88931;
}
.naranja_claro {
color: #ff8042;
}  .back_negro {
background: #111419;
}
.back_gris {
background: #647592;
}
.back_gris_claro {
background: #efeff0;
}
.back_blanco {
background: #fff;
}
.back_amarillo {
background: #ffb136;
}
.back_rojo_oscuro {
background: #e63b3b;
}
.back_rojo_claro {
background: #e85331;
}
.back_naranja_oscuro {
background: #e88931;
}
.back_naranja_claro {
background: #ff8042;
}  .amarillo::-webkit-input-placeholder {
color: #ffb136 !important;
}
.amarillo::-moz-placeholder {
color: #ffb136;
}
.amarillo:-ms-input-placeholder {
color: #ffb136;
}
.amarillo:-moz-placeholder {
color: #ffb136;
}
.rojo_oscuro::-webkit-input-placeholder {
color: #e63b3b !important;
}
.rojo_oscuro::-moz-placeholder {
color: #e63b3b;
}
.rojo_oscuro:-ms-input-placeholder {
color: #e63b3b;
}
.rojo_oscuro:-moz-placeholder {
color: #e63b3b;
}
.rojo_claro::-webkit-input-placeholder {
color: #e85331 !important;
}
.rojo_claro::-moz-placeholder {
color: #e85331;
}
.rojo_claro:-ms-input-placeholder {
color: #e85331;
}
.rojo_claro:-moz-placeholder {
color: #e85331;
}
.naranja_oscuro::-webkit-input-placeholder {
color: #e88931 !important;
}
.naranja_oscuro::-moz-placeholder {
color: #e88931;
}
.naranja_oscuro:-ms-input-placeholder {
color: #e88931;
}
.naranja_oscuro:-moz-placeholder {
color: #e88931;
}
.naranja_claro::-webkit-input-placeholder {
color: #ff8042 !important;
}
.naranja_claro::-moz-placeholder {
color: #ff8042;
}
.naranja_claro:-ms-input-placeholder {
color: #ff8042;
}
.naranja_claro:-moz-placeholder {
color: #ff8042;
}
.negro::-webkit-input-placeholder {
color: #111419 !important;
}
.negro::-moz-placeholder {
color: #111419;
}
.negro:-ms-input-placeholder {
color: #111419;
}
.negro:-moz-placeholder {
color: #111419;
}
.negro_70::-webkit-input-placeholder {
color: #4f5d74 !important;
}
.negro_70::-moz-placeholder {
color: #4f5d74;
}
.negro_70:-ms-input-placeholder {
color: #111419;
}
.negro_70:-moz-placeholder {
color: #4f5d74;
}
.blanco::-webkit-input-placeholder {
color: #fff !important;
}
.blanco::-moz-placeholder {
color: #fff;
}
.blanco:-ms-input-placeholder {
color: #fff;
}
.blanco:-moz-placeholder {
color: #fff;
}  .amarillo path,
.amarillo polygon,
.amarillo circle {
fill: #ffb136;
}
.rojo_oscuro path,
.rojo_oscuro polygon,
.rojo_oscuro circle {
fill: #e63b3b;
}
.rojo_claro path,
.rojo_claro polygon,
.rojo_claro circle {
fill: #e85331;
}
.naranja_oscuro path,
.naranja_oscuro polygon,
.naranja_oscuro circle {
fill: #e88931;
}
.naranja_claro path,
.naranja_claro polygon,
.naranja_claro circle {
fill: #ff8042;
}
.negro path,
.negro polygon,
.negro circle {
fill: #111419;
}
.blanco path,
.blanco polygon,
.blanco circle {
fill: #fff;
}  .right {
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.centrado {
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
.centrado_left {
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: left;
justify-content: left;
}
.centrado_right {
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.centrado_bottom {
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-justify-content: center;
justify-content: center;
}
.centrado_top {
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: center;
justify-content: center;
}
.full_top {
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.full_bottom {
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.full_left {
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.full_right {
-webkit-align-items: right;
align-items: right;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.full_centrado {
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.bottom {
-webkit-align-items: flex-end;
align-items: flex-end;
}
.bottom_right {
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.bottom_left {
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.top_right {
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.top_left {
-webkit-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.flex_wrap_izquierda {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
}
.flex_wrap_derecha {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.flex_wrap_full {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.flex_wrap_centrado {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
}
.flex_wrap_bottom {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: flex-end;
align-items: flex-end;
}
.flex_wrap_top {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: flex-start;
align-items: flex-start;
}  .full_width {
width: 100%;
height: auto;
}
.full_height {
height: 100%;
width: auto;
}
.img_full {
width: 100%;
margin-bottom: -3px;
}  .float_right {
float: right;
}
.float_left {
float: left;
}  .text_center {
text-align: center;
}
.text_centrado {
text-align: center;
}
.text_right {
text-align: right;
}
.text_left {
text-align: left;
}  .none {
display: none;
}
.flex {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.block {
display: block;
}
.inline_block {
display: inline-block;
}
.table {
display: table;
}
.table_cell {
display: table-cell;
}  .hidden {
overflow: hidden;
}  .absolute {
position: absolute;
}
.relative {
position: relative;
}
.fixed {
position: fixed;
}
.clear {
clear: both;
}
.z-index {
z-index: 1;
}
.z-index-2 {
z-index: 2;
}  .justificacion_alto {
top: 50%;
left: 50%;
z-index: 0;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
}
.justificacion_ancho {
top: 50%;
left: 50%;
z-index: 0;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
object-fit: cover;
}  .contenedor {
width: calc(100% - 280px);
margin: 0 auto;
clear: both;
}
.contenedor_peq {
width: calc(100% - 280px);
margin: 0 auto;
max-width: 1060px;
clear: both;
}
.contenedor_min {
width: calc(100% - 280px);
margin: 0 auto;
max-width: 863px;
clear: both;
}
.contenedor_ultramin {
width: calc(100% - 280px);
margin: 0 auto;
max-width: 430px;
clear: both;
}
.gutter {
width: 1%;
}
.multi_columna {
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 80px;
-webkit-column-gap: 80px;
column-gap: 80px;
}
#margen_lateral {
width: 2%;
}
.full {
width: 100%;
}
.mitad {
width: 50%;
}  .paddingTop_1em {
padding-top: 12px;
}
.paddingTop_2em {
padding-top: 2.4rem;
}
.paddingTop_3em {
padding-top: 36px;
}
.paddingTop_4em {
padding-top: 48px;
}
.paddingTop {
padding-top: 90px;
}
.paddingTop_Gr {
padding-top: 160px;
}
.paddingBottom_1em {
padding-bottom: 12px;
}
.paddingBottom_2em {
padding-bottom: 2.4rem;
}
.paddingBottom_3em {
padding-bottom: 36px;
}
.paddingBottom_4em {
padding-bottom: 48px;
}
.paddingBottom_9em {
padding-bottom: 98px;
}
.paddingBottom {
padding-bottom: 90px;
}
.paddingBottom_Gr {
padding-bottom: 160px;
}
.paddingRight_1em {
padding-right: 12px;
}
.paddingRight_2em {
padding-right: 2.4rem;
}
.paddingRight_3em {
padding-right: 36px;
}
.paddingRight_4em {
padding-right: 48px;
}
.paddingRight {
padding-right: 78px;
}
.paddingLeft_1em {
padding-left: 12px;
}
.paddingLeft_2em {
padding-left: 2.4rem;
}
.paddingLeft_3em {
padding-left: 36px;
}
.paddingLeft_4em {
padding-left: 48px;
}
.paddingLeft {
padding-left: 78px;
}
.padding {
padding: 5%;
}
.padding_lateral {
padding: 0 5%;
}
.padding_1em {
padding: 12px;
}
.padding_2em {
padding: 24px;
}
.padding_3em {
padding: 36px;
}
.padding_4em {
padding: 48px;
}  .marginTop_1em {
margin-top: 12px;
}
.marginTop_2em {
margin-top: 24px;
}
.marginTop_3em {
margin-top: 36px;
}
.marginTop_4em {
margin-top: 48px;
}
.marginTop {
margin-top: 160px;
}
.marginBottom_1em {
margin-bottom: 12px;
}
.marginBottom_2em {
margin-bottom: 24px;
}
.marginBottom_3em {
margin-bottom: 36px;
}
.marginBottom_4em {
margin-bottom: 48px;
}
.marginBottom {
margin-bottom: 160px;
}
.marginLeft {
margin-left: 4.16%;
}
.marginLeft_1em {
margin-left: 12px;
}
.marginLeft_2em {
margin-left: 24px;
}
.marginLeft_3em {
margin-left: 36px;
}
.marginLeft_4em {
margin-left: 48px;
}
.marginRight {
margin-right: 4.16%;
}
.marginRight_1em {
margin-right: 12px;
}
.marginRight_2em {
margin-right: 24px;
}
.marginRight_3em {
margin-right: 36px;
}
.marginRight_4em {
margin-right: 48px;
}
.margin_1em {
margin: 12px;
}
.margin_2em {
margin: 24px;
}
.alpha {
margin-left: 0!important;
}
.omega {
margin-right: 0 !important;
}  .pantalla_completa {
width: 100vw;
min-height: 100vh;
}
.max_width {
max-width: 100%;
height: auto;
}
.gutter-sizer {
width: 2%;
}  .sombra_caja {
-webkit-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.66);
-moz-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.66);
box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.66);
}
.sombra_caja_top {
-webkit-box-shadow: 0px -15px 30px 0px rgba(0, 0, 0, 0.66);
-moz-box-shadow: 0px -15px 30px 0px rgba(0, 0, 0, 0.66);
box-shadow: 0px -15px 30px 0px rgba(0, 0, 0, 0.66);
}
.sombra_caja_bottom {
-webkit-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.66);
-moz-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.66);
box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.66);
}
.hover_sombra_caja_bottom:hover {
-webkit-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.66);
-moz-box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.66);
box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.66);
cursor: pointer;
position: relative;
z-index: 2;
}
.hover_sombra_caja:hover {
-webkit-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.66);
-moz-box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.66);
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.66);
cursor: pointer;
position: relative;
z-index: 2;
}
.sombra_texto {
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
}
.hover_sombra_texto:hover {
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.66);
}  .borderRadius {
border-radius: 100%;
}
.borderRadius_12px {
border-radius: 12px;
}
.borderRadius_24px {
border-radius: 24px;
}
.borderRadius_48px {
border-radius: 48px;
}
.border_negro {
border: 1px solid #111419;
}
.border_blanco {
border: 1px solid #fff;
}
.border_amarillo {
border: 1px solid #ffb136;
}
.borderNone {
border: 0;
}
.border_top {
border-top: 1px #fff solid;
}
.border_bottom {
border-bottom: 1px #fff solid;
}
.border_left {
border-left: 1px #fff solid;
}
.border_right {
border-right: 1px #fff solid;
}  .enlace_texto:hover {
cursor: pointer;
opacity: 0.6;
}
.boton,
.es_subscription_form input[type="submit"] {
min-width: 200px;
}
.boton:hover,
.paginacion_archivo:hover,
.es_subscription_form input[type="submit"]:hover {
cursor: pointer;
background: #111419;
color: #fff;
}  .modal {
width: 100%;
height: 100%;
background: rgba(17, 20, 25, 0.5);
top: 0;
left: 0;
z-index: 10;
}
.cont_modal {
width: 100%;
max-width: 660px;
max-height: 520px;
overflow-y: scroll;
}
.cont_modal_gr {
width: 100%;
max-width: 980px;
max-height: 620px;
overflow-y: scroll;
overflow-x: hidden;
}
.cerrar_modal {
width: 20px;
height: 20px;
background: url(//trabajosocialytal.com/wp-content/themes/belennavarro/css/img/icono-boton-cerrar.png) center center no-repeat, #111419;
top: 24px;
right: 24px;
padding: 24px;
border-radius: 24px;
}  .cont_input input,
.cont_input textarea {
border: 2px solid #fff;
height: 100%;
}
.cont_input textarea {
min-height: 220px;
}
.comment-form-cookies-consent,
.es_subscription_form > p {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.cont_checkbox label,
.comment-form-cookies-consent label,
.es_subscription_form > p > label {
order: 2;
margin-left: 12px;
width: calc(100% - 40px);
padding-top: 3px;
font-family: "montserrat_alternatesregular";
font-size: 16px;
font-size: 1.6rem;
line-height: 21px;
line-height: 2.1rem;
}
.cont_checkbox input,
.comment-form-cookies-consent input,
.es_subscription_form input[type="checkbox"] {
order: 1;
width: 24px;
height: 24px;
border-radius: 24px;
margin: 0;
background: #fff;
-webkit-appearance: none;
}
.cont_checkbox input:checked {
background: #e63b3b;
}
.cont_checkbox p,
.comment-form-cookies-consent p {
order: 3;
}
.cont_checkbox a,
.comment-form-cookies-consent a {
margin-left: 4px;
}
.cont_checkbox_amarillo input,
.comment-form-cookies-consent input,
.es_subscription_form input[type="checkbox"] {
border: 1px solid #ffb136;
}
.cont_checkbox_amarillo input:checked,
.comment-form-cookies-consent input:checked,
.es_subscription_form input[type="checkbox"]:checked {
background: #ffb136;
}
.obligatorio_xd {
opacity: 0;
height: 0;
border: none;
}
p.error,
div.mce_inline_error,
.es_subscription_message.error {
font-family: "montserrat_alternatesbold";
font-size: 16px;
font-size: 1.6rem;
line-height: 26.200000000000003px;
line-height: 2.62rem;
color: #fff !important;
margin-top: 6px;
margin-bottom: 24px;
}  #cookies {
z-index: 99;
bottom: 24px;
right: 24px;
width: calc(100% - 48px);
max-width: 320px;
}  #logotipo_cont {
max-width: 350px;
}
#logotipo_reducido,
#logotipo_minimizado {
display: none;
}
#menu {
width: calc(100% - 570px);
}
#menu li a {
font-size: 18px;
font-size: 1.8rem;
line-height: 21.6px;
line-height: 2.16rem;
font-family: "montserrat_alternatesbold";
color: #e63b3b;
text-decoration: none;
}
#menu li a:hover {
color: #ffb136;
}
.current-menu-item a {
color: #ffb136 !important;
}
#menu-cabecera {
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
#menu-cabecera > li {
padding-left: 24px;
}
#lateral {
width: 286px;
}
#btn_lateral.fixed {
top: 48px;
}
#btn_lateral.final {
bottom: 321px;
}
.boton_lateral {
height: 2px;
border-radius: 2px;
transition: width 0.3s;
-webkit-transition: width 0.3s;
-moz-transition: width 0.3s;
-o-transition: width 0.3s;
}
.boton_lateral.medium {
width: 20px;
}
.boton_lateral.large {
width: 40px;
}
#btn_lateral:hover {
cursor: pointer;
}
#btn_lateral:hover .boton_lateral {
width: 40px;
}
#lateral_texto {
top: 39px;
right: -93px;
transform: rotate(90deg) translate(50%);
width: 251px;
}
#btn_lateral.activo {
z-index: 4;
}
#btn_lateral.activo .boton_lateral {
background: #fff;
}
#btn_lateral.activo p {
color: #fff;
}
#btn_lateral.activo .boton_lateral.medium {
width: 40px;
transform: rotate(-45deg);
}
#btn_lateral.activo .boton_lateral.large {
transform: rotate(45deg);
margin-top: -1px;
}
#btn_lateral.activo .boton_lateral:first-child {
margin-top: 12px;
}
#btn_lateral.activo .boton_lateral:last-child {
display: none;
}  #archivos {
padding-left: 286px;
width: 100%;
background: rgba(230, 59, 59, 0.95);
transform: translateY(100%);
bottom: 0;
left: 0;
transition: transform 0.3s;
-webkit-transition: transform 0.3s;
-moz-transition: transform 0.3s;
-o-transition: transform 0.3s;
overflow-x: hidden;
overflow-y: scroll;
}
#archivos.activo {
z-index: 3;
transform: translateY(0%);
}
.archivo_tercio {
width: 33.33333%;
}
.archivo_doble {
width: 66.66666%;
}
.archivo_titular.no_seleccionado {
opacity: 0.4;
}
.archivo_titular:hover {
cursor: pointer;
opacity: 1;
}
.archivo_titular:hover,
.archivo_titular.activo {
color: #ffb136;
}
.archivo_listado li {
list-style: none;
display: block;
margin-bottom: 12px;
color: #fff;
font-family: "montserrat_alternatesregular";
}
.archivo_listado li a {
color: #fff;
text-decoration: none;
}
.archivo_listado li a:hover {
color: #ffb136;
}
.archivo_listado li.activo {
font-family: "montserrat_alternatesbold";
color: #ffb136;
}
.archivo_listado li.activo a {
color: #ffb136;
}
#anuales_listado {
order: 2;
}
.noticia_archivo {
width: 25%;
}
.paginacion_archivo {
height: 35px;
width: 64px;
}
#paginacion_anterior {
border-top-left-radius: 24px;
border-bottom-left-radius: 24px;
}
#paginacion_siguiente {
border-top-right-radius: 24px;
border-bottom-right-radius: 24px;
}  #contenido {
width: calc(100% - 286px);
}  #ultima_noticia:after {
content: "";
display: block;
width: 100%;
padding-top: 55.6%;
}
#ultima_noticia_informacion {
width: 100%;
max-width: 620px;
}
#cont_img_destacada {
height: 100%;
right: 5%;
bottom: 0;
z-index: 0;
}
.capa_img_destacada {
z-index: 3;
height: 100%;
}
.capa_color {
z-index: 2;
width: 100%;
height: 100%;
background: rgba(230, 59, 59, 0.6);
}
.img_destacada {
z-index: 1;
height: 100%;
filter: grayscale(100%);
}  .taller {
min-height: 300px;
}
.taller:hover {
cursor: grab;
}
.taller:active {
cursor: grabbing;
}
.img_destacada_taller {
width: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.capa_color_taller {
width: 100%;
height: 100%;
opacity: 0.8;
}
#taller_proximo_grafismo_izquierda {
bottom: 0;
left: 121px;
}
#taller_proximo_grafismo_derecha {
top: 0;
right: 161px;
}
#taller_titulo_grafismo_izquierda {
top: 0;
left: 0;
}
#taller_titulo_grafismo_derecha {
bottom: 0;
right: 18px;
}
#taller_descripcion_grafismo_izquierda {
bottom: 0;
left: 30px;
}
#taller_descripcion_grafismo_derecha {
top: 0;
right: 0;
}
#taller_fecha_lugar_grafismo_izquierda {
top: 0;
left: 31px;
}  #buscador {
width: 50%;
}
#buscador input[type="search"] {
padding-right: 72px;
}
#buscador input[type="submit"] {
width: 24px;
height: 25px;
border: none;
background: url(//trabajosocialytal.com/wp-content/themes/belennavarro/css/img/icono-buscador.png) center center no-repeat;
top: 50%;
right: 24px;
transform: translate(0, -50%);
padding: 0;
}  .noticia_mitad {
width: calc(50% - 40px);
}
#noticia_1 .noticia_imagen_destacada {
order: 2;
}
.grafismo_noticia {
z-index: 1;
max-width: calc(100% + 220px);
}
#grafismo_noticia_1 {
left: -140px;
top: 50%;
transform: translate(0, -50%);
}
#grafismo_noticia_3 {
right: -140px;
bottom: 50%;
transform: translate(0, 50%);
}
#grafismo_noticia_4 {
left: -140px;
bottom: 50%;
transform: translate(0, 50%);
}
#grafismo_noticia_6 {
right: -140px;
top: 50%;
transform: translate(0, -50%);
}
#paginacion a,
#paginacion span {
text-decoration: none;
color: #e63b3b;
margin: 6px 1%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
#paginacion span.current {
color: #fff;
background: #e63b3b;
width: 32px;
height: 32px;
border-radius: 32px;
margin: 6px 1%;
}
#paginacion .wp-pagenavi {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
#paginacion .pages {
display: none;
}  .footer_tercio {
width: calc(33% - 65px);
}
.contenido_lateral {
max-width: 440px;
}
.contenido_no_lateral {
width: calc(100% - 484px);
}
.emaillist {
width: 100%;
}
.es_subscription_message.success {
font-family: "montserrat_alternatesbold";
color: #fff !important;
}
.es_subscription_form input[type="text"],
.es_subscription_form input[type="email"] {
font-size: 18px;
font-size: 1.8rem;
line-height: 21.6px;
line-height: 2.16rem;
font-family: "montserrat_alternatesregular";
color: #111419;
padding: 24px;
background: #fff;
border-radius: 48px;
border: none;
width: 100%;
}
.es_subscription_form input[type="submit"] {
font-size: 18px;
font-size: 1.8rem;
line-height: 21.6px;
line-height: 2.16rem;
font-family: "montserrat_alternatesbold";
color: #fff;
padding: 24px;
background: #ffb136;
border-radius: 48px;
border: none;
margin-top: 6px;
}
#footer_retrato {
padding-top: 55.6%;
width: 100%;
background: #e88931;
}
#footer_retrato img {
height: 90%;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
}
#footer_retrato svg {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60%;
}
.ultimos_post_img_destacada,
.posts_populares_img_destacada {
width: 120px;
}
.ultimos_post_info,
.posts_populares_info {
width: calc(100% - 144px);
}
.icono_rrss {
width: 70px;
height: 66px;
margin-left: 12px;
}
.icono_rrss:first-child {
margin-left: 0;
}
.icono_rrss_icono {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.icono_rrss_fondo {
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#menu_footer li a {
color: #fff;
text-decoration: none;
}
#menu_footer li a:hover {
color: #ffb136;
}
#menu_footer .menu {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: center;
justify-content: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
#menu_footer li {
margin-left: 24px;
margin-bottom: 12px;
}
#menu_footer li:first-child {
margin-left: 0;
}  #noticia_cabecera {
max-width: 440px;
}
#noticia_contenido,
#noticia_tags {
margin-left: 440px;
}
.banner_cont_svg {
height: 100%;
left: 50%;
transform: translateX(-50%);
}
.banner svg {
bottom: 0;
right: 0;
transform: translate(0, 50%);
max-width: 100%;
}
.cont_iframe {
padding-top: 55.6%;
width: 100%;
}
.cont_iframe iframe {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.tag_post a {
padding: 12px;
border: 1px solid #808fa9;
border-radius: 48px;
color: #808fa9;
text-decoration: none;
text-transform: uppercase;
display: block;
}
#commentlist,
#respond {
border: 1px solid #ffb136;
margin-bottom: 48px;
padding: 5%;
}
.logged-in-as {
margin: 12px 0;
font-family: "montserrat_alternatesregular";
}
.logged-in-as a {
color: #808fa9;
text-decoration: none;
}
.comment {
list-style: none;
margin-bottom: 24px;
border-top: 1px solid #ffb136;
padding-top: 24px;
}
.comment:first-child {
padding-top: 0;
border-top: 0;
}
.comment-author {
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: left;
justify-content: left;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
font-family: "montserrat_alternatesbold";
font-size: 18px;
font-size: 1.8rem;
line-height: 21.6px;
line-height: 2.16rem;
color: #111419;
margin-bottom: 12px;
}
.comment-author img {
width: 64px;
height: 64px;
border-radius: 64px;
}
.comment-author cite {
margin-right: 6px;
}
.comment-author .says {
display: none;
}
.comment-author img {
margin-right: 12px;
}
.comment-meta {
font-family: "montserrat_alternatesregular";
font-size: 12px;
font-size: 1.2rem;
line-height: 14.399999999999999px;
line-height: 1.44rem;
color: #111419;
padding-left: 80px;
}
.comment-author a,
.comment-meta a {
text-decoration: none;
color: #111419;
pointer-events: none;
}
.comment-body p {
font-size: 16px;
font-size: 1.6rem;
line-height: 21px;
line-height: 2.1rem;
color: #808fa9;
font-family: "montserrat_alternatesregular";
padding-left: 80px;
}
.reply {
text-align: right;
margin-top: 6px;
color: #ffb136;
text-decoration: none;
}
.reply a {
color: #ffb136;
text-decoration: none;
font-family: "montserrat_alternatesregular";
font-size: 18px;
font-size: 1.8rem;
line-height: 21.6px;
line-height: 2.16rem;
}
.comment .children {
padding-left: 80px;
border-top: 1px solid #ffb136;
padding-top: 24px;
}
#reply-title {
font-family: "montserrat_alternatesbold";
color: #111419;
}
#reply-title small a {
text-decoration: none;
color: #808fa9;
}
#commentform {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: flex-start;
justify-content: flex-start;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.comment-notes {
font-family: "montserrat_alternatesregular";
margin-bottom: 24px;
margin-top: 6px;
order: 1;
}
.comment-form-author {
order: 2;
width: calc(50% - 6px);
margin-right: 12px;
margin-bottom: 12px;
}
.comment-form-email {
order: 3;
width: calc(50% - 6px);
margin-bottom: 12px;
}
.comment-form-comment {
order: 4;
width: 100%;
margin-bottom: 24px;
}
.comment-form-legal,
.comment-form-cookies-consent {
order: 5;
width: 100%;
}
.form-submit {
order: 6;
}
.comment-form-author input,
.comment-form-email input {
padding: 24px;
border: 1px solid #ffb136;
border-radius: 48px;
width: 100%;
}
.comment-form-comment textarea {
padding: 24px;
border: 1px solid #ffb136;
border-radius: 24px;
width: 100%;
}
.form-submit input {
min-width: 200px;
background: #ffb136;
padding: 24px;
border-radius: 48px;
border: none;
color: #fff;
margin-top: 24px;
font-family: "montserrat_alternatesbold";
}
.form-submit input:hover {
cursor: pointer;
background: #111419;
color: #fff;
}
#noticia_share {
top: 48px;
left: 0;
}
#noticia_share.final {
top: initial;
bottom: 48px;
}
#noticia_share.fixed {
left: 425px;
}
#noticia_share .icono_rrss {
margin-left: 0;
}  .publicacion:first-child {
border-top: 1px solid #fff;
}
.publicacion_informacion {
width: calc(100% - 176px);
}
.publicacion_enlace {
width: 176px;
border-left: 1px solid #fff;
}
.svg_lateral {
max-width: calc(100% - 440px);
}  .retrato_lateral {
width: calc(100% - 440px);
}
#svg_talleres {
right: 5%;
bottom: -10%;
max-height: 120%;
}
.taller_conferencia {
width: 33.33333%;
}
.taller_conferencia:nth-child(3n+2) {
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}  #sobre_mi_retrato {
padding-top: 55.6%;
border-bottom: 4px solid #e63b3b;
}
#sobre_mi_retrato img {
height: 90%;
bottom: 0;
left: 50%;
transform: translate(-50%, 0);
}
#sobre_mi_retrato svg {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 60%;
}  .svg_top {
left: 0;
top: 0;
}
#formulario_lateral {
max-width: calc(100% - 680px);
width: 100%;
}  #presentacion {
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 10;
}  @media screen and (max-width: 1366px) {
#menu {
width: calc(100% - 378px);
}
#lateral {
width: 140px;
}
#noticia_contenido,
#noticia_tags {
margin-left: 240px;
}
#archivos {
padding-left: 140px;
}
#contenido {
width: calc(100% - 140px);
}
#noticia_share.fixed {
left: 280px;
}
.taller_conferencia {
width: 100%;
}
.taller_conferencia:nth-child(3n+2) {
border-left: 0;
border-right: 0;
}
.taller_conferencia_informacion {
border-bottom: 0;
padding-bottom: 0;
}
.taller_conferencia_descripcion {
padding: 24px 24px 12px 24px;
}
#formulario_lateral {
max-width: calc(100% - 440px);
}
.comment .children {
padding-left: 40px;
}
.px100 {
font-size: 74px;
font-size: 7.4rem;
line-height: 76px;
line-height: 7.6rem;
}
.px72 {
font-size: 56px;
font-size: 5.6rem;
line-height: 56px;
line-height: 5.6rem;
}
.px68 {
font-size: 56px;
font-size: 5.6rem;
line-height: 56px;
line-height: 5.6rem;
}
.px56 {
font-size: 48px;
font-size: 4.8rem;
line-height: 58px;
line-height: 5.8rem;
}
.px50 {
font-size: 40px;
font-size: 4rem;
line-height: 48px;
line-height: 4.8rem;
}
.px48 {
font-size: 40px;
font-size: 4rem;
line-height: 48px;
line-height: 4.8rem;
}
.px40,
.es_subscription_message.success {
font-size: 36px !important;
font-size: 3.6rem !important;
line-height: 43.2px !important;
line-height: 4.32rem !important;
}
.px36 {
font-size: 30px;
font-size: 3rem;
line-height: 30px;
line-height: 3rem;
}
.px30 {
font-size: 24px;
font-size: 2.4rem;
line-height: 28.799999999999997px;
line-height: 2.88rem;
}
.px24,
#reply-title {
font-size: 21px;
font-size: 2.1rem;
line-height: 24.8px;
line-height: 2.48rem;
}
.px21 {
font-size: 18px;
font-size: 1.8rem;
line-height: 21px;
line-height: 2.1rem;
}
}
@media screen and (max-width: 1180px) {
#menu {
width: calc(100% - 398px);
}
#footer_sobre_mi,
#footer_ultimos_posts {
width: calc(50% - 65px);
}
#footer_posts_populares {
width: 100%;
}
.post_popular {
width: calc(33% - 16px);
}
#talleres_conferencias > header {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.retrato_lateral {
width: 100%;
max-width: 100%;
order: 1;
margin-left: 0;
margin-bottom: 48px;
border-bottom: 4px solid #e88931;
}
.retrato_lateral img {
width: calc(100% - 140px);
max-width: 1060px;
}
#svg_talleres {
top: -10%;
max-height: inherit;
width: 120%;
height: auto;
}
#talleres_conferencias #noticia_cabecera {
order: 2;
}
}
@media screen and (max-width: 1024px) {
#logotipo_cont {
max-width: 152px;
}
#logotipo_principal {
display: none;
}
#logotipo_reducido {
display: block;
}
#menu {
width: calc(100% - 200px);
}
#lateral_texto {
right: -59px;
width: 186px;
}
.noticia_archivo {
width: 50%;
}
.taller_grafismo {
opacity: 0.5;
}
.noticia_mitad {
width: calc(50% - 35px);
}
#grafismo_noticia_1,
#grafismo_noticia_4 {
left: -70px;
}
#grafismo_noticia_3,
#grafismo_noticia_6 {
right: -70px;
}
.grafismo_noticia {
z-index: 1;
max-width: calc(100% + 140px);
}
#noticia_share.fixed {
left: 210px;
}
#buscador {
width: 100%;
}
#buscador input[type="search"] {
padding-right: 64px;
padding-left: 12px;
}
.svg_lateral {
max-width: 100%;
position: absolute;
top: 50%;
right: -25%;
transform: translate(0, -50%);
}
.contenido_lateral,
.contenido_no_lateral {
width: 100%;
}
.contenido_no_lateral {
margin-left: 0;
}
#footer_subscriptores_cont {
display: block;
}
.contenedor,
.contenedor_peq,
.contenedor_min,
.contenedor_ultramin {
width: calc(100% - 140px);
}
.px100 {
font-size: 56px;
font-size: 5.6rem;
line-height: 56px;
line-height: 5.6rem;
}
.px72 {
font-size: 42px;
font-size: 4.2rem;
line-height: 52px;
line-height: 5.2rem;
}
.px68 {
font-size: 42px;
font-size: 4.2rem;
line-height: 52px;
line-height: 5.2rem;
}
.px56 {
font-size: 36px;
font-size: 3.6rem;
line-height: 46px;
line-height: 4.6rem;
}
.px50 {
font-size: 36px;
font-size: 3.6rem;
line-height: 46px;
line-height: 4.6rem;
}
.px48 {
font-size: 36px;
font-size: 3.6rem;
line-height: 43.2px;
line-height: 4.32rem;
}
.px40,
.es_subscription_message.success {
font-size: 30px !important;
font-size: 3rem !important;
line-height: 30px !important;
line-height: 3rem !important;
}
.px36 {
font-size: 24px;
font-size: 2.4rem;
line-height: 28.799999999999997px;
line-height: 2.88rem;
}
.px30 {
font-size: 21px;
font-size: 2.1rem;
line-height: 24.8px;
line-height: 2.48rem;
}
.px24,
#reply-title {
font-size: 18px;
font-size: 1.8rem;
line-height: 21px;
line-height: 2.1rem;
}
.px21 {
font-size: 18px;
font-size: 1.8rem;
line-height: 21px;
line-height: 2.1rem;
}
.px18,
#reply-title small,
.form-submit input,
.archivo_listado li,
.emaillist input[type="email"],
.emaillist input[type="text"],
.emaillist input[type="submit"] {
font-size: 16px;
font-size: 1.6rem;
line-height: 21px;
line-height: 2.1rem;
}
}
@media screen and (max-width: 834px) {
.noticia {
display: block;
}
.noticia_mitad {
width: 100%;
}
#noticia_contenido,
#noticia_tags {
margin-left: 120px;
}
#footer_sobre_mi {
width: 100%;
}
#footer_ultimos_posts,
#footer_posts_populares {
width: calc(50% - 24px);
}
.post_popular {
width: 100%;
}
#contacto > .contenedor {
display: block;
}
#noticia_cabecera header,
#datos_contacto {
margin-bottom: 48px;
}
#formulario_lateral {
max-width: 100%;
}
.comment-meta,
.comment-body p {
padding-left: 0;
}
}
@media screen and (max-width: 740px) {
#cabecera {
padding: 24px 0;
}
#menu {
display: none;
position: absolute;
top: 100%;
left: 0;
z-index: 9;
width: 100%;
min-height: calc(100vh - 180px);
background: rgba(255, 255, 255, 0.95);
padding: 48px 24px;
transform: translateX(-100%);
transition: transform 0.5s;
-webkit-transition: transform 0.5s;
-moz-transition: transform 0.5s;
-o-transition: transform 0.5s;
}
#menu.activo {
display: block;
transform: translateX(0);
}
#menu-cabecera {
display: block;
}
#menu-cabecera > li {
padding-left: 0;
margin-top: 24px;
}
#menu-cabecera > li:first-child {
margin-top: 0;
}
#btn_menu_mobile {
width: 30px;
height: 30px;
display: block;
}
#btn_menu_mobile svg {
top: 0;
right: -15px;
transition: right 0.3s;
-webkit-transition: right 0.3s;
-moz-transition: right 0.3s;
-o-transition: right 0.3s;
}
#btn_menu_mobile:hover {
cursor: pointer;
}
#btn_menu_mobile:hover path,
#btn_menu_mobile:hover polygon {
fill: #ffb136;
}
#btn_menu_mobile.activo svg {
right: 0;
}
body {
padding-bottom: 78px;
}
#lateral {
width: 100%;
min-height: 78px;
background: #efeff0;
padding: 24px;
position: fixed;
top: initial !important;
right: initial !important;
bottom: 0;
left: 0;
z-index: 3;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: left;
justify-content: left;
}
#lateral_texto {
transform: none;
position: initial !important;
margin-left: 24px;
width: auto;
}
#btn_lateral {
position: initial;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: left;
justify-content: left;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
#btn_lateral.activo .boton_lateral {
background: #111419;
}
#btn_lateral.activo p {
color: #111419;
}
#btn_lateral.activo .boton_lateral:first-child {
margin-top: 0;
}
#archivos {
padding-left: 0;
padding-bottom: 78px;
}
.archivo_cabeceras {
display: block;
}
.archivo_cont {
margin-bottom: 12px;
}
.archivo_tercio,
.archivo_doble {
width: 100%;
}
.archivo_listado {
padding: 0;
}
#anuales_listado {
order: 0;
-moz-column-count: 2;
-webkit-column-count: 2;
column-count: 2;
-moz-column-gap: 48px;
-webkit-column-gap: 48px;
column-gap: 48px;
}
#contenido {
width: 100%;
margin-left: 0;
}
#noticia_share.fixed {
left: 70px;
}
}
@media screen and (max-width: 580px) {
#logotipo_cont {
width: 120px;
}
#logotipo_reducido {
display: none;
}
#logotipo_minimizado {
display: block;
}
#ultima_noticia {
-webkit-align-items: flex-end;
align-items: flex-end;
}
#ultima_noticia_extracto {
display: none;
}
#cont_img_destacada {
right: 50%;
transform: translateX(50%);
}
.taller_grafismo {
opacity: 0.25;
}
#taller_proximo_grafismo_derecha,
#taller_titulo_grafismo_derecha,
#taller_descripcion_grafismo_izquierda {
display: none;
}
.grafismo_noticia {
height: calc(100% - 96px);
}
.boton,
.es_subscription_form input[type="submit"] {
min-width: 150px;
padding: 12px 24px;
}
#noticia_contenido,
#noticia_tags {
margin-left: 0;
}
#noticia_share {
position: initial;
}
#noticia_share_iconos {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
#noticia_share .icono_rrss {
margin-right: 12px;
}
.publicacion_informacion {
width: 100%;
padding-right: 0;
margin-bottom: 24px;
}
.publicacion_enlace {
border-left: 0;
width: 100%;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-end;
justify-content: flex-end;
}
.retrato_lateral img {
width: calc(100% - 48px);
}
.comment .children {
padding-left: 20px;
}
.comment {
border-top: 4px solid #ffb136;
}
.footer_tercio {
width: 100% !important;
}
#menu_footer li {
margin: 0 0 12px 0;
width: 100%;
text-align: center;
}
.contenedor,
.contenedor_peq,
.contenedor_min,
.contenedor_ultramin {
width: calc(100% - 48px);
}
.padding {
padding: 24px;
}
.paddingBottom {
padding-bottom: 48px;
}
.paddingBottom_Gr {
padding-bottom: 96px;
}
.paddingTop {
padding-top: 48px;
}
.paddingTop_Gr {
padding-top: 96px;
}
.marginBottom {
margin-bottom: 48px;
}
.marginTop {
margin-top: 48px;
}
}
 .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated_longe{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,100%,20%,50%,80%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%,100%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}}@keyframes pulse{0%,100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);transform:rotate(0)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}}@keyframes wobble{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounceIn{0%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}50%{opacity:1;-webkit-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}70%{-webkit-transform:scale(.9);-ms-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}60%{opacity:1;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px)}80%{-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);transform:translateY(-10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}60%{opacity:1;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px)}80%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes bounceInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}60%{opacity:1;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px)}80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bounceInUp{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}60%{opacity:1;-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}80%{-webkit-transform:translateY(10px);-ms-transform:translateY(10px);transform:translateY(10px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);transform:scale(.3)}}@keyframes bounceOut{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}25%{-webkit-transform:scale(.95);-ms-transform:scale(.95);transform:scale(.95)}50%{opacity:1;-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{opacity:0;-webkit-transform:scale(.3);-ms-transform:scale(.3);transform:scale(.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes bounceOutDown{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes bounceOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes bounceOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}20%{opacity:1;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes bounceOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}20%{opacity:1;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}}@keyframes fadeOutDown{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);transform:translateY(2000px)}}@keyframes fadeOutDownBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(2000px);-ms-transform:translateY(2000px);transform:translateY(2000px)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}}@keyframes fadeOutLeft{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes fadeOutLeftBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}}@keyframes fadeOutRight{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes fadeOutRightBig{0%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px)}}@keyframes fadeOutUp{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes fadeOutUpBig{0%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(0) scale(1);transform:perspective(400px) translateZ(0) rotateY(0) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-ms-transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-ms-transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;-ms-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}100%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}}.flipInX{backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}.flipInX,.flipInY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}40%{-webkit-transform:perspective(400px) rotateY(-10deg);-ms-transform:perspective(400px) rotateY(-10deg);transform:perspective(400px) rotateY(-10deg)}70%{-webkit-transform:perspective(400px) rotateY(10deg);-ms-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg)}100%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}}.flipInY{backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px) rotateX(0);-ms-transform:perspective(400px) rotateX(0);transform:perspective(400px) rotateX(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;backface-visibility:visible!important}.flipOutX,.flipOutY{-webkit-backface-visibility:visible!important;-ms-backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px) rotateY(0);-ms-transform:perspective(400px) rotateY(0);transform:perspective(400px) rotateY(0);opacity:1}100%{-webkit-transform:perspective(400px) rotateY(90deg);-ms-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}60%{-webkit-transform:translateX(-20%) skewX(30deg);-ms-transform:translateX(-20%) skewX(30deg);transform:translateX(-20%) skewX(30deg);opacity:1}80%{-webkit-transform:translateX(0) skewX(-15deg);-ms-transform:translateX(0) skewX(-15deg);transform:translateX(0) skewX(-15deg);opacity:1}100%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}@keyframes lightSpeedOut{0%{-webkit-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);transform:translateX(0) skewX(0);opacity:1}100%{-webkit-transform:translateX(100%) skewX(-30deg);-ms-transform:translateX(100%) skewX(-30deg);transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-200deg);-ms-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(200deg);-ms-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:left bottom;-ms-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);opacity:1}100%{-webkit-transform-origin:right bottom;-ms-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInLeft{0%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);transform:translateX(-2000px)}}@keyframes slideOutLeft{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(-2000px);-ms-transform:translateX(-2000px);transform:translateX(-2000px)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);transform:translateX(2000px)}}@keyframes slideOutRight{0%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}100%{opacity:0;-webkit-transform:translateX(2000px);-ms-transform:translateX(2000px);transform:translateX(2000px)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);transform:translateY(-2000px)}}@keyframes slideOutUp{0%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}100%{opacity:0;-webkit-transform:translateY(-2000px);-ms-transform:translateY(-2000px);transform:translateY(-2000px)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@-webkit-keyframes hinge{0%{-webkit-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);transform:translateY(700px);opacity:0}}@keyframes hinge{0%{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);-ms-transform:rotate(80deg);transform:rotate(80deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%{-webkit-transform:rotate(60deg);-ms-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}80%{-webkit-transform:rotate(60deg) translateY(0);-ms-transform:rotate(60deg) translateY(0);transform:rotate(60deg) translateY(0);opacity:1;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}100%{-webkit-transform:translateY(700px);-ms-transform:translateY(700px);transform:translateY(700px);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translateX(-100%) rotate(-120deg);-ms-transform:translateX(-100%) rotate(-120deg);transform:translateX(-100%) rotate(-120deg)}100%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}@keyframes rollOut{0%{opacity:1;-webkit-transform:translateX(0) rotate(0);-ms-transform:translateX(0) rotate(0);transform:translateX(0) rotate(0)}100%{opacity:0;-webkit-transform:translateX(100%) rotate(120deg);-ms-transform:translateX(100%) rotate(120deg);transform:translateX(100%) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}