.naranja {
color: #F35D3D;
} .flip-staff {
overflow: visible !important;
perspective: 1000px;
}
.flip-staff:hover .flip-staff-inner {
transform: rotateY(180deg);
}
.flip-staff-inner {
transition: transform 0.6s;
transform-style: preserve-3d;
position: relative;
box-shadow: 0px 12px 18px -6px rgba(0,0,0,0.3);
border-radius: 10px;
}
.flip-staff-front {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 2;
position: relative;
border-radius: 10px;
overflow: hidden;
}
.flip-staff-back {
position: absolute;
width: 100%;
height: 100%;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
background: #fff;
top: 0;
z-index: 1;
transform: rotateY(180deg);
border-radius: 10px;
overflow: hidden;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.flip-staff-back.lex {
background-image: url(//carbono14.com.ar/wpss/wp-content/themes/c14-theme/images/staff/lex.jpg);
}
.flip-staff-back.mot {
background-image: url(//carbono14.com.ar/wpss/wp-content/themes/c14-theme/images/staff/mot.jpg);
}
.flip-staff-back.fac {
background-image: url(//carbono14.com.ar/wpss/wp-content/themes/c14-theme/images/staff/fac.jpg);
}
.flip-staff-back.deb {
background-image: url(//carbono14.com.ar/wpss/wp-content/themes/c14-theme/images/staff/deb.jpg);
}
.flip-staff-back.jon {
background-image: url(//carbono14.com.ar/wpss/wp-content/themes/c14-theme/images/staff/jon.jpg);
}
.flip-staff-back.emi {
background-image: url(//carbono14.com.ar/wpss/wp-content/themes/c14-theme/images/staff/emi.jpg);
}
.flip-staff-back.leo {
background-image: url(//carbono14.com.ar/wpss/wp-content/themes/c14-theme/images/staff/leo.jpg);
}
.flip-staff-back.gui {
background-image: url(//carbono14.com.ar/wpss/wp-content/themes/c14-theme/images/staff/gui.jpg);
} body #page-container .et_pb_section.section-contacto .et_pb_contact_form_0.et_pb_contact_form_container.et_pb_module .et_pb_button:hover {
border-color: #000;
background-color: #000;
color: #fff !important;
}
body #page-container .et_pb_section .et_pb_button.btn-dark:hover {
background-color: #fff;
color: #000 !important;
}
body #page-container .et_pb_section .et_pb_button.btn-dark:before,
body .section-clientes .et_pb_button:after {
font-size: 20px !important;
font-weight: 800;
color: #F35D3D;
} .top-header-left p,
.top-header-right p,
.top-header-right p a {
color: #262626 !important;
font-size: 11px !important;
padding-bottom: .75em !important;
}
.top-header-left p {
float: left;
}
.top-header-right p {
float: right;
} .section-somos .listado-servicios span:hover {
color: #F35D3D;
} .section-experiencia .et_pb_grid_item {
position: relative;
}
.section-experiencia h2.et_pb_module_header {
color: #fff;
position: absolute;
bottom: 20px;
left: 25px;
}
.section-experiencia .et_portfolio_image img {
filter: gray;
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
-o-filter: grayscale(1);
filter: grayscale(1);
}
.section-experiencia .et_portfolio_image img:hover {
filter: none;
-webkit-filter: grayscale(0);
-webkit-filter: grayscale(0%);
-o-filter: grayscale(0);
filter: grayscale(0);
} .vd-wrapper {
display: grid;
grid-gap: 35px;
height: 500px;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-template-areas:
'vd-item-1 vd-item-2 vd-item-2'
'vd-item-1 vd-item-2 vd-item-2'
'vd-item-1 vd-item-3 vd-item-5'
'vd-item-1 vd-item-3 vd-item-5'
'vd-item-1 vd-item-4 vd-item-5'
'vd-item-1 vd-item-4 vd-item-6';
}
.vd-item {
overflow: hidden;
background-size: cover;
background-position: center center;
display: block;
position: relative;
transition: all 0.5s ease;
height: 100%;
width: 100%;
}
.vd-item-1 {
grid-area: vd-item-1;
}
.vd-item-2 {
grid-area: vd-item-2;
}
.vd-item-3 {
grid-area: vd-item-3;
}
.vd-item-4 {
grid-area: vd-item-4;
}
.vd-item-5 {
grid-area: vd-item-5;
}
span.title-videodrome {
position: absolute;
bottom: 20px;
left: 25px;
font-size: 28px;
font-weight: 700;
color: #fff;
} #slider_clientes .owl-item img {
filter: gray;
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
-o-filter: grayscale(1);
filter: grayscale(1);
}
#slider_clientes .owl-item img:hover {
filter: none;
-webkit-filter: grayscale(0);
-webkit-filter: grayscale(0%);
-o-filter: grayscale(0);
filter: grayscale(0);
} .section-contacto textarea {
min-height: 190px !important;
resize: vertical;
} .section-staff .staff-social i {
color: #F35D3D;
position: relative;
top: 4px;
} #footer-widgets .footer-widget:nth-child(2) .widget_media_image {
float: right;
}
@media (max-width: 980px) {
#footer-widgets .footer-widget:nth-child(2) .widget_media_image {
float: none;
}	
}
#footer-widgets .footer-widget:nth-child(3) {
border-left: solid 1px #fff;
padding-left: 20px;
}
#footer-widgets .footer-widget:nth-child(3) li.menu-item:before {
display: none;
}
#footer-widgets .footer-widget:nth-child(3) li.menu-item {
margin: 0;
padding-left: 0;
}
#footer-widgets .footer-widget:nth-child(3) li.menu-item a {
font-size: 17px;
margin: 0;
font-weight: 700;	
}
#footer-widgets .footer-widget:nth-child(3) li.menu-item a:hover {
color: #f35d3d;
}
#footer-widgets .footer-widget:nth-child(3) .widget_custom_html {
width: 100%;
}
#footer-widgets .footer-widget:nth-child(3) .widget_custom_html a {
color: #fff;
} #footer-info {
width: 100%;
}
#footer-info .right {
float: right;
}
@media (max-width: 980px) {
#footer-info .right {
width: 100%;
display: inline-block;
float: none;
}	
} .section-logos-clientes.page-clientes img {
filter: gray;
-webkit-filter: grayscale(1);
-webkit-filter: grayscale(100%);
-o-filter: grayscale(1);
filter: grayscale(1);
}
.section-logos-clientes.page-clientes img:hover {
filter: none;
-webkit-filter: grayscale(0);
-webkit-filter: grayscale(0%);
-o-filter: grayscale(0);
filter: grayscale(0);
} @media only screen and (max-width: 500px) {
.vd-wrapper {
display: grid;
grid-gap: 25px;
height: auto;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(5, 150px);
grid-template-areas:
'vd-item-1 vd-item-1 vd-item-1'
'vd-item-2 vd-item-2 vd-item-2'
'vd-item-3 vd-item-3 vd-item-3'
'vd-item-4 vd-item-4 vd-item-4'
'vd-item-5 vd-item-5 vd-item-5';
}
}
@media only screen and (max-width: 900px) {
.vd-item-1 {
background-position: center 20%;
}
.vd-item-5 {
background-position: center 32%;
}
span.title-videodrome {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.flip-staff-back {
background-size: contain;
}
}