| Server IP : 66.85.128.68 / Your IP : 216.73.217.122 Web Server : Apache System : Linux isis.cmaginet.com 5.14.0-611.24.1.el9_7.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Jan 22 07:12:43 EST 2026 x86_64 User : zonaacti ( 1105) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : OFF | Pkexec : OFF Directory : /home/zonaacti/public_html/wp-content/themes/zona-activa/static/css/ |
Upload File : |
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900");
/**
EDgrid es una librería CSS para construir layouts con Responsive Web Design
Importe este archivo en su proyecto para empezar a usarlo
**/
*,
*:before,
*:after {
box-sizing: border-box; }
body {
margin: 0;
font-family: sans-serif; }
img {
max-width: 100%;
height: auto; }
a {
text-decoration: none; }
a:hover {
text-decoration: underline; }
body.dev:before,
body.desarrollo:before, body.dev .ed-container:before,
body.desarrollo .ed-container:before, body.dev .ed-item:before,
body.desarrollo .ed-item:before {
content: attr(class);
font-style: italic;
font-size: 0.75rem;
font-weight: normal;
z-index: 1;
right: 0;
position: absolute;
display: table;
width: 100%;
padding: 0 0.3125em;
height: 1.25rem;
line-height: 1.25rem; }
.ed-container, .page-main {
display: flex;
flex-wrap: wrap;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
width: 100%; }
.ed-item, .page-content, .page-sidebar {
margin: 0;
padding-left: 0.9375em;
padding-right: 0.9375em; }
.ed-item {
width: 100%; }
.ed-item.ed-container {
padding-left: 0;
padding-right: 0; }
/*
| Mixin para crear cuadriculas
|
| $selector: nombre del selector CSS de cada item de la cuadricula
|
| $listColumns:
| * lista de numeros de columnas en cada breakpoint. Ej: (1,2,3,4)
| * usar parenteris "()" si la lista contiene mas de un elemento
| * el numero de columnas del ultimo breakpoint se hereda a breakpoints superiores
|
| $gutter: separación entre cada item de la cuadricula (opcional)
|
*/
.button,
button, .button.round,
button.round, .button.radius,
button.radius {
display: inline-block;
line-height: 2.5em;
padding: 0 1.5em;
cursor: pointer;
margin-bottom: 1em;
border: none; }
.s-offset-5 {
margin-left: 5%; }
.s-offset-10 {
margin-left: 10%; }
.s-offset-15 {
margin-left: 15%; }
.s-offset-20 {
margin-left: 20%; }
.s-offset-25 {
margin-left: 25%; }
.s-offset-30 {
margin-left: 30%; }
.s-offset-35 {
margin-left: 35%; }
.s-offset-40 {
margin-left: 40%; }
.s-offset-45 {
margin-left: 45%; }
.s-offset-50 {
margin-left: 50%; }
.s-offset-55 {
margin-left: 55%; }
.s-offset-60 {
margin-left: 60%; }
.s-offset-65 {
margin-left: 65%; }
.s-offset-70 {
margin-left: 70%; }
.s-offset-75 {
margin-left: 75%; }
.s-offset-80 {
margin-left: 80%; }
.s-offset-85 {
margin-left: 85%; }
.s-offset-90 {
margin-left: 90%; }
.s-offset-95 {
margin-left: 95%; }
.s-offset-100 {
margin-left: 100%; }
.s-offset-1-3 {
margin-left: 33.33333%; }
.s-offset-2-3 {
margin-left: 66.66667%; }
.s-offset-1-6 {
margin-left: 16.66667%; }
.s-offset-2-6 {
margin-left: 33.33333%; }
@media all and (min-width: 640px) {
.m-offset-5 {
margin-left: 5%; }
.m-offset-10 {
margin-left: 10%; }
.m-offset-15 {
margin-left: 15%; }
.m-offset-20 {
margin-left: 20%; }
.m-offset-25 {
margin-left: 25%; }
.m-offset-30 {
margin-left: 30%; }
.m-offset-35 {
margin-left: 35%; }
.m-offset-40 {
margin-left: 40%; }
.m-offset-45 {
margin-left: 45%; }
.m-offset-50 {
margin-left: 50%; }
.m-offset-55 {
margin-left: 55%; }
.m-offset-60 {
margin-left: 60%; }
.m-offset-65 {
margin-left: 65%; }
.m-offset-70 {
margin-left: 70%; }
.m-offset-75 {
margin-left: 75%; }
.m-offset-80 {
margin-left: 80%; }
.m-offset-85 {
margin-left: 85%; }
.m-offset-90 {
margin-left: 90%; }
.m-offset-95 {
margin-left: 95%; }
.m-offset-100 {
margin-left: 100%; }
.m-offset-1-3 {
margin-left: 33.33333%; }
.m-offset-2-3 {
margin-left: 66.66667%; }
.m-offset-1-6 {
margin-left: 16.66667%; }
.m-offset-2-6 {
margin-left: 33.33333%; } }
@media all and (min-width: 1024px) {
.l-offset-5 {
margin-left: 5%; }
.l-offset-10 {
margin-left: 10%; }
.l-offset-15 {
margin-left: 15%; }
.l-offset-20 {
margin-left: 20%; }
.l-offset-25 {
margin-left: 25%; }
.l-offset-30 {
margin-left: 30%; }
.l-offset-35 {
margin-left: 35%; }
.l-offset-40 {
margin-left: 40%; }
.l-offset-45 {
margin-left: 45%; }
.l-offset-50 {
margin-left: 50%; }
.l-offset-55 {
margin-left: 55%; }
.l-offset-60 {
margin-left: 60%; }
.l-offset-65 {
margin-left: 65%; }
.l-offset-70 {
margin-left: 70%; }
.l-offset-75 {
margin-left: 75%; }
.l-offset-80 {
margin-left: 80%; }
.l-offset-85 {
margin-left: 85%; }
.l-offset-90 {
margin-left: 90%; }
.l-offset-95 {
margin-left: 95%; }
.l-offset-100 {
margin-left: 100%; }
.l-offset-1-3 {
margin-left: 33.33333%; }
.l-offset-2-3 {
margin-left: 66.66667%; }
.l-offset-1-6 {
margin-left: 16.66667%; }
.l-offset-2-6 {
margin-left: 33.33333%; } }
@media all and (min-width: 1440px) {
.xl-offset-5 {
margin-left: 5%; }
.xl-offset-10 {
margin-left: 10%; }
.xl-offset-15 {
margin-left: 15%; }
.xl-offset-20 {
margin-left: 20%; }
.xl-offset-25 {
margin-left: 25%; }
.xl-offset-30 {
margin-left: 30%; }
.xl-offset-35 {
margin-left: 35%; }
.xl-offset-40 {
margin-left: 40%; }
.xl-offset-45 {
margin-left: 45%; }
.xl-offset-50 {
margin-left: 50%; }
.xl-offset-55 {
margin-left: 55%; }
.xl-offset-60 {
margin-left: 60%; }
.xl-offset-65 {
margin-left: 65%; }
.xl-offset-70 {
margin-left: 70%; }
.xl-offset-75 {
margin-left: 75%; }
.xl-offset-80 {
margin-left: 80%; }
.xl-offset-85 {
margin-left: 85%; }
.xl-offset-90 {
margin-left: 90%; }
.xl-offset-95 {
margin-left: 95%; }
.xl-offset-100 {
margin-left: 100%; }
.xl-offset-1-3 {
margin-left: 33.33333%; }
.xl-offset-2-3 {
margin-left: 66.66667%; }
.xl-offset-1-6 {
margin-left: 16.66667%; }
.xl-offset-2-6 {
margin-left: 33.33333%; } }
.s-order-1 {
order: 1; }
.s-order-2 {
order: 2; }
.s-order-3 {
order: 3; }
.s-order-4 {
order: 4; }
.s-order-5 {
order: 5; }
.s-order-6 {
order: 6; }
.s-order-7 {
order: 7; }
.s-order-8 {
order: 8; }
.s-order-9 {
order: 9; }
.s-order-10 {
order: 10; }
@media screen and (min-width: 640px) {
.m-order-1 {
order: 1; }
.m-order-2 {
order: 2; }
.m-order-3 {
order: 3; }
.m-order-4 {
order: 4; }
.m-order-5 {
order: 5; }
.m-order-6 {
order: 6; }
.m-order-7 {
order: 7; }
.m-order-8 {
order: 8; }
.m-order-9 {
order: 9; }
.m-order-10 {
order: 10; } }
@media screen and (min-width: 1024px) {
.l-order-1 {
order: 1; }
.l-order-2 {
order: 2; }
.l-order-3 {
order: 3; }
.l-order-4 {
order: 4; }
.l-order-5 {
order: 5; }
.l-order-6 {
order: 6; }
.l-order-7 {
order: 7; }
.l-order-8 {
order: 8; }
.l-order-9 {
order: 9; }
.l-order-10 {
order: 10; } }
@media screen and (min-width: 1440px) {
.xl-order-1 {
order: 1; }
.xl-order-2 {
order: 2; }
.xl-order-3 {
order: 3; }
.xl-order-4 {
order: 4; }
.xl-order-5 {
order: 5; }
.xl-order-6 {
order: 6; }
.xl-order-7 {
order: 7; }
.xl-order-8 {
order: 8; }
.xl-order-9 {
order: 9; }
.xl-order-10 {
order: 10; } }
.s-justify {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
@media all and (min-width: 640px) {
.m-justify {
display: flex;
flex-wrap: wrap;
justify-content: space-between; } }
@media all and (min-width: 1024px) {
.l-justify {
display: flex;
flex-wrap: wrap;
justify-content: space-between; } }
@media all and (min-width: 1440px) {
.xl-justify {
display: flex;
flex-wrap: wrap;
justify-content: space-between; } }
.s-distribute {
display: flex;
flex-wrap: wrap;
justify-content: space-around; }
@media all and (min-width: 640px) {
.m-distribute {
display: flex;
flex-wrap: wrap;
justify-content: space-around; } }
@media all and (min-width: 1024px) {
.l-distribute {
display: flex;
flex-wrap: wrap;
justify-content: space-around; } }
@media all and (min-width: 1440px) {
.xl-distribute {
display: flex;
flex-wrap: wrap;
justify-content: space-around; } }
.s-main-start {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; }
@media all and (min-width: 640px) {
.m-main-start {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; } }
@media all and (min-width: 1024px) {
.l-main-start {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; } }
@media all and (min-width: 1440px) {
.xl-main-start {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; } }
.s-main-center {
display: flex;
flex-wrap: wrap;
justify-content: center; }
@media all and (min-width: 640px) {
.m-main-center {
display: flex;
flex-wrap: wrap;
justify-content: center; } }
@media all and (min-width: 1024px) {
.l-main-center {
display: flex;
flex-wrap: wrap;
justify-content: center; } }
@media all and (min-width: 1440px) {
.xl-main-center {
display: flex;
flex-wrap: wrap;
justify-content: center; } }
.s-main-end {
display: flex;
flex-wrap: wrap;
justify-content: flex-end; }
@media all and (min-width: 640px) {
.m-main-end {
display: flex;
flex-wrap: wrap;
justify-content: flex-end; } }
@media all and (min-width: 1024px) {
.l-main-end {
display: flex;
flex-wrap: wrap;
justify-content: flex-end; } }
@media all and (min-width: 1440px) {
.xl-main-end {
display: flex;
flex-wrap: wrap;
justify-content: flex-end; } }
.s-cross-start {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; }
@media all and (min-width: 640px) {
.m-cross-start {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
@media all and (min-width: 1024px) {
.l-cross-start {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
@media all and (min-width: 1440px) {
.xl-cross-start {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; } }
@media all and (min-width: 0) {
.s-cross-center {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center; } }
@media all and (min-width: 640px) {
.m-cross-center {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center; } }
@media all and (min-width: 1024px) {
.l-cross-center {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center; } }
@media all and (min-width: 1440px) {
.xl-cross-center {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center; } }
.s-cross-end {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
align-content: flex-end; }
@media all and (min-width: 640px) {
.m-cross-end {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
align-content: flex-end; } }
@media all and (min-width: 1024px) {
.l-cross-end {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
align-content: flex-end; } }
@media all and (min-width: 1440px) {
.xl-cross-end {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
align-content: flex-end; } }
.s-reverse {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse; }
@media all and (min-width: 640px) {
.m-reverse {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse; } }
@media all and (min-width: 1024px) {
.l-reverse {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse; } }
@media all and (min-width: 1440px) {
.xl-reverse {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse; } }
.s-column {
display: flex;
flex-wrap: wrap;
flex-direction: column; }
@media all and (min-width: 640px) {
.m-column {
display: flex;
flex-wrap: wrap;
flex-direction: column; } }
@media all and (min-width: 1024px) {
.l-column {
display: flex;
flex-wrap: wrap;
flex-direction: column; } }
@media all and (min-width: 1440px) {
.xl-column {
display: flex;
flex-wrap: wrap;
flex-direction: column; } }
.s-column-reverse {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse; }
@media all and (min-width: 640px) {
.m-column-reverse {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse; } }
@media all and (min-width: 1024px) {
.l-column-reverse {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse; } }
@media all and (min-width: 1440px) {
.xl-column-reverse {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse; } }
.grid-container.grid-1234 {
display: flex;
flex-wrap: wrap;
margin-left: -0.5em;
margin-right: -0.5em; }
.grid-container.grid-1234 img {
display: block; }
body {
overflow-x: hidden; }
.grid-container.grid-1234 > .grid-item {
width: calc(100% - 1em);
margin: 0.5em; }
@media screen and (min-width: 640px) {
.grid-container.grid-1234 > .grid-item {
width: calc(50% - 1em); } }
@media screen and (min-width: 1024px) {
.grid-container.grid-1234 > .grid-item {
width: calc(33.33333% - 1em); } }
@media screen and (min-width: 1440px) {
.grid-container.grid-1234 > .grid-item {
width: calc(25% - 1em); } }
.grid-container.grid-2345 {
display: flex;
flex-wrap: wrap;
margin-left: -0.5em;
margin-right: -0.5em; }
.grid-container.grid-2345 img {
display: block; }
body {
overflow-x: hidden; }
.grid-container.grid-2345 > .grid-item {
width: calc(50% - 1em);
margin: 0.5em; }
@media screen and (min-width: 640px) {
.grid-container.grid-2345 > .grid-item {
width: calc(33.33333% - 1em); } }
@media screen and (min-width: 1024px) {
.grid-container.grid-2345 > .grid-item {
width: calc(25% - 1em); } }
@media screen and (min-width: 1440px) {
.grid-container.grid-2345 > .grid-item {
width: calc(20% - 1em); } }
body.dev,
body.desarrollo {
margin: 0 !important;
position: relative;
top: 66px; }
body.dev:before,
body.desarrollo:before {
position: fixed;
background: steelblue;
color: #FFF;
font-size: 0.875rem;
text-align: center;
line-height: 36px;
height: 36px;
top: 0; }
body.dev:before,
body.desarrollo:before {
content: "ed-grid: size s, from 0 (ed-containers: red, ed-items: blue, yellow)"; }
@media screen and (min-width: 640px) {
body.dev:before,
body.desarrollo:before {
content: "ed-grid: size m, from 640px (ed-containers: red, ed-items: blue, yellow)"; } }
@media screen and (min-width: 1024px) {
body.dev:before,
body.desarrollo:before {
content: "ed-grid: size l, from 1024px (ed-containers: red, ed-items: blue, yellow)"; } }
@media screen and (min-width: 1440px) {
body.dev:before,
body.desarrollo:before {
content: "ed-grid: size xl, from 1440px (ed-containers: red, ed-items: blue, yellow)"; } }
body.dev .ed-container,
body.desarrollo .ed-container {
padding-top: 1.25rem;
margin-bottom: 10px;
outline: 1px solid tomato;
position: relative; }
body.dev .ed-container .ed-container,
body.desarrollo .ed-container .ed-container {
margin-bottom: 0; }
body.dev .ed-container:before,
body.desarrollo .ed-container:before {
top: 0;
background: rgba(255, 99, 71, 0.3);
color: tomato; }
body.dev .ed-item,
body.desarrollo .ed-item {
position: relative;
padding-bottom: 1.25rem;
background-color: rgba(255, 255, 0, 0.3);
background-clip: content-box; }
body.dev .ed-item:before,
body.desarrollo .ed-item:before {
background: rgba(70, 130, 180, 0.8);
color: #FFF;
bottom: 0; }
body.dev .ed-item:nth-child(even):before,
body.desarrollo .ed-item:nth-child(even):before {
background: rgba(70, 130, 180, 0.4);
color: steelblue; }
.button,
button {
background: #ddd;
color: #333; }
.button:hover,
button:hover {
background: #d0d0d0;
text-decoration: none; }
.button:active,
button:active {
transform: scale(0.97); }
.button.round,
button.round {
background: #DDD;
color: #333;
border-radius: 1.25em; }
.button.round:hover,
button.round:hover {
background: #d0d0d0;
text-decoration: none; }
.button.round:active,
button.round:active {
transform: scale(0.97); }
.button.radius,
button.radius {
background: #DDD;
color: 333;
border-radius: .25em; }
.button.radius:hover,
button.radius:hover {
background: #d0d0d0;
text-decoration: none; }
.button.radius:active,
button.radius:active {
transform: scale(0.97); }
.ed-menu.s-horizontal {
width: 100%;
display: flex;
align-items: center; }
.ed-menu.s-horizontal, .ed-menu.s-horizontal ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none; }
.ed-menu.s-horizontal li {
position: relative;
list-style: none;
flex: auto; }
.ed-menu.s-horizontal li.parent-submenu {
display: flex;
flex-wrap: wrap; }
.ed-menu.s-horizontal li.parent-submenu a {
flex: auto; }
.ed-menu.s-horizontal ul {
display: none; }
.ed-menu.s-horizontal ul.show-submenu {
display: block;
width: 100%;
order: 3;
margin-left: 1em;
margin-bottom: .5em; }
.ed-menu.s-horizontal a {
display: block;
line-height: 3em;
padding: 0 1em; }
.ed-menu.s-horizontal a:hover {
text-decoration: none; }
.ed-menu.s-horizontal a {
text-align: center; }
.ed-menu.s-horizontal .expand {
display: none; }
.ed-menu.s-horizontal ul {
position: absolute;
left: 0;
top: 100%;
min-width: 100%;
white-space: nowrap; }
.ed-menu.s-horizontal ul a {
text-align: left; }
.ed-menu.s-horizontal ul ul {
top: 0;
left: 100%; }
.ed-menu.s-horizontal li:hover > ul {
display: block; }
.ed-menu.s-horizontal .expand-submenu {
display: none;
position: relative;
right: 0;
width: 3em;
height: 3em;
cursor: pointer;
transition: all .3s; }
.ed-menu.s-horizontal .expand-submenu::after {
content: "";
position: absolute;
width: 40%;
height: 40%;
top: 20%;
left: 30%;
border-left: 0.45em solid;
border-bottom: 0.45em solid;
border-radius: 0.24em;
transform: rotate(-45deg);
transition: all .3s; }
.ed-menu.s-horizontal .expand-submenu.active {
transform: rotate(180deg); }
.ed-menu.s-horizontal.default {
background: #eee; }
.ed-menu.s-horizontal.default li:hover {
background: rgba(0, 0, 0, 0.1); }
.ed-menu.s-horizontal.default ul {
background: #e1e1e1; }
.ed-menu.s-horizontal.default a {
color: #666; }
.ed-menu.s-horizontal.nav-bar {
background: #EEE;
border: 1px solid rgba(0, 0, 0, 0.1); }
.ed-menu.s-horizontal.nav-bar li:hover {
background: rgba(0, 0, 0, 0.1); }
.ed-menu.s-horizontal.nav-bar ul {
background: #e1e1e1; }
.ed-menu.s-horizontal.nav-bar a {
color: #666; }
.ed-menu.s-horizontal.nav-bar li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.ed-menu.s-horizontal.nav-bar li:last-child {
border-right: none;
border-bottom: none; }
.ed-menu.s-horizontal.nav-bar ul {
border: 1px solid rgba(0, 0, 0, 0.1); }
.ed-menu.s-horizontal.nav-bar ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.ed-menu.s-horizontal.nav-bar ul li:last-child {
border-bottom: none; }
.ed-menu.s-horizontal.nav-bar > li {
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: none; }
.ed-menu.s-horizontal.button-bar li {
margin-bottom: .5em;
margin-right: .5em; }
.ed-menu.s-horizontal.button-bar a {
border: 1px solid rgba(0, 0, 0, 0.1);
background: #EEE;
line-height: 2.5em;
padding: 0 1.5em;
border-radius: 4px;
color: #666; }
.ed-menu.s-horizontal.button-bar a:hover {
background: rgba(0, 0, 0, 0.1); }
.ed-menu.m-horizontal {
width: 100%; }
.ed-menu.m-horizontal, .ed-menu.m-horizontal ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none; }
.ed-menu.m-horizontal li {
position: relative;
list-style: none;
flex: auto; }
.ed-menu.m-horizontal li.parent-submenu {
display: flex;
flex-wrap: wrap; }
.ed-menu.m-horizontal li.parent-submenu a {
flex: auto; }
.ed-menu.m-horizontal ul {
display: none; }
@media screen and (max-width: 639px) {
.ed-menu.m-horizontal ul.show-submenu {
display: block;
width: 100%;
order: 3;
margin-left: 1em;
margin-bottom: .5em; } }
.ed-menu.m-horizontal a {
display: block;
line-height: 3em;
padding: 0 1em; }
.ed-menu.m-horizontal a:hover {
text-decoration: none; }
@media screen and (min-width: 640px) {
.ed-menu.m-horizontal {
display: flex;
align-items: center; }
.ed-menu.m-horizontal a {
text-align: center; }
.ed-menu.m-horizontal .expand {
display: none; }
.ed-menu.m-horizontal ul {
position: absolute;
left: 0;
top: 100%;
min-width: 100%;
white-space: nowrap; }
.ed-menu.m-horizontal ul a {
text-align: left; }
.ed-menu.m-horizontal ul ul {
top: 0;
left: 100%; }
.ed-menu.m-horizontal li:hover > ul {
display: block; } }
.ed-menu.m-horizontal .expand-submenu {
position: relative;
right: 0;
width: 3em;
height: 3em;
cursor: pointer;
transition: all .3s; }
@media screen and (min-width: 640px) {
.ed-menu.m-horizontal .expand-submenu {
display: none; } }
.ed-menu.m-horizontal .expand-submenu::after {
content: "";
position: absolute;
width: 40%;
height: 40%;
top: 20%;
left: 30%;
border-left: 0.45em solid;
border-bottom: 0.45em solid;
border-radius: 0.24em;
transform: rotate(-45deg);
transition: all .3s; }
.ed-menu.m-horizontal .expand-submenu.active {
transform: rotate(180deg); }
.ed-menu.m-horizontal.default {
background: #eee; }
.ed-menu.m-horizontal.default li:hover {
background: rgba(0, 0, 0, 0.1); }
.ed-menu.m-horizontal.default ul {
background: #e1e1e1; }
.ed-menu.m-horizontal.default a {
color: #666; }
.ed-menu.m-horizontal.nav-bar {
background: #EEE;
border: 1px solid rgba(0, 0, 0, 0.1); }
.ed-menu.m-horizontal.nav-bar li:hover {
background: rgba(0, 0, 0, 0.1); }
.ed-menu.m-horizontal.nav-bar ul {
background: #e1e1e1; }
.ed-menu.m-horizontal.nav-bar a {
color: #666; }
.ed-menu.m-horizontal.nav-bar li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.ed-menu.m-horizontal.nav-bar li:last-child {
border-right: none;
border-bottom: none; }
.ed-menu.m-horizontal.nav-bar ul {
border: 1px solid rgba(0, 0, 0, 0.1); }
.ed-menu.m-horizontal.nav-bar ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.ed-menu.m-horizontal.nav-bar ul li:last-child {
border-bottom: none; }
@media screen and (min-width: 640px) {
.ed-menu.m-horizontal.nav-bar > li {
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: none; } }
.ed-menu.m-horizontal.button-bar li {
margin-bottom: .5em;
margin-right: .5em; }
.ed-menu.m-horizontal.button-bar a {
border: 1px solid rgba(0, 0, 0, 0.1);
background: #EEE;
line-height: 2.5em;
padding: 0 1.5em;
border-radius: 4px;
color: #666; }
.ed-menu.m-horizontal.button-bar a:hover {
background: rgba(0, 0, 0, 0.1); }
.ed-menu.l-horizontal {
width: 100%; }
.ed-menu.l-horizontal, .ed-menu.l-horizontal ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none; }
.ed-menu.l-horizontal li {
position: relative;
list-style: none;
flex: auto; }
.ed-menu.l-horizontal li.parent-submenu {
display: flex;
flex-wrap: wrap; }
.ed-menu.l-horizontal li.parent-submenu a {
flex: auto; }
.ed-menu.l-horizontal ul {
display: none; }
@media screen and (max-width: 1023px) {
.ed-menu.l-horizontal ul.show-submenu {
display: block;
width: 100%;
order: 3;
margin-left: 1em;
margin-bottom: .5em; } }
.ed-menu.l-horizontal a {
display: block;
line-height: 3em;
padding: 0 1em; }
.ed-menu.l-horizontal a:hover {
text-decoration: none; }
@media screen and (min-width: 1024px) {
.ed-menu.l-horizontal {
display: flex;
align-items: center; }
.ed-menu.l-horizontal a {
text-align: center; }
.ed-menu.l-horizontal .expand {
display: none; }
.ed-menu.l-horizontal ul {
position: absolute;
left: 0;
top: 100%;
min-width: 100%;
white-space: nowrap; }
.ed-menu.l-horizontal ul a {
text-align: left; }
.ed-menu.l-horizontal ul ul {
top: 0;
left: 100%; }
.ed-menu.l-horizontal li:hover > ul {
display: block; } }
.ed-menu.l-horizontal .expand-submenu {
position: relative;
right: 0;
width: 3em;
height: 3em;
cursor: pointer;
transition: all .3s; }
@media screen and (min-width: 1024px) {
.ed-menu.l-horizontal .expand-submenu {
display: none; } }
.ed-menu.l-horizontal .expand-submenu::after {
content: "";
position: absolute;
width: 40%;
height: 40%;
top: 20%;
left: 30%;
border-left: 0.45em solid;
border-bottom: 0.45em solid;
border-radius: 0.24em;
transform: rotate(-45deg);
transition: all .3s; }
.ed-menu.l-horizontal .expand-submenu.active {
transform: rotate(180deg); }
.ed-menu.l-horizontal.default {
background: #eee; }
.ed-menu.l-horizontal.default li:hover {
background: rgba(0, 0, 0, 0.1); }
.ed-menu.l-horizontal.default ul {
background: #e1e1e1; }
.ed-menu.l-horizontal.default a {
color: #666; }
.ed-menu.l-horizontal.nav-bar {
background: #EEE;
border: 1px solid rgba(0, 0, 0, 0.1); }
.ed-menu.l-horizontal.nav-bar li:hover {
background: rgba(0, 0, 0, 0.1); }
.ed-menu.l-horizontal.nav-bar ul {
background: #e1e1e1; }
.ed-menu.l-horizontal.nav-bar a {
color: #666; }
.ed-menu.l-horizontal.nav-bar li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.ed-menu.l-horizontal.nav-bar li:last-child {
border-right: none;
border-bottom: none; }
.ed-menu.l-horizontal.nav-bar ul {
border: 1px solid rgba(0, 0, 0, 0.1); }
.ed-menu.l-horizontal.nav-bar ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.ed-menu.l-horizontal.nav-bar ul li:last-child {
border-bottom: none; }
@media screen and (min-width: 1024px) {
.ed-menu.l-horizontal.nav-bar > li {
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: none; } }
.ed-menu.l-horizontal.button-bar li {
margin-bottom: .5em;
margin-right: .5em; }
.ed-menu.l-horizontal.button-bar a {
border: 1px solid rgba(0, 0, 0, 0.1);
background: #EEE;
line-height: 2.5em;
padding: 0 1.5em;
border-radius: 4px;
color: #666; }
.ed-menu.l-horizontal.button-bar a:hover {
background: rgba(0, 0, 0, 0.1); }
.ed-menu.xl-horizontal {
width: 100%; }
.ed-menu.xl-horizontal, .ed-menu.xl-horizontal ul {
margin-top: 0;
margin-bottom: 0;
padding-left: 0;
list-style: none; }
.ed-menu.xl-horizontal li {
position: relative;
list-style: none;
flex: auto; }
.ed-menu.xl-horizontal li.parent-submenu {
display: flex;
flex-wrap: wrap; }
.ed-menu.xl-horizontal li.parent-submenu a {
flex: auto; }
.ed-menu.xl-horizontal ul {
display: none; }
@media screen and (max-width: 1439px) {
.ed-menu.xl-horizontal ul.show-submenu {
display: block;
width: 100%;
order: 3;
margin-left: 1em;
margin-bottom: .5em; } }
.ed-menu.xl-horizontal a {
display: block;
line-height: 3em;
padding: 0 1em; }
.ed-menu.xl-horizontal a:hover {
text-decoration: none; }
@media screen and (min-width: 1440px) {
.ed-menu.xl-horizontal {
display: flex;
align-items: center; }
.ed-menu.xl-horizontal a {
text-align: center; }
.ed-menu.xl-horizontal .expand {
display: none; }
.ed-menu.xl-horizontal ul {
position: absolute;
left: 0;
top: 100%;
min-width: 100%;
white-space: nowrap; }
.ed-menu.xl-horizontal ul a {
text-align: left; }
.ed-menu.xl-horizontal ul ul {
top: 0;
left: 100%; }
.ed-menu.xl-horizontal li:hover > ul {
display: block; } }
.ed-menu.xl-horizontal .expand-submenu {
position: relative;
right: 0;
width: 3em;
height: 3em;
cursor: pointer;
transition: all .3s; }
@media screen and (min-width: 1440px) {
.ed-menu.xl-horizontal .expand-submenu {
display: none; } }
.ed-menu.xl-horizontal .expand-submenu::after {
content: "";
position: absolute;
width: 40%;
height: 40%;
top: 20%;
left: 30%;
border-left: 0.45em solid;
border-bottom: 0.45em solid;
border-radius: 0.24em;
transform: rotate(-45deg);
transition: all .3s; }
.ed-menu.xl-horizontal .expand-submenu.active {
transform: rotate(180deg); }
.ed-menu.xl-horizontal.default {
background: #eee; }
.ed-menu.xl-horizontal.default li:hover {
background: rgba(0, 0, 0, 0.1); }
.ed-menu.xl-horizontal.default ul {
background: #e1e1e1; }
.ed-menu.xl-horizontal.default a {
color: #666; }
.ed-menu.xl-horizontal.nav-bar {
background: #EEE;
border: 1px solid rgba(0, 0, 0, 0.1); }
.ed-menu.xl-horizontal.nav-bar li:hover {
background: rgba(0, 0, 0, 0.1); }
.ed-menu.xl-horizontal.nav-bar ul {
background: #e1e1e1; }
.ed-menu.xl-horizontal.nav-bar a {
color: #666; }
.ed-menu.xl-horizontal.nav-bar li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.ed-menu.xl-horizontal.nav-bar li:last-child {
border-right: none;
border-bottom: none; }
.ed-menu.xl-horizontal.nav-bar ul {
border: 1px solid rgba(0, 0, 0, 0.1); }
.ed-menu.xl-horizontal.nav-bar ul li {
border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.ed-menu.xl-horizontal.nav-bar ul li:last-child {
border-bottom: none; }
@media screen and (min-width: 1440px) {
.ed-menu.xl-horizontal.nav-bar > li {
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-bottom: none; } }
.ed-menu.xl-horizontal.button-bar li {
margin-bottom: .5em;
margin-right: .5em; }
.ed-menu.xl-horizontal.button-bar a {
border: 1px solid rgba(0, 0, 0, 0.1);
background: #EEE;
line-height: 2.5em;
padding: 0 1.5em;
border-radius: 4px;
color: #666; }
.ed-menu.xl-horizontal.button-bar a:hover {
background: rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 1023px) {
.ed-nav.l-top {
position: fixed;
transition: all .3s;
height: 100vh;
z-index: 200;
overflow-y: auto;
width: 100%;
width: 100%;
left: 0;
top: -100%; }
.ed-nav.l-top.show-menu {
top: 0; } }
@media screen and (max-width: 1023px) {
.ed-nav.l-bottom {
position: fixed;
transition: all .3s;
height: 100vh;
z-index: 200;
overflow-y: auto;
width: 100%;
width: 100%;
left: 0;
bottom: -100%; }
.ed-nav.l-bottom.show-menu {
bottom: 0; } }
@media screen and (max-width: 1023px) {
.ed-nav.l-left {
position: fixed;
transition: all .3s;
height: 100vh;
z-index: 200;
overflow-y: auto;
width: 85%;
left: -85%; }
.ed-nav.l-left.show-menu {
left: 0; } }
@media screen and (max-width: 1023px) {
.ed-nav.l-right {
position: fixed;
transition: all .3s;
height: 100vh;
z-index: 200;
overflow-y: auto;
width: 85%;
right: -85%; }
.ed-nav.l-right.show-menu {
right: 0; } }
@media screen and (max-width: 1439px) {
.ed-nav.x-top {
position: fixed;
transition: all .3s;
height: 100vh;
z-index: 200;
overflow-y: auto;
width: 100%;
width: 100%;
left: 0;
top: -100%; }
.ed-nav.x-top.show-menu {
top: 0; } }
@media screen and (max-width: 1439px) {
.ed-nav.xl-bottom {
position: fixed;
transition: all .3s;
height: 100vh;
z-index: 200;
overflow-y: auto;
width: 100%;
width: 100%;
left: 0;
bottom: -100%; }
.ed-nav.xl-bottom.show-menu {
bottom: 0; } }
@media screen and (max-width: 1439px) {
.ed-nav.xl-left {
position: fixed;
transition: all .3s;
height: 100vh;
z-index: 200;
overflow-y: auto;
width: 85%;
left: -85%; }
.ed-nav.xl-left.show-menu {
left: 0; } }
@media screen and (max-width: 1439px) {
.ed-nav.xl-right {
position: fixed;
transition: all .3s;
height: 100vh;
z-index: 200;
overflow-y: auto;
width: 85%;
right: -85%; }
.ed-nav.xl-right.show-menu {
right: 0; } }
@media screen and (max-width: 639px) {
.ed-nav.m-top {
position: fixed;
transition: all .3s;
height: 100vh;
z-index: 200;
overflow-y: auto;
width: 100%;
width: 100%;
left: 0;
top: -100%; }
.ed-nav.m-top.show-menu {
top: 0; } }
@media screen and (max-width: 639px) {
.ed-nav.m-bottom {
position: fixed;
transition: all .3s;
height: 100vh;
z-index: 200;
overflow-y: auto;
width: 100%;
width: 100%;
left: 0;
bottom: -100%; }
.ed-nav.m-bottom.show-menu {
bottom: 0; } }
@media screen and (max-width: 639px) {
.ed-nav.m-left {
position: fixed;
transition: all .3s;
height: 100vh;
z-index: 200;
overflow-y: auto;
width: 85%;
left: -85%; }
.ed-nav.m-left.show-menu {
left: 0; } }
@media screen and (max-width: 639px) {
.ed-nav.m-right {
position: fixed;
transition: all .3s;
height: 100vh;
z-index: 200;
overflow-y: auto;
width: 85%;
right: -85%; }
.ed-nav.m-right.show-menu {
right: 0; } }
.nav-toggle {
position: relative;
z-index: 300;
width: 30px;
height: 20px;
box-shadow: 0 4px #333 inset;
cursor: pointer; }
.nav-toggle::after, .nav-toggle::before {
content: "";
position: absolute;
width: 100%;
height: 4px;
background-color: #333;
bottom: 0; }
.nav-toggle::after {
bottom: 8px; }
.s-5,
.ed-item.s-5 {
width: 5%; }
.s-10,
.ed-item.s-10 {
width: 10%; }
.s-15,
.ed-item.s-15 {
width: 15%; }
.s-20,
.ed-item.s-20 {
width: 20%; }
.s-25,
.ed-item.s-25 {
width: 25%; }
.s-30,
.ed-item.s-30 {
width: 30%; }
.s-35,
.ed-item.s-35 {
width: 35%; }
.s-40,
.ed-item.s-40 {
width: 40%; }
.s-45,
.ed-item.s-45 {
width: 45%; }
.s-50,
.ed-item.s-50 {
width: 50%; }
.s-55,
.ed-item.s-55 {
width: 55%; }
.s-60,
.ed-item.s-60 {
width: 60%; }
.s-65,
.ed-item.s-65 {
width: 65%; }
.s-70,
.ed-item.s-70 {
width: 70%; }
.s-75,
.ed-item.s-75 {
width: 75%; }
.s-80,
.ed-item.s-80 {
width: 80%; }
.s-85,
.ed-item.s-85 {
width: 85%; }
.s-90,
.ed-item.s-90 {
width: 90%; }
.s-95,
.ed-item.s-95 {
width: 95%; }
.s-100,
.ed-item.s-100 {
width: 100%; }
.s-1-3,
.ed-item.s-1-3 {
width: 33.33333%; }
.s-2-3,
.ed-item.s-2-3 {
width: 66.66667%; }
.s-3-3,
.ed-item.s-3-3 {
width: 100%; }
.s-1-6,
.ed-item.s-1-6 {
width: 16.66667%; }
.s-2-6,
.ed-item.s-2-6 {
width: 33.33333%; }
.s-3-6,
.ed-item.s-3-6 {
width: 50%; }
.s-4-6,
.ed-item.s-4-6 {
width: 66.66667%; }
.s-5-6,
.ed-item.s-5-6 {
width: 83.33333%; }
.s-6-6,
.ed-item.s-6-6 {
width: 100%; }
@media all and (min-width: 640px) {
.m-5,
.ed-item.m-5 {
width: 5%; }
.m-10,
.ed-item.m-10 {
width: 10%; }
.m-15,
.ed-item.m-15 {
width: 15%; }
.m-20,
.ed-item.m-20 {
width: 20%; }
.m-25,
.ed-item.m-25 {
width: 25%; }
.m-30,
.ed-item.m-30 {
width: 30%; }
.m-35,
.ed-item.m-35 {
width: 35%; }
.m-40,
.ed-item.m-40 {
width: 40%; }
.m-45,
.ed-item.m-45 {
width: 45%; }
.m-50,
.ed-item.m-50 {
width: 50%; }
.m-55,
.ed-item.m-55 {
width: 55%; }
.m-60,
.ed-item.m-60 {
width: 60%; }
.m-65,
.ed-item.m-65 {
width: 65%; }
.m-70,
.ed-item.m-70 {
width: 70%; }
.m-75,
.ed-item.m-75 {
width: 75%; }
.m-80,
.ed-item.m-80 {
width: 80%; }
.m-85,
.ed-item.m-85 {
width: 85%; }
.m-90,
.ed-item.m-90 {
width: 90%; }
.m-95,
.ed-item.m-95 {
width: 95%; }
.m-100,
.ed-item.m-100 {
width: 100%; }
.m-1-3,
.ed-item.m-1-3 {
width: 33.33333%; }
.m-2-3,
.ed-item.m-2-3 {
width: 66.66667%; }
.m-3-3,
.ed-item.m-3-3 {
width: 100%; }
.m-1-6,
.ed-item.m-1-6 {
width: 16.66667%; }
.m-2-6,
.ed-item.m-2-6 {
width: 33.33333%; }
.m-3-6,
.ed-item.m-3-6 {
width: 50%; }
.m-4-6,
.ed-item.m-4-6 {
width: 66.66667%; }
.m-5-6,
.ed-item.m-5-6 {
width: 83.33333%; }
.m-6-6,
.ed-item.m-6-6 {
width: 100%; } }
@media all and (min-width: 1024px) {
.l-5,
.ed-item.l-5 {
width: 5%; }
.l-10,
.ed-item.l-10 {
width: 10%; }
.l-15,
.ed-item.l-15 {
width: 15%; }
.l-20,
.ed-item.l-20 {
width: 20%; }
.l-25,
.ed-item.l-25 {
width: 25%; }
.l-30,
.ed-item.l-30 {
width: 30%; }
.l-35,
.ed-item.l-35 {
width: 35%; }
.l-40,
.ed-item.l-40 {
width: 40%; }
.l-45,
.ed-item.l-45 {
width: 45%; }
.l-50,
.ed-item.l-50 {
width: 50%; }
.l-55,
.ed-item.l-55 {
width: 55%; }
.l-60,
.ed-item.l-60 {
width: 60%; }
.l-65,
.ed-item.l-65 {
width: 65%; }
.l-70,
.ed-item.l-70 {
width: 70%; }
.l-75,
.ed-item.l-75 {
width: 75%; }
.l-80,
.ed-item.l-80 {
width: 80%; }
.l-85,
.ed-item.l-85 {
width: 85%; }
.l-90,
.ed-item.l-90 {
width: 90%; }
.l-95,
.ed-item.l-95 {
width: 95%; }
.l-100,
.ed-item.l-100 {
width: 100%; }
.l-1-3,
.ed-item.l-1-3 {
width: 33.33333%; }
.l-2-3,
.ed-item.l-2-3 {
width: 66.66667%; }
.l-3-3,
.ed-item.l-3-3 {
width: 100%; }
.l-1-6,
.ed-item.l-1-6 {
width: 16.66667%; }
.l-2-6,
.ed-item.l-2-6 {
width: 33.33333%; }
.l-3-6,
.ed-item.l-3-6 {
width: 50%; }
.l-4-6,
.ed-item.l-4-6 {
width: 66.66667%; }
.l-5-6,
.ed-item.l-5-6 {
width: 83.33333%; }
.l-6-6,
.ed-item.l-6-6 {
width: 100%; } }
@media all and (min-width: 1440px) {
.xl-5,
.ed-item.xl-5 {
width: 5%; }
.xl-10,
.ed-item.xl-10 {
width: 10%; }
.xl-15,
.ed-item.xl-15 {
width: 15%; }
.xl-20,
.ed-item.xl-20 {
width: 20%; }
.xl-25,
.ed-item.xl-25 {
width: 25%; }
.xl-30,
.ed-item.xl-30 {
width: 30%; }
.xl-35,
.ed-item.xl-35 {
width: 35%; }
.xl-40,
.ed-item.xl-40 {
width: 40%; }
.xl-45,
.ed-item.xl-45 {
width: 45%; }
.xl-50,
.ed-item.xl-50 {
width: 50%; }
.xl-55,
.ed-item.xl-55 {
width: 55%; }
.xl-60,
.ed-item.xl-60 {
width: 60%; }
.xl-65,
.ed-item.xl-65 {
width: 65%; }
.xl-70,
.ed-item.xl-70 {
width: 70%; }
.xl-75,
.ed-item.xl-75 {
width: 75%; }
.xl-80,
.ed-item.xl-80 {
width: 80%; }
.xl-85,
.ed-item.xl-85 {
width: 85%; }
.xl-90,
.ed-item.xl-90 {
width: 90%; }
.xl-95,
.ed-item.xl-95 {
width: 95%; }
.xl-100,
.ed-item.xl-100 {
width: 100%; }
.xl-1-3,
.ed-item.xl-1-3 {
width: 33.33333%; }
.xl-2-3,
.ed-item.xl-2-3 {
width: 66.66667%; }
.xl-3-3,
.ed-item.xl-3-3 {
width: 100%; }
.xl-1-6,
.ed-item.xl-1-6 {
width: 16.66667%; }
.xl-2-6,
.ed-item.xl-2-6 {
width: 33.33333%; }
.xl-3-6,
.ed-item.xl-3-6 {
width: 50%; }
.xl-4-6,
.ed-item.xl-4-6 {
width: 66.66667%; }
.xl-5-6,
.ed-item.xl-5-6 {
width: 83.33333%; }
.xl-6-6,
.ed-item.xl-6-6 {
width: 100%; } }
.to-center {
display: block;
margin-right: auto;
margin-left: auto; }
.to-left {
float: left;
width: auto;
margin-right: 1em; }
.to-right {
float: right;
width: auto;
margin-left: 1em; }
.full {
max-width: 100%; }
.circle {
border-radius: 50%; }
.clearfix:before, .clearfix:after {
content: "";
width: 100%;
display: table;
clear: both; }
.no-padding.ed-container > .ed-item {
padding-left: 0em;
padding-right: 0em; }
.no-padding.ed-item {
padding-left: 0em;
padding-right: 0em; }
.padding {
padding-left: 0.9375em;
padding-right: 0.9375em; }
.padding-2 {
padding-left: 1.875em;
padding-right: 1.875em; }
.padding-3 {
padding-left: 2.8125em;
padding-right: 2.8125em; }
body.sticky-footer {
display: flex;
flex-direction: column;
min-height: 100vh; }
body.sticky-footer > footer {
margin-top: auto; }
.main-justify {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.main-distribute {
display: flex;
flex-wrap: wrap;
justify-content: space-around; }
.main-center {
display: flex;
flex-wrap: wrap;
justify-content: center; }
.main-start {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; }
.main-end {
display: flex;
flex-wrap: wrap;
justify-content: flex-end; }
.cross-start {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: flex-start; }
.cross-center {
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: center; }
.cross-end {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
align-content: flex-end; }
.flex-reverse {
display: flex;
flex-wrap: wrap;
flex-direction: row-reverse; }
.flex-column {
display: flex;
flex-wrap: wrap;
flex-direction: column; }
.flex-column-reverse {
display: flex;
flex-wrap: wrap;
flex-direction: column-reverse; }
.abcenter {
display: flex;
justify-content: center;
align-items: center;
text-align: center; }
.from-s {
display: none; }
.to-s {
display: none; }
@media screen and (max-width: 639px) {
.from-m {
display: none; } }
@media screen and (min-width: 640px) {
.to-m {
display: none; } }
@media screen and (max-width: 1023px) {
.from-l {
display: none; } }
@media screen and (min-width: 1024px) {
.to-l {
display: none; } }
@media screen and (max-width: 1439px) {
.from-xl {
display: none; } }
@media screen and (min-width: 1440px) {
.to-xl {
display: none; } }
.ed-video {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative; }
.ed-video > iframe,
.ed-video > video,
.ed-video > .video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.button {
background: #ddd;
color: #333; }
.button:hover {
background: #d0d0d0;
text-decoration: none; }
.button:active {
transform: scale(0.97); }
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url("../fonts/fontawesome-webfont.eot?v=4.7.0");
src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
font-weight: normal;
font-style: normal; }
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; }
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333em;
line-height: 0.75em;
vertical-align: -15%; }
.fa-2x {
font-size: 2em; }
.fa-3x {
font-size: 3em; }
.fa-4x {
font-size: 4em; }
.fa-5x {
font-size: 5em; }
.fa-fw {
width: 1.28571em;
text-align: center; }
.fa-ul {
padding-left: 0;
margin-left: 2.14286em;
list-style-type: none; }
.fa-ul > li {
position: relative; }
.fa-li {
position: absolute;
left: -2.14286em;
width: 2.14286em;
top: 0.14286em;
text-align: center; }
.fa-li.fa-lg {
left: -1.85714em; }
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eee;
border-radius: .1em; }
.fa-pull-left {
float: left; }
.fa-pull-right {
float: right; }
.fa.fa-pull-left {
margin-right: .3em; }
.fa.fa-pull-right {
margin-left: .3em; }
/* Deprecated as of 4.4.0 */
.pull-right {
float: right; }
.pull-left {
float: left; }
.fa.pull-left {
margin-right: .3em; }
.fa.pull-right {
margin-left: .3em; }
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear; }
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8); }
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg); }
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg); } }
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg); }
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg); }
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1); }
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1); }
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none; }
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center; }
.fa-stack-1x {
line-height: inherit; }
.fa-stack-2x {
font-size: 2em; }
.fa-inverse {
color: #fff; }
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: ""; }
.fa-music:before {
content: ""; }
.fa-search:before {
content: ""; }
.fa-envelope-o:before {
content: ""; }
.fa-heart:before {
content: ""; }
.fa-star:before {
content: ""; }
.fa-star-o:before {
content: ""; }
.fa-user:before {
content: ""; }
.fa-film:before {
content: ""; }
.fa-th-large:before {
content: ""; }
.fa-th:before {
content: ""; }
.fa-th-list:before {
content: ""; }
.fa-check:before {
content: ""; }
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: ""; }
.fa-search-plus:before {
content: ""; }
.fa-search-minus:before {
content: ""; }
.fa-power-off:before {
content: ""; }
.fa-signal:before {
content: ""; }
.fa-gear:before,
.fa-cog:before {
content: ""; }
.fa-trash-o:before {
content: ""; }
.fa-home:before {
content: ""; }
.fa-file-o:before {
content: ""; }
.fa-clock-o:before {
content: ""; }
.fa-road:before {
content: ""; }
.fa-download:before {
content: ""; }
.fa-arrow-circle-o-down:before {
content: ""; }
.fa-arrow-circle-o-up:before {
content: ""; }
.fa-inbox:before {
content: ""; }
.fa-play-circle-o:before {
content: ""; }
.fa-rotate-right:before,
.fa-repeat:before {
content: ""; }
.fa-refresh:before {
content: ""; }
.fa-list-alt:before {
content: ""; }
.fa-lock:before {
content: ""; }
.fa-flag:before {
content: ""; }
.fa-headphones:before {
content: ""; }
.fa-volume-off:before {
content: ""; }
.fa-volume-down:before {
content: ""; }
.fa-volume-up:before {
content: ""; }
.fa-qrcode:before {
content: ""; }
.fa-barcode:before {
content: ""; }
.fa-tag:before {
content: ""; }
.fa-tags:before {
content: ""; }
.fa-book:before {
content: ""; }
.fa-bookmark:before {
content: ""; }
.fa-print:before {
content: ""; }
.fa-camera:before {
content: ""; }
.fa-font:before {
content: ""; }
.fa-bold:before {
content: ""; }
.fa-italic:before {
content: ""; }
.fa-text-height:before {
content: ""; }
.fa-text-width:before {
content: ""; }
.fa-align-left:before {
content: ""; }
.fa-align-center:before {
content: ""; }
.fa-align-right:before {
content: ""; }
.fa-align-justify:before {
content: ""; }
.fa-list:before {
content: ""; }
.fa-dedent:before,
.fa-outdent:before {
content: ""; }
.fa-indent:before {
content: ""; }
.fa-video-camera:before {
content: ""; }
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: ""; }
.fa-pencil:before {
content: ""; }
.fa-map-marker:before {
content: ""; }
.fa-adjust:before {
content: ""; }
.fa-tint:before {
content: ""; }
.fa-edit:before,
.fa-pencil-square-o:before {
content: ""; }
.fa-share-square-o:before {
content: ""; }
.fa-check-square-o:before {
content: ""; }
.fa-arrows:before {
content: ""; }
.fa-step-backward:before {
content: ""; }
.fa-fast-backward:before {
content: ""; }
.fa-backward:before {
content: ""; }
.fa-play:before {
content: ""; }
.fa-pause:before {
content: ""; }
.fa-stop:before {
content: ""; }
.fa-forward:before {
content: ""; }
.fa-fast-forward:before {
content: ""; }
.fa-step-forward:before {
content: ""; }
.fa-eject:before {
content: ""; }
.fa-chevron-left:before {
content: ""; }
.fa-chevron-right:before {
content: ""; }
.fa-plus-circle:before {
content: ""; }
.fa-minus-circle:before {
content: ""; }
.fa-times-circle:before {
content: ""; }
.fa-check-circle:before {
content: ""; }
.fa-question-circle:before {
content: ""; }
.fa-info-circle:before {
content: ""; }
.fa-crosshairs:before {
content: ""; }
.fa-times-circle-o:before {
content: ""; }
.fa-check-circle-o:before {
content: ""; }
.fa-ban:before {
content: ""; }
.fa-arrow-left:before {
content: ""; }
.fa-arrow-right:before {
content: ""; }
.fa-arrow-up:before {
content: ""; }
.fa-arrow-down:before {
content: ""; }
.fa-mail-forward:before,
.fa-share:before {
content: ""; }
.fa-expand:before {
content: ""; }
.fa-compress:before {
content: ""; }
.fa-plus:before {
content: ""; }
.fa-minus:before {
content: ""; }
.fa-asterisk:before {
content: ""; }
.fa-exclamation-circle:before {
content: ""; }
.fa-gift:before {
content: ""; }
.fa-leaf:before {
content: ""; }
.fa-fire:before {
content: ""; }
.fa-eye:before {
content: ""; }
.fa-eye-slash:before {
content: ""; }
.fa-warning:before,
.fa-exclamation-triangle:before {
content: ""; }
.fa-plane:before {
content: ""; }
.fa-calendar:before {
content: ""; }
.fa-random:before {
content: ""; }
.fa-comment:before {
content: ""; }
.fa-magnet:before {
content: ""; }
.fa-chevron-up:before {
content: ""; }
.fa-chevron-down:before {
content: ""; }
.fa-retweet:before {
content: ""; }
.fa-shopping-cart:before {
content: ""; }
.fa-folder:before {
content: ""; }
.fa-folder-open:before {
content: ""; }
.fa-arrows-v:before {
content: ""; }
.fa-arrows-h:before {
content: ""; }
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: ""; }
.fa-twitter-square:before {
content: ""; }
.fa-facebook-square:before {
content: ""; }
.fa-camera-retro:before {
content: ""; }
.fa-key:before {
content: ""; }
.fa-gears:before,
.fa-cogs:before {
content: ""; }
.fa-comments:before {
content: ""; }
.fa-thumbs-o-up:before {
content: ""; }
.fa-thumbs-o-down:before {
content: ""; }
.fa-star-half:before {
content: ""; }
.fa-heart-o:before {
content: ""; }
.fa-sign-out:before {
content: ""; }
.fa-linkedin-square:before {
content: ""; }
.fa-thumb-tack:before {
content: ""; }
.fa-external-link:before {
content: ""; }
.fa-sign-in:before {
content: ""; }
.fa-trophy:before {
content: ""; }
.fa-github-square:before {
content: ""; }
.fa-upload:before {
content: ""; }
.fa-lemon-o:before {
content: ""; }
.fa-phone:before {
content: ""; }
.fa-square-o:before {
content: ""; }
.fa-bookmark-o:before {
content: ""; }
.fa-phone-square:before {
content: ""; }
.fa-twitter:before {
content: ""; }
.fa-facebook-f:before,
.fa-facebook:before {
content: ""; }
.fa-github:before {
content: ""; }
.fa-unlock:before {
content: ""; }
.fa-credit-card:before {
content: ""; }
.fa-feed:before,
.fa-rss:before {
content: ""; }
.fa-hdd-o:before {
content: ""; }
.fa-bullhorn:before {
content: ""; }
.fa-bell:before {
content: ""; }
.fa-certificate:before {
content: ""; }
.fa-hand-o-right:before {
content: ""; }
.fa-hand-o-left:before {
content: ""; }
.fa-hand-o-up:before {
content: ""; }
.fa-hand-o-down:before {
content: ""; }
.fa-arrow-circle-left:before {
content: ""; }
.fa-arrow-circle-right:before {
content: ""; }
.fa-arrow-circle-up:before {
content: ""; }
.fa-arrow-circle-down:before {
content: ""; }
.fa-globe:before {
content: ""; }
.fa-wrench:before {
content: ""; }
.fa-tasks:before {
content: ""; }
.fa-filter:before {
content: ""; }
.fa-briefcase:before {
content: ""; }
.fa-arrows-alt:before {
content: ""; }
.fa-group:before,
.fa-users:before {
content: ""; }
.fa-chain:before,
.fa-link:before {
content: ""; }
.fa-cloud:before {
content: ""; }
.fa-flask:before {
content: ""; }
.fa-cut:before,
.fa-scissors:before {
content: ""; }
.fa-copy:before,
.fa-files-o:before {
content: ""; }
.fa-paperclip:before {
content: ""; }
.fa-save:before,
.fa-floppy-o:before {
content: ""; }
.fa-square:before {
content: ""; }
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: ""; }
.fa-list-ul:before {
content: ""; }
.fa-list-ol:before {
content: ""; }
.fa-strikethrough:before {
content: ""; }
.fa-underline:before {
content: ""; }
.fa-table:before {
content: ""; }
.fa-magic:before {
content: ""; }
.fa-truck:before {
content: ""; }
.fa-pinterest:before {
content: ""; }
.fa-pinterest-square:before {
content: ""; }
.fa-google-plus-square:before {
content: ""; }
.fa-google-plus:before {
content: ""; }
.fa-money:before {
content: ""; }
.fa-caret-down:before {
content: ""; }
.fa-caret-up:before {
content: ""; }
.fa-caret-left:before {
content: ""; }
.fa-caret-right:before {
content: ""; }
.fa-columns:before {
content: ""; }
.fa-unsorted:before,
.fa-sort:before {
content: ""; }
.fa-sort-down:before,
.fa-sort-desc:before {
content: ""; }
.fa-sort-up:before,
.fa-sort-asc:before {
content: ""; }
.fa-envelope:before {
content: ""; }
.fa-linkedin:before {
content: ""; }
.fa-rotate-left:before,
.fa-undo:before {
content: ""; }
.fa-legal:before,
.fa-gavel:before {
content: ""; }
.fa-dashboard:before,
.fa-tachometer:before {
content: ""; }
.fa-comment-o:before {
content: ""; }
.fa-comments-o:before {
content: ""; }
.fa-flash:before,
.fa-bolt:before {
content: ""; }
.fa-sitemap:before {
content: ""; }
.fa-umbrella:before {
content: ""; }
.fa-paste:before,
.fa-clipboard:before {
content: ""; }
.fa-lightbulb-o:before {
content: ""; }
.fa-exchange:before {
content: ""; }
.fa-cloud-download:before {
content: ""; }
.fa-cloud-upload:before {
content: ""; }
.fa-user-md:before {
content: ""; }
.fa-stethoscope:before {
content: ""; }
.fa-suitcase:before {
content: ""; }
.fa-bell-o:before {
content: ""; }
.fa-coffee:before {
content: ""; }
.fa-cutlery:before {
content: ""; }
.fa-file-text-o:before {
content: ""; }
.fa-building-o:before {
content: ""; }
.fa-hospital-o:before {
content: ""; }
.fa-ambulance:before {
content: ""; }
.fa-medkit:before {
content: ""; }
.fa-fighter-jet:before {
content: ""; }
.fa-beer:before {
content: ""; }
.fa-h-square:before {
content: ""; }
.fa-plus-square:before {
content: ""; }
.fa-angle-double-left:before {
content: ""; }
.fa-angle-double-right:before {
content: ""; }
.fa-angle-double-up:before {
content: ""; }
.fa-angle-double-down:before {
content: ""; }
.fa-angle-left:before {
content: ""; }
.fa-angle-right:before {
content: ""; }
.fa-angle-up:before {
content: ""; }
.fa-angle-down:before {
content: ""; }
.fa-desktop:before {
content: ""; }
.fa-laptop:before {
content: ""; }
.fa-tablet:before {
content: ""; }
.fa-mobile-phone:before,
.fa-mobile:before {
content: ""; }
.fa-circle-o:before {
content: ""; }
.fa-quote-left:before {
content: ""; }
.fa-quote-right:before {
content: ""; }
.fa-spinner:before {
content: ""; }
.fa-circle:before {
content: ""; }
.fa-mail-reply:before,
.fa-reply:before {
content: ""; }
.fa-github-alt:before {
content: ""; }
.fa-folder-o:before {
content: ""; }
.fa-folder-open-o:before {
content: ""; }
.fa-smile-o:before {
content: ""; }
.fa-frown-o:before {
content: ""; }
.fa-meh-o:before {
content: ""; }
.fa-gamepad:before {
content: ""; }
.fa-keyboard-o:before {
content: ""; }
.fa-flag-o:before {
content: ""; }
.fa-flag-checkered:before {
content: ""; }
.fa-terminal:before {
content: ""; }
.fa-code:before {
content: ""; }
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: ""; }
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: ""; }
.fa-location-arrow:before {
content: ""; }
.fa-crop:before {
content: ""; }
.fa-code-fork:before {
content: ""; }
.fa-unlink:before,
.fa-chain-broken:before {
content: ""; }
.fa-question:before {
content: ""; }
.fa-info:before {
content: ""; }
.fa-exclamation:before {
content: ""; }
.fa-superscript:before {
content: ""; }
.fa-subscript:before {
content: ""; }
.fa-eraser:before {
content: ""; }
.fa-puzzle-piece:before {
content: ""; }
.fa-microphone:before {
content: ""; }
.fa-microphone-slash:before {
content: ""; }
.fa-shield:before {
content: ""; }
.fa-calendar-o:before {
content: ""; }
.fa-fire-extinguisher:before {
content: ""; }
.fa-rocket:before {
content: ""; }
.fa-maxcdn:before {
content: ""; }
.fa-chevron-circle-left:before {
content: ""; }
.fa-chevron-circle-right:before {
content: ""; }
.fa-chevron-circle-up:before {
content: ""; }
.fa-chevron-circle-down:before {
content: ""; }
.fa-html5:before {
content: ""; }
.fa-css3:before {
content: ""; }
.fa-anchor:before {
content: ""; }
.fa-unlock-alt:before {
content: ""; }
.fa-bullseye:before {
content: ""; }
.fa-ellipsis-h:before {
content: ""; }
.fa-ellipsis-v:before {
content: ""; }
.fa-rss-square:before {
content: ""; }
.fa-play-circle:before {
content: ""; }
.fa-ticket:before {
content: ""; }
.fa-minus-square:before {
content: ""; }
.fa-minus-square-o:before {
content: ""; }
.fa-level-up:before {
content: ""; }
.fa-level-down:before {
content: ""; }
.fa-check-square:before {
content: ""; }
.fa-pencil-square:before {
content: ""; }
.fa-external-link-square:before {
content: ""; }
.fa-share-square:before {
content: ""; }
.fa-compass:before {
content: ""; }
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: ""; }
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: ""; }
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: ""; }
.fa-euro:before,
.fa-eur:before {
content: ""; }
.fa-gbp:before {
content: ""; }
.fa-dollar:before,
.fa-usd:before {
content: ""; }
.fa-rupee:before,
.fa-inr:before {
content: ""; }
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: ""; }
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: ""; }
.fa-won:before,
.fa-krw:before {
content: ""; }
.fa-bitcoin:before,
.fa-btc:before {
content: ""; }
.fa-file:before {
content: ""; }
.fa-file-text:before {
content: ""; }
.fa-sort-alpha-asc:before {
content: ""; }
.fa-sort-alpha-desc:before {
content: ""; }
.fa-sort-amount-asc:before {
content: ""; }
.fa-sort-amount-desc:before {
content: ""; }
.fa-sort-numeric-asc:before {
content: ""; }
.fa-sort-numeric-desc:before {
content: ""; }
.fa-thumbs-up:before {
content: ""; }
.fa-thumbs-down:before {
content: ""; }
.fa-youtube-square:before {
content: ""; }
.fa-youtube:before {
content: ""; }
.fa-xing:before {
content: ""; }
.fa-xing-square:before {
content: ""; }
.fa-youtube-play:before {
content: ""; }
.fa-dropbox:before {
content: ""; }
.fa-stack-overflow:before {
content: ""; }
.fa-instagram:before {
content: ""; }
.fa-flickr:before {
content: ""; }
.fa-adn:before {
content: ""; }
.fa-bitbucket:before {
content: ""; }
.fa-bitbucket-square:before {
content: ""; }
.fa-tumblr:before {
content: ""; }
.fa-tumblr-square:before {
content: ""; }
.fa-long-arrow-down:before {
content: ""; }
.fa-long-arrow-up:before {
content: ""; }
.fa-long-arrow-left:before {
content: ""; }
.fa-long-arrow-right:before {
content: ""; }
.fa-apple:before {
content: ""; }
.fa-windows:before {
content: ""; }
.fa-android:before {
content: ""; }
.fa-linux:before {
content: ""; }
.fa-dribbble:before {
content: ""; }
.fa-skype:before {
content: ""; }
.fa-foursquare:before {
content: ""; }
.fa-trello:before {
content: ""; }
.fa-female:before {
content: ""; }
.fa-male:before {
content: ""; }
.fa-gittip:before,
.fa-gratipay:before {
content: ""; }
.fa-sun-o:before {
content: ""; }
.fa-moon-o:before {
content: ""; }
.fa-archive:before {
content: ""; }
.fa-bug:before {
content: ""; }
.fa-vk:before {
content: ""; }
.fa-weibo:before {
content: ""; }
.fa-renren:before {
content: ""; }
.fa-pagelines:before {
content: ""; }
.fa-stack-exchange:before {
content: ""; }
.fa-arrow-circle-o-right:before {
content: ""; }
.fa-arrow-circle-o-left:before {
content: ""; }
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: ""; }
.fa-dot-circle-o:before {
content: ""; }
.fa-wheelchair:before {
content: ""; }
.fa-vimeo-square:before {
content: ""; }
.fa-turkish-lira:before,
.fa-try:before {
content: ""; }
.fa-plus-square-o:before {
content: ""; }
.fa-space-shuttle:before {
content: ""; }
.fa-slack:before {
content: ""; }
.fa-envelope-square:before {
content: ""; }
.fa-wordpress:before {
content: ""; }
.fa-openid:before {
content: ""; }
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: ""; }
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: ""; }
.fa-yahoo:before {
content: ""; }
.fa-google:before {
content: ""; }
.fa-reddit:before {
content: ""; }
.fa-reddit-square:before {
content: ""; }
.fa-stumbleupon-circle:before {
content: ""; }
.fa-stumbleupon:before {
content: ""; }
.fa-delicious:before {
content: ""; }
.fa-digg:before {
content: ""; }
.fa-pied-piper-pp:before {
content: ""; }
.fa-pied-piper-alt:before {
content: ""; }
.fa-drupal:before {
content: ""; }
.fa-joomla:before {
content: ""; }
.fa-language:before {
content: ""; }
.fa-fax:before {
content: ""; }
.fa-building:before {
content: ""; }
.fa-child:before {
content: ""; }
.fa-paw:before {
content: ""; }
.fa-spoon:before {
content: ""; }
.fa-cube:before {
content: ""; }
.fa-cubes:before {
content: ""; }
.fa-behance:before {
content: ""; }
.fa-behance-square:before {
content: ""; }
.fa-steam:before {
content: ""; }
.fa-steam-square:before {
content: ""; }
.fa-recycle:before {
content: ""; }
.fa-automobile:before,
.fa-car:before {
content: ""; }
.fa-cab:before,
.fa-taxi:before {
content: ""; }
.fa-tree:before {
content: ""; }
.fa-spotify:before {
content: ""; }
.fa-deviantart:before {
content: ""; }
.fa-soundcloud:before {
content: ""; }
.fa-database:before {
content: ""; }
.fa-file-pdf-o:before {
content: ""; }
.fa-file-word-o:before {
content: ""; }
.fa-file-excel-o:before {
content: ""; }
.fa-file-powerpoint-o:before {
content: ""; }
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: ""; }
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: ""; }
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: ""; }
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: ""; }
.fa-file-code-o:before {
content: ""; }
.fa-vine:before {
content: ""; }
.fa-codepen:before {
content: ""; }
.fa-jsfiddle:before {
content: ""; }
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: ""; }
.fa-circle-o-notch:before {
content: ""; }
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: ""; }
.fa-ge:before,
.fa-empire:before {
content: ""; }
.fa-git-square:before {
content: ""; }
.fa-git:before {
content: ""; }
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: ""; }
.fa-tencent-weibo:before {
content: ""; }
.fa-qq:before {
content: ""; }
.fa-wechat:before,
.fa-weixin:before {
content: ""; }
.fa-send:before,
.fa-paper-plane:before {
content: ""; }
.fa-send-o:before,
.fa-paper-plane-o:before {
content: ""; }
.fa-history:before {
content: ""; }
.fa-circle-thin:before {
content: ""; }
.fa-header:before {
content: ""; }
.fa-paragraph:before {
content: ""; }
.fa-sliders:before {
content: ""; }
.fa-share-alt:before {
content: ""; }
.fa-share-alt-square:before {
content: ""; }
.fa-bomb:before {
content: ""; }
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: ""; }
.fa-tty:before {
content: ""; }
.fa-binoculars:before {
content: ""; }
.fa-plug:before {
content: ""; }
.fa-slideshare:before {
content: ""; }
.fa-twitch:before {
content: ""; }
.fa-yelp:before {
content: ""; }
.fa-newspaper-o:before {
content: ""; }
.fa-wifi:before {
content: ""; }
.fa-calculator:before {
content: ""; }
.fa-paypal:before {
content: ""; }
.fa-google-wallet:before {
content: ""; }
.fa-cc-visa:before {
content: ""; }
.fa-cc-mastercard:before {
content: ""; }
.fa-cc-discover:before {
content: ""; }
.fa-cc-amex:before {
content: ""; }
.fa-cc-paypal:before {
content: ""; }
.fa-cc-stripe:before {
content: ""; }
.fa-bell-slash:before {
content: ""; }
.fa-bell-slash-o:before {
content: ""; }
.fa-trash:before {
content: ""; }
.fa-copyright:before {
content: ""; }
.fa-at:before {
content: ""; }
.fa-eyedropper:before {
content: ""; }
.fa-paint-brush:before {
content: ""; }
.fa-birthday-cake:before {
content: ""; }
.fa-area-chart:before {
content: ""; }
.fa-pie-chart:before {
content: ""; }
.fa-line-chart:before {
content: ""; }
.fa-lastfm:before {
content: ""; }
.fa-lastfm-square:before {
content: ""; }
.fa-toggle-off:before {
content: ""; }
.fa-toggle-on:before {
content: ""; }
.fa-bicycle:before {
content: ""; }
.fa-bus:before {
content: ""; }
.fa-ioxhost:before {
content: ""; }
.fa-angellist:before {
content: ""; }
.fa-cc:before {
content: ""; }
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: ""; }
.fa-meanpath:before {
content: ""; }
.fa-buysellads:before {
content: ""; }
.fa-connectdevelop:before {
content: ""; }
.fa-dashcube:before {
content: ""; }
.fa-forumbee:before {
content: ""; }
.fa-leanpub:before {
content: ""; }
.fa-sellsy:before {
content: ""; }
.fa-shirtsinbulk:before {
content: ""; }
.fa-simplybuilt:before {
content: ""; }
.fa-skyatlas:before {
content: ""; }
.fa-cart-plus:before {
content: ""; }
.fa-cart-arrow-down:before {
content: ""; }
.fa-diamond:before {
content: ""; }
.fa-ship:before {
content: ""; }
.fa-user-secret:before {
content: ""; }
.fa-motorcycle:before {
content: ""; }
.fa-street-view:before {
content: ""; }
.fa-heartbeat:before {
content: ""; }
.fa-venus:before {
content: ""; }
.fa-mars:before {
content: ""; }
.fa-mercury:before {
content: ""; }
.fa-intersex:before,
.fa-transgender:before {
content: ""; }
.fa-transgender-alt:before {
content: ""; }
.fa-venus-double:before {
content: ""; }
.fa-mars-double:before {
content: ""; }
.fa-venus-mars:before {
content: ""; }
.fa-mars-stroke:before {
content: ""; }
.fa-mars-stroke-v:before {
content: ""; }
.fa-mars-stroke-h:before {
content: ""; }
.fa-neuter:before {
content: ""; }
.fa-genderless:before {
content: ""; }
.fa-facebook-official:before {
content: ""; }
.fa-pinterest-p:before {
content: ""; }
.fa-whatsapp:before {
content: ""; }
.fa-server:before {
content: ""; }
.fa-user-plus:before {
content: ""; }
.fa-user-times:before {
content: ""; }
.fa-hotel:before,
.fa-bed:before {
content: ""; }
.fa-viacoin:before {
content: ""; }
.fa-train:before {
content: ""; }
.fa-subway:before {
content: ""; }
.fa-medium:before {
content: ""; }
.fa-yc:before,
.fa-y-combinator:before {
content: ""; }
.fa-optin-monster:before {
content: ""; }
.fa-opencart:before {
content: ""; }
.fa-expeditedssl:before {
content: ""; }
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: ""; }
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: ""; }
.fa-battery-2:before,
.fa-battery-half:before {
content: ""; }
.fa-battery-1:before,
.fa-battery-quarter:before {
content: ""; }
.fa-battery-0:before,
.fa-battery-empty:before {
content: ""; }
.fa-mouse-pointer:before {
content: ""; }
.fa-i-cursor:before {
content: ""; }
.fa-object-group:before {
content: ""; }
.fa-object-ungroup:before {
content: ""; }
.fa-sticky-note:before {
content: ""; }
.fa-sticky-note-o:before {
content: ""; }
.fa-cc-jcb:before {
content: ""; }
.fa-cc-diners-club:before {
content: ""; }
.fa-clone:before {
content: ""; }
.fa-balance-scale:before {
content: ""; }
.fa-hourglass-o:before {
content: ""; }
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: ""; }
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: ""; }
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: ""; }
.fa-hourglass:before {
content: ""; }
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: ""; }
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: ""; }
.fa-hand-scissors-o:before {
content: ""; }
.fa-hand-lizard-o:before {
content: ""; }
.fa-hand-spock-o:before {
content: ""; }
.fa-hand-pointer-o:before {
content: ""; }
.fa-hand-peace-o:before {
content: ""; }
.fa-trademark:before {
content: ""; }
.fa-registered:before {
content: ""; }
.fa-creative-commons:before {
content: ""; }
.fa-gg:before {
content: ""; }
.fa-gg-circle:before {
content: ""; }
.fa-tripadvisor:before {
content: ""; }
.fa-odnoklassniki:before {
content: ""; }
.fa-odnoklassniki-square:before {
content: ""; }
.fa-get-pocket:before {
content: ""; }
.fa-wikipedia-w:before {
content: ""; }
.fa-safari:before {
content: ""; }
.fa-chrome:before {
content: ""; }
.fa-firefox:before {
content: ""; }
.fa-opera:before {
content: ""; }
.fa-internet-explorer:before {
content: ""; }
.fa-tv:before,
.fa-television:before {
content: ""; }
.fa-contao:before {
content: ""; }
.fa-500px:before {
content: ""; }
.fa-amazon:before {
content: ""; }
.fa-calendar-plus-o:before {
content: ""; }
.fa-calendar-minus-o:before {
content: ""; }
.fa-calendar-times-o:before {
content: ""; }
.fa-calendar-check-o:before {
content: ""; }
.fa-industry:before {
content: ""; }
.fa-map-pin:before {
content: ""; }
.fa-map-signs:before {
content: ""; }
.fa-map-o:before {
content: ""; }
.fa-map:before {
content: ""; }
.fa-commenting:before {
content: ""; }
.fa-commenting-o:before {
content: ""; }
.fa-houzz:before {
content: ""; }
.fa-vimeo:before {
content: ""; }
.fa-black-tie:before {
content: ""; }
.fa-fonticons:before {
content: ""; }
.fa-reddit-alien:before {
content: ""; }
.fa-edge:before {
content: ""; }
.fa-credit-card-alt:before {
content: ""; }
.fa-codiepie:before {
content: ""; }
.fa-modx:before {
content: ""; }
.fa-fort-awesome:before {
content: ""; }
.fa-usb:before {
content: ""; }
.fa-product-hunt:before {
content: ""; }
.fa-mixcloud:before {
content: ""; }
.fa-scribd:before {
content: ""; }
.fa-pause-circle:before {
content: ""; }
.fa-pause-circle-o:before {
content: ""; }
.fa-stop-circle:before {
content: ""; }
.fa-stop-circle-o:before {
content: ""; }
.fa-shopping-bag:before {
content: ""; }
.fa-shopping-basket:before {
content: ""; }
.fa-hashtag:before {
content: ""; }
.fa-bluetooth:before {
content: ""; }
.fa-bluetooth-b:before {
content: ""; }
.fa-percent:before {
content: ""; }
.fa-gitlab:before {
content: ""; }
.fa-wpbeginner:before {
content: ""; }
.fa-wpforms:before {
content: ""; }
.fa-envira:before {
content: ""; }
.fa-universal-access:before {
content: ""; }
.fa-wheelchair-alt:before {
content: ""; }
.fa-question-circle-o:before {
content: ""; }
.fa-blind:before {
content: ""; }
.fa-audio-description:before {
content: ""; }
.fa-volume-control-phone:before {
content: ""; }
.fa-braille:before {
content: ""; }
.fa-assistive-listening-systems:before {
content: ""; }
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: ""; }
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: ""; }
.fa-glide:before {
content: ""; }
.fa-glide-g:before {
content: ""; }
.fa-signing:before,
.fa-sign-language:before {
content: ""; }
.fa-low-vision:before {
content: ""; }
.fa-viadeo:before {
content: ""; }
.fa-viadeo-square:before {
content: ""; }
.fa-snapchat:before {
content: ""; }
.fa-snapchat-ghost:before {
content: ""; }
.fa-snapchat-square:before {
content: ""; }
.fa-pied-piper:before {
content: ""; }
.fa-first-order:before {
content: ""; }
.fa-yoast:before {
content: ""; }
.fa-themeisle:before {
content: ""; }
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: ""; }
.fa-fa:before,
.fa-font-awesome:before {
content: ""; }
.fa-handshake-o:before {
content: ""; }
.fa-envelope-open:before {
content: ""; }
.fa-envelope-open-o:before {
content: ""; }
.fa-linode:before {
content: ""; }
.fa-address-book:before {
content: ""; }
.fa-address-book-o:before {
content: ""; }
.fa-vcard:before,
.fa-address-card:before {
content: ""; }
.fa-vcard-o:before,
.fa-address-card-o:before {
content: ""; }
.fa-user-circle:before {
content: ""; }
.fa-user-circle-o:before {
content: ""; }
.fa-user-o:before {
content: ""; }
.fa-id-badge:before {
content: ""; }
.fa-drivers-license:before,
.fa-id-card:before {
content: ""; }
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: ""; }
.fa-quora:before {
content: ""; }
.fa-free-code-camp:before {
content: ""; }
.fa-telegram:before {
content: ""; }
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: ""; }
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: ""; }
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: ""; }
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: ""; }
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: ""; }
.fa-shower:before {
content: ""; }
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: ""; }
.fa-podcast:before {
content: ""; }
.fa-window-maximize:before {
content: ""; }
.fa-window-minimize:before {
content: ""; }
.fa-window-restore:before {
content: ""; }
.fa-times-rectangle:before,
.fa-window-close:before {
content: ""; }
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: ""; }
.fa-bandcamp:before {
content: ""; }
.fa-grav:before {
content: ""; }
.fa-etsy:before {
content: ""; }
.fa-imdb:before {
content: ""; }
.fa-ravelry:before {
content: ""; }
.fa-eercast:before {
content: ""; }
.fa-microchip:before {
content: ""; }
.fa-snowflake-o:before {
content: ""; }
.fa-superpowers:before {
content: ""; }
.fa-wpexplorer:before {
content: ""; }
.fa-meetup:before {
content: ""; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0; }
.sr-only-focusable:active, .sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto; }
.asideContent li.widget_product_categories {
list-style: none;
border: 1px solid #dadada;
border-radius: 3px;
padding: 10px;
margin: 0; }
.asideContent li.widget_product_categories h2 {
font-weight: 500;
text-transform: uppercase;
font-size: 1.4rem; }
.asideContent li.widget_product_categories ul.product-categories {
padding: 0;
margin: 0;
list-style: none; }
.asideContent li.widget_product_categories ul.product-categories li {
padding: 10px 0;
display: flex;
justify-content: space-between; }
.asideContent li.widget_product_categories ul.product-categories li a {
color: #666666; }
.asideContent li.widget_product_categories ul.product-categories li a:hover {
text-decoration: none;
color: #3ca90f; }
.asideContent div ul {
padding: 0; }
nav.woocommerce-breadcrumb {
padding: 15px 0;
border-bottom: 1px solid #dadada;
margin: 0 15px;
font-size: 0.9rem;
color: #3ca90f; }
nav.woocommerce-breadcrumb a {
color: #999; }
html, body {
margin: 0;
padding: 0;
font-family: 'Roboto', sans-serif;
background-color: #fff; }
.page-content {
width: 100%; }
@media screen and (min-width: 1024px) {
.page-content {
width: 75%; } }
.page-sidebar {
width: 100%; }
@media screen and (min-width: 1024px) {
.page-sidebar {
width: 25%; } }
.index__tarjetas__img img {
border: 3px solid #3ca90f;
border-radius: 5px; }
.index__tarjetas__titulo {
color: #666666;
font-size: 1.1rem;
text-transform: uppercase;
font-weight: 400; }
.index__linea {
width: 100%;
border-bottom: 1px solid #dadada;
padding-bottom: 10px;
margin-bottom: 10px; }
.index__redes {
padding: 10px 0; }
.index__redes ul {
list-style: none;
margin: 0;
padding: 0; }
.index__redes ul li {
margin: 5px;
display: inline-block;
background: #ededed;
border-radius: 50%; }
.index__redes ul li span {
display: flex;
align-items: center;
justify-content: center;
padding: 10px;
width: 30px;
height: 30px; }
.index__redes ul li span i {
color: #666666; }
.index__barra {
background-color: #666666;
padding: 20px 0; }
.index__barra__item {
background-color: #fff;
display: flex;
align-items: center;
padding: 10px;
border-radius: 40px;
justify-content: center; }
.index__barra__item__texto {
color: #666666;
margin-left: 10px; }
.index__barra__item__texto__uno {
text-transform: uppercase;
font-size: 0.9rem; }
.index__barra__item__texto__dos {
font-size: 0.8rem;
font-weight: 400;
padding-top: 5px; }
.scale-up-center {
-webkit-animation: scale-up-center 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite alternate forwards;
animation: scale-up-center 1.5s cubic-bezier(0.68, -0.55, 0.265, 1.55) infinite alternate forwards; }
/* ----------------------------------------------
* Generated by Animista on 2018-9-3 14:3:34
* w: http://animista.net, t: @cssanimista
* ---------------------------------------------- */
/**
* ----------------------------------------
* animation scale-up-center
* ----------------------------------------
*/
@-webkit-keyframes scale-up-center {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
@keyframes scale-up-center {
0% {
-webkit-transform: scale(0.5);
transform: scale(0.5); }
100% {
-webkit-transform: scale(1);
transform: scale(1); } }
.top {
background: #3ca90f;
padding: 20px; }
.top__bienvenida {
font-size: 0.9rem;
font-weight: 400;
color: #fff; }
.logo__img {
display: flex;
align-items: center; }
.logo__img__parteuno img {
height: 40px; }
.logo__img__partetres img {
height: 40px; }
.logo__franja {
align-items: center; }
.top-logo__telefono {
display: flex;
align-items: center; }
.top-logo__telefono__imagen {
width: 50px;
height: auto; }
.top-logo__telefono__informacion {
font-weight: 300;
color: #666666;
font-size: 0.9rem; }
.menu {
background: #666666; }
.menu__uberbarra {
display: flex;
align-items: center; }
.footer {
padding: 20px 0 0 0;
background: #ededed; }
.footer__titulo {
color: #868ca6;
font-size: 1rem;
font-weight: 300; }
.copy {
background: #666666;
color: #fff;
padding: 10px;
font-size: 0.8rem;
font-weight: 300;
margin: 20px 0 0 0; }
div.woocommerce.columns-4 ul::before, div.woocommerce.columns-4 ul::after, section.related.products ul::before, section.related.products ul::after, div#primary ul::before, div#primary ul::after {
content: '';
display: none; }
div.woocommerce.columns-4 ul.products, section.related.products ul.products, div#primary ul.products {
justify-items: start;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-gap: 1em;
display: grid; }
@media screen and (max-width: 1023px) {
div.woocommerce.columns-4 ul.products, section.related.products ul.products, div#primary ul.products {
grid-template-columns: 1fr;
grid-gap: 0.5em; } }
div.woocommerce.columns-4 ul.products li, section.related.products ul.products li, div#primary ul.products li {
width: 100%;
position: relative;
padding: 0;
margin: 0;
float: inherit;
display: flex; }
div.woocommerce.columns-4 ul.products li.product, section.related.products ul.products li.product, div#primary ul.products li.product {
padding: 1em;
justify-content: space-between;
flex-direction: column;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 1023px) {
div.woocommerce.columns-4 ul.products li.product, section.related.products ul.products li.product, div#primary ul.products li.product {
width: 100%;
margin: 0; } }
div.woocommerce.columns-4 ul.products li.product a, section.related.products ul.products li.product a, div#primary ul.products li.product a {
width: 100%;
justify-content: center;
flex-wrap: wrap;
display: flex; }
div.woocommerce.columns-4 ul.products li.product a img, section.related.products ul.products li.product a img, div#primary ul.products li.product a img {
display: inline-block; }
div.woocommerce.columns-4 ul.products li.product a h2, section.related.products ul.products li.product a h2, div#primary ul.products li.product a h2 {
width: 100%;
margin: 1em 0 0 0;
color: #000;
font-size: 1.1rem;
text-align: center;
font-weight: 500;
text-transform: uppercase;
padding: 0 0 20px 0; }
div.woocommerce.columns-4 ul.products li.product a span.price, section.related.products ul.products li.product a span.price, div#primary ul.products li.product a span.price {
text-align: center;
font-size: 1.5rem;
font-weight: 500;
color: "green" !important; }
div.woocommerce.columns-4 ul.products li.product a span.onsale, section.related.products ul.products li.product a span.onsale, div#primary ul.products li.product a span.onsale {
position: absolute;
display: flex;
background: orange;
border-radius: 0;
font-size: 0.6em;
color: white;
height: 2.5rem;
width: 2.5rem;
text-align: center;
justify-content: center;
line-height: 2.5rem;
top: 0.8em;
right: 0.8em;
transform: rotate(-20deg);
animation: beat 1s ease infinite alternate; }
div.woocommerce.columns-4 ul.products li.product a span.onsale:before, div.woocommerce.columns-4 ul.products li.product a span.onsale:after, section.related.products ul.products li.product a span.onsale:before, section.related.products ul.products li.product a span.onsale:after, div#primary ul.products li.product a span.onsale:before, div#primary ul.products li.product a span.onsale:after {
content: "";
position: absolute;
background: inherit;
height: inherit;
width: inherit;
top: 0;
left: 0;
z-index: -1;
transform: rotate(30deg); }
div.woocommerce.columns-4 ul.products li.product a span.onsale:after, section.related.products ul.products li.product a span.onsale:after, div#primary ul.products li.product a span.onsale:after {
transform: rotate(60deg); }
div.woocommerce.columns-4 ul.products li.product a.button, section.related.products ul.products li.product a.button, div#primary ul.products li.product a.button {
text-align: center;
text-transform: uppercase;
margin: 0;
justify-content: center;
font-weight: 600;
font-size: 0.9rem;
display: flex;
color: #fff;
background-color: #355eb5;
align-items: center;
padding: 20px; }
@keyframes beat {
from {
transform: rotate(-20deg) scale(1); }
to {
transform: rotate(-20deg) scale(1.1); } }
body.term-materias-primas ul.products li.product a img, body.term-aditivos-cosmeticos ul.products li.product a img {
display: none !important; }
body.term-materias-primas ul.products li.product a.button, body.term-aditivos-cosmeticos ul.products li.product a.button {
display: none !important; }
div#primary.content-area {
padding: 2em 0; }
div#primary.content-area nav.woocommerce-breadcrumb {
padding: 1em 0;
margin: 0 0 1em 0;
background-color: "#fff"; }
div#primary.content-area nav.woocommerce-breadcrumb a {
font-size: 0.8rem;
color: "#ccc"; }
div#primary.content-area div.product.type-product {
position: relative;
flex-wrap: wrap;
display: flex; }
div#primary.content-area div.product.type-product span.onsale {
right: 0;
position: absolute; }
div#primary.content-area div.product.type-product div.woocommerce-product-gallery {
position: relative;
flex: 1 1 50%; }
div#primary.content-area div.product.type-product div.woocommerce-product-gallery a.woocommerce-product-gallery__trigger {
z-index: 1;
position: absolute; }
div#primary.content-area div.product.type-product div.woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper {
padding: 0;
margin: 0; }
div#primary.content-area div.product.type-product div.woocommerce-product-gallery figure.woocommerce-product-gallery__wrapper div a {
width: 100%;
padding: 2em 1em;
height: 100%;
justify-content: center;
display: flex; }
div#primary.content-area div.product.type-product div.summary.entry-summary {
padding: 0 1.5em;
flex: 1 1 50%; }
div#primary.content-area div.product.type-product div.summary.entry-summary h1 {
font-weight: 400;
font-size: 1.7rem;
border-bottom: 2px solid #dadada;
padding: 20px 0; }
div#primary.content-area div.product.type-product div.summary.entry-summary p.price {
font-size: 2em;
color: "green";
font-weight: 500; }
div#primary.content-area div.product.type-product div.summary.entry-summary .woocommerce-product-details__short-description {
border-top: 2px solid #dadada;
border-bottom: 2px solid #dadada;
padding: 20px 0;
margin: 0 0 20px 0; }
div#primary.content-area div.product.type-product div.summary.entry-summary form.cart {
display: flex; }
div#primary.content-area div.product.type-product div.summary.entry-summary form.cart input.input-text {
height: 40px;
text-align: center; }
div#primary.content-area div.product.type-product div.summary.entry-summary form.cart button {
background-color: #3ca90f; }
div#primary.content-area div.product.type-product div.summary.entry-summary .product_meta {
border-top: 1px solid "#ccc"; }
div#primary.content-area div.product.type-product div.summary.entry-summary .product_meta span {
font-size: 0.8rem;
color: "#ccc"; }
div#primary.content-area div.product.type-product div.summary.entry-summary .product_meta span a {
color: "green"; }
div#primary.content-area div.product.type-product div.woocommerce-tabs {
flex: 1 0 100%; }
div#primary.content-area div.product.type-product div.woocommerce-tabs ul.tabs {
margin: 0;
padding: 0;
list-style: none;
display: flex;
align-items: center;
justify-content: flex-start;
border-bottom: 2px solid #dadada; }
div#primary.content-area div.product.type-product div.woocommerce-tabs ul.tabs li {
background-color: #666666;
border: none; }
div#primary.content-area div.product.type-product div.woocommerce-tabs ul.tabs li a {
font-size: 0.9rem;
text-transform: uppercase;
color: #fff;
transition: all 0.3s linear;
display: block;
transition: all 0.3s linear;
position: relative;
text-transform: uppercase;
padding: 10px 15px; }
div#primary.content-area div.product.type-product div.woocommerce-tabs ul.tabs li a:after {
content: "";
position: absolute;
top: calc(50% - 3px);
right: -3px;
width: 6px;
height: 6px;
display: block;
background: "green"; }
div#primary.content-area div.product.type-product div.woocommerce-tabs ul.tabs li a:hover {
text-decoration: none;
color: "blue"; }
div#primary.content-area div.product.type-product div.woocommerce-tabs ul.tabs li.description_tab.active {
background-color: #3ca90f; }
div#primary.content-area div.product.type-product div.woocommerce-tabs ul.tabs li.description_tab.active a {
color: #fff !important; }
div#primary.content-area div.product.type-product div.woocommerce-tabs ul.tabs li.ficha-tecnica_tab.active {
background-color: #3ca90f; }
div#primary.content-area div.product.type-product div.woocommerce-tabs ul.tabs li.ficha-tecnica_tab.active a {
color: #fff !important; }
div#primary.content-area div.product.type-product div.woocommerce-tabs ul.tabs li.componentes_tab.active {
background-color: #3ca90f; }
div#primary.content-area div.product.type-product div.woocommerce-tabs ul.tabs li.componentes_tab.active a {
color: #fff !important; }
div#primary.content-area div.product.type-product div.woocommerce-tabs ul.tabs li.aplicaciones_tab.active {
background-color: #3ca90f; }
div#primary.content-area div.product.type-product div.woocommerce-tabs ul.tabs li.aplicaciones_tab.active a {
color: #fff !important; }
div#primary.content-area div.product.type-product div.woocommerce-tabs ul.tabs li.reviews_tab.active {
background-color: #3ca90f; }
div#primary.content-area div.product.type-product div.woocommerce-tabs ul.tabs li.reviews_tab.active a {
color: #fff !important; }
div#primary.content-area div.product.type-product div.woocommerce-tabs .woocommerce-Tabs-panel {
padding: 20px;
color: "#ccc";
border: 2px solid #dadada; }
div#primary.content-area div.product.type-product div.woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-size: 1.4rem;
font-weight: 500;
color: #3ca90f; }
div#primary.content-area div.product.type-product div.woocommerce-tabs .woocommerce-Tabs-panel p {
font-size: 0.9rem;
line-height: 1.8;
font-weight: 400; }
div#primary.content-area div.product.type-product div.woocommerce-tabs .woocommerce-Tabs-panel p.stars {
margin: 20px; }
div#primary.content-area div.product.type-product div.woocommerce-tabs .woocommerce-Tabs-panel p.stars span a {
padding: 10px;
width: 45px;
height: 45px;
display: inline-flex;
justify-content: center;
align-items: center;
background-color: "green";
color: #fff;
transition: all 0.3s linear;
margin: 5px; }
div#primary.content-area div.product.type-product div.woocommerce-tabs .woocommerce-Tabs-panel p.stars span a:before {
padding: 5px; }
div#primary.content-area div.product.type-product div.woocommerce-tabs .woocommerce-Tabs-panel p.stars span a:hover {
background-color: "#000";
text-decoration: none; }
div#primary.content-area div.product.type-product div.woocommerce-tabs .woocommerce-Tabs-panel p.stars span.active {
background-color: "#000"; }
div#primary.content-area div.product.type-product div.woocommerce-tabs .woocommerce-Tabs-panel table tbody tr td {
border: 1px solid #dadada;
padding: 5px 8px; }
div#primary.content-area div.product.type-product div.woocommerce-tabs .woocommerce-Tabs-panel p.comment-form-comment {
display: flex;
flex-direction: column; }
div#primary.content-area div.product.type-product section.related.products {
padding: 2em 0;
flex-wrap: wrap;
flex: 1 0 100%;
display: flex; }
div#primary.content-area div.product.type-product section.related.products h2 {
flex: 1 0 100%; }
form p.form-submit input.submit {
background-color: "#000";
color: "#fff";
border: none;
font-size: 0.9rem;
text-transform: uppercase;
padding: 15px 25px;
transition: all 0.3s; }
form p.form-submit input.submit:hover {
border: 1px solid "#000";
background-color: "#fff";
color: "#000"; }
.woocommerce-pagination,
.woocommerce-pagination *,
.woocommerce-pagination *:before,
.woocommerce-pagination *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-kerning: auto; }
.woocommerce-pagination {
font-size: 8pt;
line-height: 1;
font-weight: 400;
font-family: 'Open Sans', 'Source Sans Pro', Roboto, 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', 'Myriad Pro', 'Segoe UI', Myriad, Helvetica, 'Lucida Grande', 'DejaVu Sans Condensed', 'Liberation Sans', 'Nimbus Sans L', Tahoma, Geneva, Arial, sans-serif;
-webkit-text-size-adjust: 100%;
margin: 1em auto;
text-align: center;
transition: font-size .2s ease-in-out; }
.woocommerce-pagination ul {
list-style-type: none;
display: inline;
font-size: 100%;
margin: 0;
padding: .5em; }
.woocommerce-pagination ul li {
display: inline-block;
font-size: 100%;
width: auto;
border-radius: 3px; }
.woocommerce-pagination > a {
font-size: 140%; }
.woocommerce-pagination a {
color: #777;
font-size: 100%;
padding: .5em; }
.woocommerce-pagination a:focus,
.woocommerce-pagination a:hover {
color: #f60; }
.woocommerce-pagination li.current {
background: rgba(0, 0, 0, 0.1); }
/* Disabled & Hidden Styles */
.woocommerce-pagination .disabled,
.woocommerce-pagination [hidden],
.woocommerce-pagination [disabled] {
opacity: .5;
pointer-events: none; }
@media (min-width: 350px) {
.woocommerce-pagination {
font-size: 10pt; } }
@media (min-width: 500px) {
.woocommerce-pagination {
font-size: 12pt; } }
@media (min-width: 700px) {
.woocommerce-pagination {
font-size: 14pt; } }
@media (min-width: 900px) {
.woocommerce-pagination {
font-size: 16pt; } }