/* Stylesheet for the 'payper' */

/* Reset Styles
***********************/
html,
body {
    font-family: "Work Sans", sans-serif;
    color: #393127;
    font-size: 16px;
    line-height: 27px;
    margin: 0;
    padding: 0;
    height: 100%;
}
body {
    background-color: #fff;
}
.row {
    max-width: 78rem;
}

/*initialization*/
a:focus {
    outline: medium none !important;
    border-color: transparent !important;
    border-width: 0 !important;
}
a {
    color: #393127;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a:hover,
a:focus {
    color: #ff3333;
}
a.white:hover {
    color: #fff; /*opacity:0.8;*/
}
::selection {
    background: #ff3333;
    color: #fff;
}
::-moz-selection {
    background: #ff3333;
    color: #fff;
}

/*Utility*/
hr {
    border-color: #ddd;
    max-width: 100%;
}
hr.grey {
    border-color: #ddd;
    border-width: 4px;
    margin: 2em auto;
}
.cite,
.date {
    font-family: "Work Sans", sans-serif;
    font-size: 1em;
}
.uppercase {
    text-transform: uppercase;
}
.lowercase {
    text-transform: inherit !important;
}
.style-none {
    list-style: none;
    margin: 0;
}
.label {
    border-radius: 0px;
    color: #fefefe;
    cursor: default;
    display: inline-block;
    font-size: 0.7rem;
    line-height: 1;
    white-space: nowrap;
    position: absolute;
    right: 0;
}

/*titles*/
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Work Sans", serif;
    color: #222222;
}
/*.callout h1, .callout h2, .callout h3, .callout h4, .callout h5, .callout h6 {line-height: 1.4;color:#444;}
a:hover h1, a:hover h2, a:hover h3, a:hover h4, a:hover h5, a:hover  h6 {color: #9B132B;}*/

/*font*/
.worksans {
    font-family: "Work Sans", sans-serif;
}
.fw-300 {
    font-weight: 300 !important;
}
.fw-400 {
    font-weight: 400 !important;
}
.fw-500 {
    font-weight: 500 !important;
}
.fw-600 {
    font-weight: 600 !important;
}
.fw-700 {
    font-weight: 700 !important;
}

/*p*/
.xsmall {
    font-size: 0.7em;
    line-height: 0.7em;
}
.small {
    font-size: 0.9em;
    line-height: 0.9em;
}
.medium {
    font-size: 1.2em;
    line-height: 1.2em;
}
.large {
    font-size: 1.4em;
    line-height: 1.4em;
}

/*block*/
.block {
    display: block;
}

/*inline*/
.inline {
    display: inline-block !important;
    vertical-align: middle;
}
ul.inline {
    list-style: none;
    margin-left: 0;
    margin-bottom: 0;
}
ul.inline li {
    display: inline-block;
    margin-left: 0.3em;
}

/*absolutes*/
/*.flexbox {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-start;}*/
.relative {
    position: relative;
}
.abs {
    position: absolute;
}
.abs.top {
    top: 0px;
}
.abs.left {
    left: 0px;
}
.abs.bottom {
    bottom: 0px;
}
.abs.right {
    right: 0px;
}
.abs.center {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.horizontal-center {
    left: 50%;
    transform: translate(-50%, 0);
}
.vertical-center {
    top: 50%;
    transform: translate(0, -50%);
}

/*colors*/
.white {
    color: #fff;
}
.yellow {
    color: #ff3333;
}
.pink {
    color: #ff3333;
}
.grey {
    color: #999;
}

/*bg colors*/
.bg-white {
    background-color: #fff;
}
.bg-yellow {
    background-color: #ff3333;
}
.bg-pink {
    background-color: #ff3333;
}
.bg-cream {
    background-color: #f0eaea;
}
.bg-grey {
    background-color: #eaeaea;
}
.bg-grey2 {
    background-color: #e8e9ea;
}
.bg-gradient {
    background: #ff3333;
    background: -moz-linear-gradient(left, #ff3333 0%, #ff3333 100%);
    background: -webkit-linear-gradient(left, #ff3333 0%, #ff3333 100%);
    background: linear-gradient(to right, #ff3333 0%, #ff3333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3333', endColorstr='#ff3333',GradientType=1 );
}

/*bgfixed*/
.bgfixed {
    background-attachment: fixed !important;
}

/*bgimage*/
.bgimage {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    width: 100%;
}
.bgimage.xs {
    min-height: 60px;
}
.bgimage.small {
    min-height: 80px;
}
.bgimage {
    min-height: 120px;
}
.bgimage.big {
    min-height: 280px;
}
.bgimage.xl {
    min-height: 310px;
}
.bgimage.xxl {
    min-height: 380px;
}
.bgimage.xxxl {
    min-height: 410px;
}

/*line*/
.xsLine {
    padding: 0.3em 0;
}
.smallLine {
    padding: 0.8em 0;
}
.mediumLine {
    padding: 1.8em 0;
}
.line {
    padding: 3em 0;
}
.largeLine {
    padding: 5em 0;
}
.xlLine {
    padding: 10em 0;
}
.xxlLine {
    padding: 12em 0;
}

/*margins*/
.xsMargin {
    margin-bottom: 0.3em;
}
.smallMargin {
    margin-bottom: 0.8em;
}
.mediumMargin {
    margin-bottom: 1.5em;
}
.largeMargin {
    margin-bottom: 2.5em;
}
.xlMargin {
    margin-bottom: 3.5em;
}

/*button*/
.button {
    border-radius: 0;
    background-color: #ff3333;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
}
.button:hover,
.button:focus {
    background-color: #d82f38;
}
.button.border {
    background-color: transparent;
    border: 1px solid #393127;
    color: #393127;
    font-weight: 400;
}
.button.border:hover,
.button.border:focus {
    background-color: #393127;
    color: #fff;
    border-color: #393127;
}
.button.border-white {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 400;
}
.button.border-white:hover,
.button.border-white:focus {
    background-color: #fff;
    color: #374348 !important;
    border-color: #fff;
}
.button.border-pink {
    background-color: transparent;
    border: 1px solid #d82f38;
    color: #d82f38;
    font-weight: 400;
}
.button.border-pink:hover,
.button.border-pink:focus {
    background-color: #d82f38;
    color: #fff;
    border-color: #d82f38;
}

/*borderline*/
.borderline::after {
    background: #888888 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    margin: 0 auto;
    position: relative;
    transition: all 0.2s ease-in-out 0s;
    width: 30%;
}
.borderline.active::after,
.borderline:hover::after,
.float:hover .borderline::after {
    width: 40%;
}
.borderline.green::after {
    background: #384349 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    margin: 0 0 0.5em;
    position: relative;
    width: 50px;
}

/*callout*/
.callout {
    border: 1px solid rgba(0, 0, 0, 0.1) !important;
    border-radius: 0;
    display: block;
}
.callout.b-0 {
    border: none !important;
}
.callout.grey {
    background-color: #f1f1f1;
    border: none;
}
.callout.grey2 {
    background-color: #e6e6e6;
    border: none;
}

/*padding*/
.p-a-0 {
    padding: 0;
}
.p-x-0 {
    padding-left: 0;
    padding-right: 0;
}
.p-y-0 {
    padding-top: 0;
    padding-bottom: 0;
}
.p-t-0 {
    padding-top: 0;
}
.p-r-0 {
    padding-right: 0;
}
.p-b-0 {
    padding-bottom: 0;
}
.p-l-0 {
    padding-left: 0;
}
.p-a-05 {
    padding: 0.5em;
}
.p-x-05 {
    padding-left: 0.5em;
    padding-right: 0.5em;
}
.p-y-05 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}
.p-t-05 {
    padding-top: 0.5em;
}
.p-r-05 {
    padding-right: 0.5em;
}
.p-b-05 {
    padding-bottom: 0.5em;
}
.p-l-05 {
    padding-left: 0.5em;
}
.p-a-1 {
    padding: 1em;
}
.p-x-1 {
    padding-left: 1em;
    padding-right: 1em;
}
.p-y-1 {
    padding-top: 1em;
    padding-bottom: 1em;
}
.p-t-1 {
    padding-top: 1em;
}
.p-r-1 {
    padding-right: 1em;
}
.p-b-1 {
    padding-bottom: 1em;
}
.p-l-1 {
    padding-left: 1em;
}
.p-a-15 {
    padding: 1em;
}
.p-x-15 {
    padding-left: 1.5em;
    padding-right: 1.5em;
}
.p-y-15 {
    padding-top: 1.5em;
    padding-bottom: 1.5em;
}
.p-t-15 {
    padding-top: 1.5em;
}
.p-r-15 {
    padding-right: 1.5em;
}
.p-b-15 {
    padding-bottom: 1.5em;
}
.p-l-15 {
    padding-left: 1.5em;
}
.p-a-2 {
    padding: 2em;
}
.p-x-2 {
    padding-left: 2em;
    padding-right: 2em;
}
.p-y-2 {
    padding-top: 2em;
    padding-bottom: 2em;
}
.p-t-2 {
    padding-top: 2em;
}
.p-r-2 {
    padding-right: 2em;
}
.p-b-2 {
    padding-bottom: 2em;
}
.p-l-2 {
    padding-left: 2em;
}
.p-a-25 {
    padding: 2.5em;
}
.p-x-25 {
    padding-left: 2.5em;
    padding-right: 2.5em;
}
.p-y-25 {
    padding-top: 2.5em;
    padding-bottom: 2.5em;
}
.p-t-25 {
    padding-top: 2.5em;
}
.p-r-25 {
    padding-right: 2.5em;
}
.p-b-25 {
    padding-bottom: 2.5em;
}
.p-l-25 {
    padding-left: 2.5em;
}
.p-a-3 {
    padding: 2em;
}
.p-x-3 {
    padding-left: 3em;
    padding-right: 3em;
}
.p-y-3 {
    padding-top: 3em;
    padding-bottom: 3em;
}
.p-t-3 {
    padding-top: 3em;
}
.p-r-3 {
    padding-right: 3em;
}
.p-b-3 {
    padding-bottom: 3em;
}
.p-l-3 {
    padding-left: 3em;
}

/*margin*/
.m-a-0 {
    margin: 0;
}
.m-x-0 {
    margin-left: 0;
    margin-right: 0;
}
f .m-y-0 {
    margin-top: 0;
    margin-bottom: 0;
}
.m-t-0 {
    margin-top: 0;
}
.m-r-0 {
    margin-right: 0;
}
.m-b-0 {
    margin-bottom: 0;
}
.m-l-0 {
    margin-left: 0;
}
.m-a-05 {
    margin: 0.5em;
}
.m-x-05 {
    margin-left: 0.5em;
    margin-right: 0.5em;
}
.m-y-05 {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
.m-t-05 {
    margin-top: 0.5em;
}
.m-r-05 {
    margin-right: 0.5em;
}
.m-b-05 {
    margin-bottom: 0.5em;
}
.m-l-05 {
    margin-left: 0.5em;
}
.m-a-1 {
    margin: 1em;
}
.m-x-1 {
    margin-left: 1em;
    margin-right: 1em;
}
.m-y-1 {
    margin-top: 1em;
    margin-bottom: 1em;
}
.m-t-1 {
    margin-top: 1em;
}
.m-r-1 {
    margin-right: 1em;
}
.m-b-1 {
    margin-bottom: 1em;
}
.m-l-1 {
    margin-left: 1em;
}
.m-a-15 {
    margin: 1em;
}
.m-x-15 {
    margin-left: 1.5em;
    margin-right: 1.5em;
}
.m-y-15 {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}
.m-t-15 {
    margin-top: 1.5em;
}
.m-r-15 {
    margin-right: 1.5em;
}
.m-b-15 {
    margin-bottom: 1.5em;
}
.m-l-15 {
    margin-left: 1.5em;
}
.m-a-2 {
    margin: 2em;
}
.m-x-2 {
    margin-left: 2em;
    margin-right: 2em;
}
.m-y-2 {
    margin-top: 2em;
    margin-bottom: 2em;
}
.m-t-2 {
    margin-top: 2em;
}
.m-r-2 {
    margin-right: 2em;
}
.m-b-2 {
    margin-bottom: 2em;
}
.m-l-2 {
    margin-left: 2em;
}
.m-a-25 {
    margin: 2.5em;
}
.m-x-25 {
    margin-left: 2.5em;
    margin-right: 2.5em;
}
.m-y-25 {
    margin-top: 2.5em;
    margin-bottom: 2.5em;
}
.m-t-25 {
    margin-top: 2.5em;
}
.m-r-25 {
    margin-right: 2.5em;
}
.m-b-25 {
    margin-bottom: 2.5em;
}
.m-l-25 {
    margin-left: 2.5em;
}
.m-a-3 {
    margin: 3em;
}
.m-x-3 {
    margin-left: 3em;
    margin-right: 3em;
}
.m-y-3 {
    margin-top: 3em;
    margin-bottom: 3em;
}
.m-t-3 {
    margin-top: 3em;
}
.m-r-3 {
    margin-right: 3em;
}
.m-b-3 {
    margin-bottom: 3em;
}
.m-l-3 {
    margin-left: 3em;
}

/*border*/
.b-a-0 {
    border: none;
}
.b-a-1 {
    border: 1px solid #ddd;
}

/*pagination*/
ul.pagination li {
    display: inline-block;
    float: none;
}
ul.pagination li a,
ul.pagination li button {
    border: 1px solid #ddd;
}
ul.pagination li.arrow a,
ul.pagination li.arrow button {
    border: none;
}
ul.pagination li.current {
    background-color: #374348;
}

/*ul icon*/
/*ul.icon {list-style: none;margin:0;}
ul.icon li {background:url('../images/theme/icon-list.jpg') no-repeat 0 0 transparent;padding-left:3em;margin-bottom:1.5em;}*/
ul.list-style {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.list-style li {
    padding-left: 1em;
    text-indent: -1em;
    margin-bottom: 1em;
}
ul.list-style li:before {
    content: "• ";
    color: #872031;
}

/*accordion*/
.accordion {
    background-color: #fff;
}
.accordion .accordion-title,
.accordion .is-active .accordion-title {
    padding: 1.25rem 0rem;
    font-size: 1.2em;
    color: #9bbcab;
    font-weight: 700;
    border-color: transparent transparent #384349 transparent;
    border-style: solid;
    border-width: 0 0 1px 0;
}
.accordion .accordion-title:hover,
.accordion .accordion-title:focus {
    background-color: #fff;
    border-bottom: 1px solid #384349 !important;
}
:last-child:not(.is-active) > .accordion-title {
    border-bottom: 1px solid #384349;
}
.accordion .accordion-content {
    border: none;
    padding: 1rem 0;
}

/*hovers effects box*/
/* Common style */
figure {
    cursor: default;
    float: left;
    margin: 0 0 1.7em;
    max-width: 480px;
    min-height: 290px; /*min-height: 360px;*/
    min-width: 100%;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 100%;
}
figure figcaption {
    text-transform: inherit;
}
figure img {
    display: block;
    min-height: 100% !important;
    min-width: 120%;
    width: auto !important;
}
/*customs roxy
figure.effect-roxy {background: #68586b none repeat scroll 0 0 !important;}
figure.effect-roxy figcaption {padding:3em 2em;}
figure.effect-roxy img {opacity: 1;}
figure.effect-roxy:hover img {opacity: 0.5;}
figure.effect-roxy figcaption h3 {padding-top: calc(50% - 10px);}
figure.effect-roxy.big {min-height: 748px;}*/
/*customs ruby*/
figure.effect-ruby .bg-color {
    position: absolute;
    height: 100%;
    width: 100%;
    display: block;
    background-color: rgba(51, 13, 22, 0.5);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
figure.effect-ruby:hover .bg-color {
    background-color: rgba(51, 13, 22, 0.8);
}
figure.effect-ruby .bg-color.c-black {
    background-color: rgba(0, 0, 0, 0.5);
}
figure.effect-ruby:hover .bg-color.c-black {
    background-color: rgba(0, 0, 0, 0.8);
}
figure.effect-ruby h5 {
    margin-top: 20%;
    transform: translate3d(0px, 20px, 0px);
    transition: transform 0.35s ease 0s;
}
figure.effect-ruby:hover h5 {
    transform: translate3d(0px, 0px, 0px);
}
figure.effect-ruby p a {
    text-decoration: none !important;
}
figure.effect-ruby p a:hover {
    text-decoration: underline !important;
}

/*item-overlay*/
.item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
}
.item-overlay {
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    opacity: 0;
    box-sizing: border-box;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.item:hover .item-overlay {
    background: rgba(0, 0, 0, 0.8);
    opacity: 1;
}
.item .item-magnified {
    opacity: 0;
    top: 35%;
    position: absolute;
    font-size: 2em;
    -ms-transform: translateY(10%);
    -webkit-transform: translateY(10%);
    -o-transition: translateY(10%);
    transform: translateY(10%);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.item:hover .item-magnified {
    opacity: 1;
    -ms-transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -o-transition: translateY(50%);
    transform: translateY(50%);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}
.list-overlay li,
.list-overlay .column {
    margin-bottom: 1.5em;
}

/*tooltip*/
.has-tip {
    border-bottom: medium none;
}
.tooltip {
    background-color: #fff;
    max-width: 11.5rem !important;
    text-align: center;
    color: #222;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
}
.tooltip.top::before {
    border-color: #fff transparent transparent;
    top: 99%;
}
.tooltip::before {
    border-color: transparent transparent #fff;
    top: 99%;
}

/*cookie-bar*/
#cookie-bar.fixed {
    z-index: 1000000000000000000000;
}

/*forms*/
input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 0.9 !important;
}
form *:focus {
    border: 1px solid #ddd !important;
}
[type="text"],
[type="password"],
[type="date"],
[type="datetime"],
[type="datetime-local"],
[type="month"],
[type="week"],
[type="email"],
[type="number"],
[type="search"],
[type="tel"],
[type="time"],
[type="url"],
[type="color"],
textarea,
select {
    border-radius: 0;
    box-shadow: none;
    border-color: #ddd;
    font-weight: 300;
}
label {
    font-weight: 300;
}

/*menu-overlay*/
.menu-overlay {
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    background-color: rgba(8, 8, 8, 0.9);
    transform: scale(1);
    transition: all 200ms ease-in-out;
    z-index: 1000000000000000000000000000000000000;
}
.menu-overlay ul li.first-item {
    margin-bottom: 1.5em;
}
.menu-overlay ul li a.large {
    font-size: 1.8em;
}
.menu-overlay ul li a {
    color: #fff;
    padding: 0.3em;
}
.menu-overlay ul li a:hover {
    color: #ff3333;
}
.menu-overlay .is-accordion-submenu-parent > a::after {
    border: none;
}
.menu-overlay.full-menu {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}
.menu-toggle {
    border: 0;
    color: #fff;
    background-color: transparent;
    font-size: 2em;
    cursor: pointer;
}
.menu-cerrar {
    position: absolute;
    top: 30px;
    right: 30px;
}

/*bxslider*/
.bx-wrapper {
    margin: 0 !important;
}
.bx-wrapper img {
    display: block;
}
#bx-pager {
    margin-top: 1em;
}
#bx-pager .bx-prev,
#bx-pager .bx-next {
    border: 1px solid #444 !important;
    display: block;
    padding: 0.5em 1.2em;
}
#bx-pager .bx-prev:hover,
#bx-pager .bx-next:hover,
#bx-pager .bx-prev:focus,
#bx-pager .bx-next:focus {
    border-color: #ff3333 !important;
}

/*tabs*/
.tabs-panel {
    padding: 0;
}
/*tabs-1*/
#tabs-1 {
    border-bottom: 10px solid #ff3333;
}
#tabs-1 .tabs-title {
    float: none;
}
#tabs-1 .tabs-title > a {
    background-color: #e4e4e4;
    color: #393127;
    display: block;
    font-size: 1.4rem;
    line-height: 1;
    padding: 1.25rem 1.5rem;
}
#tabs-1 .tabs-title > a:hover {
    background-color: #ccc;
}
#tabs-1 .tabs-title.is-active > a {
    background-color: #ff3333;
    color: #fff;
}
/*tabs-2*/
#tabs-2 .tabs-title a {
    font-size: 0.9rem !important;
    line-height: 1;
    border-bottom: 10px solid #d6d6d6;
    color: #333;
    display: block;
    min-height: 150px;
    background: url("../images/theme/arrow-solutions-tabs.jpg") no-repeat right
        center transparent;
}
#tabs-2 .tabs-title a:hover,
#tabs-2 .tabs-title a:focus,
#tabs-2 .tabs-title a:active {
    border-bottom: 10px solid #ff3333 !important;
}
#tabs-2 .tabs-title.is-active a,
#tabs-2 .tabs-title.is-active a:hover,
#tabs-2 .tabs-title.is-active a:focus,
#tabs-2 .tabs-title.is-active a:active {
    background-color: transparent;
    border-bottom: 10px solid #ff3333 !important;
}
#tabs-2 .tabs-title a.no-arrow {
    background-image: none;
}
/*tabs-3*/
#tabs-3 .tabs-title a {
    font-size: 0.9rem !important;
    line-height: 1;
    border-bottom: 10px solid #d6d6d6;
    color: #333;
    display: block;
    min-height: 150px;
    background: url("../images/theme/arrow-solutions-tabs.jpg") no-repeat right
        center transparent;
}
#tabs-3 .tabs-title a:hover,
#tabs-3 .tabs-title a:focus,
#tabs-3 .tabs-title a:active {
    background-color: transparent;
    border-bottom: 10px solid #ff3333 !important;
}
#tabs-3 .tabs-title.is-active a,
#tabs-3 .tabs-title.is-active a:hover,
#tabs-3 .tabs-title.is-active a:focus,
#tabs-3 .tabs-title.is-active a:active {
    background-color: transparent;
    border-bottom: 10px solid #ff3333 !important;
}
#tabs-3 .tabs-title a.no-arrow {
    background-image: none;
}
/*tabs-4*/
#tabs-4 {
    border-bottom: 10px solid #2d2b2b;
    margin: 0 !important;
}
#tabs-4 .column {
    padding: 0 0.3em;
}
#tabs-4 .tabs-title {
    float: none;
}
#tabs-4 .tabs-title > a {
    background-color: #aeaeae;
    color: #fff;
    display: block;
    font-size: 1rem;
    line-height: 1;
    padding: 1.25rem 1.5rem;
}
#tabs-4 .tabs-title > a:hover {
    background-color: #494646;
}
#tabs-4 .tabs-title.is-active > a {
    background-color: #2d2b2b;
    color: #fff;
}

/* ==========================================================================
   HEADER
   ==========================================================================*/
#header {
    background-color: #fff;
}
.border-gradient {
    height: 5px;
    background: #f25246;
    background: -moz-linear-gradient(left, #f25246 0%, #ff3333 100%);
    background: -webkit-linear-gradient(left, #f25246 0%, #ff3333 100%);
    background: linear-gradient(to right, #f25246 0%, #ff3333 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f25246', endColorstr='#ff3333',GradientType=1 );
}

/*nav-bar*/
.header .nav ul {
    list-style: none;
    margin: 0;
}
.header .nav ul > li {
    display: inline-block;
}
.header .nav ul > li > a {
    color: #393127;
    text-transform: uppercase;
    padding: 2em 0.5em;
    border-bottom: 3px solid #fff;
    display: block;
}
.header .nav ul > li:hover > a,
.header .nav ul > li > a:hover,
.header .nav ul > li > a.active {
    border-color: #ff3333;
    color: #ff3333;
}
.header .menu-icon::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    background: #ef3c46;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #ef3c46, 0 14px 0 #ef3c46;
}
.header .menu-icon:hover::after {
    background: #393127 none repeat scroll 0 0;
    box-shadow: 0 7px 0 #393127, 0 14px 0 #393127;
}
.header .nav ul > li .custom-dropdown {
    visibility: hidden;
    opacity: 0;
    border-top: 1px solid #eee;
    -webkit-transition: all 0.15s linear 0.2s;
    -moz-transition: all 0.15s linear 0.2s;
    -o-transition: all 0.15s linear 0.2s;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 1000;
}
.header .nav ul > li:hover .custom-dropdown {
    visibility: visible;
    opacity: 1;
    display: block;
}
.header .nav ul > li .custom-dropdown.smaller {
    position: absolute;
    left: auto;
    width: auto;
}
.header .nav ul > li .custom-dropdown .row {
    margin-left: auto !important;
    margin-right: auto !important;
}
.header .nav ul > li .custom-dropdown .row .row {
    margin-left: -0.9375rem;
    margin-right: -0.9375rem;
}
.header .nav ul > li .custom-dropdown .row .bg-white {
    box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}
.header .nav ul > li .custom-dropdown .column {
    font-size: 0.9em;
    margin-bottom: 0.7em;
}
.header .nav ul > li .custom-dropdown .column .inline {
    max-width: 200px;
}
.icon {
    border-radius: 10px;
    border: 1px solid #ddd;
}
.border-title {
    height: 3px;
    background-color: #ddd;
    width: 100%;
    display: block;
}
.border-title::before {
    bottom: 2px;
    content: "";
    display: block;
    height: 5px;
    position: relative;
    width: 50px;
}
.border-title.border-yellow::before {
    background-color: #ff3333;
}
.border-title.border-pink::before {
    background-color: #ff3333;
}
.header select {
    cursor: pointer;
}
.header select:focus {
    background-color: #fefefe;
    border: none;
    box-shadow: none;
    outline: medium none;
    transition: box-shadow 0.5s ease 0s, border-color 0.25s ease-in-out 0s;
}

/*slide-bar*/
.slider-bar.bg-cream {
    background-color: #ffffff; /*#c9c8c3;*/
}
a.has-tip {
    cursor: pointer !important;
}
.relative {
    position: relative;
}
.absolute {
    position: absolute;
}
.round {
    background-color: #ff3333;
    border-radius: 50%;
    padding: 0.4em 0.5em;
}
.round img {
    width: 25px;
    height: auto;
}
.sacos-valvula {
    top: 18%;
    left: 10%;
}
.sacos-valvula2 {
    top: 96%;
    left: 30%;
}
.sacos-valvula:hover, .sacos-valvula2:hover {
    background-color: #99cc00;
}
.sacos-valvula:hover:after, .sacos-valvula2:hover:after {
    background-color: #99cc00 !important;
}
.sacos-bobina {
    top: 7%;
    left: 15%;
}
.sacos-bobina:hover {
    background-color: #ffcc33;
}
.sacos-bobina:hover:after {
    background-color: #ffcc33 !important;
}
.sacos-boca {
    top: 0%;
    left: 48.5%;
}
.sacos-boca:hover {
    background-color: #ff6633;
}
.sacos-boca:hover:after {
    background-color: #ff6633 !important;
}
.dosing-and-weighing {
    top: 5%;
    left: 41%;
}
.dosing-and-weighing:hover {
    background-color: #009933;
}
.dosing-and-weighing:hover:after {
    background-color: #009933 !important;
}
.dosing-and-weighing2 {
    top: -2%;
    left: 16.5%;
}
.dosing-and-weighing2:hover {
    background-color: #009933;
}
.dosing-and-weighing2:hover:after {
    background-color: #009933 !important;
}
.palletizing1 {
    top: 19%;
    left: 77%;
}
.palletizing1:hover {
    background-color: #99552b;
}
.palletizing1:hover:after {
    background-color: #99552b !important;
}
.palletizing2 {
    top: 66%;
    left: 43%;
}
.palletizing3 {
    top: 99%;
    left: 34%;
}
.palletizing2:hover, .palletizing3:hover {
    background-color: #99552b;
}
.palletizing2:hover:after, .palletizing3:hover:after {
    background-color: #99552b !important;
}
.big-bags {
    top: 37%;
    left: 57%;
}
.big-bags:hover {
    background-color: #666699;
}
.big-bags:hover:after {
    background-color: #666699 !important;
}
.end-line-and-complementary-equipment1 {
    top: 45%;
    left: 89%;
}
.end-line-and-complementary-equipment1:hover {
    background-color: #666666;
}
.end-line-and-complementary-equipment1:hover:after {
    background-color: #666666 !important;
}
.end-line-and-complementary-equipment2 {
    top: 78%;
    left: 66%;
}
.end-line-and-complementary-equipment2:hover {
    background-color: #666666;
}
.end-line-and-complementary-equipment2:hover:after {
    background-color: #666666 !important;
}
.end-line-and-complementary-equipment3 {
    top: 14%;
    left: 66%;
}
.end-line-and-complementary-equipment3:hover {
    background-color: #666666;
}
.end-line-and-complementary-equipment3:hover:after {
    background-color: #666666 !important;
}

/* ==========================================================================
   CONTAINER-MAIN
   ==========================================================================*/
#container-main {
}
#container-main p a {
    text-decoration: underline;
}
#container-main ul li {
    margin-bottom: 0.7em; /*position: relative;list-style: none;*/
}
/*ul li::after {position: absolute;content: '·';color: #ff3333;top: -0.4em;left: -0.45em;font-weight: 700;font-size: 2.2em;}*/

/*banners-bar*/
.banners-bar .bg-image {
    max-height: 180px;
}

/*section-bar*/
.section-bar {
    position: relative;
}
.section-bar .caption {
    position: absolute;
    bottom: 3em;
    left: 0;
}
.section-bar .caption .title {
    background-color: #ff3333;
    padding: 1em 1.5em 1em 4em;
    display: inline-block;
}
.section-bar .caption .description {
    background-color: rgba(0, 0, 0, 0.8);
    max-width: 460px;
    padding: 1em 1.5em 1em 3em;
}

/*breadcrumbs*/
.breadcrumbs li {
    font-size: 0.9em;
    text-transform: none;
}
.breadcrumbs a {
    color: #ff3333;
}

/*solutions-bar*/
.solutions-bar .column {
    padding-left: 0.5375rem;
    padding-right: 0.5375rem;
}
/*.solutions-bar figure {margin: 0 0 1.1em;}*/
.solutions-bar figure.effect-ruby p {
    padding: 2em;
}

/*bxslider-elements-solutions*/
.bxslider-solutions .bx-wrapper {
    margin-bottom: 0;
}
.bxslider-solutions .bx-pager {
    top: 0;
    padding-top: 10px;
}
.bxslider-solutions .bx-wrapper .bx-pager.bx-default-pager a {
    background: #ddd none repeat scroll 0 0;
    border: 1px solid #ddd;
}
.bxslider-solutions .bx-wrapper .bx-pager.bx-default-pager a:hover,
.bxslider-solutions .bx-wrapper .bx-pager.bx-default-pager a:focus,
.bxslider-solutions .bx-wrapper .bx-pager.bx-default-pager a.active,
.bxslider-solutions .bx-wrapper .bx-pager.bx-default-pager a.active:focus {
    background: #fff none repeat scroll 0 0 !important;
    border: solid #ff3333 !important;
    border-width: 1px !important;
}

/*solutions-tabs*/
#solutions-tabs .tabs-title a {
    border-bottom: 10px solid #d6d6d6;
    color: #333;
    display: block;
    min-height: 130px;
    background: url("../images/theme/arrow-solutions-tabs.jpg") no-repeat right
        center transparent;
}
#solutions-tabs .tabs-title.is-active a,
#solutions-tabs .tabs-title.is-active a:hover,
#solutions-tabs .tabs-title.is-active a:focus {
    background-color: transparent;
    border-bottom: 10px solid #ff3333 !important;
}
#solutions-tabs .tabs-title a.no-arrow {
    background-image: none;
}

/*arrows-up*/
.arrows-up .bx-controls-direction {
    display: block;
    position: absolute;
    right: 40px;
    top: -55px;
}
.arrows-up .bx-wrapper .bx-controls-direction a {
    margin-top: -45px;
    outline: 0 none;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    transition: none 0s ease 0s;
    z-index: 9999;
    border: 1px solid #222;
    height: 50px;
    width: 50px;
}
.arrows-up .bx-wrapper .bx-controls-direction a:hover,
.arrows-up .bx-wrapper .bx-controls-direction a:focus,
.arrows-up .bx-wrapper .bx-controls-direction a:active {
    border: 1px solid #ff3333 !important;
}
.arrows-up .bx-wrapper .bx-prev {
    left: -74px;
    background: url("../../bxslider/images/custom-controls.png") no-repeat 0 0;
}
.arrows-up .bx-wrapper .bx-next {
    right: -42px;
    background: url("../../bxslider/images/custom-controls.png") no-repeat -50px
        0;
}
.arrows-up .bx-wrapper .bx-prev:hover {
    background-position: 0 -50px;
}
.arrows-up .bx-wrapper .bx-next:hover {
    background-position: -50px -50px;
}

/*diference-bar*/
.diference-bar h2,
.diference-bar h4,
.diference-bar p {
    color: #393127;
}

/*contact*/
.jvectormap-tip {
    z-index: 12100 !important;
}

/* Accordion cookies policy contact page */
.accordion-contact {
    background: #e6e6e6;
    color: #444;
    cursor: pointer;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: 0.4s;
    font-size: 15px;
}
.accordion-contact:after {
    content: "\002B";
    color: #777;
    font-weight: bold;
    float: right;
    margin-right: 10px;
}
.active:after {
    content: "\2212";
}
.panel {
    padding: 0px 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

/*margins contents*/
#node-50,
#node-51,
#node-166 {
    margin: 3em 0;
}

/* ==========================================================================
   FOOTER
   ==========================================================================*/
#footer img {
    max-width: 160px;
}
#footer .float-left ul.inline li {
    margin-left: 1.2em;
    font-size: 0.9em;
}

/* ==========================================================================
   Media Queries
   ==========================================================================*/
/* Small screens */
@media only screen {
} /* Define mobile styles */
@media only screen and (max-width: 40em) {
    /*utilities*/
    .m-t-sm {
        margin-top: 2em;
    }
    .no-float {
        float: none !important;
    }
    p.medium {
        font-size: 1em;
    }
    h2 {
        font-size: 2.5rem;
    }
    h3 {
        font-size: 1.95rem;
    }

    /*brand-bar*/
    .brand.m-t-1 {
        margin: 0.5em 0;
    }
    .brand.m-t-1 img {
        max-width: 180px;
    }
    .nav .m-l-25 {
        margin-left: 0;
    }

    /*menu-overlay*/
    .menu-overlay ul li.first-item {
        margin-bottom: 1em;
    }
    .menu-overlay ul li a.large {
        font-size: 1.4em;
    }

    /*solutions-bar*/
    .solutions-bar h3 {
        text-align: center;
    }
    .solutions-bar .button {
        font-size: 0.75em;
    }
    .solutions-bar p.white {
        display: none;
    }
    figure.effect-ruby.bgimage.xxxl {
        min-height: 210px;
    }
    figure.effect-ruby h5 {
        margin-top: 5%;
    }
    figure.effect-ruby p {
        padding: 1em;
    }
    figure.effect-ruby p a {
        font-size: 0.8em;
    }
    .solutions-bar .callout,
    .solutions-bar .callout .text-right {
        text-align: center;
    }

    /*featured-bar*/
    .featured-bar .bgimage.xxl {
        min-height: 280px;
    }

    /*banners-bar*/
    .banners-bar {
        text-align: center;
    }

    /*breadcrumbs-bar*/
    .breadcrumbs-bar .breadcrumbs {
        margin-top: 0;
    }
    .breadcrumbs-bar .breadcrumbs > * {
        font-size: 0.9em;
    }

    /*slider-elements*/
    .slider-elements {
        text-align: center;
    }
    .slider-elements h3 {
        font-size: 1.45rem;
    }
    .slider-elements #bx-pager.float-right {
        float: none !important;
    }

    /*solutions-tabs*/
    #solutions-tabs .tabs-title a {
        background-image: none;
        min-height: auto;
    }

    /*tabs*/
    #tabs-3 .tabs-title a {
        min-height: 100px;
    }

    /*arrows-up*/
    .arrows-up .bx-controls-direction {
        width: 100%;
    }
    .arrows-up .bx-wrapper .bx-controls-direction a {
        margin-top: -56px;
        display: inline-block;
    }
    .arrows-up .bx-wrapper .bx-prev {
        left: 40px;
    }

    /*tabs-title*/
    .tabs-title > a {
        font-size: 1rem;
        line-height: 1;
    }

    /*contact*/
    form.contact {
        margin-bottom: 2em;
    }
    form.contact .text-right {
        margin-bottom: 0;
        text-align: left;
    }

    /*footer*/
    #footer {
        text-align: center;
    }
    #footer .float-left,
    #footer .float-right {
        float: none !important;
        display: block;
    }
    #footer .m-r-25 {
        margin: 0;
    }
    #footer .float-left .inline {
        margin: 1em 0 2em;
        display: block !important;
    }
    #footer .float-left .inline li {
        display: block;
    }
    #footer .text-right {
        text-align: center;
    }
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

/* Medium screens */
@media only screen and (min-width: 40.063em) {
} /* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    /*brand-bar*/
    .brand.m-t-1 {
        margin: 0.5em 0;
    }

    /*solutions-bar*/
    figure.effect-ruby.bgimage.xxxl {
        min-height: 310px;
    }
    figure.effect-ruby p {
        padding: 2em;
    }
    figure.effect-ruby p a {
        font-size: 0.8em;
    }

    /*breadcrumbs-bar*/
    .breadcrumbs-bar .breadcrumbs > * {
        font-size: 0.9em;
    }

    /*arrows-up*/
    .arrows-up .bx-wrapper .bx-controls-direction a {
        margin-top: -56px;
        display: inline-block;
    }

    /*contact*/
    form.contact .text-right {
        margin-bottom: 0;
        text-align: left;
    }
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 64.063em) and (max-width: 84em) {
}

/* Large screens */
@media only screen and (min-width: 64.063em) {
} /* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    /*list-overlay*/
    .list-overlay .column.margin-0 {
        margin-bottom: 0em;
    }
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) {
} /* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
    /*list-overlay*/
    .list-overlay .column.margin-0 {
        margin-bottom: 0em;
    }
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) {
    /*list-overlay*/
    .list-overlay .column.margin-0 {
        margin-bottom: 0em;
    }
} /* min-width 1921px, xxlarge screens */

/* Modificacions SEMIC */

#webform-client-form-13 div.form-item {
    margin: 0;
}

#webform-client-form-13 button,
#webform-client-form-13 > div > div > div.large-8.columns > button {
    display: block;
    width: 100%;
    margin-right: 0;
    margin-left: 0;
    margin-top: 2em;
    border-radius: 0;
    background-color: #ff3333;
    border-color: transparent;
    border-style: none;
    border-width: 0;
    box-shadow: none;
    color: #fff;
    cursor: pointer;
    font-weight: 700 !important;
    text-transform: uppercase;
}

button.custom-solution:focus {
    background-color: #ff3333 !important;
    border: 0px !important;
}
button.custom-solution:hover {
    background-color: #ff3333 !important;
}
button.custom-solution > span {
    font-family: "Work Sans", sans-serif;
    font-size: 16px;
}
button.custom-solution {
    margin-bottom: 0px;
}

#container-main > div.tabs > ul.button-group > li {
    float: left;
}
ul.pagination li.current {
    padding: 0px;
}
ul.pagination li.current a {
    color: white;
}
ul.pagination li.current a:hover {
    color: red;
}
.views-exposed-form .views-exposed-widget {
    float: left;
    padding: 0em 1em 1em 1.5em;
    width: 100%;
}
#edit-submitted-attach-cv-ajax-wrapper > div > div.description {
    display: none;
}
.view-ofertas-trabajo .views-field-title {
    font-size: 22px;
}
#header
    > div.header
    > div
    > div
    > div.logo--main
    > nav
    > div
    > div
    > div
    > section
    > h2 {
    display: none;
}
/*#lang-dropdown-select-language_content {
    border: none !important;
    width: auto !important;
}
#lang-dropdown-select-language_content > option,
#lang-dropdown-select-language_content {
    text-transform: uppercase;
}*/
#webform-client-form-46 > div > div > div > label {
    margin-top: 0.75rem;
}
section.l-messages.row {
    background-color: rgb(240, 59, 71);
    margin: 0rem;
    padding: 15px;
    color: white;
    max-width: 100%;
}
#webcontent > section > div > div > a.close {
    display: none;
}

.views-exposed-widgets.clearfix label {
    font-weight: 600;
}
.views-exposed-widgets.clearfix ul {
    list-style-type: none;
}
.views-exposed-widgets.clearfix ul li {
    cursor: pointer;
    margin-top: 0.5em;
}
.views-exposed-widgets.clearfix ul li:hover {
    text-decoration: underline;
}

ul.list-flex {
    display: inline-block;
}
ul.list-flex li {
    max-width: 15.66%;
    margin: 1em 0.5%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 200ms ease-in-out;
    height: 100px;
}
ul.list-flex li img {
    width: 100%;
}

.view-ofertas-trabajo .views-field > span > a {
    pointer-events: none;
}

.bx-viewport ul li img {
    margin: auto;
}
.bxslider-logos li {
    height: 150px !important;
}
.bxslider-logos li img {
    width: auto;
}

.bxslider-solutions.arrows-up {
    margin-top: 4em;
}
.bxslider-solutions.arrows-up .bx-controls-direction {
    top: -1em;
    right: 2em;
}

.downloads-bar .bgimage {
    height: 200px;
    background-size: contain;
    background-color: #fff;
}
.downloads-bar .column.column-block.relative .row {
    padding: 0.75em;
    margin: 0.75em;
    background: #fff;
    box-shadow: 0px 0px 4px 0px #000;
}
.downloads-bar .fotos-bar .column > div {
    position: relative;
    background: #f1f1f1;
    box-shadow: 0px 0px 4px 0px #000;
    height: 305px;
    text-align: center;
}
.downloads-bar .fotos-bar .column > div div.download-overlay {
    display: none;
    position: absolute;
    padding: 133.265px 0px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}
.downloads-bar .fotos-bar .column > div:hover div.download-overlay {
    display: block;
}
.downloads-bar .fotos-bar .column > div p {
    margin: 0.5em;
}
.downloads-bar .logos-bar .column > div {
    position: relative;
    background: #f1f1f1;
    box-shadow: 0px 0px 4px 0px #000;
    height: 305px;
    text-align: center;
}
.downloads-bar .logos-bar .column > div div.download-overlay {
    display: none;
    position: absolute;
    padding: 133.265px 0px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
}
.downloads-bar .logos-bar .column > div:hover div.download-overlay {
    display: block;
}
.downloads-bar .logos-bar .column > div p {
    margin: 0.5em;
}
.downloads-bar ul.list-downloads {
    display: none;
    z-index: 1;
    position: absolute;
    width: 100%;
    list-style: none;
    background: #ff7273;
    margin: 0;
}
.downloads-bar ul.list-downloads li {
    padding: 0.2em 0px;
    text-align: center;
}
.downloads-bar ul.list-downloads li a {
    color: #efefef;
}
.downloads-bar ul.list-downloads li a:hover {
    color: #fff;
}

/*call button*/
img.call-button {
    width: 20px;
    margin-right: 1em;
}
/*avoid line breaks*/
.nolinebreak {
    white-space: nowrap;
}
/*lang hamb menu*/
ul.langham {
    margin: 0;
    display: block !important;
    position: absolute;
    bottom: 0.5em;
    right: 0;
    left: 0;
    font-size: 1.2em;
}
ul.langham li {
    display: inline-block;
}

/*news exposed filters*/
#node-35 #views-exposed-form-news-list-panel-pane-1 a.active {
    color: #f93334;
}
#node-35 #views-exposed-form-news-list-panel-pane-1 a.active:after {
    content: "" !important;
}
#node-35 #edit-year-wrapper {
    display: none;
}

/*events - portada*/
.events-bar .event-list {
    background: #efefef;
    padding-top: 1em;
    padding-bottom: 1em;
}
.events-bar .event-list-portada .row {
    margin: 0;
    padding-top: 1em;
    padding-bottom: 1em;
    background: #f7f7f7;
    border: 1px #eaeaea solid;
}
.date-calendar {
    width: 42px;
    height: 42px;
    text-align: center;
}
.date-calendar.right {
    float: right;
}
.date-calendar .month {
    font-size: 0.6em;
    background: #f93334;
    color: #fff;
    text-align: center;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    margin-bottom: 0;
}
.date-calendar .day {
    text-align: center;
    background: #fff;
    margin-bottom: 0;
    border: 1px #c3c3c3 solid;
    border-top: 0;
    font-weight: bold;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
.date-calendar.wtext .day {
    text-align: center;
    margin-bottom: 0;
    border: 1px #c3c3c3 solid;
    border-top: 0;
    border-bottom: 0;
    font-weight: bold;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.date-calendar.wtext .text {
    font-size: 0.7em;
    margin-bottom: 0;
    text-align: center;
    background: #eaeaea;
    border: 1px #c3c3c3 solid;
    border-top: 0;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}
ul.ulmenu li {
    display: inline-block;
    padding: 0 2em;
    border-right: 1px #ccc solid;
}
ul.ulmenu li:last-child {
    border-right: 0;
}

.title h1 {
    font-size: 1.1875rem;
    line-height: 1.4;
    margin-top: 0;
    margin-bottom: 0.5rem;
}
@media print, screen and (min-width: 40em) {
    .title h1 {
        font-size: 1.9375rem;
    }
}

.half-news-events {
}
.half-news-events .hne-title {
    border-left: 7px #f93333 solid;
    padding-left: 2em;
    margin-left: 2em;
}
.half-news-events .hne-list {
}
.half-news-events .hne-list .column {
    padding-top: 1em;
}
.half-news-events .hne-list .column .hne-evt-dates {
    position: absolute;
    top: 1em;
    left: 1em;
}
.half-news-events .hne-list .column .hne-evt-dates .date-calendar {
    float: left;
    height: auto;
    box-shadow: 0px 0px 5px 0px #525252;
    border-radius: 3px;
}
.half-news-events .hne-list .column .bgimage {
    background-size: contain !important;
}
.half-news-events .hne-list .column .bgimage.no-contain {
    background-size: cover !important;
}
.half-news-events .hne-list .hne-content {
    padding: 1em;
}
.half-news-events .hne-list .attached-bottom {
    position: absolute;
    bottom: 0;
}
@media print, screen and (min-width: 40em) {
    .half-news-events .hne-list .column .bg-white.relative {
        min-height: 31em;
    }
}
/*feedback*/

#feedback {
    position: fixed;
    top: 90px;
    right: 0;
    z-index: 10000;
}

#feedback a.pull_feedback.hide-for-small-only svg {
    width: 4em;
    height: 4em;
    position: fixed;
    top: 14em;
    right: 0;
    background: none no-repeat center left #ff3333;
    padding: 0.75em;
    border-radius: 5px 0 0 5px;
}

#feedback a.pull_feedback-small svg {
    width: 3em;
    height: 3em;
    position: fixed;
    top: 14em;
    right: 0;
    background: none no-repeat center left #ff3333;
    padding: 0.5em;
    border-radius: 5px 0 0 5px;
}

#feedback a svg * {
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 1;
}

.pulsate {
    -webkit-animation: pulsate 2s ease-out;
    -webkit-animation-iteration-count: infinite;
    opacity: 1;
}
@-webkit-keyframes pulsate {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0.7;
    }
    100% {
        opacity: 1;
    }
}

/*#feedback {position: fixed;top: 90px;right: -500px;z-index: 10000;}
#feedback .content-feedback {position: relative;display: inline-block;}
#feedback .formulari {width: 500px;float: left;background: #fff;padding: 10px 20px;box-shadow: 0px 0px 3px rgba(0,0,0,0.4);border-radius: 5px 0 0 5px;}

body.lang-ca #feedback a.pull_feedback  {left: -108px;}
#feedback a.pull_feedback  {background: none no-repeat center left #ff3333;display: block;float: left;position: absolute;top: 121px;padding:0.5em 0.7em;left: -147px;text-align:center;color:#fff;font-size: 0.95em;border-radius: 5px 5px 0 0;-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);writing-mode: lr-tb;}
#feedback a.pull_feedback:hover {background: none no-repeat center left #f93333;}

#feedback a.pull_feedback-small {background: none no-repeat center left #ff3333;display: block;float: left;position: absolute;top: 0px;padding: 0.4em 0.8em 0.5em;left: -47px;text-align:center;color:#fff;font-size: 1.2em;border-radius: 5px 5px 0 0;-webkit-transform: rotate(270deg);-moz-transform: rotate(270deg);-o-transform: rotate(270deg);writing-mode: lr-tb;}
#feedback a.pull_feedback-small:hover {background: none no-repeat center left ##f93333;}

#feedback .form-item{
    margin-top: 0em;
    margin-bottom: 0.3em;
}
#feedback .form-item input{
    margin-bottom: 0.2em;
}
#feedback .form-textarea-wrapper textarea {
    height:10px;
}
#feedback .form-item .webform-component-textarea {
    margin-bottom: 0em !important;
}
.pulsate {-webkit-animation: pulsate 2s ease-out;-webkit-animation-iteration-count: infinite; opacity: 1;}
@-webkit-keyframes pulsate {
    0% {opacity: 1.0;}
    50% {opacity: 0.7;}
    100% {opacity: 1.0;}
}
@media only screen and (max-width: 600px) {
    #feedback .formulari {width: 100%;}
}*/

@media only screen and (max-width: 40em) {
    .slider-bar.bg-cream.line.text-center {
        margin: 0;
        padding: 1em 0;
    }
    .slider-bar.bg-cream.line.text-center #zoom-slider-wrapper {
        height: 375px;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
    }
    #zoom-slider-container {
        transform: scale(1.2);
    }
    #zoom-slider-container .zoom-slider-icons a.round {
        animation: none !important;
        transform: scale(0.75);
    }

    #zoom-slider > span:after {
        content: "|||";
        position: absolute;
        top: -1px;
        left: 6.5px;
        color: #898989;
        font-size: 12px;
        letter-spacing: 0.8px;
        font-weight: bold;
    }
}
@media only screen and (max-width: 412px) {
    #zoom-slider-container {
        transform: scale(2);
    }
    #zoom-slider-container .zoom-slider-icons a.round {
        animation: none !important;
        transform: scale(0.4);
    }
}
#zoom-slider {
    background: #d8d8d8;
    height: 18px;
    border-radius: 0;
}
#zoom-slider > span {
    outline: 0;
    top: -0.3em;
    background: #c7c7c7;
    border: 1px #9a9a9a solid;
    border-radius: 3px;
    padding: 0.75em;
}
#zoom-slider > span:focus,
#zoom-slider > span:active {
    outline: none;
}

#zoom-slider-left-arrow {
    float: left;
    font-size: 18px;
    margin-left: -1.15em;
    width: 1em;
    height: 18px;
    background: #d8d8d8;
    border: 1px #c5c5c5 solid;
    color: #636363;
    box-sizing: border-box;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
#zoom-slider-left-arrow i {
    border: solid #636363;
    position: absolute;
    top: 7px;
    border-width: 0 1.5px 1.5px 0;
    display: inline-block;
    left: 2px;
    padding: 2px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

#zoom-slider-right-arrow {
    float: right;
    font-size: 18px;
    margin-right: -1.15em;
    width: 1em;
    height: 18px;
    background: #d8d8d8;
    border: 1px #c5c5c5 solid;
    color: #636363;
    box-sizing: border-box;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
#zoom-slider-right-arrow i {
    border: solid #636363;
    position: absolute;
    top: 7px;
    border-width: 0 1.5px 1.5px 0;
    display: inline-block;
    right: 2px;
    padding: 2px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

/* Some fixes */
.news-element h5 a {
    color: #f93333;
}
.newsList .medium-4.columns {
    margin-bottom: 1em;
}
.newsList .newsElement .date,
.newsList .newsElement .category {
    margin: 0.5em;
}

.item-overlay.text-center.ie6fixed {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2em;
}

#change-language {
    padding-left: 0.25em !important;
}

/* Pulsating circle animation */
.zoom-slider-icons .round {
    animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
.zoom-slider-icons .round img {
    position: relative;
}
.zoom-slider-icons .round:after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    border-radius: 50%;
    background-color: #ff3333;
    transform: translate(-50%, -50%) scale(1.5, 1.5);
    z-index: 0;
    opacity: 0.25;
    animation: pulse-ring 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
}
@-webkit-keyframes pulse-ring {
    0% {
        transform: translate(-50%, -50%) scale(1, 1);
        opacity: 0;
    }
    50% {
        transform: translate(-50%, -50%) scale(1.5, 1.5);
        opacity: 0.25;
    }
    100% {
        transform: translate(-50%, -50%) scale(1, 1);
        opacity: 0;
    }
}

@keyframes pulse-dot {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }
}

label.option {
    font-weight: bold;
}

.webform-progressbar {
    display: none;
}

.opacity-darkblack::before {
  background-color: rgba(0,0,0,0.6);
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  z-index: 0;
}
.opacity-darkblack2::before {
  background-color: rgba(0,0,0,0.4);
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  z-index: 0;
}

.imgicon {
  width: auto;
  height: 160px;
  object-fit: contain;
}

.text-8xl {
  font-size: 6rem;
}

/* .custom-webform form .form-item {
  clear: left;
  margin: 0;
  padding: 0 10px;
}

.custom-webform form .form-item:not(.webform-component-textarea) {
  clear: none;
  float: left;
  width: 50%;
}

.custom-webform form .form-item input:not([type="checkbox"]) {
  padding: 8px;
  border-radius: 5px;
}

.custom-webform form input[type="submit"] {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 400;
}

.custom-webform form input[type="submit"]:hover,
.custom-webform form input[type="submit"]:focus {
  background-color: #fff;
  color: #374348 !important;
  border-color: #fff;
}

a[href="#solicitar-informacion"]::after {
  content: none;
  display: none;
} */

.custom-webform form .form-item input:not([type="checkbox"]), .custom-webform form .form-item select, .custom-webform form .form-item textarea {
  padding: 8px !important;
  border-radius: 5px !important;
}

.custom-webform form .form-item input::placeholder, .custom-webform form .form-item textarea::placeholder {
  color: #919191 !important;
}

.custom-webform form .form-type-checkbox .option {
  color: white;
  font-size: 1.4em;
  line-height: 1.4em;
}

.custom-webform form button[type="submit"] {
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-weight: 400;
  transition: all 0.2s ease-in-out;
}

.custom-webform form button[type="submit"]:hover,
.custom-webform form button[type="submit"]:focus {
  background-color: #fff;
  color: #374348 !important;
  border-color: #fff;
}

.custom-webform form .captcha::before {
  clear: both;
  display: table;
  content: '';
}

.g-recaptcha > div {
  margin: auto;
  margin-bottom: 1em;
}

a[href="#solicitar-informacion"]::after {
  content: none;
  display: none;
}

.hidden {
  display: none !important;
}
a svg {
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  fill: #393127;
}
a svg:hover {
  fill: #f33;
}

.grid-logos  {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    text-align: center;
}
.grid-logos img {
    max-height: 70px !important;
}