@charset 'UTF-8';
.wpml-ls-menu-item .wpml-ls-flag{display:inline;vertical-align:baseline}.wpml-ls-menu-item .wpml-ls-flag+span{margin-left:.3em}.rtl .wpml-ls-menu-item .wpml-ls-flag+span{margin-left:0;margin-right:.3em}ul .wpml-ls-menu-item a{display:flex;align-items:center}.quality .row .col img{
width: 100%;
height: auto;
}
.page_header h1 {
max-width: 1024px;
padding-right: 40px;
}
.blog-posts .container .content a,
.blog-posts .container .content a * {
text-decoration: none !important;
}
.blog-posts .container .content a h2 {
line-height: 1.50em  !important;
padding: 12px 0px;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://www.bcnonwovens.com/wp-content/themes/bcnonwovens/bower_components/slick-carousel/slick/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://www.bcnonwovens.com/wp-content/themes/bcnonwovens/bower_components/slick-carousel/slick/fonts/slick.eot);
src: url(https://www.bcnonwovens.com/wp-content/themes/bcnonwovens/bower_components/slick-carousel/slick/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://www.bcnonwovens.com/wp-content/themes/bcnonwovens/bower_components/slick-carousel/slick/fonts/slick.woff) format('woff'), url(https://www.bcnonwovens.com/wp-content/themes/bcnonwovens/bower_components/slick-carousel/slick/fonts/slick.ttf) format('truetype'), url(https://www.bcnonwovens.com/wp-content/themes/bcnonwovens/bower_components/slick-carousel/slick/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 400;
letter-spacing: normal;
line-break: auto;
line-height: 1.428571429;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
font-size: 12px;
opacity: 0;
filter: alpha(opacity=0);
}
.tooltip.in {
opacity: .9;
filter: alpha(opacity=90);
}
.tooltip.top {
margin-top: -3px;
padding: 5px 0;
}
.tooltip.right {
margin-left: 3px;
padding: 0 5px;
}
.tooltip.bottom {
margin-top: 3px;
padding: 5px 0;
}
.tooltip.left {
margin-left: -3px;
padding: 0 5px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
bottom: 0;
right: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-property: height, visibility;
transition-property: height, visibility;
-webkit-transition-duration: 0.35s;
transition-duration: 0.35s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
}
@font-face {
font-family: "RalewayRegular";
src: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/fonts/RalewayRegular.eot);
src: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/fonts/RalewayRegular.eot) format("embedded-opentype"), url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/fonts/RalewayRegular.woff2) format("woff2"), url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/fonts/RalewayRegular.woff) format("woff"), url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/fonts/RalewayRegular.ttf) format("truetype"), url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/fonts/RalewayRegular.svg#RalewayRegular) format("svg");
font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum=1";
-ms-font-feature-settings: "lnum";
-webkit-font-feature-settings: "lnum";
-o-font-feature-settings: "lnum"}
@font-face {
font-family: "RalewayBold";
src: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/fonts/RalewayBold.eot);
src: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/fonts/RalewayBold.eot) format("embedded-opentype"), url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/fonts/RalewayBold.woff2) format("woff2"), url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/fonts/RalewayBold.woff) format("woff"), url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/fonts/RalewayBold.ttf) format("truetype"), url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/fonts/RalewayBold.svg#RalewayBold) format("svg");
font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum=1";
-ms-font-feature-settings: "lnum";
-webkit-font-feature-settings: "lnum";
-o-font-feature-settings: "lnum"}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}header {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100px;
z-index: 220;
background-color: transparent;
-webkit-transition: 0.5s, color 0.2s;
transition: 0.5s, color 0.2s;
-webkit-animation: fadein 0.3s;
animation: fadein 0.3s;
}
header .wpml-ls-legacy-list-horizontal {
display: none;
}
header .container {
height: 100px;
}
header .logo-container {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
position: relative;
float: left;
z-index: 350;
height: 100px;
}
header .logo-container .logo {
float: left;
}
header .logo-container .logo svg {
float: left;
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
header .logoMobile {
display: none;
}
header .nav-container {
position: relative;
display: -webkit-box;
display: flex;
height: 100%}
header .nav-container .logo {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
padding: 0 40px;
}
header .nav-container .container {
width: 100%;
padding: 0;
}
header .nav-container .nav.main-menu {
display: -webkit-box;
display: flex;
justify-content: space-around;
list-style: none;
height: 100%;
-webkit-box-align: center;
align-items: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
header .nav-container .nav.main-menu li {
position: relative;
cursor: pointer;
}
header .nav-container .nav.main-menu li a {
text-decoration: none;
color: #000;
font-size: 14px;
line-height: 24px;
display: inline-block;
}
header .nav-container .nav.main-menu li a.active:before {
opacity: 1;
}
header .nav-container .nav.main-menu li a:before {
content: "";
display: inline-block;
position: absolute;
height: 6px;
width: 6px;
background-color: #000;
border-radius: 50%;
opacity: 1;
bottom: -6px;
left: calc(50% - 3px);
-webkit-transition: 0.3s;
transition: 0.3s;
}
header .nav-container .nav.main-menu li:last-child:before{
content: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/globe-europe-solid-white.svg);
display: inline-block;
color:#fff;
margin-right: 10px;
bottom: -2px;
position: relative;
}
body.white_menu header .nav-container .nav.main-menu li:last-child:before{
content: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/globe-europe-solid.svg);
}
header .nav-container .wpml-ls-legacy-list-horizontal {
padding: 0;
clear: both;
border: none;
width: 100%}
header .nav-container div[class^="menu-menu-principal"]  {
float: right;
width: auto;
margin: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
header .nav-container div[class^="menu-menu-principal"] .main-menu {
float: left;
width: 100%;
margin: 0;
list-style-type: none;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
height: 100px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item {
float: left;
line-height: 28px;
color: inherit;
margin-left: 30px;
}
header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a {
position: relative;
font-size: 14px;
font-weight: 400;
font-family: "RalewayRegular", serif;
line-height: 16px;
color: inherit;
text-decoration: none;
padding: 8px 0;
color: #fff;
text-transform: uppercase;
}
header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a:before {
position: absolute;
bottom: -5px;
left: calc(50% - 3px);
content: "";
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #fff;
opacity: 0;
-webkit-transition: opacity 0.3s ease, background-color 0.3s;
transition: opacity 0.3s ease, background-color 0.3s;
}
header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item:hover>a:before, header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item.current-menu-item>a:before {
opacity: 1;
}
header .nav-button.navigation-hamburger {
position: absolute;
float: right;
display: none;
top: 13px;
right: 25px;
z-index: 300;
line-height: 58px;
margin: 0;
border: none;
background: none;
-webkit-transition: 0.3s;
transition: 0.3s;
-webkit-transform: scale(1);
transform: scale(1);
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
opacity: 1;
}
header .nav-button.navigation-hamburger .container {
display: block;
position: relative;
padding: 15px;
width: 100%;
height: 100%}
header .nav-button.navigation-hamburger .circle {
display: block;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-86%) translateY(-24%);
transform: translateX(-86%) translateY(-24%);
background-color: transparent;
border-radius: 50%;
width: 0;
height: 0;
-webkit-transition: width 0.3s ease-out 0.3s, background-color 0.3s;
transition: width 0.3s ease-out 0.3s, background-color 0.3s;
}
header .nav-button.navigation-hamburger .bar-wrap {
-webkit-filter: blur(0);
-webkit-font-smoothing: subpixel-antialiased;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
transform: translateX(-50%) translateY(-50%) translateZ(0);
-webkit-transition: margin 0.2s ease, opacity 0.3s ease, -webkit-transform 0.2s ease 0.8s;
transition: margin 0.2s ease, opacity 0.3s ease, -webkit-transform 0.2s ease 0.8s;
transition: margin 0.2s ease, transform 0.2s ease 0.8s, opacity 0.3s ease;
transition: margin 0.2s ease, transform 0.2s ease 0.8s, opacity 0.3s ease, -webkit-transform 0.2s ease 0.8s;
overflow: hidden;
width: 20px;
}
header .nav-button.navigation-hamburger .bar-wrap .bar {
height: 2px;
background: #fff;
display: block;
margin: 4px auto;
border-radius: 5px;
}
header .nav-button.navigation-hamburger .cross-wrap {
-webkit-filter: blur(0);
-webkit-font-smoothing: subpixel-antialiased;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%) translateZ(0);
transform: translateX(-50%) translateY(-50%) translateZ(0);
-webkit-transition: margin 0.2s ease, opacity 0.3s ease, -webkit-transform 0.2s ease 1s;
transition: margin 0.2s ease, opacity 0.3s ease, -webkit-transform 0.2s ease 1s;
transition: margin 0.2s ease, transform 0.2s ease 1s, opacity 0.3s ease;
transition: margin 0.2s ease, transform 0.2s ease 1s, opacity 0.3s ease, -webkit-transform 0.2s ease 1s;
width: 24px;
height: 24px;
overflow: hidden;
}
header .nav-button.navigation-hamburger .cross-wrap .cross-line {
height: 100%;
width: 2px;
background: #fff;
position: absolute;
border-radius: 5px;
left: 9px;
}
header .nav-button.navigation-hamburger .cross-wrap .cross-line.cross-line1 {
-webkit-transform: translateY(-30px) translateX(30px) rotate(45deg);
transform: translateY(-30px) translateX(30px) rotate(45deg);
}
header .nav-button.navigation-hamburger .cross-wrap .cross-line.cross-line2 {
-webkit-transform: translateY(-30px) translateX(-30px) rotate(-45deg);
transform: translateY(-30px) translateX(-30px) rotate(-45deg);
}
header .nav-button.navigation-hamburger.-open {
color: #434343;
}
header .nav-button.navigation-hamburger.-open .circle {
-webkit-transition: width 0.3s ease-out 0.1s, height 0.3s ease-out 0.1s;
transition: width 0.3s ease-out 0.1s, height 0.3s ease-out 0.1s;
background: -webkit-gradient(linear, right top, left top, color-stop(0, #c5003e), to(#003594));
background: linear-gradient(270deg, #c5003e 0, #003594 100%);
background-repeat: no-repeat;
background-size: contain;
opacity: 1;
width: 143vh;
height: 180vh;
}
header .nav-button.navigation-hamburger.-open .bar, header .nav-button.navigation-hamburger.-open .cross-line {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
header .nav-button.navigation-hamburger.-open .bar1 {
-webkit-animation-name: jiggleLeft;
animation-name: jiggleLeft;
-webkit-animation-delay: 0.45s;
animation-delay: 0.45s;
}
header .nav-button.navigation-hamburger.-open .bar2 {
-webkit-animation-name: jiggleRight;
animation-name: jiggleRight;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
header .nav-button.navigation-hamburger.-open .bar3 {
-webkit-animation-name: jiggleLeft;
animation-name: jiggleLeft;
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
}
header .nav-button.navigation-hamburger.-open .cross-line1 {
-webkit-animation-name: crossRight;
animation-name: crossRight;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
header .nav-button.navigation-hamburger.-open .cross-line2 {
-webkit-animation-name: crossLeft;
animation-name: crossLeft;
-webkit-animation-delay: 0.65s;
animation-delay: 0.65s;
}
header .nav-button.navigation-hamburger.-close .bar, header .nav-button.navigation-hamburger.-close .cross-line {
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
header .nav-button.navigation-hamburger.-close .bar1 {
-webkit-transform: translateX(-25px);
transform: translateX(-25px);
-webkit-animation-name: jiggleClose;
animation-name: jiggleClose;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
header .nav-button.navigation-hamburger.-close .bar2 {
-webkit-transform: translateX(25px);
transform: translateX(25px);
-webkit-animation-name: jiggleClose;
animation-name: jiggleClose;
-webkit-animation-delay: 0.65s;
animation-delay: 0.65s;
}
header .nav-button.navigation-hamburger.-close .bar3 {
-webkit-transform: translateX(-25px);
transform: translateX(-25px);
-webkit-animation-name: jiggleClose;
animation-name: jiggleClose;
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
header .nav-button.navigation-hamburger.-close .cross-line1 {
-webkit-transform: translateY(0) translateX(0) rotate(-45deg);
transform: translateY(0) translateX(0) rotate(-45deg);
-webkit-animation-name: crossLeftClose;
animation-name: crossLeftClose;
-webkit-animation-delay: 0.15s;
animation-delay: 0.15s;
}
header .nav-button.navigation-hamburger.-close .cross-line2 {
-webkit-transform: translateY(0) translateX(0) rotate(45deg);
transform: translateY(0) translateX(0) rotate(45deg);
-webkit-animation-name: crossRightClose;
animation-name: crossRightClose;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.open-menu header .logo-container .logo svg {
fill: #fff;
}
.sticky_header header {
background-color: #fff;
height: 75px;
box-shadow: 0 0 15px 0 rgba(0, 0, 0, .18);
}
.sticky_header header .logo-container {
height: 75px;
}
.sticky_header header .logo-container .logo svg #Group-Copy-3 {
fill: #c5003e;
-webkit-transform: translate(0, 12px);
transform: translate(0, 12px);
}
.sticky_header header .logo-container .logo svg #XMLID_449_ {
fill: #003594;
display: none;
}
.sticky_header header .container {
height: 75px;
}
.sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu {
height: 75px;
}
.sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a {
color: #003594;
}
.sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a:before {
background-color: #003594;
}
@media (min-width:1025px) {
header .nav-button.navigation-hamburger {
display: none;
}
.-global-overlay .navigation-hamburger {
-webkit-transform: scale(1) translateY(-10rem);
transform: scale(1) translateY(-10rem);
}
.navigation-hamburger {
margin: 20px;
}
header:hover .nav-button.navigation-hamburger .bar-wrap .bar {
background: #fff;
}
.social-container {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
padding-left: 30px;
}
.social-container .facebook {
margin-right: 14px;
}
.social-container .facebook svg g {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.social-container .facebook svg g g {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.social-container .instagram svg g {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.social-container .instagram svg g g g {
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.social-container .facebook:hover svg g {
fill: #000;
}
.social-container .facebook:hover svg g g {
fill: #fff;
}
.social-container .instagram:hover svg g {
fill: #000;
}
.social-container .instagram:hover svg g g g {
fill: #fff;
}
}@media (max-width:1024px) {
.sub-menu {
display: none!important;
}
header {
color: #fff;
padding: 12px 0;
height: 55px;
}
header>.container {
height: 31px;
}
header>.container .logoMobile {
display: table;
height: 31px;
padding: 0 40px;
margin: 0 auto;
}
header>.container .logoMobile svg {
width: 77px;
height: 31px;
}
header .logo-container {
height: 75px;
}
header .logo-container .logo svg #Group-Copy-3 {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
header .site-navigation {
display: block;
z-index: 300;
position: fixed;
top: 20vh;
right: 0;
left: 0;
bottom: 0;
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s;
}
header .site-navigation .logo {
display: none;
height: 31px;
padding: 0 40px;
}
header .site-navigation .logo svg {
width: 77px;
}
header .nav-button.navigation-hamburger {
display: block;
}
header .nav-container {
display: block;
z-index: 300;
position: fixed;
top: 20vh;
right: 0;
left: 0;
bottom: 0;
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
-webkit-transition: opacity 0.1s;
transition: opacity 0.1s;
}
header .nav-container ul {
list-style: none;
margin: 0;
padding: 0;
text-align: center;
display: block;
}
header .nav-container div[class^="menu-menu-principal"]  {
display: block;
float: left;
width: 100%}
header .nav-container div[class^="menu-menu-principal"]  ul.main-menu {
width: 100%;
display: table-cell;
vertical-align: middle;
}
header .nav-container div[class^="menu-menu-principal"]  ul.main-menu li.menu-item {
width: 100%;
margin: 0;
}
header .nav-container div[class^="menu-menu-principal"]  ul.main-menu li.menu-item a {
font-family: "RalewayRegular", serif;
font-size: 22px;
line-height: 40px;
color: #fff;
text-transform: none;
}
.open-menu header {
padding: 30px 0;
}
.open-menu header .site-navigation {
height: 60vh;
opacity: 1;
-webkit-transition: opacity 0.3s ease-out 0.4s;
transition: opacity 0.3s ease-out 0.4s;
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.open-menu header .nav-container {
height: 60vh;
opacity: 1;
-webkit-transition: opacity 0.3s ease-out 0.4s;
transition: opacity 0.3s ease-out 0.4s;
display: initial;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.open-menu header .site-navigation {
opacity: 1;
}
.open-menu .sticky_header header {
padding: 30px 0;
}
.open-menu .sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu {
height: 50px;
}
.open-menu .sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a {
color: #fff;
}
.open-menu .sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a:before {
background-color: #fff;
}
.open-menu.sticky_header header {
background-color: #fff;
height: 50px;
}
.open-menu.sticky_header header .logo-container .logo svg {
position: relative;
top: auto;
height: 100%}
.open-menu.sticky_header header .logo-container .logo svg #Group-Copy-3 {
fill: #fff;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.open-menu.sticky_header header .logo-container .logo svg #XMLID_449_ {
fill: #fff;
display: block;
}
.sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a {
color: #fff;
}
.sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a:before {
background-color: #fff;
}
}@media (min-width:769px) and (max-width:1024px) {
header {
height: 70px;
padding: 10px 0;
}
header .container {
height: 50px;
}
header .container .logo-container {
height: 50px;
width: 152px;
}
header .container .logo-container .logo {
height: 100%;
width: 100%}
header .container .logo-container .logo svg {
height: 100%;
width: 100%}
header .nav-container div[class^="menu-menu-principal"] .main-menu {
height: 70px;
}
header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a {
color: #fff;
}
header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a:before {
background-color: #fff;
bottom: 1px;
}
header .nav-button.navigation-hamburger {
top: 20px;
}
.sticky_header header {
background-color: #fff;
height: 70px;
}
.sticky_header header .logo-container {
height: 50px;
}
.sticky_header header .logo-container .logo svg {
position: relative;
top: 0;
height: 50px;
}
.sticky_header header .logo-container .logo svg #Group-Copy-3 {
fill: #c5003e;
}
.sticky_header header .logo-container .logo svg #XMLID_449_ {
fill: #003594;
display: none;
}
.sticky_header header .nav-button.navigation-hamburger .container .bar-wrap .bar {
background: #c5003e;
}
.sticky_header header .container {
height: 50px;
}
.sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu {
height: 50px;
}
.sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a {
color: #fff;
}
.sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a:before {
background-color: #fff;
}
}@media (min-width:601px) and (max-width:768px) {
header {
height: 70px;
padding: 10px 0;
}
header .container {
height: 50px;
}
header .container .logo-container {
height: 50px;
width: 152px;
}
header .container .logo-container .logo {
height: 100%;
width: 100%}
header .container .logo-container .logo svg {
height: 100%;
width: 100%}
header .nav-container div[class^="menu-menu-principal"] .main-menu {
height: 70px;
}
header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a {
color: #fff;
}
header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a:before {
background-color: #fff;
bottom: 1px;
}
header .nav-button.navigation-hamburger {
top: 20px;
}
.sticky_header header {
background-color: #fff;
height: 70px;
}
.sticky_header header .logo-container {
height: 50px;
}
.sticky_header header .logo-container .logo svg {
position: relative;
top: 0;
height: 50px;
}
.sticky_header header .logo-container .logo svg #Group-Copy-3 {
fill: #c5003e;
}
.sticky_header header .logo-container .logo svg #XMLID_449_ {
fill: #003594;
display: none;
}
.sticky_header header .nav-button.navigation-hamburger .container .bar-wrap .bar {
background: #c5003e;
}
.sticky_header header .container {
height: 50px;
}
.sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu {
height: 50px;
}
.sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a {
color: #fff;
}
.sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a:before {
background-color: #fff;
}
}@media (max-width:600px) {
header {
height: 50px;
padding: 10px 0;
}
header .container {
height: 30px;
}
header .container .logo-container {
height: 30px;
width: 91px;
}
header .container .logo-container .logo {
height: 100%;
width: 100%}
header .container .logo-container .logo svg {
height: 100%;
width: 100%}
header .container .logo-container .logo svg #Group-Copy-3 {
-webkit-transform: translate(0);
transform: translate(0);
}
header .container .logo-container .logo svg #XMLID_449_ {
display: block;
}
header .container .logo-container .logo svg {
position: relative;
top: 0;
height: 30px;
}
header .container .logo-container .logo svg #Group-Copy-3 {
fill: #fff;
-webkit-transform: translate(0);
transform: translate(0);
}
header .container .logo-container .logo svg #XMLID_449_ {
fill: #fff;
display: block;
}
header .nav-container div[class^="menu-menu-principal"] .main-menu {
height: 50px;
}
header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a {
color: #fff;
}
header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a:before {
background-color: #fff;
bottom: 1px;
}
header .nav-button.navigation-hamburger {
top: 10px;
}
.sticky_header header {
background-color: #fff;
height: 50px;
}
.sticky_header header .logo-container {
height: 55px;
}
.sticky_header header .logo-container .logo svg {
position: relative;
top: 0;
height: 30px;
}
.sticky_header header .logo-container .logo svg #Group-Copy-3 {
fill: #c5003e;
-webkit-transform: translate(0, 12px);
transform: translate(0, 12px);
}
.sticky_header header .logo-container .logo svg #XMLID_449_ {
fill: #003594;
display: none;
}
.sticky_header header .nav-button.navigation-hamburger .container .bar-wrap .bar {
background: #c5003e;
}
.sticky_header header .container {
height: 50px;
}
.sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu {
height: 50px;
}
.sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a {
color: #fff;
}
.sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a:before {
background-color: #fff;
}
.open-menu header {
padding: 10px 0;
}
.open-menu .sticky_header header {
padding: 30px 0;
}
.open-menu .sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu {
height: 50px;
}
.open-menu .sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a {
color: #fff;
}
.open-menu .sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a:before {
background-color: #fff;
}
.open-menu.sticky_header header {
background-color: #fff;
height: 50px;
}
.open-menu.sticky_header header .logo-container .logo svg {
position: relative;
top: 0;
height: 30px;
}
.open-menu.sticky_header header .logo-container .logo svg #Group-Copy-3 {
fill: #fff;
-webkit-transform: translate(0);
transform: translate(0);
}
.open-menu.sticky_header header .logo-container .logo svg #XMLID_449_ {
fill: #fff;
display: block;
}
.sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a {
color: #fff;
}
.sticky_header header .nav-container div[class^="menu-menu-principal"] .main-menu .menu-item a:before {
background-color: #fff;
}
}.animate_start {
-webkit-animation-duration: 0.7s;
animation-duration: 0.7s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-transition-timing-function: cubic-bezier(.78, .13, .15, .86);
transition-timing-function: cubic-bezier(.78, .13, .15, .86);
}
@keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}@-webkit-keyframes fade {
from {
opacity: 0;
}
to {
opacity: 1;
}
}@keyframes afc {
from {
opacity: 0;
-webkit-transform: scale(.2);
transform: scale(.2);
}
to {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
}@-webkit-keyframes afc {
from {
opacity: 0;
-webkit-transform: scale(.2);
}
to {
opacity: 1;
-webkit-transform: scale(1);
}
}.animate_afc {
opacity: 0;
}
.animate_afc.animate_start {
-webkit-animation-name: afc;
animation-name: afc;
opacity: 1;
}
@keyframes afl {
from {
opacity: 0;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}@-webkit-keyframes afl {
from {
opacity: 0;
-webkit-transform: translateX(-50px);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
}
}.animate_afl {
opacity: 0;
}
.animate_afl.animate_start {
-webkit-animation-name: afl;
animation-name: afl;
opacity: 1;
}
@keyframes afr {
from {
opacity: 0;
-webkit-transform: translateX(50px);
transform: translateX(50px);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
}@-webkit-keyframes afr {
from {
opacity: 0;
-webkit-transform: translateX(50px);
}
to {
opacity: 1;
-webkit-transform: translateX(0);
}
}.animate_afr {
opacity: 0;
}
.animate_afr.animate_start {
-webkit-animation-name: afr;
animation-name: afr;
opacity: 1;
}
@keyframes aft {
from {
opacity: 0;
-webkit-transform: translateY(-150px);
transform: translateY(-150px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}@-webkit-keyframes aft {
from {
opacity: 0;
-webkit-transform: translateY(-150px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
}
}.animate_aft {
opacity: 0;
}
.animate_aft.animate_start {
-webkit-animation-name: aft;
animation-name: aft;
opacity: 1;
}
@keyframes afb {
from {
opacity: 0;
-webkit-transform: translateY(50px);
transform: translateY(50px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
}@-webkit-keyframes afb {
from {
opacity: 0;
-webkit-transform: translateY(50px);
}
to {
opacity: 1;
-webkit-transform: translateY(0);
}
}.animate_afb {
opacity: 0;
}
.animate_afb.animate_start {
-webkit-animation-name: afb;
animation-name: afb;
opacity: 1;
}
@keyframes wfc {
from {
opacity: 0;
-webkit-transform: scaleX(.01);
transform: scaleX(.01);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
}
}@-webkit-keyframes wfc {
from {
opacity: 0;
-webkit-transform: scaleX(.01);
}
to {
opacity: 1;
-webkit-transform: scaleX(1);
}
}.animate_wfc {
opacity: 0;
}
.animate_wfc.animate_start {
-webkit-animation-name: wfc;
animation-name: wfc;
opacity: 1;
}
@keyframes hfc {
from {
opacity: 0;
-webkit-transform: scaleY(.01);
transform: scaleY(.01);
}
to {
opacity: 1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
}@-webkit-keyframes hfc {
from {
opacity: 0;
-webkit-transform: scaleY(.01);
}
to {
opacity: 1;
-webkit-transform: scaleY(1);
}
}.animate_hfc {
opacity: 0;
}
.animate_hfc.animate_start {
-webkit-animation-name: hfc;
animation-name: hfc;
opacity: 1;
}
.d1.animate_start {
-webkit-animation-delay: 0.1s;
animation-delay: 0.1s;
}
.d2.animate_start {
-webkit-animation-delay: 0.2s;
animation-delay: 0.2s;
}
.d3.animate_start {
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
}
.d4.animate_start {
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.d5.animate_start {
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.d6.animate_start {
-webkit-animation-delay: 0.6s;
animation-delay: 0.6s;
}
.d7.animate_start {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.d8.animate_start {
-webkit-animation-delay: 0.8s;
animation-delay: 0.8s;
}
.d9.animate_start {
-webkit-animation-delay: 0.9s;
animation-delay: 0.9s;
}
.d10.animate_start {
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.d11.animate_start {
-webkit-animation-delay: 1.1s;
animation-delay: 1.1s;
}
.d12.animate_start {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.d13.animate_start {
-webkit-animation-delay: 1.3s;
animation-delay: 1.3s;
}
.d14.animate_start {
-webkit-animation-delay: 1.4s;
animation-delay: 1.4s;
}
.d15.animate_start {
-webkit-animation-delay: 1.5s;
animation-delay: 1.5s;
}
.s1.animate_start {
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
}
.s2.animate_start {
-webkit-animation-duration: 0.8s;
animation-duration: 0.8s;
}
.s3.animate_start {
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.s4.animate_start {
-webkit-animation-duration: 1.2s;
animation-duration: 1.2s;
}
.s5.animate_start {
-webkit-animation-duration: 1.4s;
animation-duration: 1.4s;
}
.animate_revealgrid .animate_reveal {
opacity: 0;
}
.disable_effects .animate_afc, .disable_effects .animate_aft, .disable_effects .animate_afb, .disable_effects .animate_afl, .disable_effects .animate_afr, .disable_effects .animate_wfc, .disable_effects .animate_hfc, .disable_effects .animate_rfl, .disable_effects .animate_rfr, .disable_effects .animate_rfc, .disable_effects .animate_revealgrid .animate_reveal, .vc_editor.compose-mode .animate_afc, .vc_editor.compose-mode .animate_aft, .vc_editor.compose-mode .animate_afb, .vc_editor.compose-mode .animate_afl, .vc_editor.compose-mode .animate_afr, .vc_editor.compose-mode .animate_wfc, .vc_editor.compose-mode .animate_hfc, .vc_editor.compose-mode .animate_rfl, .vc_editor.compose-mode .animate_rfr, .vc_editor.compose-mode .animate_rfc, .vc_editor.compose-mode .animate_revealgrid .animate_reveal {
opacity: 1;
-webkit-animation: none!important;
animation: none!important;
}
.mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg {
opacity: 0;
-webkit-backface-visibility: hidden;
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.mfp-with-zoom.mfp-ready .mfp-container {
opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
opacity: .8;
}
.mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg {
opacity: 0;
}
.mfp-fade.mfp-bg {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-bg.mfp-ready {
opacity: .8;
}
.mfp-fade.mfp-bg.mfp-removing {
opacity: 0;
}
.mfp-fade.mfp-wrap .mfp-content {
opacity: 0;
-webkit-transition: all 0.15s ease-out;
transition: all 0.15s ease-out;
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
opacity: 1;
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
opacity: 0;
}
@keyframes clip_ellipse {
from {
-webkit-clip-path: ellipse(0% 0% at 50% 50%);
clip-path: ellipse(0% 0% at 50% 50%);
}
to {
-webkit-clip-path: ellipse(70% 60% at 50% 50%);
clip-path: ellipse(70% 60% at 50% 50%);
}
}@-webkit-keyframes clip_ellipse {
from {
-webkit-clip-path: ellipse(0% 0% at 50% 50%);
clip-path: ellipse(0% 0% at 50% 50%);
}
to {
-webkit-clip-path: ellipse(70% 60% at 50% 50%);
clip-path: ellipse(70% 60% at 50% 50%);
}
}.animate_clip_ellipse {
-webkit-clip-path: ellipse(0% 0% at 50% 50%);
clip-path: ellipse(0% 0% at 50% 50%);
}
.animate_clip_ellipse.animate_start {
-webkit-animation-name: clip_ellipse;
animation-name: clip_ellipse;
-webkit-clip-path: ellipse(70% 60% at 50% 50%);
clip-path: ellipse(70% 60% at 50% 50%);
}
@-webkit-keyframes jiggleLeft {
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(-25px);
transform: translateX(-25px);
}
}@keyframes jiggleLeft {
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(-25px);
transform: translateX(-25px);
}
}@-webkit-keyframes jiggleRight {
50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(25px);
transform: translateX(25px);
}
}@keyframes jiggleRight {
50% {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
100% {
-webkit-transform: translateX(25px);
transform: translateX(25px);
}
}@-webkit-keyframes jiggleClose {
0% {
-webkit-transform: translateX(-25px);
transform: translateX(-25px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}@keyframes jiggleClose {
0% {
-webkit-transform: translateX(-25px);
transform: translateX(-25px);
}
50% {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}@-webkit-keyframes crossLeft {
100% {
-webkit-transform: translateY(0) translateX(0) rotate(-45deg);
transform: translateY(0) translateX(0) rotate(-45deg);
}
}@keyframes crossLeft {
100% {
-webkit-transform: translateY(0) translateX(0) rotate(-45deg);
transform: translateY(0) translateX(0) rotate(-45deg);
}
}@-webkit-keyframes crossLeftClose {
100% {
-webkit-transform: translateY(30px) translateX(30px) rotate(-45deg);
transform: translateY(30px) translateX(30px) rotate(-45deg);
}
}@keyframes crossLeftClose {
100% {
-webkit-transform: translateY(30px) translateX(30px) rotate(-45deg);
transform: translateY(30px) translateX(30px) rotate(-45deg);
}
}@-webkit-keyframes crossRight {
100% {
-webkit-transform: translateY(0) translateX(0) rotate(45deg);
transform: translateY(0) translateX(0) rotate(45deg);
}
}@keyframes crossRight {
100% {
-webkit-transform: translateY(0) translateX(0) rotate(45deg);
transform: translateY(0) translateX(0) rotate(45deg);
}
}@-webkit-keyframes crossRightClose {
100% {
-webkit-transform: translateY(30px) translateX(-30px) rotate(45deg);
transform: translateY(30px) translateX(-30px) rotate(45deg);
}
}@keyframes crossRightClose {
100% {
-webkit-transform: translateY(30px) translateX(-30px) rotate(45deg);
transform: translateY(30px) translateX(-30px) rotate(45deg);
}
}.sf-input-checkbox+.checkbox-wrap .checkbox {
float: left;
margin-right: 10px;
height: 20px;
position: absolute;
display: inline-block;
vertical-align: middle;
width: 15px;
height: 15px;
border-radius: 3px;
overflow: hidden;
background-color: #bbb;
left: -15px;
top: 3px;
}
.sf-input-checkbox+.checkbox-wrap .checkbox svg {
width: 15px;
height: 15px;
position: absolute;
left: 0;
top: 0;
z-index: 2;
}
.sf-input-checkbox+.checkbox-wrap .checkbox svg path {
fill: none;
stroke: #434343;
stroke-width: 1.1;
stroke-linecap: round;
stroke-dasharray: 50;
stroke-dashoffset: 0;
-webkit-transition: all 200ms cubic-bezier(.6, .04, .98, .335);
transition: all 200ms cubic-bezier(.6, .04, .98, .335);
vector-effect: non-scaling-stroke;
}
.sf-input-checkbox+.checkbox-wrap .checkbox svg polyline {
fill: none;
stroke: #fff;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
stroke-dasharray: 100;
stroke-dashoffset: 101;
-webkit-transition: all 300ms cubic-bezier(.5, -.5, .5, 1.5);
transition: all 300ms cubic-bezier(.5, -.5, .5, 1.5);
vector-effect: non-scaling-stroke;
}
.sf-input-checkbox+.checkbox-wrap .checkbox:after {
content: " ";
display: block;
width: 15px;
height: 15px;
position: absolute;
left: 0;
top: 0;
z-index: 1;
border-radius: 50%;
background-color: #c5003e;
-webkit-transform: scale3d(0, 0, 1);
transform: scale3d(0, 0, 1);
-webkit-transition: all 200ms cubic-bezier(.215, .61, .355, 1);
transition: all 200ms cubic-bezier(.215, .61, .355, 1);
-webkit-transition-delay: 200ms;
transition-delay: 200ms;
}
.sf-input-checkbox:checked+.checkbox-wrap .checkbox:after {
z-index: 1;
border-radius: 3px;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
-webkit-transition: all 200ms cubic-bezier(.6, .04, .98, .335);
transition: all 200ms cubic-bezier(.6, .04, .98, .335);
-webkit-transition-delay: 0;
transition-delay: 0;
}
.sf-input-checkbox:checked+.checkbox-wrap .checkbox svg polyline {
stroke-dashoffset: 89.5;
-webkit-transition-delay: 100ms;
transition-delay: 100ms;
}
* {
box-sizing: border-box;
}
*:before, *:after {
box-sizing: border-box;
}
body {
position: relative;
float: left;
width: 100%}
p, li, body {
font-feature-settings: "lnum";
-moz-font-feature-settings: "lnum=1";
-ms-font-feature-settings: "lnum";
-webkit-font-feature-settings: "lnum";
-o-font-feature-settings: "lnum";
font-family: "RalewayRegular", serif;
font-size: 16px;
line-height: 24px;
font-weight: 100;
margin: 0;
padding: 0;
color: #000;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
background-attachment: fixed;
-webkit-animation: fadein 1s;
animation: fadein 1s;
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}@-webkit-keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}[data-aos="fade-up"] {
-webkit-transform: none!important;
transform: none!important;
}
[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
-webkit-transition-duration: 0.9s!important;
transition-duration: 0.9s!important;
}
textarea, input.text, input[type="text"], input[type="email"], input[type="button"], input[type="submit"], .input-checkbox {
-webkit-appearance: none;
border-radius: 0;
}
input[type="button"] {
font-family: "RalewayRegular", serif;
line-height: 140%;
font-weight: 400;
cursor: pointer;
}
p {
font-size: 16px;
line-height: 28px;
color: #434343;
}
.button {
height: 45px;
border-radius: 23px;
color: #003594;
border: 1px solid #003594;
box-shadow: 5px 10px 16px 0 rgba(81, 81, 81, .21);
font-size: 16px;
font-family: "RalewayBold", serif;
line-height: 19px;
padding: 13px 48px;
display: inline-block;
text-decoration: none;
background-color: transparent;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.button:hover {
background: linear-gradient(319.46deg, #c5003e 0%, #003594 100%);
border: none;
color: #fff;
}
h1 {
font-family: "RalewayBold", serif;
font-size: 40px;
line-height: 55px;
margin: 0 0 30px 0;
font-weight: 500;
}
h2 {
font-family: "RalewayBold", serif;
font-size: 30px;
line-height: 37px;
margin: 0 0 30px 0;
font-weight: 500;
}
h3 {
font-family: "RalewayBold", serif;
font-size: 24px;
line-height: 33px;
margin: 0 0 17px 0;
font-weight: 500;
}
h4 {
font-family: "RalewayBold", serif;
font-size: 22px;
line-height: 28px;
font-weight: 500;
}
body.page-template-legal h2,
body.page-template-legal h3{
margin-bottom: 10px;
margin-top: 20px;
font-size: 22px;
color: #434343;
}
body.page-template-legal h3{
font-size: 18px;
}
body.page-template-legal p b,
body.page-template-legal p strong{
font-weight: bold;
font-family: "RalewayBold", serif;
}
body.page-template-legal section ul li,
body.page-template-legal section ol li{
color: #434343;
}
::-moz-selection {
background-color: #000;
color: #fff;
}
::selection {
background-color: #000;
color: #fff;
}
.row {
float: left;
width: 100%;
clear: both;
}
.center {
text-align: center;
}
*:focus {
outline: none;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
mark, .highlight {
background-color: #c5003e;
color: #fff;
}
.error404 .page_header {
height: 200px;
background-image: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/header.jpg);
}
.error404 .main-404:after {
background: none;
}
.error404 .main-404 .row {
margin-top: 150px;
}
.error404 .main-404 .row .col:nth-of-type(1) {
width: 50%;
float: left;
}
.error404 .main-404 .row .col:nth-of-type(1) h1 {
color: #c5003e;
}
.error404 .main-404 .row .col:nth-of-type(1) p {
margin-bottom: 15px;
}
.error404 .main-404 .row .col:nth-of-type(2) {
height: 350px;
width: 50%;
background-image: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/NorteEurocao-0002.jpg);
float: left;
background-size: contain;
background-repeat: no-repeat;
}
footer {
position: relative;
float: left;
width: 100%;
padding: 50px 0;
z-index: 110;
background-color: #f0f3f9;
}
footer .container {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
justify-content: space-between;
}
footer .col {
float: left;
}
footer .col:nth-of-type(1) .datos {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center;
width: 100%
}
footer .col:nth-of-type(1) .datos ul{
list-style: none;
margin:0px;
padding:0px;
}
footer .col:nth-of-type(1) .datos ul li{
display: inline-block;
}
footer .col:nth-of-type(1) .datos a, footer .col:nth-of-type(1) .datos p {
margin-right: 20px;
color: #003594;
text-decoration: none;
}
footer .col:nth-of-type(1) .datos a {
position: relative;
-webkit-transition: 0.3s;
transition: 0.3s;
}
footer .col:nth-of-type(1) .datos a:before {
content: "";
top: 8px;
height: 3px;
width: 3px;
border-radius: 50%;
background-color: #003594;
position: absolute;
left: -10px;
}
footer .col:nth-of-type(1) .datos a:hover {
opacity: .5;
}
footer .col:nth-of-type(1) .datos a:hover:before {
opacity: 1;
}
footer .col:nth-of-type(2) {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
align-items: center;
}
footer .col:nth-of-type(2) .mail a {
text-decoration: none;
color: #003594;
-webkit-transition: 0.3s;
transition: 0.3s;
}
footer .col:nth-of-type(2) .mail:hover a {
opacity: .5;
}
footer .col:nth-of-type(2) .phone {
margin: 0 0 0 30px;
position: relative;
}
footer .col:nth-of-type(2) .phone p {
color: #003594;
}
footer .col:nth-of-type(2) .phone:before {
content: "";
top: 8px;
height: 3px;
width: 3px;
border-radius: 50%;
background-color: #003594;
position: absolute;
left: -15px;
}
footer .col:nth-of-type(2) .phone a {
-webkit-transition: 0.3s;
transition: 0.3s;
}
footer .col:nth-of-type(2) .phone:hover a {
opacity: .5;
}
footer .col:nth-of-type(2) .linkedin {
margin: 0 0 0 30px;
position: relative;
}
footer .col:nth-of-type(2) .linkedin:before {
content: "";
top: 18px;
height: 3px;
width: 3px;
border-radius: 50%;
background-color: #003594;
position: absolute;
left: -15px;
}
footer .col:nth-of-type(2) .linkedin a {
-webkit-transition: 0.3s;
transition: 0.3s;
}
footer .col:nth-of-type(2) .linkedin:hover a {
opacity: .5;
}
footer p, footer a, footer li {
font-size: 16px;
color: #b0b2b2;
line-height: 22px;
font-weight: 400;
}
.slick-slider {
margin-bottom: 0;
display: table;
table-layout: fixed;
width: 100%;
z-index: 1;
}
.slick-slider .slick-prev, .slick-slider .slick-next {
width: 50px;
height: 50px;
z-index: 200;
}
.slick-slider .slick-prev:before, .slick-slider .slick-next:before {
position: absolute;
top: 0;
left: 0;
content: "";
width: 50px;
height: 50px;
opacity: 0;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.slick-slider .slick-prev:after, .slick-slider .slick-next:after {
position: absolute;
top: 0;
left: 0;
content: "";
font-family: inherit;
font-size: 50px;
line-height: 50px;
height: 50px;
width: 50px;
color: #fff;
opacity: 1;
background-repeat: no-repeat;
background-position: 50%}
.slick-slider .slick-prev:hover:before, .slick-slider .slick-next:hover:before {
opacity: .6;
}
.slick-slider .slick-prev {
left: -40px;
}
.slick-slider .slick-prev:after {
background-image: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/arrow-left.svg);
}
.slick-slider .slick-next {
right: 40%}
.slick-slider .slick-next:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
background-image: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/arrow-left.svg);
}
.slick-slider .slick-dots {
bottom: 80px;
margin: 0;
}
.slick-slider .slick-dots li {
height: 10px;
width: 10px;
}
.slick-slider .slick-dots li button {
height: 10px;
width: 10px;
background: none;
}
.slick-slider .slick-dots li button:before {
content: "";
height: 10px;
width: 10px;
border-radius: 50%;
background-color: #fff;
}
.slick-slider .slick-dots li button.slick-active button:before {
background-color: #fff;
}
section {
padding: 50px 0;
float: left;
width: 100%;
background-color: #fff;
}
.page_header {
height: 300px;
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
padding: 0;
position: relative;
}
.page_header h1 {
color: #fff;
position: absolute;
bottom: 40px;
margin: 0;
}
.page_header:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: -webkit-gradient(linear, right top, left top, from(#c5003e), to(#003594));
background: linear-gradient(270deg, #c5003e 0%, #003594 100%);
opacity: .5;
}
.contactForm {
padding: 90px 0 16px;
z-index: 5;
float: left;
background: -webkit-gradient(linear, right top, left top, from(#c5003e), to(#003594));
background: linear-gradient(270deg, #c5003e 0%, #003594 100%);
color: #fff;
position: relative;
}
.contactForm p {
color: #fff;
}
.contactForm .nf-response-msg {
display: block;
position: absolute;
bottom: 0;
}
.contactForm .files_uploaded {
position: absolute;
top: 80px;
}
.contactForm .row {
clear: none;
}
.contactForm .row:nth-of-type(1) {
float: left;
width: 30%}
.contactForm .row:nth-of-type(1) .titulo {
float: left;
position: relative;
width: 100%;
margin-bottom: 50px;
}
.contactForm .row:nth-of-type(1) .titulo h2, .contactForm .row:nth-of-type(1) .titulo p {
color: #fff;
}
.contactForm .row:nth-of-type(2) {
display: -webkit-box;
display: flex;
float: left;
width: 55%;
margin-left: 15%;
-webkit-box-pack: justify;
justify-content: space-between;
}
.contactForm .row:nth-of-type(2) .form {
width: 100%}
.contactForm .row:nth-of-type(2) .form nf-errors, .contactForm .row:nth-of-type(2) .form .nf-error-msg {
display: none;
}
.contactForm .row:nth-of-type(2) .form .nf-form-fields-required {
display: none;
}
.contactForm .row:nth-of-type(2) .form .ninja-forms-req-symbol {
display: none;
}
.contactForm .row:nth-of-type(2) .form .nf-field-container {
margin-bottom: 40px;
}
.contactForm .row:nth-of-type(2) .form .nf-field-element {
z-index: 1;
}
.contactForm .row:nth-of-type(2) .form nf-field {
width: 48%;
float: left;
min-height: 110px;
}
.contactForm .row:nth-of-type(2) * a{
color: #fff;
}
.contactForm .row:nth-of-type(2) .form nf-field:nth-of-type(1) {
margin-right: 4%}
.contactForm .row:nth-of-type(2) .form nf-field:nth-of-type(3) {
margin-right: 4%}
.contactForm .row:nth-of-type(2) .form nf-field:nth-of-type(5),
.contactForm .row:nth-of-type(2) .form nf-field:nth-of-type(6),
.contactForm .row:nth-of-type(2) .form nf-field:nth-of-type(7),
.contactForm .row:nth-of-type(2) .form nf-field:nth-of-type(8),
.contactForm .row:nth-of-type(2) .form nf-field:nth-of-type(9) {
width: 100%;
}
.contactForm .row:nth-of-type(2) .form nf-field:nth-of-type(6),
.contactForm .row:nth-of-type(2) .form nf-field:nth-of-type(7){
min-height: inherit;
}
.contactForm .row:nth-of-type(2) .form nf-field:nth-of-type(6) > div,
.contactForm .row:nth-of-type(2) .form nf-field:nth-of-type(7) > div,
.contactForm .row:nth-of-type(2) .form nf-field:nth-of-type(8) > div{
margin-bottom: 0px;
}
.contactForm .row:nth-of-type(2) .form .checkbox-container .nf-field-label label.nf-checked-label>.check {
border: 2px solid white !important;
}
.contactForm .row:nth-of-type(2) .form .checkbox-container .nf-field-label label{
letter-spacing: 1px !important;
}
.contactForm .row:nth-of-type(2) .form nf-field:last-of-type {
float: right;
}
.contactForm .row:nth-of-type(2) .form nf-field label {
font-weight: 1!important;
}
.contactForm .row:nth-of-type(2) .form .nf-field {
position: relative;
float: left;
width: 100%}
.contactForm .row:nth-of-type(2) .form .nf-field label {
position: absolute;
z-index: 1;
top: 5px;
left: 0;
font-size: 12px;
line-height: 14px;
cursor: text;
font-family: "RalewayRegular", serif;
width: 100%;
text-transform: uppercase;
letter-spacing: 3.1px;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.contactForm .row:nth-of-type(2) .form .nf-field label.enabled {
-webkit-transform: scale(1) translateY(-30px);
transform: scale(1) translateY(-30px);
font-size: 12px;
line-height: 14px;
}
.contactForm .row:nth-of-type(2) .form input[type="text"], .contactForm .row:nth-of-type(2) .form input[type="email"], .contactForm .row:nth-of-type(2) .form input[type="tel"], .contactForm .row:nth-of-type(2) .form textarea {
background-color: transparent;
font-size: 16px;
line-height: 24px;
color: #fff;
padding-bottom: 15px;
border: none;
border-bottom: 1px solid #fff;
-webkit-transition: border 1000ms ease-out;
-moz-transition: border 1000ms ease-out;
-o-transition: border 1000ms ease-out;
}
.contactForm .row:nth-of-type(2) .form input:-webkit-autofill, .contactForm .row:nth-of-type(2) .form input:-webkit-autofill:hover, .contactForm .row:nth-of-type(2) .form input:-webkit-autofill:focus, .contactForm .row:nth-of-type(2) .form input:-webkit-autofill:active {
-webkit-transition: background-color 5000s ease-in-out 0s;
transition: background-color 5000s ease-in-out 0s;
-webkit-text-fill-color: #fff!important;
}
.contactForm .row:nth-of-type(2) .form textarea {
height: 100px;
min-width: 100%;
max-width: 100%;
min-height: 100px;
}
input[type="submit"],
.contactForm .row:nth-of-type(2) .form input[type="button"] {
padding: 10px 25px;
background-color: transparent;
color: #fff;
border: 1px solid #fff;
float: right;
border-radius: 23px;
font-size: 16px;
cursor: pointer;
font-family: "RalewayBold", serif;
-webkit-transition: 0.3s;
transition: 0.3s;
}
input[type="submit"]:hover,
.contactForm .row:nth-of-type(2) .form input[type="button"]:hover {
color: #c5003e;
border: 1px solid #fff;
background-color: #fff;
}
.contactForm .row:nth-of-type(2) .form .nf-error .ninja-forms-field {
border-bottom: 1px solid red;
}
.contactForm .row:nth-of-type(2) .form .nf-error-msg {
color: #fff;
opacity: .4;
}
.contactForm .row:nth-of-type(2) .form input[type="checkbox"] {
height: 0;
width: 0;
display: none;
}
.contactForm .row:nth-of-type(2) .form .checkbox-container .nf-field-label {
width: auto;
float: left;
-webkit-box-ordinal-group: unset;
order: unset;
padding-left: 0;
}
.contactForm .row:nth-of-type(2) .form .checkbox-container .nf-field-label label {
position: relative;
display: -webkit-box;
display: flex;
margin: .6em 0;
-webkit-box-align: center;
align-items: center;
color: #fff;
-webkit-transition: color 250ms cubic-bezier(.4, 0, .23, 1);
transition: color 250ms cubic-bezier(.4, 0, .23, 1);
cursor: pointer;
}
.contactForm .row:nth-of-type(2) .form .checkbox-container .nf-field-label label.nf-checked-label>.check {
border: 9px solid #003594;
-webkit-animation: shrink-bounce 200ms cubic-bezier(.4, 0, .23, 1);
animation: shrink-bounce 200ms cubic-bezier(.4, 0, .23, 1);
}
.contactForm .row:nth-of-type(2) .form .checkbox-container .nf-field-label a{
margin-left: 3px;
}
.contactForm .row:nth-of-type(2) .form .checkbox-container .nf-field-label label.nf-checked-label>.check:before {
content: "";
position: absolute;
top: 0px;
left: 2px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-animation: checkbox-check 125ms 250ms cubic-bezier(.4, 0, .23, 1) forwards;
animation: checkbox-check 125ms 250ms cubic-bezier(.4, 0, .23, 1) forwards;
}
.contactForm .row:nth-of-type(2) .form .checkbox-container .nf-field-label label>.check {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
margin-right: 1em;
width: 17px;
height: 17px;
background: transparent;
border: 1px solid #fff;
border-radius: 2px;
cursor: pointer;
-webkit-transition: all 250ms cubic-bezier(.4, 0, .23, 1);
transition: all 250ms cubic-bezier(.4, 0, .23, 1);
}
@-webkit-keyframes shrink-bounce {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
33% {
-webkit-transform: scale(.85);
transform: scale(.85);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}@keyframes shrink-bounce {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
33% {
-webkit-transform: scale(.85);
transform: scale(.85);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}@-webkit-keyframes checkbox-check {
0% {
width: 0;
height: 0;
border-color: #fff;
-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
transform: translate3d(0, 0, 0) rotate(45deg);
}
33% {
width: 10px;
height: 0;
-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
transform: translate3d(0, 0, 0) rotate(45deg);
}
100% {
width: 7px;
height: 15px;
border-color: #fff;
-webkit-transform: translate3d(0, -.5em, 0) rotate(45deg);
transform: translate3d(0, -.5em, 0) rotate(45deg);
}
}@keyframes checkbox-check {
0% {
width: 0;
height: 0;
border-color: #fff;
-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
transform: translate3d(0, 0, 0) rotate(45deg);
}
33% {
width: 10px;
height: 0;
-webkit-transform: translate3d(0, 0, 0) rotate(45deg);
transform: translate3d(0, 0, 0) rotate(45deg);
}
100% {
width: 7px;
height: 15px;
border-color: #fff;
-webkit-transform: translate3d(0, -.5em, 0) rotate(45deg);
transform: translate3d(0, -.5em, 0) rotate(45deg);
}
}.home .slider_section, .home .slider_mobile {
padding-top: 0;
padding-bottom: 0;
position: relative;
overflow: hidden;
}
.home .slider_section .slides, .home .slider_mobile .slides {
margin-bottom: 0;
}
.home .slider_section .background, .home .slider_mobile .background {
width: 100%;
height: 700px;
background-size: cover;
}
.home .slider_section .background .container, .home .slider_mobile .background .container {
height: 100%;
position: relative;
}
.home .slider_section .background .container .txt, .home .slider_mobile .background .container .txt {
position: absolute;
top: 280px;
left: 110px;
color: #fff;
width: 62%}
.home .slider_section .background .container .txt .subtitulo, .home .slider_mobile .background .container .txt .subtitulo {
color: #fff;
font-size: 24px;
line-height: 34px;
min-height: 120px;
margin-bottom: 30px;
}
.home .slider_section .background .container .txt .button, .home .slider_mobile .background .container .txt .button {
border: 1px solid #fff;
color: #fff;
}
.home .slider_section .background .container .txt .button:hover, .home .slider_mobile .background .container .txt .button:hover {
background: #fff;
color: #003594;
}
.home .slider_section .container.bot, .home .slider_mobile .container.bot {
position: relative;
height: 100%;
width: 100%;
z-index: 4;
top: 30px;
}
.home .slider_section .content, .home .slider_mobile .content {
width: calc(100% - 220px);
float: left;
margin-left: 220px;
padding: 70px 0;
}
.home .slider_section .content.botones, .home .slider_mobile .content.botones {
padding: 0;
height: 100%;
position: relative;
margin-left: 0;
}
.home .slider_section .content .item, .home .slider_mobile .content .item {
position: relative;
width: 100%;
float: left;
}
.home .slider_section .content .item .imagen, .home .slider_mobile .content .item .imagen {
border-radius: 50%;
width: 55%;
float: left;
margin-left: calc(2% + 40px);
}
.home .slider_section .content .item .txt, .home .slider_mobile .content .item .txt {
width: 35%;
position: absolute;
bottom: 45px;
right: 0;
}
.home .slider_section .content .item .txt p, .home .slider_mobile .content .item .txt p {
color: #fff;
width: 100%}
.home .slider_section .content .item .txt .fecha, .home .slider_mobile .content .item .txt .fecha {
font-size: 24px;
font-family: "RalewayBold", serif;
line-height: 29px;
}
.home .slider_section .slick-dots, .home .slider_mobile .slick-dots {
left: 0;
bottom: 100px;
width: 100%;
z-index: 2;
display: -webkit-box!important;
display: flex!important;
}
.home .slider_section .slick-dots li, .home .slider_mobile .slick-dots li {
line-height: 20px;
display: inline-block;
-webkit-transition: all 1s;
transition: all 1s;
}
.home .slider_section .slick-dots li button, .home .slider_mobile .slick-dots li button {
-webkit-transition: all 1s;
transition: all 1s;
}
.home .slider_section .slick-dots li button:before, .home .slider_mobile .slick-dots li button:before {
-webkit-transition: all 1s;
transition: all 1s;
color: #fff;
opacity: 1;
font-size: 10px;
}
.home .slider_section .slick-dots li.slick-active, .home .slider_mobile .slick-dots li.slick-active {
width: 20px;
height: 20px;
}
.home .slider_section .slick-dots li.slick-active button, .home .slider_mobile .slick-dots li.slick-active button {
width: 20px;
height: 20px;
}
.home .slider_section .slick-dots li.slick-active button:before, .home .slider_mobile .slick-dots li.slick-active button:before {
width: 20px;
height: 20px;
font-size: 20px;
}
.home .principal {
overflow: hidden;
padding: 90px 0;
}
.home .principal .container {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}
.home .principal .container .col {
width: 50%}
.home .principal .container .col:nth-of-type(1) {
padding-right: 4%;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
color: #003594;
}
.home .principal .container .col:nth-of-type(1) p {
color: #003594;
}
.home .principal .container .col:nth-of-type(2) {
padding-left: 4%}
.home .principal .container .col:nth-of-type(2) img {
width: 100%}
.home .markets {
background-color: #f0f3f9;
padding-top: 110px;
padding-bottom: 110px;
}
.home .markets .container .row {
text-align: center;
}
.home .markets .container .row:nth-of-type(1) {
color: #003594;
padding: 0 16%;
margin-bottom: 50px;
}
.home .markets .container .row:nth-of-type(1) p {
color: #003594;
}
.home .markets .container .row:nth-of-type(2) .logos {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
}
.home .markets .container .row:nth-of-type(2) .logos .logo {
width: 15%;
text-decoration: none;
background-color: #fff;
border-radius: 15px;
padding: 40px 3% 30px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.home .markets .container .row:nth-of-type(2) .logos .logo:hover {
box-shadow: 0 2px 12px 3px rgba(0, 0, 0, .1);
}
.home .technology {
overflow: hidden;
padding: 90px 0;
}
.home .technology .container {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}
.home .technology .container .col {
width: 50%}
.home .technology .container .col:nth-of-type(1) {
padding-right: 4%}
.home .technology .container .col:nth-of-type(1) img {
width: 100%}
.home .technology .container .col:nth-of-type(2) {
padding-left: 4%;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
color: #003594;
}
.home .technology .container .col:nth-of-type(2) p {
color: #003594;
}
.page-template-about h2, .page-template-about h3 {
color: #003594;
}
.page-template-about .who {
overflow: hidden;
}
.page-template-about .who .container {
position: relative;
}
.page-template-about .who img {
position: absolute;
right: -10%;
width: 40%;
z-index: 0;
transition: -webkit-transform 0.3s cubic-bezier(.49, .48, .61, .62);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(.49, .48, .61, .62);
transition: transform 0.3s cubic-bezier(.49, .48, .61, .62);
transition: transform 0.3s cubic-bezier(.49, .48, .61, .62), -webkit-transform 0.3s cubic-bezier(.49, .48, .61, .62);
transition: transform 0.3s cubic-bezier(.49, .48, .61, .62), -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
}
.page-template-about .who #sidebar {
width: auto;
float: left;
position: absolute;
top: 0;
z-index: 0;
}
.page-template-about .who #sidebar nav {
width: 220px;
padding-right: 30px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-about .who #sidebar nav.stickydiv {
position: fixed;
top: 100px;
z-index: 1;
margin-top: 12px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-about .who #sidebar nav ul {
list-style-type: none;
margin: 0;
padding: 0;
border-left: 2px solid #d3d3d3;
}
.page-template-about .who #sidebar nav li a {
padding: 0 22px;
color: #434343;
text-decoration: none;
position: relative;
display: block;
margin: 15px 0;
font-size: 14px;
line-height: 20px;
}
.page-template-about .who #sidebar nav li a:before {
content: "";
position: absolute;
opacity: 0;
height: 100%;
width: 2px;
left: -2px;
background-color: #003594;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-about .who #sidebar nav li a.active {
color: #003594;
}
.page-template-about .who #sidebar nav li a.active:before {
content: "";
position: absolute;
opacity: 1;
}
.page-template-about .who #sidebar nav li a:hover {
color: #003594;
}
.page-template-about .who #sidebar nav li a:hover:before {
content: "";
position: absolute;
opacity: 1;
}
.page-template-about .who .container {
position: relative;
}
.page-template-about .who .content {
width: calc(70% - 220px);
float: left;
margin-left: 220px;
}
.page-template-about .vision .container {
position: relative;
}
.page-template-about .vision img {
position: absolute;
left: -5%;
width: 50%;
z-index: -1;
transition: -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
-webkit-transition: -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
transition: transform 0.8s cubic-bezier(.215, .61, .355, 1);
transition: transform 0.8s cubic-bezier(.215, .61, .355, 1), -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
transition: transform 0.8s cubic-bezier(.215, .61, .355, 1), -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
}
.page-template-about .vision .content {
width: 50%;
float: right;
}
.page-template-about .vision .content .row h2 {
margin-bottom: 10px;
}
.page-template-about .vision .content .row h3 {
margin-bottom: 10px;
}
.page-template-about .vision .content .row p {
margin-bottom: 35px;
}
.page-template-about .vision .content .row:nth-of-type(3) p {
margin-bottom: 0;
}
.page-template-about .values {
padding: 100px 0;
background-color: #f0f3f9;
}
.page-template-about .code_of_conduct {
padding: 100px 0;
}
.page-template-about .values .content {
width: calc(90% - 220px);
float: left;
margin-left: 220px;
}
.page-template-about .values .content .items {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
}
.page-template-about .values .content .items .item {
width: 48%}
.page-template-about .values .content .items .item h4 {
margin: 5px 0 15px;
color: #003594;
}
.page-template-about .values .content .items .item:nth-of-type(1), .page-template-about .values .content .items .item:nth-of-type(2) {
margin-bottom: 60px;
}
.page-template-about .history {
padding: 0;
position: relative;
position: relative;
overflow: hidden;
}
.page-template-about .history .backgrounds {
position: absolute;
top: 0;
}
.page-template-about .history .container.abs .content {
position: absolute;
}
.page-template-about .history .container.abs .content h2 {
color: #fff;
position: relative;
z-index: 2;
}
.page-template-about .history .slides {
margin-bottom: 0;
}
.page-template-about .history .background {
width: 100%;
height: 100%;
background-size: cover;
}
.page-template-about .history .container.bot {
position: absolute;
height: 100%;
width: 100%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%;
z-index: 2;
top: 0;
}
.page-template-about .history .content {
width: calc(100% - 220px);
float: left;
margin-left: 220px;
padding: 70px 0;
}
.page-template-about .history .content.botones {
padding: 0;
height: 100%;
position: relative;
}
.page-template-about .history .content .item {
position: relative;
width: 100%;
float: left;
}
.page-template-about .history .content .item .imagen {
border-radius: 50%;
width: 55%;
float: left;
margin-left: calc(2% + 40px);
}
.page-template-about .history .content .item .txt {
width: 35%;
position: absolute;
bottom: 45px;
right: 0;
}
.page-template-about .history .content .item .txt p {
color: #fff;
width: 100%}
.page-template-about .history .content .item .txt .fecha {
font-size: 24px;
font-family: "RalewayBold", serif;
line-height: 29px;
}
.page-template-about .history .content .slick-arrow {
z-index: 4;
}
.page-template-about .history .content .slick-prev {
left: -15px;
}
.page-template-about .history .content .slick-prev:after {
z-index: 4;
}
.page-template-about .history .content .slick-prev:before {
-webkit-transition: 0.3s;
transition: 0.3s;
content: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/arrow-left.svg);
font-size: 60px;
opacity: 1;
}
.page-template-about .history .content .slick-prev:hover:before {
content: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/arrow-left-hov.svg);
}
.page-template-about .history .content .slick-next {
left: calc(57% + 45px);
}
.page-template-about .history .content .slick-next:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
z-index: 4;
}
.page-template-about .history .content .slick-next:before {
content: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/arrow-right.svg);
font-size: 60px;
opacity: 1;
}
.page-template-about .history .content .slick-next:hover:before {
content: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/arrow-right-hov.svg);
}
.page-template-about .history .slick-dots {
right: 0;
bottom: 70px;
width: 35%;
z-index: 2;
}
.page-template-about .history .slick-dots li {
line-height: 20px;
display: inline-block;
-webkit-transition: all 1s;
transition: all 1s;
}
.page-template-about .history .slick-dots li button {
-webkit-transition: all 1s;
transition: all 1s;
}
.page-template-about .history .slick-dots li button:before {
-webkit-transition: all 1s;
transition: all 1s;
color: #fff;
opacity: 1;
font-size: 10px;
}
.page-template-about .history .slick-dots li.slick-active {
width: 20px;
height: 20px;
}
.page-template-about .history .slick-dots li.slick-active button {
width: 20px;
height: 20px;
}
.page-template-about .history .slick-dots li.slick-active button:before {
width: 20px;
height: 20px;
font-size: 20px;
}
.page-template-about .history #sidebar {
width: 200px;
clip: rect(0, auto, auto, 0);
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: stretch;
align-items: stretch;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
position: absolute;
top: 0;
bottom: 0;
z-index: 3;
}
.page-template-about .history #sidebar nav {
width: 220px;
padding-right: 30px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-about .history #sidebar nav.stickydiv {
position: fixed;
top: 100px;
margin-top: 12px;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-about .history #sidebar nav ul {
list-style-type: none;
margin: 0;
padding: 0;
position: relative;
}
.page-template-about .history #sidebar nav ul:after {
content: "";
height: 100%;
width: 2px;
position: absolute;
top: 0;
left: 0;
background-color: #fff;
opacity: .5;
}
.page-template-about .history #sidebar nav li a {
padding: 0 22px;
color: #fff;
text-decoration: none;
position: relative;
display: block;
opacity: .5;
margin: 15px 0;
font-size: 14px;
line-height: 20px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-about .history #sidebar nav li a:before {
content: "";
position: absolute;
opacity: 0;
height: 100%;
width: 2px;
z-index: 5;
left: 0;
background-color: #fff;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-about .history #sidebar nav li a.active {
color: #fff;
opacity: 1;
}
.page-template-about .history #sidebar nav li a.active:before {
content: "";
position: absolute;
opacity: 1;
}
.page-template-about .history #sidebar nav li a:hover {
color: #fff;
opacity: 1;
}
.page-template-about .history #sidebar nav li a:hover:before {
content: "";
position: absolute;
opacity: 1;
}
.page-template-about .team {
padding: 100px 0 30px;
}
.page-template-about .team h2 {
margin-bottom: 80px;
}
.page-template-about .team .content {
width: calc(100% - 220px);
float: left;
margin-left: 220px;
}
.page-template-about .team .content .members .member {
float: left;
width: 100%;
position: relative;
display: -webkit-box;
display: flex;
max-height: 80px;
overflow: hidden;
-webkit-transition: max-height 1s;
transition: max-height 1s;
}
.page-template-about .team .content .members .member .datos {
padding: 30px 0;
float: left;
width: 70%;
border-top: 1px solid #d0d0d0;
position: relative;
}
.page-template-about .team .content .members .member .datos .boton {
position: absolute;
right: 0;
top: 20px;
width: 40px;
height: 40px;
cursor: pointer;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.page-template-about .team .content .members .member .datos .boton.opened {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.page-template-about .team .content .members .member .datos .boton .bg {
width: 100%;
height: 100%;
background-size: 50%;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/open.svg);
}
.page-template-about .team .content .members .member .datos .name {
color: #003594;
min-width: 40%;
float: left;
}
.page-template-about .team .content .members .member .datos .job {
color: #003594;
float: left;
}
.page-template-about .team .content .members .member .datos .desc {
float: left;
clear: left;
margin-top: 40px;
}
.page-template-about .team .content .members .member.opened {
max-height: 500px;
}
.page-template-about .team .content .members .member.opened .imagen {
opacity: 1;
}
.page-template-about .team .content .members .member .imagen {
opacity: 0;
overflow: hidden;
-webkit-box-flex: 1;
flex: 1;
width: 30%;
float: left;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-about .team .content .members .member .imagen img {
width: 60%;
border-radius: 50%}
.page-template-about .executive {
padding: 50px 0 50px;
}
.page-template-about .executive h2 {
margin-bottom: 80px;
}
.page-template-about .executive .content {
width: calc(100% - 220px);
float: left;
margin-left: 220px;
}
.page-template-about .executive .content .members .member {
float: left;
width: 100%;
position: relative;
display: -webkit-box;
display: flex;
max-height: 80px;
overflow: hidden;
-webkit-transition: max-height 1s;
transition: max-height 1s;
}
.page-template-about .executive .content .members .member .datos {
padding: 30px 0;
float: left;
width: 70%;
border-top: 1px solid #d0d0d0;
position: relative;
}
.page-template-about .executive .content .members .member .datos .boton {
position: absolute;
right: 0;
top: 20px;
width: 40px;
height: 40px;
cursor: pointer;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.page-template-about .executive .content .members .member .datos .boton.opened {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.page-template-about .executive .content .members .member .datos .boton .bg {
width: 100%;
height: 100%;
background-size: 50%;
background-repeat: no-repeat;
background-position: center center;
background-image: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/open.svg);
}
.page-template-about .executive .content .members .member .datos .name {
color: #003594;
min-width: 40%;
float: left;
}
.page-template-about .executive .content .members .member .datos .job {
color: #003594;
float: left;
}
.page-template-about .executive .content .members .member .datos .desc {
float: left;
clear: left;
margin-top: 40px;
}
.page-template-about .executive .content .members .member.opened {
max-height: 500px;
}
.page-template-about .executive .content .members .member.opened .imagen {
opacity: 1;
}
.page-template-about .executive .content .members .member .imagen {
opacity: 0;
overflow: hidden;
-webkit-box-flex: 1;
flex: 1;
width: 30%;
float: left;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-about .executive .content .members .member .imagen img {
width: 60%;
border-radius: 50%}
.page-template-about .customer {
padding: 50px 0 100px;
}
.page-template-about .customer .container {
position: relative;
}
.page-template-about .customer .content,
.page-template-about .code_of_conduct .content,
.page-template-about .whistleblowing .content {
width: calc(80% - 220px);
float: left;
margin-left: 220px;
}
.page-template-about .whistleblowing .content p.link,
.page-template-about .code_of_conduct .content p.link {
margin-top: 1rem;
}
.page-template-about .whistleblowing .content a,
.page-template-about .code_of_conduct .content a {
color: #003594;
text-decoration: none;
transition: 0.3s all;
margin-top: 1rem;
}
.page-template-about .whistleblowing .content a:hover,
.page-template-about .code_of_conduct .content a:hover {
opacity: .5;
}
.page-template-careers h2, .page-template-careers h3 {
color: #003594;
}
.page-template-careers .employ {
padding: 100px 0;
overflow: hidden;
}
.page-template-careers .employ #sidebar {
width: auto;
float: left;
position: absolute;
top: 0;
}
.page-template-careers .employ #sidebar nav {
width: 220px;
padding-right: 30px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-careers .employ #sidebar nav.stickydiv {
position: fixed;
top: 100px;
z-index: 1;
margin-top: 12px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-careers .employ #sidebar nav ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.page-template-careers .employ #sidebar nav li p {
font-family: "RalewayBold", serif;
color: #003594;
}
.page-template-careers .employ #sidebar nav li a {
margin-top: 20px;
box-shadow: none;
}
.page-template-careers .employ #sidebar nav li a:hover {
box-shadow: 5px 10px 16px 0 rgba(81, 81, 81, .21);
}
.page-template-careers .employ .forma {
display: none;
}
.page-template-careers .employ .container {
position: relative;
}
.page-template-careers .employ .container .first {
position: absolute;
right: -10%;
width: 40%;
z-index: -1;
top: 50px;
transition: -webkit-transform 0.3s cubic-bezier(.49, .48, .61, .62);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(.49, .48, .61, .62);
transition: transform 0.3s cubic-bezier(.49, .48, .61, .62);
transition: transform 0.3s cubic-bezier(.49, .48, .61, .62), -webkit-transform 0.3s cubic-bezier(.49, .48, .61, .62);
transition: transform 0.3s cubic-bezier(.49, .48, .61, .62), -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
}
.page-template-careers .employ .content {
width: calc(70% - 220px);
float: left;
margin-left: 220px;
}
.page-template-careers .employ .content .linkedin.mobile {
display: none;
}
.page-template-careers .employ .content .recruitment {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
}
.page-template-careers .employ .content .recruitment .tit {
margin-top: 70px;
width: 100%}
.page-template-careers .employ .content .recruitment .item {
margin-top: 20px;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
position: relative;
-webkit-box-flex: 1;
flex-grow: 1;
flex-basis: 0%}
.page-template-careers .employ .content .recruitment .item img {
margin: 0 auto;
}
.page-template-careers .employ .content .recruitment .item p {
margin-top: 30px;
text-align: center;
color: #003594;
font-family: "RalewayBold", serif;
}
.page-template-careers .employ .content .recruitment .item:after {
content: "";
position: absolute;
right: 0;
top: 30px;
width: 14px;
height: 14px;
border-top: 2px solid #003594;
border-right: 2px solid #003594;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.page-template-careers .employ .content .recruitment .item:nth-of-type(4):after {
display: none;
}
.page-template-careers .quotes {
background-color: #f0f3f9;
}
.page-template-careers .quotes .content {
width: calc(100% - 220px);
float: left;
margin-left: 220px;
}
.page-template-careers .quotes .content .col {
width: 48%;
float: left;
}
.page-template-careers .quotes .content .col:nth-of-type(2) {
margin-left: 4%;
margin-top: 100px;
}
.page-template-careers .quotes .content .items {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}
.page-template-careers .quotes .content .items .item {
transition: -webkit-transform 0.3s cubic-bezier(.49, .48, .61, .62);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(.49, .48, .61, .62);
transition: transform 0.3s cubic-bezier(.49, .48, .61, .62);
transition: transform 0.3s cubic-bezier(.49, .48, .61, .62), -webkit-transform 0.3s cubic-bezier(.49, .48, .61, .62);
transition: transform 0.3s cubic-bezier(.49, .48, .61, .62), -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
align-self: flex-start;
width: 100%;
padding: 40px 30px;
background-color: #fff;
border-radius: 15px;
box-shadow: 0 2px 12px 3px rgba(0, 0, 0, .1);
margin-bottom: 30px;
}
.page-template-careers .quotes .content .items .item .fila {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center;
width: 100%;
margin-bottom: 20px;
}
.page-template-careers .quotes .content .items .item .fila img {
border-radius: 50%}
.page-template-careers .quotes .content .items .item .fila .name {
margin-left: 20px;
}
.page-template-careers .quotes .slides {
display: none;
}
.page-template-innovation h2, .page-template-innovation h3 {
color: #003594;
}
.page-template-innovation section {
padding: 50px 0 0;
}
.page-template-innovation .technology {
padding: 100px 0 0;
overflow: hidden;
}
.page-template-innovation .technology .container {
position: relative;
}
.page-template-innovation .technology .container #sidebar {
width: auto;
float: left;
position: absolute;
top: 0;
}
.page-template-innovation .technology .container #sidebar nav {
width: 220px;
padding-right: 30px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-innovation .technology .container #sidebar nav.stickydiv {
position: fixed;
top: 100px;
z-index: 1;
margin-top: 12px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-innovation .technology .container #sidebar nav ul {
list-style-type: none;
margin: 0;
padding: 0;
border-left: 2px solid #d3d3d3;
}
.page-template-innovation .technology .container #sidebar nav li a {
padding: 0 22px;
color: #000;
text-decoration: none;
position: relative;
display: block;
margin: 15px 0;
font-size: 14px;
line-height: 20px;
}
.page-template-innovation .technology .container #sidebar nav li a:before {
content: "";
position: absolute;
opacity: 0;
height: 100%;
width: 2px;
left: -2px;
background-color: #003594;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-innovation .technology .container #sidebar nav li a.active {
color: #003594;
}
.page-template-innovation .technology .container #sidebar nav li a.active:before {
content: "";
position: absolute;
opacity: 1;
}
.page-template-innovation .technology .container #sidebar nav li a:hover {
color: #003594;
}
.page-template-innovation .technology .container #sidebar nav li a:hover:before {
content: "";
position: absolute;
opacity: 1;
}
.page-template-innovation .technology .container .content:nth-of-type(2) {
width: calc(70% - 220px);
float: left;
margin-left: 220px;
}
.page-template-innovation .technology .container .content:nth-of-type(3) {
margin-top: 110px;
width: calc(100% - 220px);
float: left;
margin-left: 220px;
}
.page-template-innovation .technology .container .content:nth-of-type(3) img {
width: 100%}
.page-template-innovation .technology .container .subtit {
margin-bottom: 90px;
}
.page-template-innovation .technology .container .first {
position: absolute;
right: -10%;
width: 38%;
z-index: -1;
top: -48px;
transition: -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
-webkit-transition: -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
transition: transform 0.8s cubic-bezier(.215, .61, .355, 1);
transition: transform 0.8s cubic-bezier(.215, .61, .355, 1), -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
transition: transform 0.8s cubic-bezier(.215, .61, .355, 1), -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
}
.page-template-innovation .inno {
padding: 110px 0 0;
position: relative;
}
.page-template-innovation .inno .container .first {
position: absolute;
left: 10%;
width: 38%;
top: 23%;
z-index: -1;
-webkit-transform: translateX(-115%);
transform: translateX(-115%);
max-width: 581px;
transition: -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
-webkit-transition: -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
transition: transform 0.8s cubic-bezier(.215, .61, .355, 1);
transition: transform 0.8s cubic-bezier(.215, .61, .355, 1), -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
transition: transform 0.8s cubic-bezier(.215, .61, .355, 1), -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
}
.page-template-innovation .inno .container .content {
width: 50%;
float: right;
}
.page-template-innovation .inno .grey {
margin: 100px 0 50px;
background-color: #f0f3f9;
width: 100%;
float: left;
padding: 50px 0;
}
.page-template-innovation .inno .grey .row {
width: calc(100% - 220px);
float: left;
margin-left: 220px;
}
.page-template-innovation .inno .grey .row .subtit {
color: #003594;
margin-bottom: 50px;
}
.page-template-innovation .inno .grey .row .process {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
text-align: center;
}
.page-template-innovation .inno .grey .row .process .item {
width: 20%;
position: relative;
}
.page-template-innovation .inno .grey .row .process .item h4 {
font-size: 16px;
line-height: 19px;
color: #003594;
}
.page-template-innovation .inno .grey .row .process .item:after {
content: "";
position: absolute;
right: 0;
top: 30px;
width: 14px;
height: 14px;
border-top: 2px solid #003594;
border-right: 2px solid #003594;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.page-template-innovation .inno .grey .row .process .item:nth-of-type(5):after {
display: none;
}
.page-template-innovation .inno .container .row70 {
width: calc(70% - 220px);
float: left;
margin-left: 220px;
}
.page-template-innovation .inno .container .row70 p {
font-size: 16px;
line-height: 28px;
margin-bottom: 8px;
}
.page-template-innovation .inno .container .row70 ul {
list-style: none;
}
.page-template-innovation .inno .container .row70 ul li {
color: #003594;
font-size: 16px;
line-height: 28px;
margin-bottom: 8px;
}
.page-template-innovation .inno .container .row70 ul li:before {
font-size: 20px;
content: "•";
color: #003594;
display: inline-block;
width: 10px;
margin-left: -15px;
position: absolute;
}
.page-template-innovation .quality .container .content {
width: calc(100% - 220px);
float: left;
margin-left: 220px;
}
.page-template-innovation .quality .container .content .row {
display: -webkit-box;
display: flex;
}
.page-template-innovation .quality .container .content .row .col:nth-of-type(1) {
padding-right: 8.3%}
.page-template-innovation .quality .container .content .row .col:nth-of-type(2) {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.page-template-innovation .quality .container .content .row .col p {
font-size: 16px;
line-height: 28px;
margin-bottom: 14px;
}
.page-template-innovation .quality .container .content .row .col ul {
list-style: none;
}
.page-template-innovation .quality .container .content .row .col ul li {
color: #003594;
font-size: 16px;
line-height: 28px;
margin-bottom: 8px;
}
.page-template-innovation .quality .container .content .row .col ul li:before {
font-size: 20px;
content: "•";
color: #003594;
display: inline-block;
width: 10px;
margin-left: -15px;
position: absolute;
}
.page-template-innovation .quality .container .content .row .col ul li ul {
margin-top: 8px;
}
.page-template-innovation .quality .container .content .row:nth-of-type(1) {
margin-bottom: 40px;
}
.page-template-innovation .customer {
padding-bottom: 50px;
}
.page-template-innovation .customer .container .content {
width: calc(100% - 220px);
float: left;
margin-left: 220px;
}
.page-template-innovation .customer .container .content .row {
display: -webkit-box;
display: flex;
}
.page-template-innovation .customer .container .content .row .col:nth-of-type(1) {
padding-right: 8.3%}
.page-template-innovation .customer .container .content .row .col:nth-of-type(2) {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.page-template-innovation .customer .container .content .row .col p {
font-size: 16px;
line-height: 28px;
margin-bottom: 14px;
}
.page-template-innovation .customer .container .content .row .col ul {
list-style: none;
}
.page-template-innovation .customer .container .content .row .col ul li {
color: #003594;
font-size: 16px;
line-height: 28px;
margin-bottom: 8px;
}
.page-template-innovation .customer .container .content .row .col ul li:before {
font-size: 20px;
content: "•";
color: #003594;
display: inline-block;
width: 10px;
margin-left: -15px;
position: absolute;
}
.page-template-innovation .customer .container .content .row .col ul li ul {
margin-top: 8px;
}
.page-template-markets .principal {
padding-bottom: 0;
}
.page-template-markets .principal .container .content .row {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
flex-wrap: wrap;
}
.page-template-markets .principal .container .content .row .col:nth-of-type(1) {
width: 58%;
padding-right: 2%}
.page-template-markets .principal .container .content .row .col:nth-of-type(2) {
width: 42%;
padding-left: 2%}
.page-template-markets .principal .container .content .row .col:nth-of-type(2) img {
width: 100%}
.page-template-markets .baby {
padding: 100px 0;
position: relative;
}
.page-template-markets .baby #sidebar {
width: auto;
float: left;
position: absolute;
top: 100px;
}
.page-template-markets .baby #sidebar nav {
width: 220px;
padding-right: 30px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-markets .baby #sidebar nav.stickydiv {
position: fixed;
top: 100px;
z-index: 1;
margin-top: 12px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-markets .baby #sidebar nav ul {
list-style-type: none;
margin: 0;
padding: 0;
border-left: 2px solid #d3d3d3;
}
.page-template-markets .baby #sidebar nav li a {
padding: 0 22px;
color: #000;
text-decoration: none;
position: relative;
display: block;
margin: 15px 0;
font-size: 14px;
line-height: 20px;
}
.page-template-markets .baby #sidebar nav li a:before {
content: "";
position: absolute;
opacity: 0;
height: 100%;
width: 2px;
left: -2px;
background-color: #003594;
-webkit-transition: 0.3s;
transition: 0.3s;
}
.page-template-markets .baby #sidebar nav li a.active {
color: #003594;
}
.page-template-markets .baby #sidebar nav li a.active:before {
content: "";
position: absolute;
opacity: 1;
}
.page-template-markets .baby #sidebar nav li a:hover {
color: #003594;
}
.page-template-markets .baby #sidebar nav li a:hover:before {
content: "";
position: absolute;
opacity: 1;
}
.page-template-markets .baby .content {
width: calc(100% - 220px);
float: left;
margin-left: 220px;
}
.page-template-markets .baby .content .row h2 {
color: #003594;
}
.page-template-markets .baby .content .row:nth-of-type(2) {
margin-top: 40px;
margin-bottom: 70px;
display: -webkit-box;
display: flex;
}
.page-template-markets .baby .content .row:nth-of-type(2) .col {
width: 50%}
.page-template-markets .baby .content .row:nth-of-type(2) .col .features {
padding-right: 8%}
.page-template-markets .baby .content .row:nth-of-type(2) .col .features .feature {
border-bottom: 1px solid #c3c3c3;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
padding: 20px 0;
}
.page-template-markets .baby .content .row:nth-of-type(2) .col .features .feature:last-child {
border-bottom: none;
}
.page-template-markets .baby .content .row:nth-of-type(2) .col .features .feature:first-child {
padding-top: 0;
}
.page-template-markets .baby .content .row:nth-of-type(2) .col .features .feature img {
margin-right: 40px;
}
.page-template-markets .baby .content .row:nth-of-type(2) .col .finishing {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-pack: justify;
justify-content: space-between;
}
.page-template-markets .baby .content .row:nth-of-type(2) .col .finishing .finish {
width: 40%;
text-align: center;
margin-bottom: 30px;
}
.page-template-markets .baby .content .row:nth-of-type(2) .col .finishing .finish:nth-of-type(3) {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.page-template-markets .baby .content .row .title {
font-size: 12px;
font-family: "RalewayBold", serif;
color: #434343;
letter-spacing: 3px;
margin-bottom: 36px;
}
.page-template-markets .baby .content .row .applications {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: start;
justify-content: flex-start;
}
.page-template-markets .baby .content .row .applications .application {
width: 25%;
text-align: center;
}
.page-template-markets .baby .content .row .applications .application:nth-of-type(n+5) {
margin-top: 30px;
}
.page-template-markets .personal .container .content, .page-template-markets .home .container .content, .page-template-markets .medical .container .content, .page-template-markets .sustainable .container .content, .page-template-markets .technical .container .content {
width: calc(100% - 220px);
float: left;
margin-left: 220px;
}
.page-template-markets .personal .container .content .row h2, .page-template-markets .home .container .content .row h2, .page-template-markets .medical .container .content .row h2, .page-template-markets .sustainable .container .content .row h2, .page-template-markets .technical .container .content .row h2 {
color: #003594;
}
.page-template-markets .personal .container .content .row:nth-of-type(2), .page-template-markets .home .container .content .row:nth-of-type(2), .page-template-markets .medical .container .content .row:nth-of-type(2), .page-template-markets .sustainable .container .content .row:nth-of-type(2), .page-template-markets .technical .container .content .row:nth-of-type(2) {
margin-top: 40px;
margin-bottom: 70px;
display: -webkit-box;
display: flex;
}
.page-template-markets .personal .container .content .row:nth-of-type(2) .col, .page-template-markets .home .container .content .row:nth-of-type(2) .col, .page-template-markets .medical .container .content .row:nth-of-type(2) .col, .page-template-markets .sustainable .container .content .row:nth-of-type(2) .col, .page-template-markets .technical .container .content .row:nth-of-type(2) .col {
width: 50%}
.page-template-markets .personal .container .content .row:nth-of-type(2) .col .features, .page-template-markets .home .container .content .row:nth-of-type(2) .col .features, .page-template-markets .medical .container .content .row:nth-of-type(2) .col .features, .page-template-markets .sustainable .container .content .row:nth-of-type(2) .col .features, .page-template-markets .technical .container .content .row:nth-of-type(2) .col .features {
padding-right: 8%}
.page-template-markets .personal .container .content .row:nth-of-type(2) .col .features .feature, .page-template-markets .home .container .content .row:nth-of-type(2) .col .features .feature, .page-template-markets .medical .container .content .row:nth-of-type(2) .col .features .feature, .page-template-markets .sustainable .container .content .row:nth-of-type(2) .col .features .feature, .page-template-markets .technical .container .content .row:nth-of-type(2) .col .features .feature {
border-bottom: 1px solid #c3c3c3;
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
padding: 20px 0;
}
.page-template-markets .personal .container .content .row:nth-of-type(2) .col .features .feature:last-child, .page-template-markets .home .container .content .row:nth-of-type(2) .col .features .feature:last-child, .page-template-markets .medical .container .content .row:nth-of-type(2) .col .features .feature:last-child, .page-template-markets .sustainable .container .content .row:nth-of-type(2) .col .features .feature:last-child, .page-template-markets .technical .container .content .row:nth-of-type(2) .col .features .feature:last-child {
border-bottom: none;
}
.page-template-markets .personal .container .content .row:nth-of-type(2) .col .features .feature:first-child, .page-template-markets .home .container .content .row:nth-of-type(2) .col .features .feature:first-child, .page-template-markets .medical .container .content .row:nth-of-type(2) .col .features .feature:first-child, .page-template-markets .sustainable .container .content .row:nth-of-type(2) .col .features .feature:first-child, .page-template-markets .technical .container .content .row:nth-of-type(2) .col .features .feature:first-child {
padding-top: 0;
}
.page-template-markets .personal .container .content .row:nth-of-type(2) .col .features .feature img, .page-template-markets .home .container .content .row:nth-of-type(2) .col .features .feature img, .page-template-markets .medical .container .content .row:nth-of-type(2) .col .features .feature img, .page-template-markets .sustainable .container .content .row:nth-of-type(2) .col .features .feature img, .page-template-markets .technical .container .content .row:nth-of-type(2) .col .features .feature img {
margin-right: 40px;
}
.page-template-markets .personal .container .content .row:nth-of-type(2) .col .finishing, .page-template-markets .home .container .content .row:nth-of-type(2) .col .finishing, .page-template-markets .medical .container .content .row:nth-of-type(2) .col .finishing, .page-template-markets .sustainable .container .content .row:nth-of-type(2) .col .finishing, .page-template-markets .technical .container .content .row:nth-of-type(2) .col .finishing {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
}
.page-template-markets .personal .container .content .row:nth-of-type(2) .col .finishing .finish, .page-template-markets .home .container .content .row:nth-of-type(2) .col .finishing .finish, .page-template-markets .medical .container .content .row:nth-of-type(2) .col .finishing .finish, .page-template-markets .sustainable .container .content .row:nth-of-type(2) .col .finishing .finish, .page-template-markets .technical .container .content .row:nth-of-type(2) .col .finishing .finish {
width: 40%;
text-align: center;
margin-bottom: 30px;
}
.page-template-markets .personal .container .content .row:nth-of-type(2) .col .finishing .finish:nth-of-type(3), .page-template-markets .home .container .content .row:nth-of-type(2) .col .finishing .finish:nth-of-type(3), .page-template-markets .medical .container .content .row:nth-of-type(2) .col .finishing .finish:nth-of-type(3), .page-template-markets .sustainable .container .content .row:nth-of-type(2) .col .finishing .finish:nth-of-type(3), .page-template-markets .technical .container .content .row:nth-of-type(2) .col .finishing .finish:nth-of-type(3) {
position: relative;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.page-template-markets .personal .container .content .row .title, .page-template-markets .home .container .content .row .title, .page-template-markets .medical .container .content .row .title, .page-template-markets .sustainable .container .content .row .title, .page-template-markets .technical .container .content .row .title {
font-size: 12px;
font-family: "RalewayBold", serif;
color: #434343;
letter-spacing: 3px;
margin-bottom: 36px;
}
.page-template-markets .personal .container .content .row .applications, .page-template-markets .home .container .content .row .applications, .page-template-markets .medical .container .content .row .applications, .page-template-markets .sustainable .container .content .row .applications, .page-template-markets .technical .container .content .row .applications {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: start;
justify-content: flex-start;
}
.page-template-markets .personal .container .content .row .applications .application, .page-template-markets .home .container .content .row .applications .application, .page-template-markets .medical .container .content .row .applications .application, .page-template-markets .sustainable .container .content .row .applications .application, .page-template-markets .technical .container .content .row .applications .application {
width: 25%;
text-align: center;
}
.page-template-markets .personal .container .content .row .applications .application:nth-of-type(n+5), .page-template-markets .home .container .content .row .applications .application:nth-of-type(n+5), .page-template-markets .medical .container .content .row .applications .application:nth-of-type(n+5), .page-template-markets .sustainable .container .content .row .applications .application:nth-of-type(n+5), .page-template-markets .technical .container .content .row .applications .application:nth-of-type(n+5) {
margin-top: 30px;
}
.page-template-markets .personal, .page-template-markets .medical, .page-template-markets .technical {
background-color: #f0f3f9;
}
.page-template-markets .personal, .page-template-markets .medical, .page-template-markets .technical, .page-template-markets .home, .page-template-markets .sustainable {
padding: 100px 0;
}
.page-template-contact .info {
padding: 100px 0;
}
.page-template-contact .info .container .content {
display: -webkit-box;
display: flex;
}
.page-template-contact .info .container .content .col {
width: 28%}
.page-template-contact .info .container .content .col .row {
display: -webkit-box;
display: flex;
}
.page-template-contact .info .container .content .col .row svg {
margin-right: 6%}
.page-template-contact .info .container .content .col:nth-of-type(1) .txt {
font-size: 16px;
color: #003594;
margin-bottom: 36px;
}
.page-template-contact .info .container .content .col:nth-of-type(1) .txt:nth-of-type(3) {
margin-bottom: 0;
}
.page-template-contact .info .container .content .col:nth-of-type(2) {
width: 72%;
display: -webkit-box;
display: flex;
}
.page-template-contact .info .container .content .col:nth-of-type(2) .mapacontainer {
width: 50%}
.page-template-contact .info .container .content .col:nth-of-type(2) .mapacontainer:nth-of-type(1) {
margin-right: 4%}
.page-template-contact .info .container .content .col:nth-of-type(2) .mapacontainer .mapitem {
padding: 0 0;
width: 100%}
.page-template-contact .info .container .content .col:nth-of-type(2) .mapacontainer .mapitem img {
width: 100%;
height: auto;
}
.page-template-contact .info .container .content .col:nth-of-type(2) .mapacontainer .info_map {
display: -webkit-box;
display: flex;
}
.page-template-contact .info .container .content .col:nth-of-type(2) .mapacontainer .info_map svg {
margin-top: 20px;
margin-right: 15px;
}
.page-template-contact .info .container .content .col:nth-of-type(2) .mapacontainer .name {
color: #003594;
margin: 20px 0;
}
@media (min-width:1025px) {
.container {
float: none;
max-width: 1360px;
margin: 0 auto;
padding: 0 110px;
}
.container.seminarrow {
max-width: 1120px;
}
.container.narrow {
max-width: 900px;
}
}@media (min-width:1025px) and (max-width:1366px) {
.error404 .main-404 {
height: 400px;
padding-top: 70px;
}
.error404 .main-404 .row {
display: table;
float: none;
max-width: 1200px;
margin: 0 auto;
}
}@media (max-width:1024px) {
.error404 .page_header {
height: 110px;
}
.error404 .main-404 .row .col {
margin-bottom: 50px;
}
.error404 .main-404 .row .col h1, .error404 .main-404 .row .col p {
text-align: center;
}
.error404 .main-404 .row .col a {
float: none;
display: table;
margin: 0 auto;
}
}@media (min-width:769px) and (max-width:1024px) {
.container {
padding: 0 25px;
}
h1 {
font-size: 32px;
}
h2 {
font-size: 22px;
line-height: 32px;
}
h3 {
font-size: 18px;
line-height: 26px;
}
h4 {
font-size: 16px;
line-height: 19px;
}
p {
font-size: 14px;
line-height: 24px;
}
.error404 .main-404 {
height: 570px;
}
.error404 .main-404 .row {
margin-top: 70px;
}
.home .slider_section {
padding-top: 0;
padding-bottom: 0;
position: relative;
overflow: hidden;
}
.home .slider_section .slides {
margin-bottom: 0;
}
.home .slider_section .background {
width: 100%;
height: 500px;
background-size: cover;
}
.home .slider_section .background .container {
height: 100%;
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
}
.home .slider_section .background .container .txt {
position: initial;
top: 280px;
left: 110px;
color: #fff;
width: 80%;
margin-top: 50px;
}
.home .slider_section .background .container .txt .titulo {
margin-bottom: 6px;
}
.home .slider_section .background .container .txt .subtitulo {
color: #fff;
font-size: 18px;
line-height: 26px;
min-height: 0;
}
.home .slider_section .background .container .txt .button {
padding: 13px 30px;
font-size: 14px;
}
.home .slider_section .container.bot {
position: relative;
height: 100%;
width: 100%;
z-index: 4;
top: 30px;
}
.home .slider_section .content {
width: calc(100% - 220px);
float: left;
margin-left: 220px;
padding: 70px 0;
}
.home .slider_section .content.botones {
padding: 0;
height: 100%;
position: relative;
margin-left: 0;
width: 100%}
.home .slider_section .content .item {
position: relative;
width: 100%;
float: left;
}
.home .slider_section .content .item .imagen {
border-radius: 50%;
width: 55%;
float: left;
margin-left: calc(2% + 40px);
}
.home .slider_section .content .item .txt {
width: 35%;
position: absolute;
bottom: 45px;
right: 0;
}
.home .slider_section .content .item .txt p {
color: #fff;
width: 100%}
.home .slider_section .content .item .txt .fecha {
font-size: 24px;
font-family: "RalewayBold", serif;
line-height: 29px;
}
.home .slider_section .slick-dots {
left: 0;
bottom: 70px;
width: 100%;
z-index: 2;
display: -webkit-box!important;
display: flex!important;
-webkit-box-pack: start;
justify-content: flex-start;
}
.home .slider_section .slick-dots li {
line-height: 20px;
display: inline-block;
-webkit-transition: all 1s;
transition: all 1s;
}
.home .slider_section .slick-dots li button {
-webkit-transition: all 1s;
transition: all 1s;
}
.home .slider_section .slick-dots li button:before {
-webkit-transition: all 1s;
transition: all 1s;
color: #fff;
opacity: 1;
font-size: 10px;
}
.home .slider_section .slick-dots li.slick-active {
width: 20px;
height: 20px;
}
.home .slider_section .slick-dots li.slick-active button {
width: 20px;
height: 20px;
}
.home .slider_section .slick-dots li.slick-active button:before {
width: 20px;
height: 20px;
font-size: 20px;
}
.home .markets {
background-color: #f0f3f9;
padding-top: 50px;
padding-bottom: 50px;
}
.home .markets .container .row {
text-align: center;
}
.home .markets .container .row:nth-of-type(1) {
color: #003594;
padding: 0 16%;
margin-bottom: 50px;
}
.home .markets .container .row:nth-of-type(1) p {
color: #003594;
}
.home .markets .container .row:nth-of-type(2) {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.home .markets .container .row:nth-of-type(2) .logos {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
width: 75%}
.home .markets .container .row:nth-of-type(2) .logos .logo {
width: 30%;
background-color: #fff;
border-radius: 15px;
padding: 40px 3% 30px;
}
.home .markets .container .row:nth-of-type(2) .logos .logo:nth-of-type(-n+3) {
margin-bottom: 30px;
}
.home .principal, .home .technology {
padding: 50px 0;
}
.page-template-innovation .technology .container #sidebar {
display: none;
}
.page-template-innovation .technology .container .first {
top: 10px;
}
.page-template-innovation .technology .container .content {
width: 100%!important;
margin-left: 0!important;
}
.page-template-innovation .technology .container .content:nth-of-type(2) .row .col {
width: 66%}
.page-template-innovation .technology .container .content:nth-of-type(3) .subtit {
margin-bottom: 50px;
}
.page-template-innovation .inno .grey .container .row {
width: 100%;
margin-left: 0;
}
.page-template-innovation .inno .grey .container .row .process .item h4 {
font-size: 16px;
line-height: 19px;
}
.page-template-innovation .inno .container .first {
left: 6%}
.page-template-innovation .inno .container:nth-of-type(3) .row70 {
width: 100%;
margin-left: 0;
display: -webkit-box;
display: flex;
}
.page-template-innovation .inno .container:nth-of-type(3) .row70 ul {
margin: 0;
}
.page-template-innovation .inno .container:nth-of-type(3) .row70 ul li {
font-size: 14px;
line-height: 24px;
}
.page-template-innovation .inno .container:nth-of-type(3) .row70 p {
font-size: 14px;
line-height: 24px;
}
.page-template-innovation .quality .container .content {
width: 100%;
margin-left: 0;
}
.page-template-innovation .quality .container .content .row:nth-of-type(1) .col {
width: 50%}
.page-template-innovation .quality .container .content .row:nth-of-type(1) .col p {
margin-bottom: 0;
font-size: 14px;
line-height: 24px;
}
.page-template-innovation .quality .container .content .row:nth-of-type(1) .col:nth-of-type(1) {
padding-right: 2%}
.page-template-innovation .quality .container .content .row:nth-of-type(1) .col:nth-of-type(2) {
padding-left: 2%}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col {
width: 50%}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col .subtit {
font-size: 18px;
line-height: 26px;
font-family: "RalewayRegular", serif;
}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col p {
margin-bottom: 0;
font-size: 14px;
line-height: 24px;
}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col ul li {
font-size: 14px;
line-height: 24px;
}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col:nth-of-type(2) {
padding-right: 2%}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col:nth-of-type(1) {
padding-left: 2%;
padding-right: 0;
-webkit-box-ordinal-group: 2;
order: 1;
}
.page-template-innovation .customer .container .content {
margin-left: 0;
width: 100%}
.page-template-innovation .customer .container .content .row .col {
width: 50%}
.page-template-innovation .customer .container .content .row .col:nth-of-type(1) {
padding-right: 2%}
.page-template-innovation .customer .container .content .row .col:nth-of-type(2) {
padding-left: 2%}
.page-template-markets .baby .container #sidebar, .page-template-markets .personal .container #sidebar, .page-template-markets .home .container #sidebar, .page-template-markets .medical .container #sidebar, .page-template-markets .sustainable .container #sidebar, .page-template-markets .technical .container #sidebar {
display: none;
}
.page-template-markets .baby .container .content, .page-template-markets .personal .container .content, .page-template-markets .home .container .content, .page-template-markets .medical .container .content, .page-template-markets .sustainable .container .content, .page-template-markets .technical .container .content {
width: 100%;
margin-left: 0;
}
.page-template-markets .baby .container .content .row h2, .page-template-markets .personal .container .content .row h2, .page-template-markets .home .container .content .row h2, .page-template-markets .medical .container .content .row h2, .page-template-markets .sustainable .container .content .row h2, .page-template-markets .technical .container .content .row h2 {
font-size: 22px;
line-height: 26px;
}
.page-template-markets .baby .container .content .row:nth-of-type(2), .page-template-markets .personal .container .content .row:nth-of-type(2), .page-template-markets .home .container .content .row:nth-of-type(2), .page-template-markets .medical .container .content .row:nth-of-type(2), .page-template-markets .sustainable .container .content .row:nth-of-type(2), .page-template-markets .technical .container .content .row:nth-of-type(2) {
margin-bottom: 40px;
margin-top: 32px;
}
.page-template-careers h1 {
font-family: "RalewayRegular", serif;
font-size: 32px;
line-height: 37px;
}
.page-template-careers .employ {
padding: 50px 0;
}
.page-template-careers .employ .container #sidebar {
display: none;
}
.page-template-careers .employ .container .first {
display: none;
}
.page-template-careers .employ .container .content {
width: 100%;
margin-left: 0;
}
.page-template-careers .employ .container .content .forma {
display: block;
width: 49%;
float: left;
margin-left: 2%}
.page-template-careers .employ .container .content .txt {
width: 49%;
float: left;
}
.page-template-careers .employ .container .content .linkedin.mobile {
width: 100%;
display: block;
clear: left;
float: left;
margin-top: 25px;
}
.page-template-careers .employ .container .content .linkedin.mobile p {
font-family: "RalewayBold", serif;
color: #003594;
margin-bottom: 15px;
}
.page-template-careers .employ .container .content .linkedin.mobile .button {
box-shadow: none;
}
.page-template-careers .employ .container .content .recruitment {
float: left;
width: 100%}
.page-template-careers .employ .container .content .recruitment .tit {
margin-top: 50px;
}
.page-template-careers .employ .container .content .recruitment p {
color: #003594;
font-family: "RalewayBold", serif;
font-size: 16px;
line-height: 19px;
}
.page-template-careers .quotes .content {
width: 100%;
margin-left: 0;
}
.page-template-contact .info {
padding: 50px 0;
}
.page-template-contact .info .container .content {
flex-wrap: wrap;
}
.page-template-contact .info .container .content .col:nth-of-type(1) {
display: -webkit-box;
display: flex;
width: 100%;
-webkit-box-pack: justify;
justify-content: space-between;
}
.page-template-contact .info .container .content .col:nth-of-type(2) {
width: 100%}
.page-template-about .who .container #sidebar {
display: none;
}
.page-template-about .who .container .content {
width: 50%;
margin-left: 0;
}
.page-template-about .who .container img {
width: 53%;
top: 55px;
}
.page-template-about .vision .container img {
top: 130px;
left: -11%;
width: 55%}
.page-template-about .values .container .content {
margin-left: 0;
width: 100%}
.page-template-about .history #sidebar {
display: none;
}
.page-template-about .history .content {
width: 100%;
margin-left: 0;
}
.page-template-about .history .content .item {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.page-template-about .history .content .item .imagen {
width: 50%;
margin: 0;
margin-bottom: 150px;
}
.page-template-about .history .content .slick-arrow.slick-prev {
left: 0;
top: calc(50% - 75px);
}
.page-template-about .history .content .slick-arrow.slick-prev:after {
background-image: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/arrow-left.svg);
z-index: 4;
}
.page-template-about .history .content .slick-arrow.slick-prev:before {
font-size: 40px;
opacity: 1;
}
.page-template-about .history .content .slick-arrow.slick-next {
right: 20px;
left: auto;
top: calc(50% - 75px);
}
.page-template-about .history .content .slick-arrow.slick-next:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
background-image: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/arrow-left.svg);
z-index: 4;
}
.page-template-about .history .content .slick-arrow.slick-next:before {
font-size: 40px;
opacity: 1;
}
.page-template-about .executive .container .content, .page-template-about .team .container .content, .page-template-about .customer .container .content, .page-template-about .code_of_conduct .container .content {
margin-left: 0;
width: 100%}
.contactForm {
padding: 90px 0 60px;
}
.contactForm .container .row:nth-of-type(1) {
width: 100%;
text-align: center;
}
.contactForm .container .row:nth-of-type(1) p {
padding: 0 20%;
line-height: 28px;
}
.contactForm .container .row:nth-of-type(2) {
width: 100%;
margin-left: 0;
}
.contactForm .container .row:nth-of-type(2) .form nf-field {
min-height: 70px;
}
.contactForm .container .row:nth-of-type(2) .form nf-field:last-of-type #nf-field-10-container {
margin-top: 65px;
margin-bottom: 0;
}
.contactForm .container .row:nth-of-type(2) .form nf-field:nth-of-type(5) {
width: 100%}
.contactForm .container .row:nth-of-type(2) .form nf-field:last-of-type .textbox-container {
margin-top: 0!important;
}
.contactForm .container .row:nth-of-type(2) .form nf-field:last-of-type .textbox-container input {
padding: 10px 35px;
}
.footer {
padding: 40px 0;
}
.footer .container .col:nth-of-type(1) .phone a, .footer .container .col:nth-of-type(1) .mail a {
font-size: 14px;
}
.footer .container .col:nth-of-type(1) .datos {
margin-right: 4%;
width: 100%}
.footer .container .col:nth-of-type(1) .datos a, .footer .container .col:nth-of-type(1) .datos p {
font-size: 14px;
line-height: 24px;
}
.footer .container .col:nth-of-type(2) p {
font-size: 14px;
line-height: 24px;
}
.footer .container .col:nth-of-type(2) .newsletter {
margin-top: 30px;
}
.footer .container .col:nth-of-type(2) .newsletter .row .form nf-field {
min-height: 60px;
}
.footer .container .col:nth-of-type(2) .newsletter .row .form #nf-field-18-wrap #nf-label-field-18 {
font-size: 12px;
line-height: 14px;
}
}@media (min-width:601px) {
.page-template-about .team .container .content .members .member .fotomobile, .page-template-about .executive .container .content .members .member .fotomobile {
display: none;
}
.page-template-innovation .technology .container .content:nth-of-type(3) .mobile {
display: none;
}
.home .slider_mobile {
display: none!important;
}
}@media (min-width:601px) and (max-width:768px) {
.container {
padding: 0 25px;
}
h1 {
font-size: 32px;
}
h2 {
font-size: 22px;
line-height: 32px;
}
h3 {
font-size: 18px;
line-height: 26px;
}
h4 {
font-size: 16px;
line-height: 19px;
}
p {
font-size: 14px;
line-height: 24px;
}
.error404 .main-404 {
height: 810px;
}
.error404 .main-404 .row {
margin-top: 70px;
}
.error404 .main-404 .row .col {
width: 100%!important;
}
.home .slider_section {
padding-top: 0;
padding-bottom: 0;
position: relative;
overflow: hidden;
}
.home .slider_section .slides {
margin-bottom: 0;
}
.home .slider_section .background {
width: 100%;
height: 500px;
background-size: cover;
}
.home .slider_section .background .container {
height: 100%;
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
}
.home .slider_section .background .container .txt {
position: initial;
top: 280px;
left: 110px;
color: #fff;
width: 80%;
margin-top: 50px;
}
.home .slider_section .background .container .txt .titulo {
margin-bottom: 6px;
}
.home .slider_section .background .container .txt .subtitulo {
color: #fff;
font-size: 18px;
line-height: 26px;
min-height: 0;
}
.home .slider_section .background .container .txt .button {
padding: 13px 30px;
font-size: 14px;
}
.home .slider_section .container.bot {
position: relative;
height: 100%;
width: 100%;
z-index: 4;
top: 30px;
}
.home .slider_section .content {
width: calc(100% - 220px);
float: left;
margin-left: 220px;
padding: 70px 0;
}
.home .slider_section .content.botones {
padding: 0;
height: 100%;
position: relative;
margin-left: 0;
width: 100%}
.home .slider_section .content .item {
position: relative;
width: 100%;
float: left;
}
.home .slider_section .content .item .imagen {
border-radius: 50%;
width: 55%;
float: left;
margin-left: calc(2% + 40px);
}
.home .slider_section .content .item .txt {
width: 35%;
position: absolute;
bottom: 45px;
right: 0;
}
.home .slider_section .content .item .txt p {
color: #fff;
width: 100%}
.home .slider_section .content .item .txt .fecha {
font-size: 24px;
font-family: "RalewayBold", serif;
line-height: 29px;
}
.home .slider_section .slick-dots {
left: 0;
bottom: 70px;
width: 100%;
z-index: 2;
display: -webkit-box!important;
display: flex!important;
-webkit-box-pack: start;
justify-content: flex-start;
}
.home .slider_section .slick-dots li {
line-height: 20px;
display: inline-block;
-webkit-transition: all 1s;
transition: all 1s;
}
.home .slider_section .slick-dots li button {
-webkit-transition: all 1s;
transition: all 1s;
}
.home .slider_section .slick-dots li button:before {
-webkit-transition: all 1s;
transition: all 1s;
color: #fff;
opacity: 1;
font-size: 10px;
}
.home .slider_section .slick-dots li.slick-active {
width: 20px;
height: 20px;
}
.home .slider_section .slick-dots li.slick-active button {
width: 20px;
height: 20px;
}
.home .slider_section .slick-dots li.slick-active button:before {
width: 20px;
height: 20px;
font-size: 20px;
}
.home .markets {
background-color: #f0f3f9;
padding-top: 40px;
padding-bottom: 40px;
}
.home .markets .container .row {
text-align: center;
}
.home .markets .container .row:nth-of-type(1) {
color: #003594;
padding: 0 10%;
margin-bottom: 50px;
}
.home .markets .container .row:nth-of-type(1) p {
color: #003594;
}
.home .markets .container .row:nth-of-type(2) {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.home .markets .container .row:nth-of-type(2) .logos {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
width: 80%}
.home .markets .container .row:nth-of-type(2) .logos .logo {
width: 30%;
background-color: #fff;
border-radius: 15px;
padding: 40px 3% 30px;
}
.home .markets .container .row:nth-of-type(2) .logos .logo:nth-of-type(-n+3) {
margin-bottom: 30px;
}
.home .principal, .home .technology {
padding: 40px 0;
}
.page-template-contact .info {
padding: 50px 0;
}
.page-template-contact .info .container .content {
flex-wrap: wrap;
}
.page-template-contact .info .container .content .col:nth-of-type(1) {
display: -webkit-box;
display: flex;
width: 100%;
-webkit-box-pack: justify;
justify-content: space-between;
}
.page-template-contact .info .container .content .col:nth-of-type(2) {
width: 100%;
flex-wrap: wrap;
}
.page-template-contact .info .container .content .col:nth-of-type(2) .mapacontainer {
width: 100%}
.page-template-contact .info .container .content .col:nth-of-type(2) .mapacontainer:nth-of-type(1) {
margin-right: 0;
margin-bottom: 50px;
}
.page-template-innovation .technology .container .first {
position: relative;
right: -16%;
width: 66%;
top: 99px;
}
.page-template-innovation .technology .container #sidebar {
display: none;
}
.page-template-innovation .technology .container .content {
width: 100%!important;
margin-left: 0!important;
}
.page-template-innovation .technology .container .content:nth-of-type(3) .subtit {
margin-bottom: 50px;
}
.page-template-innovation .inno .container {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.page-template-innovation .inno .container .first {
position: relative;
-webkit-box-ordinal-group: 3;
order: 2;
top: 346px;
width: 66%;
left: 0;
}
.page-template-innovation .inno .container .content {
width: 100%;
-webkit-box-ordinal-group: 2;
order: 1;
}
.page-template-innovation .inno .grey .container .row {
width: 100%;
margin-left: 0;
}
.page-template-innovation .inno .grey .container .row .process .item h4 {
font-size: 14px;
line-height: 19px;
padding: 0 8px;
}
.page-template-innovation .inno .grey .container .row .process .item img {
width: 58%}
.page-template-innovation .inno .container:nth-of-type(3) .row70 {
width: 100%;
margin-left: 0;
display: -webkit-box;
display: flex;
}
.page-template-innovation .inno .container:nth-of-type(3) .row70 ul {
margin: 0;
}
.page-template-innovation .inno .container:nth-of-type(3) .row70 ul li {
font-size: 14px;
line-height: 24px;
}
.page-template-innovation .inno .container:nth-of-type(3) .row70 p {
font-size: 14px;
line-height: 24px;
}
.page-template-innovation .quality .container .content {
width: 100%;
margin-left: 0;
}
.page-template-innovation .quality .container .content .row:nth-of-type(1) .col {
width: 50%}
.page-template-innovation .quality .container .content .row:nth-of-type(1) .col p {
margin-bottom: 0;
font-size: 14px;
line-height: 24px;
}
.page-template-innovation .quality .container .content .row:nth-of-type(1) .col:nth-of-type(1) {
padding-right: 2%}
.page-template-innovation .quality .container .content .row:nth-of-type(1) .col:nth-of-type(2) {
padding-left: 2%}
.page-template-innovation .quality .container .content .row:nth-of-type(2) {
flex-wrap: wrap;
}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col {
width: 100%}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col .subtit {
font-size: 18px;
line-height: 26px;
font-family: "RalewayRegular", serif;
}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col p {
margin-bottom: 0;
font-size: 14px;
line-height: 24px;
}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col ul li {
font-size: 14px;
line-height: 24px;
}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col:nth-of-type(2) {
padding-right: 0;
margin-top: 40px;
}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col:nth-of-type(1) {
padding-left: 0;
padding-right: 0;
}
.page-template-innovation .customer .container .content {
margin-left: 0;
width: 100%}
.page-template-innovation .customer .container .content .row {
flex-wrap: wrap;
}
.page-template-innovation .customer .container .content .row .col {
width: 100%}
.page-template-innovation .customer .container .content .row .col:nth-of-type(1) {
padding-right: 0;
}
.page-template-innovation .customer .container .content .row .col:nth-of-type(2) {
padding-left: 0;
margin-top: 20px;
margin-bottom: 40px;
}
.page-template-careers h1 {
font-family: "RalewayBold", serif;
font-size: 26px;
line-height: 30px;
}
.page-template-careers .employ {
padding: 50px 0;
}
.page-template-careers .employ .container #sidebar {
display: none;
}
.page-template-careers .employ .container .first {
display: none;
}
.page-template-careers .employ .container .content {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
width: 100%;
margin-left: 0;
}
.page-template-careers .employ .container .content .forma {
float: left;
display: block;
width: 66%;
margin-top: 40px;
margin-left: 8%}
.page-template-careers .employ .container .content .linkedin.mobile {
width: 100%;
display: block;
clear: left;
float: left;
margin-top: 25px;
}
.page-template-careers .employ .container .content .linkedin.mobile p {
font-family: "RalewayBold", serif;
color: #003594;
margin-bottom: 15px;
}
.page-template-careers .employ .container .content .linkedin.mobile .button {
box-shadow: none;
}
.page-template-careers .employ .container .content .recruitment {
float: left;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
}
.page-template-careers .employ .container .content .recruitment .item {
width: 100%;
-webkit-box-flex: initial;
flex-grow: initial;
flex-basis: auto;
margin-bottom: 30px;
}
.page-template-careers .employ .container .content .recruitment .item img {
width: 100%;
max-width: 100px;
}
.page-template-careers .employ .container .content .recruitment .item p {
width: 100%;
margin-top: 10px;
}
.page-template-careers .employ .container .content .recruitment .item:after {
bottom: -20px;
top: auto;
left: calc(50% - 7px);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.page-template-careers .quotes .content {
margin-left: 0;
width: 100%}
.page-template-careers .quotes .content h2 {
text-align: center;
}
.page-template-careers .quotes .content .col {
display: none;
}
.page-template-careers .quotes .slides {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
padding-top: 20px;
}
.page-template-careers .quotes .slides .item {
transition: -webkit-transform 0.3s cubic-bezier(.49, .48, .61, .62);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(.49, .48, .61, .62);
transition: transform 0.3s cubic-bezier(.49, .48, .61, .62);
transition: transform 0.3s cubic-bezier(.49, .48, .61, .62), -webkit-transform 0.3s cubic-bezier(.49, .48, .61, .62);
transition: transform 0.3s cubic-bezier(.49, .48, .61, .62), -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
align-self: flex-start;
width: 100%;
padding: 40px 30px;
background-color: #fff;
border-radius: 15px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .06);
margin: 0 10px 30px;
height: 100%}
.page-template-careers .quotes .slides .item .fila {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center;
width: 100%;
margin-bottom: 20px;
}
.page-template-careers .quotes .slides .item .fila img {
border-radius: 50%}
.page-template-careers .quotes .slides .item .fila .name {
margin-left: 20px;
color: #003594;
font-family: "RalewayBold", serif;
}
.page-template-careers .quotes .slick-dots {
bottom: 0;
left: 0;
}
.page-template-careers .quotes .slick-dots li {
width: 13px;
height: 13px;
}
.page-template-careers .quotes .slick-dots li button {
width: 13px;
height: 13px;
}
.page-template-careers .quotes .slick-dots li button:before {
width: 13px;
height: 13px;
background-color: #003594;
opacity: .48;
}
.page-template-careers .quotes .slick-dots li.slick-active button:before {
opacity: 1;
}
.page-template-about .who .container {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
}
.page-template-about .who .container #sidebar {
display: none;
}
.page-template-about .who .container .content {
width: 100%;
margin-left: 0;
}
.page-template-about .who .container img {
width: 66%;
right: 0;
top: 20px;
position: relative;
-webkit-transition: none;
transition: none;
-webkit-transform: none;
transform: none!important;
}
.page-template-about .vision .container {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
display: flex;
flex-direction: column;
-webkit-box-align: center;
align-items: center;
}
.page-template-about .vision .container img {
width: 66%;
right: 0;
top: 15px;
position: relative;
-webkit-transition: none;
transition: none!important;
-webkit-box-ordinal-group: 2;
order: 1;
-webkit-transform: none;
transform: none!important;
}
.page-template-about .vision .container .content, .page-template-about .code_of_conduct .container .content {
width: 100%}
.page-template-about .values {
padding-top: 50px;
}
.page-template-about .values .container .content {
margin-left: 0;
width: 100%}
.page-template-about .history #sidebar {
display: none;
}
.page-template-about .history .content {
width: 100%;
margin-left: 0;
}
.page-template-about .history .content.botones .slick-dots {
right: 0;
bottom: 150px;
width: 100%;
z-index: 2;
}
.page-template-about .history .content.botones .slick-dots li {
line-height: 20px;
display: inline-block;
-webkit-transition: all 1s;
transition: all 1s;
}
.page-template-about .history .content.botones .slick-dots li button {
-webkit-transition: all 1s;
transition: all 1s;
}
.page-template-about .history .content.botones .slick-dots li button:before {
-webkit-transition: all 1s;
transition: all 1s;
color: #fff;
opacity: 1;
font-size: 10px;
}
.page-template-about .history .content.botones .slick-dots li.slick-active {
width: 20px;
height: 20px;
}
.page-template-about .history .content.botones .slick-dots li.slick-active button {
width: 20px;
height: 20px;
}
.page-template-about .history .content.botones .slick-dots li.slick-active button:before {
width: 20px;
height: 20px;
font-size: 20px;
}
.page-template-about .history .content .item {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.page-template-about .history .content .item .imagen {
width: 60%;
margin: 0;
margin-bottom: 120px;
margin-top: 50px;
}
.page-template-about .history .content .item .txt {
width: 100%;
position: absolute;
bottom: 0;
right: 0;
}
.page-template-about .history .content .item .txt p {
color: #fff;
width: 100%;
text-align: center;
}
.page-template-about .history .content .item .txt .fecha {
font-size: 24px;
font-family: "RalewayBold", serif;
line-height: 29px;
text-align: center;
}
.page-template-about .history .content .slick-arrow.slick-prev {
display: none!important;
}
.page-template-about .history .content .slick-arrow.slick-next {
display: none!important;
}
.page-template-about .executive .container .content, .page-template-about .team .container .content, .page-template-about .customer .container .content, .page-template-about .code_of_conduct .container .content {
margin-left: 0;
width: 100%}
.page-template-markets .baby .container #sidebar, .page-template-markets .personal .container #sidebar, .page-template-markets .home .container #sidebar, .page-template-markets .medical .container #sidebar, .page-template-markets .sustainable .container #sidebar, .page-template-markets .technical .container #sidebar {
display: none;
}
.page-template-markets .baby .container .content, .page-template-markets .personal .container .content, .page-template-markets .home .container .content, .page-template-markets .medical .container .content, .page-template-markets .sustainable .container .content, .page-template-markets .technical .container .content {
width: 100%;
margin-left: 0;
}
.page-template-markets .baby .container .content .row h2, .page-template-markets .personal .container .content .row h2, .page-template-markets .home .container .content .row h2, .page-template-markets .medical .container .content .row h2, .page-template-markets .sustainable .container .content .row h2, .page-template-markets .technical .container .content .row h2 {
font-size: 22px;
line-height: 26px;
}
.page-template-markets .baby .container .content .row:nth-of-type(2), .page-template-markets .personal .container .content .row:nth-of-type(2), .page-template-markets .home .container .content .row:nth-of-type(2), .page-template-markets .medical .container .content .row:nth-of-type(2), .page-template-markets .sustainable .container .content .row:nth-of-type(2), .page-template-markets .technical .container .content .row:nth-of-type(2) {
margin-bottom: 40px;
margin-top: 32px;
}
.page-template-markets .baby .container .content .row:nth-of-type(2) .col .finishing .finish img, .page-template-markets .personal .container .content .row:nth-of-type(2) .col .finishing .finish img, .page-template-markets .home .container .content .row:nth-of-type(2) .col .finishing .finish img, .page-template-markets .medical .container .content .row:nth-of-type(2) .col .finishing .finish img, .page-template-markets .sustainable .container .content .row:nth-of-type(2) .col .finishing .finish img, .page-template-markets .technical .container .content .row:nth-of-type(2) .col .finishing .finish img {
width: 100%}
.page-template-markets .baby .container .content .row .applications .application, .page-template-markets .personal .container .content .row .applications .application, .page-template-markets .home .container .content .row .applications .application, .page-template-markets .medical .container .content .row .applications .application, .page-template-markets .sustainable .container .content .row .applications .application, .page-template-markets .technical .container .content .row .applications .application {
width: 24%;
margin-right: 1%}
.page-template-markets .baby .container .content .row .applications .application img, .page-template-markets .personal .container .content .row .applications .application img, .page-template-markets .home .container .content .row .applications .application img, .page-template-markets .medical .container .content .row .applications .application img, .page-template-markets .sustainable .container .content .row .applications .application img, .page-template-markets .technical .container .content .row .applications .application img {
width: 86%}
.contactForm {
padding: 90px 0 60px;
}
.contactForm .container .row:nth-of-type(1) {
width: 100%;
text-align: center;
}
.contactForm .container .row:nth-of-type(1) p {
padding: 0 20%;
line-height: 28px;
}
.contactForm .container .row:nth-of-type(2) {
width: 100%;
margin-left: 0;
}
.contactForm .container .row:nth-of-type(2) .form nf-field {
min-height: 70px;
}
.contactForm .container .row:nth-of-type(2) .form nf-field:last-of-type #nf-field-10-container {
margin-top: 65px;
margin-bottom: 0;
}
.contactForm .container .row:nth-of-type(2) .form nf-field:nth-of-type(5) {
width: 100%}
.contactForm .container .row:nth-of-type(2) .form nf-field:last-of-type .textbox-container {
margin-top: 0!important;
}
.contactForm .container .row:nth-of-type(2) .form nf-field:last-of-type .textbox-container input {
padding: 10px 35px;
}
.footer {
padding: 40px 0;
background-color: #f0f3f9;
}
.footer .container {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
}
.footer .container .col {
width: 100%;
text-align: center;
padding: 0;
}
.footer .container .col:nth-of-type(1) .phone a, .footer .container .col:nth-of-type(1) .mail a {
font-size: 14px;
}
.footer .container .col:nth-of-type(1) .datos {
margin-right: 0!important;
width: 100%;
text-align: center;
max-width: none;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.footer .container .col:nth-of-type(1) .datos a, .footer .container .col:nth-of-type(1) .datos p {
font-size: 14px;
line-height: 24px;
}
.footer .container .col:nth-of-type(2) {
margin-bottom: 20px;
-webkit-box-pack: center;
justify-content: center;
}
.footer .container .col:nth-of-type(2) p {
font-size: 14px;
line-height: 24px;
}
}@media (max-width:600px) {
.container {
padding: 0 30px;
}
h2 {
font-size: 22px;
line-height: 26px;
font-family: "RalewayBold", serif;
}
h3 {
font-family: "RalewayBold", serif;
}
h4 {
font-size: 18px;
line-height: 21px;
font-family: "RalewayBold", serif;
}
p {
font-size: 14px;
line-height: 24px;
}
section {
padding: 40px 0;
}
body {
-webkit-text-size-adjust: none;
}
.page_header {
height: 150px;
}
.page_header h1 {
color: #fff;
position: absolute;
bottom: 40px;
margin: 0;
font-size: 26px;
line-height: 30px;
font-family: "RalewayBold", serif;
}
.slick-slider .slick-prev {
left: 60px;
}
.slick-slider .slick-prev:after {
background-image: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/arrow-left.svg);
}
.slick-slider .slick-next {
right: 60px;
}
.slick-slider .slick-next:after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
background-image: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/arrow-left.svg);
}
.home .slider_section {
display: none;
}
.home .slider_mobile {
padding-top: 0;
padding-bottom: 0;
position: relative;
overflow: hidden;
}
.home .slider_mobile .slides {
margin-bottom: 0;
}
.home .slider_mobile .background {
width: 100%;
height: 80vh;
background-size: cover;
background-position: top;
}
.home .slider_mobile .background .container {
height: 100%;
position: relative;
display: -webkit-box;
display: flex;
-webkit-box-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
align-items: center;
}
.home .slider_mobile .background .container .txt {
position: initial;
top: 280px;
left: 110px;
color: #fff;
width: 100%}
.home .slider_mobile .background .container .txt .subtitulo {
color: #fff;
font-size: 14px;
line-height: 24px;
min-height: 0;
float: left;
margin-bottom: 30px;
}
.home .slider_mobile .background .container .txt .titulo {
font-size: 26px;
line-height: 42px;
margin-bottom: 5px;
}
.home .slider_mobile .background .container .txt .button {
padding: 13px 26px;
font-size: 14px;
float: left;
border: 1px solid #fff;
color: #fff;
}
.home .slider_mobile .background .container .txt .button:hover {
background: #fff;
color: #003594;
}
.home .slider_mobile .container.bot {
position: relative;
height: 100%;
width: 100%;
z-index: 4;
top: 30px;
}
.home .slider_mobile .content {
width: calc(100% - 220px);
float: left;
margin-left: 220px;
padding: 70px 0;
}
.home .slider_mobile .content.botones_mobile {
padding: 0;
height: 100%;
position: relative;
margin-left: 0;
width: 100%}
.home .slider_mobile .content .item {
position: relative;
width: 100%;
float: left;
}
.home .slider_mobile .content .item .imagen {
border-radius: 50%;
width: 55%;
float: left;
margin-left: calc(2% + 40px);
}
.home .slider_mobile .content .item .txt {
width: 35%;
position: absolute;
bottom: 45px;
right: 0;
}
.home .slider_mobile .content .item .txt p {
color: #fff;
width: 100%}
.home .slider_mobile .content .item .txt .fecha {
font-size: 24px;
font-family: "RalewayBold", serif;
line-height: 29px;
}
.home .slider_mobile .slick-dots {
left: 0;
bottom: 120px;
width: 100%;
z-index: 2;
display: -webkit-box!important;
display: flex!important;
-webkit-box-pack: start;
justify-content: flex-start;
}
.home .slider_mobile .slick-dots li {
line-height: 20px;
display: inline-block;
-webkit-transition: all 1s;
transition: all 1s;
}
.home .slider_mobile .slick-dots li button {
-webkit-transition: all 1s;
transition: all 1s;
}
.home .slider_mobile .slick-dots li button:before {
-webkit-transition: all 1s;
transition: all 1s;
color: #fff;
opacity: 1;
font-size: 10px;
}
.home .slider_mobile .slick-dots li.slick-active {
width: 20px;
height: 20px;
}
.home .slider_mobile .slick-dots li.slick-active button {
width: 20px;
height: 20px;
}
.home .slider_mobile .slick-dots li.slick-active button:before {
width: 20px;
height: 20px;
font-size: 20px;
}
.home .principal {
padding: 40px 0;
}
.home .principal .container .col:nth-of-type(1) {
width: 100%;
padding-right: 0;
margin-bottom: 20px;
}
.home .principal .container .col:nth-of-type(2) {
width: 100%;
padding-left: 0;
}
.home .markets {
background-color: #f0f3f9;
padding-top: 40px;
padding-bottom: 40px;
}
.home .markets .container .row {
text-align: center;
}
.home .markets .container .row:nth-of-type(1) {
color: #003594;
padding: 0 10%;
margin-bottom: 50px;
}
.home .markets .container .row:nth-of-type(1) p {
color: #003594;
}
.home .markets .container .row:nth-of-type(2) {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.home .markets .container .row:nth-of-type(2) .logos {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
justify-content: space-between;
width: 100%}
.home .markets .container .row:nth-of-type(2) .logos .logo {
width: 47%;
background-color: #fff;
border-radius: 15px;
padding: 40px 3% 30px;
text-decoration: none;
margin-bottom: 30px;
}
.home .markets .container .row:nth-of-type(2) .logos .logo:nth-of-type(n+5) {
margin-bottom: 0;
}
.home .technology {
padding: 40px 0;
}
.home .technology .container .col:nth-of-type(2) {
width: 100%;
padding-left: 0;
margin-bottom: 20px;
}
.home .technology .container .col:nth-of-type(1) {
width: 100%;
padding-right: 0;
-webkit-box-ordinal-group: 2;
order: 1;
}
.page-template-careers h1 {
font-family: "RalewayBold", serif;
font-size: 26px;
line-height: 30px;
}
.page-template-careers .employ {
padding: 50px 0;
}
.page-template-careers .employ .container #sidebar {
display: none;
}
.page-template-careers .employ .container .first {
display: none;
}
.page-template-careers .employ .container .content {
width: 100%;
margin-left: 0;
}
.page-template-careers .employ .container .content .forma {
display: block;
width: 100%;
margin-top: 40px;
float: left;
}
.page-template-careers .employ .container .content .linkedin.mobile {
width: 100%;
display: block;
clear: left;
float: left;
margin-top: 25px;
}
.page-template-careers .employ .container .content .linkedin.mobile p {
font-family: "RalewayBold", serif;
color: #003594;
margin-bottom: 15px;
}
.page-template-careers .employ .container .content .linkedin.mobile .button {
box-shadow: none;
}
.page-template-careers .employ .container .content .recruitment {
float: left;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: center;
justify-content: center;
width: 100%}
.page-template-careers .employ .container .content .recruitment .item {
width: 100%;
-webkit-box-flex: initial;
flex-grow: initial;
flex-basis: auto;
margin-bottom: 30px;
}
.page-template-careers .employ .container .content .recruitment .item img {
width: 100%;
max-width: 100px;
}
.page-template-careers .employ .container .content .recruitment .item p {
width: 100%;
margin-top: 10px;
}
.page-template-careers .employ .container .content .recruitment .item:after {
bottom: -20px;
top: auto;
left: calc(50% - 7px);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.page-template-careers .quotes .content {
margin-left: 0;
width: 100%}
.page-template-careers .quotes .content h2 {
text-align: center;
}
.page-template-careers .quotes .content .col {
display: none;
}
.page-template-careers .quotes .slides {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
padding-top: 20px;
}
.page-template-careers .quotes .slides .item {
transition: -webkit-transform 0.3s cubic-bezier(.49, .48, .61, .62);
-webkit-transition: -webkit-transform 0.3s cubic-bezier(.49, .48, .61, .62);
transition: transform 0.3s cubic-bezier(.49, .48, .61, .62);
transition: transform 0.3s cubic-bezier(.49, .48, .61, .62), -webkit-transform 0.3s cubic-bezier(.49, .48, .61, .62);
transition: transform 0.3s cubic-bezier(.49, .48, .61, .62), -webkit-transform 0.8s cubic-bezier(.215, .61, .355, 1);
align-self: flex-start;
width: 100%;
padding: 40px 30px;
background-color: #fff;
border-radius: 15px;
box-shadow: 0 2px 12px 0 rgba(0, 0, 0, .06);
margin: 0 10px 30px;
height: 100%}
.page-template-careers .quotes .slides .item .fila {
display: -webkit-box;
display: flex;
flex-wrap: wrap;
-webkit-box-align: center;
align-items: center;
width: 100%;
margin-bottom: 20px;
}
.page-template-careers .quotes .slides .item .fila img {
border-radius: 50%}
.page-template-careers .quotes .slides .item .fila .name {
margin-left: 20px;
color: #003594;
font-family: "RalewayBold", serif;
}
.page-template-careers .quotes .slick-dots {
bottom: 0;
}
.page-template-careers .quotes .slick-dots li {
width: 13px;
height: 13px;
}
.page-template-careers .quotes .slick-dots li button {
width: 13px;
height: 13px;
}
.page-template-careers .quotes .slick-dots li button:before {
width: 13px;
height: 13px;
background-color: #003594;
opacity: .48;
}
.page-template-careers .quotes .slick-dots li.slick-active button:before {
opacity: 1;
}
.page-template-innovation .technology {
padding-top: 40px;
}
.page-template-innovation .technology .container .first {
position: relative;
right: -3%;
width: 110%;
top: 22px;
-webkit-transform: none!important;
transform: none!important;
}
.page-template-innovation .technology .container #sidebar {
display: none;
}
.page-template-innovation .technology .container .content {
width: 100%!important;
margin-left: 0!important;
}
.page-template-innovation .technology .container .content:nth-of-type(3) {
margin-top: 85px;
text-align: center;
}
.page-template-innovation .technology .container .content:nth-of-type(3) .subtit {
margin-bottom: 50px;
font-size: 18px;
line-height: 24px;
font-family: "RalewayRegular", serif;
text-align: left;
}
.page-template-innovation .technology .container .content:nth-of-type(3) .desktop {
display: none;
}
.page-template-innovation .technology .container .content:nth-of-type(3) .mobile {
width: 74%}
.page-template-innovation .inno {
padding-top: 80px;
}
.page-template-innovation .inno .container {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.page-template-innovation .inno .container .first {
position: relative;
-webkit-box-ordinal-group: 3;
order: 2;
top: 46px;
width: 100%;
left: 0;
-webkit-transform: none!important;
transform: none!important;
}
.page-template-innovation .inno .container .content {
width: 100%;
-webkit-box-ordinal-group: 2;
order: 1;
}
.page-template-innovation .inno .grey .container .row {
width: 100%;
margin-left: 0;
}
.page-template-innovation .inno .grey .container .row .subtit {
font-size: 18px;
line-height: 26px;
font-family: "RalewayRegular", serif;
margin-bottom: 40px;
}
.page-template-innovation .inno .grey .container .row .process {
flex-wrap: wrap;
}
.page-template-innovation .inno .grey .container .row .process .item {
width: 100%;
margin-bottom: 30px;
}
.page-template-innovation .inno .grey .container .row .process .item:last-child {
margin-bottom: 0;
}
.page-template-innovation .inno .grey .container .row .process .item:after {
bottom: -14px;
right: calc(50% - 7px);
top: unset;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.page-template-innovation .inno .grey .container .row .process .item h4 {
font-size: 14px;
line-height: 19px;
padding: 0 8px;
font-family: "RalewayBold", serif;
}
.page-template-innovation .inno .grey .container .row .process .item img {
width: 100%;
max-width: 100px;
}
.page-template-innovation .inno .container:nth-of-type(3) .row70 {
width: 100%;
margin-left: 0;
display: -webkit-box;
display: flex;
flex-wrap: wrap;
}
.page-template-innovation .inno .container:nth-of-type(3) .row70 ul {
margin: 22px 0 0;
padding-left: 15px;
}
.page-template-innovation .inno .container:nth-of-type(3) .row70 ul li {
font-size: 14px;
line-height: 24px;
}
.page-template-innovation .inno .container:nth-of-type(3) .row70 p {
font-size: 14px;
line-height: 24px;
}
.page-template-innovation .quality .container .content {
width: 100%;
margin-left: 0;
}
.page-template-innovation .quality .container .content .row:nth-of-type(1) {
flex-wrap: wrap;
}
.page-template-innovation .quality .container .content .row:nth-of-type(1) .col {
width: 100%}
.page-template-innovation .quality .container .content .row:nth-of-type(1) .col p {
margin-bottom: 0;
font-size: 14px;
line-height: 24px;
}
.page-template-innovation .quality .container .content .row:nth-of-type(1) .col:nth-of-type(1) {
padding-right: 0;
}
.page-template-innovation .quality .container .content .row:nth-of-type(1) .col:nth-of-type(2) {
padding-left: 0;
margin-top: 30px;
}
.page-template-innovation .quality .container .content .row:nth-of-type(2) {
flex-wrap: wrap;
}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col {
width: 100%}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col .subtit {
font-size: 18px;
line-height: 26px;
font-family: "RalewayRegular", serif;
}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col p {
margin-bottom: 0;
font-size: 14px;
line-height: 24px;
}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col ul li {
font-size: 14px;
line-height: 24px;
}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col:nth-of-type(2) {
padding-right: 0;
margin-top: 40px;
}
.page-template-innovation .quality .container .content .row:nth-of-type(2) .col:nth-of-type(1) {
padding-left: 0;
padding-right: 0;
}
.page-template-innovation .customer .container .content {
margin-left: 0;
width: 100%}
.page-template-innovation .customer .container .content .row {
flex-wrap: wrap;
}
.page-template-innovation .customer .container .content .row .col {
width: 100%}
.page-template-innovation .customer .container .content .row .col:nth-of-type(1) {
padding-right: 0;
}
.page-template-innovation .customer .container .content .row .col:nth-of-type(2) {
padding-left: 0;
margin-top: 20px;
margin-bottom: 40px;
}
.page-template-contact .info {
padding: 40px 0;
}
.page-template-contact .info .container .content {
flex-wrap: wrap;
}
.page-template-contact .info .container .content .col:nth-of-type(1) {
display: -webkit-box;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-webkit-box-pack: justify;
justify-content: space-between;
margin-bottom: 30px;
}
.page-template-contact .info .container .content .col:nth-of-type(1) .txt {
margin-bottom: 20px;
}
.page-template-contact .info .container .content .col:nth-of-type(2) {
width: 100%;
flex-wrap: wrap;
}
.page-template-contact .info .container .content .col:nth-of-type(2) .mapacontainer {
width: 100%}
.page-template-contact .info .container .content .col:nth-of-type(2) .mapacontainer:nth-of-type(1) {
margin-right: 0;
margin-bottom: 50px;
}
.page-template-about .who .container #sidebar {
display: none;
}
.page-template-about .who .container .content {
width: 100%;
margin-left: 0;
}
.page-template-about .who .container img {
width: 100%;
right: 0;
top: 20px;
position: relative;
-webkit-transition: none;
transition: none;
-webkit-transform: none;
transform: none!important;
}
.page-template-about .vision .container {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.page-template-about .vision .container img {
width: 100%;
right: 0;
top: 15px;
position: relative;
-webkit-transition: none;
transition: none!important;
-webkit-box-ordinal-group: 2;
order: 1;
-webkit-transform: none;
transform: none!important;
}
.page-template-about .vision .container .content {
width: 100%}
.page-template-about .vision .container .content .row:nth-of-type(2) .tit, .page-template-about .vision .container .content .row:nth-of-type(3) .tit {
font-size: 18px;
line-height: 21px;
font-family: "RalewayBold", serif;
}
.page-template-about .values {
padding-top: 50px;
}
.page-template-about .values .container .content {
text-align: center;
margin-left: 0;
width: 100%}
.page-template-about .values .container .content .items .item {
width: 100%;
text-align: center;
margin-bottom: 40px;
}
.page-template-about .values .container .content .items .item:last-child {
margin-bottom: 0;
}
.page-template-about .history #sidebar {
display: none;
}
.page-template-about .history .container.abs {
padding: 0;
}
.page-template-about .history .container.abs .tit {
text-align: center;
}
.page-template-about .history .content {
width: 100%;
margin-left: 0;
}
.page-template-about .history .content.botones .slick-dots {
right: 0;
bottom: 150px;
width: 100%;
z-index: 2;
}
.page-template-about .history .content.botones .slick-dots li {
line-height: 20px;
display: inline-block;
-webkit-transition: all 1s;
transition: all 1s;
}
.page-template-about .history .content.botones .slick-dots li button {
-webkit-transition: all 1s;
transition: all 1s;
}
.page-template-about .history .content.botones .slick-dots li button:before {
-webkit-transition: all 1s;
transition: all 1s;
color: #fff;
opacity: 1;
font-size: 10px;
}
.page-template-about .history .content.botones .slick-dots li.slick-active {
width: 20px;
height: 20px;
}
.page-template-about .history .content.botones .slick-dots li.slick-active button {
width: 20px;
height: 20px;
}
.page-template-about .history .content.botones .slick-dots li.slick-active button:before {
width: 20px;
height: 20px;
font-size: 20px;
}
.page-template-about .history .content .item {
display: -webkit-box;
display: flex;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.page-template-about .history .content .item .imagen {
width: 100%;
margin: 0;
margin-bottom: 140px;
margin-top: 50px;
}
.page-template-about .history .content .item .txt {
width: 100%;
position: absolute;
bottom: -20px;
height: 75px;
right: 0;
}
.page-template-about .history .content .item .txt p {
color: #fff;
width: 100%;
text-align: center;
}
.page-template-about .history .content .item .txt .fecha {
font-size: 20px;
font-family: "RalewayBold", serif;
line-height: 29px;
text-align: center;
}
.page-template-about .history .content .slick-arrow.slick-prev {
display: none!important;
}
.page-template-about .history .content .slick-arrow.slick-next {
display: none!important;
}
.page-template-about .executive .container .content, .page-template-about .team .container .content, .page-template-about .customer .container .content, .page-template-about .code_of_conduct .container .content {
margin-left: 0;
width: 100%}
.page-template-about .team {
padding-bottom: 0;
padding-top: 50px;
}
.page-template-about .team .container .content h2 {
margin-bottom: 40px;
}
.page-template-about .team .container .content .members .member .datos {
width: 100%}
.page-template-about .team .container .content .members .member .datos .fotomobile {
float: left;
width: 34%;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-template-about .team .container .content .members .member .datos .job, .page-template-about .team .container .content .members .member .datos .name {
margin-top: 10px;
width: auto;
position: absolute;
top: 18px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-template-about .team .container .content .members .member .datos .job {
left: 46%}
.page-template-about .team .container .content .members .member .imagen {
display: none;
}
.page-template-about .team .container .content .members .member.opened .job, .page-template-about .team .container .content .members .member.opened .name {
position: relative;
width: 100%;
left: 0;
}
.page-template-about .team .container .content .members .member.opened .job {
margin-top: 0;
}
.page-template-about .team .container .content .members .member.opened .fotomobile {
opacity: 1;
}
.page-template-about .executive {
padding-bottom: 0;
}
.page-template-about .executive .container .content h2 {
margin-bottom: 40px;
}
.page-template-about .executive .container .content .members .member .datos {
width: 100%}
.page-template-about .executive .container .content .members .member .datos .fotomobile {
float: left;
width: 34%;
opacity: 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-template-about .executive .container .content .members .member .datos .job, .page-template-about .executive .container .content .members .member .datos .name {
margin-top: 10px;
width: auto;
position: absolute;
top: 18px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.page-template-about .executive .container .content .members .member .datos .job {
left: 46%}
.page-template-about .executive .container .content .members .member .imagen {
display: none;
}
.page-template-about .executive .container .content .members .member.opened .job, .page-template-about .executive .container .content .members .member.opened .name {
position: relative;
width: 100%;
left: 0;
}
.page-template-about .executive .container .content .members .member.opened .job {
margin-top: 0;
}
.page-template-about .executive .container .content .members .member.opened .fotomobile {
opacity: 1;
}
.page-template-about .customer {
padding-bottom: 50px;
}
.page-template-markets .principal .container .content .row .col {
width: 100%!important;
}
.page-template-markets .principal .container .content .row .col:nth-of-type(2) {
margin-top: 30px;
}
.page-template-markets .technical {
padding-bottom: 50px!important;
}
.page-template-markets .baby, .page-template-markets .personal, .page-template-markets .home, .page-template-markets .medical, .page-template-markets .sustainable, .page-template-markets .technical {
padding: 20px 0 0;
background-color: #fff;
}
.page-template-markets .baby .container #sidebar, .page-template-markets .personal .container #sidebar, .page-template-markets .home .container #sidebar, .page-template-markets .medical .container #sidebar, .page-template-markets .sustainable .container #sidebar, .page-template-markets .technical .container #sidebar {
display: none;
}
.page-template-markets .baby .container .content, .page-template-markets .personal .container .content, .page-template-markets .home .container .content, .page-template-markets .medical .container .content, .page-template-markets .sustainable .container .content, .page-template-markets .technical .container .content {
width: 100%;
margin-left: 0;
max-height: 60px;
overflow: hidden;
border-top: 1px solid #d0d0d0;
position: relative;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.page-template-markets .baby .container .content .boton, .page-template-markets .personal .container .content .boton, .page-template-markets .home .container .content .boton, .page-template-markets .medical .container .content .boton, .page-template-markets .sustainable .container .content .boton, .page-template-markets .technical .container .content .boton {
position: absolute;
right: 10px;
top: 30px;
background-image: url(//www.bcnonwovens.com/wp-content/themes/bcnonwovens/assets/img/open.svg);
background-position: center center;
width: 18px;
height: 18px;
cursor: pointer;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.page-template-markets .baby .container .content .boton.opened, .page-template-markets .personal .container .content .boton.opened, .page-template-markets .home .container .content .boton.opened, .page-template-markets .medical .container .content .boton.opened, .page-template-markets .sustainable .container .content .boton.opened, .page-template-markets .technical .container .content .boton.opened {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
.page-template-markets .baby .container .content.opened, .page-template-markets .personal .container .content.opened, .page-template-markets .home .container .content.opened, .page-template-markets .medical .container .content.opened, .page-template-markets .sustainable .container .content.opened, .page-template-markets .technical .container .content.opened {
max-height: 2500px;
}
.page-template-markets .baby .container .content .row, .page-template-markets .personal .container .content .row, .page-template-markets .home .container .content .row, .page-template-markets .medical .container .content .row, .page-template-markets .sustainable .container .content .row, .page-template-markets .technical .container .content .row {
flex-wrap: wrap;
}
.page-template-markets .baby .container .content .row h2, .page-template-markets .personal .container .content .row h2, .page-template-markets .home .container .content .row h2, .page-template-markets .medical .container .content .row h2, .page-template-markets .sustainable .container .content .row h2, .page-template-markets .technical .container .content .row h2 {
font-size: 20px;
line-height: 24px;
padding-top: 25px;
}
.page-template-markets .baby .container .content .row .title, .page-template-markets .personal .container .content .row .title, .page-template-markets .home .container .content .row .title, .page-template-markets .medical .container .content .row .title, .page-template-markets .sustainable .container .content .row .title, .page-template-markets .technical .container .content .row .title {
margin-bottom: 5px;
}
.page-template-markets .baby .container .content .row:nth-of-type(2), .page-template-markets .personal .container .content .row:nth-of-type(2), .page-template-markets .home .container .content .row:nth-of-type(2), .page-template-markets .medical .container .content .row:nth-of-type(2), .page-template-markets .sustainable .container .content .row:nth-of-type(2), .page-template-markets .technical .container .content .row:nth-of-type(2) {
margin-bottom: 40px;
margin-top: 32px;
}
.page-template-markets .baby .container .content .row:nth-of-type(2) .col, .page-template-markets .personal .container .content .row:nth-of-type(2) .col, .page-template-markets .home .container .content .row:nth-of-type(2) .col, .page-template-markets .medical .container .content .row:nth-of-type(2) .col, .page-template-markets .sustainable .container .content .row:nth-of-type(2) .col, .page-template-markets .technical .container .content .row:nth-of-type(2) .col {
width: 100%}
.page-template-markets .baby .container .content .row:nth-of-type(2) .col .features, .page-template-markets .personal .container .content .row:nth-of-type(2) .col .features, .page-template-markets .home .container .content .row:nth-of-type(2) .col .features, .page-template-markets .medical .container .content .row:nth-of-type(2) .col .features, .page-template-markets .sustainable .container .content .row:nth-of-type(2) .col .features, .page-template-markets .technical .container .content .row:nth-of-type(2) .col .features {
padding-right: 0;
margin-bottom: 20px;
}
.page-template-markets .baby .container .content .row:nth-of-type(2) .col .finishing, .page-template-markets .personal .container .content .row:nth-of-type(2) .col .finishing, .page-template-markets .home .container .content .row:nth-of-type(2) .col .finishing, .page-template-markets .medical .container .content .row:nth-of-type(2) .col .finishing, .page-template-markets .sustainable .container .content .row:nth-of-type(2) .col .finishing, .page-template-markets .technical .container .content .row:nth-of-type(2) .col .finishing {
margin-top: 20px;
}
.page-template-markets .baby .container .content .row:nth-of-type(2) .col .finishing .finish, .page-template-markets .personal .container .content .row:nth-of-type(2) .col .finishing .finish, .page-template-markets .home .container .content .row:nth-of-type(2) .col .finishing .finish, .page-template-markets .medical .container .content .row:nth-of-type(2) .col .finishing .finish, .page-template-markets .sustainable .container .content .row:nth-of-type(2) .col .finishing .finish, .page-template-markets .technical .container .content .row:nth-of-type(2) .col .finishing .finish {
width: 42%}
.page-template-markets .baby .container .content .row:nth-of-type(2) .col .finishing .finish img, .page-template-markets .personal .container .content .row:nth-of-type(2) .col .finishing .finish img, .page-template-markets .home .container .content .row:nth-of-type(2) .col .finishing .finish img, .page-template-markets .medical .container .content .row:nth-of-type(2) .col .finishing .finish img, .page-template-markets .sustainable .container .content .row:nth-of-type(2) .col .finishing .finish img, .page-template-markets .technical .container .content .row:nth-of-type(2) .col .finishing .finish img {
width: 100%}
.page-template-markets .baby .container .content .row .applications, .page-template-markets .personal .container .content .row .applications, .page-template-markets .home .container .content .row .applications, .page-template-markets .medical .container .content .row .applications, .page-template-markets .sustainable .container .content .row .applications, .page-template-markets .technical .container .content .row .applications {
justify-content: space-around;
margin-top: 20px;
}
.page-template-markets .baby .container .content .row .applications .application, .page-template-markets .personal .container .content .row .applications .application, .page-template-markets .home .container .content .row .applications .application, .page-template-markets .medical .container .content .row .applications .application, .page-template-markets .sustainable .container .content .row .applications .application, .page-template-markets .technical .container .content .row .applications .application {
width: 42%;
margin-bottom: 20px;
}
.page-template-markets .baby .container .content .row .applications .application img, .page-template-markets .personal .container .content .row .applications .application img, .page-template-markets .home .container .content .row .applications .application img, .page-template-markets .medical .container .content .row .applications .application img, .page-template-markets .sustainable .container .content .row .applications .application img, .page-template-markets .technical .container .content .row .applications .application img {
width: 100%}
.contactForm {
padding: 50px 0;
}
.contactForm .container .row:nth-of-type(1) {
width: 100%;
text-align: center;
}
.contactForm .container .row:nth-of-type(1) p {
padding: 0 6%;
line-height: 28px;
}
.contactForm .container .row:nth-of-type(1) h2 {
font-size: 26px;
line-height: 30px;
font-family: "RalewayBold", serif;
}
.contactForm .container .row:nth-of-type(2) {
width: 100%;
margin-left: 0;
}
.contactForm .container .row:nth-of-type(2) .form nf-field {
min-height: 70px;
width: 100%}
.contactForm .container .row:nth-of-type(2) .form nf-field:last-of-type {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.contactForm .container .row:nth-of-type(2) .form nf-field:last-of-type #nf-field-10-container {
margin-top: 0;
margin-bottom: 0;
}
.contactForm .container .row:nth-of-type(2) .form nf-field:last-of-type #nf-field-10-container input {
padding: 10px 40px;
}
.contactForm .container .row:nth-of-type(2) .form nf-field:nth-of-type(5) {
width: 100%}
.footer {
padding: 40px 0;
background-color: #f0f3f9;
}
.footer .container {
display: -webkit-box;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
flex-direction: column-reverse;
padding: 0 20px;
}
.footer .container .col {
width: 100%;
text-align: center;
padding: 0;
}
.footer .container .col:nth-of-type(1) .phone a, .footer .container .col:nth-of-type(1) .mail a {
font-size: 14px;
}
.footer .container .col:nth-of-type(1) .datos {
margin-right: 0!important;
width: 100%;
text-align: center;
max-width: none;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.footer .container .col:nth-of-type(1) .datos a, .footer .container .col:nth-of-type(1) .datos p {
font-size: 12px;
line-height: 14px;
}
.footer .container .col:nth-of-type(1) .datos a:before {
top: 5px;
}
.footer .container .col:nth-of-type(1) .datos a:last-of-type {
margin-right: 0;
}
.footer .container .col:nth-of-type(2) {
margin-bottom: 20px;
-webkit-box-pack: center;
justify-content: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
}
.footer .container .col:nth-of-type(2) .mail, .footer .container .col:nth-of-type(2) .phone, .footer .container .col:nth-of-type(2) .linkedin {
margin-left: 0;
margin-bottom: 10px;
font-size: 14px;
}
.footer .container .col:nth-of-type(2) .mail a, .footer .container .col:nth-of-type(2) .phone a, .footer .container .col:nth-of-type(2) .linkedin a {
font-size: 14px;
}
.footer .container .col:nth-of-type(2) .mail:before, .footer .container .col:nth-of-type(2) .phone:before, .footer .container .col:nth-of-type(2) .linkedin:before {
content: none;
}
.footer .container .col:nth-of-type(2) p {
font-size: 14px;
line-height: 24px;
}
.footer .container .col:nth-of-type(2) h3 {
font-size: 20px;
line-height: 24px;
font-family: "RalewayRegular", serif;
}
.footer .container .col:nth-of-type(2) .newsletter {
margin-top: 30px;
}
.footer .container .col:nth-of-type(2) .newsletter .row .form nf-field {
min-height: 60px;
}
.footer .container .col:nth-of-type(2) .newsletter .row .form nf-field:nth-of-type(n+2) {
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
}
.footer .container .col:nth-of-type(2) .newsletter .row .form nf-field input[type="button"]:hover {
background: linear-gradient(319.46deg, #c5003e 0, #003594 100%);
color: #fff;
}
.footer .container .col:nth-of-type(2) .newsletter .row .form #nf-field-18-wrap #nf-label-field-18 {
font-size: 12px;
line-height: 14px;
}
@media (min-width:481px) and (max-width:600px) {
.error404 .main-404 {
height: 650px;
}
.error404 .main-404 .row {
margin-top: 0;
}
.error404 .main-404 .row .col {
width: 100%!important;
}
}
@media (max-width:480px) {
.error404 .main-404 {
height: 450px;
}
.error404 .main-404 .row {
margin-top: 0;
}
.error404 .main-404 .row .col {
margin-bottom: 0;
width: 100%!important;
}
}.wpml-ls-legacy-list-horizontal{border:1px solid transparent;padding:7px;clear:both}.wpml-ls-legacy-list-horizontal>ul{padding:0;margin:0!important;list-style-type:none}.wpml-ls-legacy-list-horizontal .wpml-ls-item{padding:0;margin:0;list-style-type:none;display:inline-block}.wpml-ls-legacy-list-horizontal a{display:block;text-decoration:none;padding:5px 10px 6px;line-height:1}.wpml-ls-legacy-list-horizontal a span{vertical-align:middle}.wpml-ls-legacy-list-horizontal a span.wpml-ls-bracket{vertical-align:unset}.wpml-ls-legacy-list-horizontal .wpml-ls-flag{display:inline;vertical-align:middle}.wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:.4em}.rtl .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span{margin-left:0;margin-right:.4em}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer{margin-bottom:30px}.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer>ul{text-align:center}