html{
font-size: 18px;
} .bgcolor0,
.button.bgcolor0{
background-color: #06495F;
}
.color0{
color: #06495F;
}
.bgcolor1,
.button.bgcolor1{
background-color: #A74B22;
}
.bgcolor1:hover,
.button.bgcolor1:hover{
background-color: #04C169;
}
.color1{
color: #A74B22;
} .preloader {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #1f2950;
z-index: 100000;
height: 100%;
width: 100%;
overflow: hidden !important;
}
.preloader .status {
width: 100px;
height: 100px;
position: absolute;
left: 50%;
top: 50%; background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='L9' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' enable-background='new 0 0 0 0' xml:space='preserve'%3E%3Cpath fill='%23fff' d='M73,50c0-12.7-10.3-23-23-23S27,37.3,27,50 M30.9,50c0-10.5,8.5-19.1,19.1-19.1S69.1,39.5,69.1,50'%3E%3CanimateTransform attributeName='transform' attributeType='XML' type='rotate' dur='1s' from='0 50 50' to='360 50 50' repeatCount='indefinite'%3E%3C/animateTransform%3E%3C/path%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover;
margin: -50px 0 0 -50px;
}
.preloader .status .webtitle{
position: absolute;
width: 100%;
display: block;
bottom: -20px;
text-align: center;
color: #fff;
font-weight: bold;
}
body{
font-family: 'Source Sans 3';
}
.manuscrita{
font-family: 'Smithrose';
display: block;
font-weight: bold;
}   .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
clip-path: none;
color: #21759b;
display: block;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
}
img.custom-logo{
width: 90px;
display: block;
transition: all .2s ease-in 0s;
}
@media (min-width: 768px){
img.custom-logo{  width: 140px;
}
}
.vcenter{
align-items: center;
}
.cta-1, .wpcf7-submit{
background-color: #A74B22!important;
color: #fff;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
}
.cta-1:hover, .cta-1:focus, .cta-1:focus-within,
.wpcf7-submit:hover, .wpcf7-submit:focus, .wpcf7-submit:focus-within{
background-color: #CE7128!important;
}
.cta-0{
background-color: transparent!important;
color: #A74B22!important;
border: 1px solid #06495F!important;
background-color: #fff!important;
}
.cta-0:hover, .cta-0:focus, .cta-0:focus-within{
border-color: #06495F!important;
}
#content{
margin-top: 56px;
}
#primary.site-main{ margin-top: 55px;
}
#primary.site-main.frontpage{
margin: 0;
} .main-navigation.s-up .custom-logo,
.main-navigation.s-down .custom-logo{ width: 100px;
}
section.hero .bgimage, section.hero_slideshow .bgimage{
display: flex;
width: 100%;
height: 85vh; overflow: hidden;
position: relative;
}
section.hero .hero-content, section.hero_slideshow .hero-content{
width: 75%;
margin: auto;
line-height: 1;
text-align: center;
}
section.hero .hero-content h3, section.hero_slideshow .hero-content h3,
section.hero .hero-content h1, section.hero_slideshow .hero-content h1{
font-size: 2.5rem;
position: relative;
z-index: 1;
margin-bottom: 15px;
font-weight: bold;
text-transform: uppercase;
}
section.hero .hero-content p, section.hero_slideshow .hero-content p{
font-size: 1.8rem!important;
position: relative;
z-index: 1;
}
.custom-logo-link{ padding: 0rem 1.5rem;
display: block;
}
.main-navigation{  transition: all .2s ease-in 0s;
padding: 0 10px; } .main-navigation.s-up{
background-color: #fff;
padding-top: inherit;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
body:not(.home) .main-navigation #menu-principal a,
.main-navigation.s-up #menu-principal a{
color: #000;
} .main-navigation #menu-principal a.navbar-item:hover,
.main-navigation #menu-principal a.navbar-item:focus,
.main-navigation #menu-principal a.navbar-item:focus-within{
background-color: transparent;
}
.hero-content::before,
.bgsec::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; background: -moz-linear-gradient(-45deg, rgb(0,0,0) 0%, rgba(0,0,0,0.2) 77%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(-45deg, rgb(0,0,0) 0%,rgba(0,0,0,0.2) 77%,rgba(255,255,255,0) 100%); background: linear-gradient(135deg, rgb(0,0,0) 0%,rgba(0,0,0,0.2) 77%,rgba(255,255,255,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0091be00', endColorstr='#00ffffff',GradientType=1 ); }
.carousel-cell { width: 100%; text-align: center;}
@media ( min-width: 768px ) {
.carousel-cell {
width: 25%;
}
.carousel-cell.is-one-quarter {
width: 25%;
padding: 20px;
}
.carousel-cell.is-one-third {
width: 33.333333%;
padding: 20px;
}
.carousel-cell.is-half {
width: 50%;
padding: 20px;
}
.slideshow_testimonios .carousel-cell{
width: 100%; }
} .flickity-slider{
display: flex;
align-items: center;
}
.team-img-wrap {
text-align: center;
}
.team-img-wrap img {
border-radius: 50%; width: 35%;
margin: auto;
}
.custom-card{
border: 1px solid #e9ecee;
border-radius: 28px;
padding: 70px;
max-width: 640px;
margin: auto;
}
@media (min-width: 992px){
.oversec{  margin: auto;
position: relative; }
#primary section:not(.hero):not(.hero_slideshow):not(.contacto_widget){
padding: 50px 0;
}
#primary section.hero_slideshow{
padding: 0;
}
}
.oversec{
background-color: #fff;
}
.bgsquare {
height: 100%;
background-position: center;
background-size: auto;
background-repeat: no-repeat;
background-size: cover;
}
.columns.is-gapless > .column.p-2{
padding: 2rem!important;
}
#tab-content div.wrapcontent {
display: none;
}
#tab-content div.wrapcontent.is-active {
display: block;
}
.wrapserv{
max-width: 1000px;
margin: auto;
}
#primary p,
#primary li{
margin-bottom: 15px; }
ul.listcheck li{
display: list-item;
margin-left: 26px;
list-style-image: url(//jhshome.pe/wp-content/themes/yftel/custom/assets/img/check-white.png);
}
header h2{
font-size: 1.875rem; letter-spacing: 1.3px;
}
header h3 {
font-size: 1.4rem;
font-weight: bold;
}
.boxtrick-wrapper {
position: relative;
}
.linkmore {
color: #3d509c;
text-decoration: none;
border-bottom: 2px solid #3d509c;
}
.show, .hide {
position: absolute;
bottom: -30px;
z-index: 100;
text-align: center;
}
.hide {
display: none;
}
.show:target {
display: none;
}
.show:target ~ .hide {
display: block;
}
.show:target ~ .boxtrick {
max-height: 2000px;
}
.show:target ~ .fade {
margin-top: 0;
}
.boxtrick {
position: relative; max-height: 160px;
overflow: hidden;
-webkit-transition: max-height .5s ease;
transition: max-height .5s ease;
}
section.slideshow_servicio{
background-color: #eceef7;
}
body.home .flickity-viewport,
.single-campaign .flickity-viewport{
border-radius: 12px;
}
.hero-slide {
width: 100%; height: 85vh;
background: #8C8;
align-items: center;
display: flex;
}  .wpcf7-form input{
width: 100%;
margin-bottom: 10px;
border-radius: 50px;
border: 1px solid #eceef7;
padding: 10px 15px;
} .wpcf7-form textarea{
width: 100%;
margin-bottom: 10px;
border-radius: 25px;
border: 1px solid #eceef7;
padding: 10px 15px;
font-size: 13.3333px;
} .wpcf7-form label{
clip: rect(1px,1px,1px,1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
word-wrap: normal !important;
} 
section.contacto_widget header{
padding-bottom: 20px;
}
section.contacto_widget{
background-color: #eceef7;
}
.flickity-button {
background-color: transparent;
color: hsla(0,0%,100%,.75);
}
.flickity-button:hover {
background: transparent;
color: #fff;
}
.slideshow_testimonios .flickity-button {
background-color: transparent;
color: hsla(0, 0%, 20%, 0.75);
border: 3px solid hsla(0, 0%, 20%, 0.75);
}
.slideshow_testimonios .flickity-button:hover {
background: transparent;
color: #000;
border: 3px solid #000;
}
.columns.items{ overflow: hidden;
margin-top: -39px;  background-color: #fff;
}
.columns.items .column{  padding: 1rem;
font-weight: bold; background-color: #63919D;
color: #fff;
margin-bottom: 5px;
}
.columns.items > .column:nth-of-type(2) { border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
.wrapitems{
width: 60%;
} .cta-group{
max-width: 550px;
margin: auto;
}
.cta-group a{
margin-bottom: 10px;
}
@media (min-width: 992px){
.cta-group a:nth-of-type(1) {
margin-right: 4%;
}
.cta-group a {
width: 48%;
float: left;
}
}
h3.sluglab{
font-weight: bold;
font-size: .9rem;
letter-spacing: 1.3px;
}
.img-content{
position: relative;
}
@media (min-width: 992px){
.img-content{
text-align: center;
} section.cta_transitional .wpcf7-form span.nombre-y-apellido, section.cta_transitional .wpcf7-form span.correo-electronico {
width: 50%;
display: inline-block;
padding-right: 4px;
}
section.cta_transitional .wpcf7-form span[data-name="nombre-y-apellido"], section.cta_transitional .wpcf7-form span[data-name="email"],
section.cta_transitional .wpcf7-form span[data-name="phone"]{
width: 33%;
display: inline-block;
padding-right: 4px;
}
}
.wpcf7-form-control-wrap {
position: relative;
}
section.cta_transitional .wpcf7-form input{
border: 1px solid #1f2950;
}
.marca{
max-width: 150px;
}
.marca span{
font-size: 2.5rem;
font-weight: bold;
}
#colophon h5{ font-size: 1.5rem;
font-weight: bold;
}
#colophon{
background-color: #363636;
color: #fff;
}
#colophon .contenidofoot a{
color: #fff;
}
#colophon .contenidofoot strong{
color: #fff;
}
#colophon form.wpcf7-form > .columns{
display: block;
}
#colophon form.wpcf7-form > .columns > .column.is-two-thirds{
width: 100%;
}
.acercade p{
margin-bottom: 15px;
}
.acercade h5 {
text-align: center;
font-size: 1.5rem;
font-weight: bold;
}
@media (min-width: 768px){
.main-navigation:not(.s-down):not(.s-up) .navbar-brand a {
font-weight: bold;
color: #fff;
font-size: 2rem;
}
}
@media (max-width: 768px){ .main-navigation {
background-color: #fff;
padding-top: inherit;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
section.hero .hero-content h1, section.hero_slideshow .hero-content h1 {
font-size: 2rem;
}
section.hero .hero-content p, section.hero_slideshow .hero-content p{
font-size: 1rem!important;
}
.boxtrick{ max-height: 660px;
}
section.widget header h2,
.main_text .texto-imagen.style3 header > h2 > span{
font-size: 1.5rem!important;
}
}
.wpcf7-acceptance label{
clip: auto;
height: auto;
overflow: auto;
position: static!important;
width: auto;
word-wrap: normal;
}
.wpcf7-acceptance input{
width: auto;
}
.navbar-brand{
transition: all .2s ease-in 0s;
}
@media (min-width: 992px){
body.home #site-navigation:not(.s-up):not(.s-down) .navbar-brand{ border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px; }
}
@media (max-width: 768px){
.cta-1{
display: flex;
}
.navbar-item:not(.cta-1){
color: #000!important;
}
}
#site-navigation:not(.s-up):not(.s-down) .navbar-brand .custom-logo-link{ padding: 0rem 1.5rem;
}
@media (min-width: 992px){  }
body:not(.home) .main-navigation{
background-color: #fff;
padding-top: inherit;
box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
.colorgradient1{
background: -webkit-linear-gradient(#A74B22, #000000);
-webkit-text-fill-color: transparent;
}
@media (max-width: 567px){
#colophon{
text-align: center;
}
#colophon .widget_media_image img{
margin: auto;
}
#colophon .marca{
margin: auto;
}
#colophon img.custom-logo{
margin: auto;
}
}
.margintopnav,
#primary.site-main.margintopnav{
margin-top: 119px; }
.page-template-default .entry-title,
.page .entry-title{
font-size: 2rem;
font-weight: bold;
margin-bottom: 20px;
}
input[name="opt-in[]"] {
width: auto;
}
.modal.popup .modal-content{
background-color: #000;
color: #fff;
}
.modal.popup .modal-content form .columns,
.subsblog form .columns{
display: block;
}
.modal.popup .modal-content form .column,
.subsblog form .column{
width: auto;
}
.modal.popup .modal-content .textcontent{
padding: 15px;
}
.modal.popup .modal-content img{
display: block;
}
.modal.popup .consentimiento{
font-size: 12px;
} .mods .card-header,
.mods .card-footer,
.mods .wrap-entry-meta{
padding: 10px 24px;
font-size: .8rem;
}
.mods .wrap-entry-meta{
padding: 10px 0!important;
}
.mods .card-header > .entry-meta,
.mods .wrap-entry-meta > .entry-meta{
display: flex;
align-items: center;
width: 100%;
justify-content: space-between;
}
.mods .card-header > .entry-meta .byline img,
.mods .wrap-entry-meta > .entry-meta .byline img{
vertical-align: middle;
border-radius: 50%;
margin-left: 5px;
}
.single-post .entry-title{
font-size: 2rem;
font-weight: bold;
margin-bottom: 10px
}
.subsblog {
border: 1px solid #ddd;
padding: 10px;
position: sticky;
top: 80px;
background-color: #A74B22;
border-radius: 11px;
color: #fff;
}
.subsblog .wpcf7-form input {
border: 1px solid #ddd;
}
.subsblog .wpcf7-acceptance{
font-size: .8rem;
line-height: 1;
}
.subsblog h5 { font-weight: bold;
font-size: 2rem;
margin-bottom: 20px;
text-align: center;
}
.subsblog .wpcf7-submit{
background-color: #A74B22 !important;
color: #fff; font-weight: bold;
font-size: 1rem;
border: 0!important;
cursor: pointer;
}
.subsblog .wpcf7-submit:hover{
background-color: #034162 !important;
}  .frontpage h3{
margin-bottom: 10px;
}
#primary section.text_three_image{
padding: 10px 0;
}
@media (max-width: 567px){
.text_three_image .texto-imagen{
padding-left: 32px;
padding-right: 32px;
}
} .text_three_image .card{
border-radius: 6px;
}
#primary .text_three_image .card .text-content p{
font-size: .85em;
}
.text_three_image .card .card-content{
padding: 20px;
}
.text_three_image .card .card-content .column{
padding: 0px;
} @media (min-width: 992px){
.wrapformcontact{
padding: 50px;
}
}
@media (max-width: 567px){
.wrapbag{
display: none;
}
}
.comments-title {
font-weight: bold;
font-size: 1.5rem;
}
.comment-author .avatar {
border-radius: 50%;
vertical-align: middle;
}
.comment-body {
background-color: #fff;
border-radius: 6px;
box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
color: #4a4a4a;
display: block;
padding: 1.25rem;
} .slideshow_testimonios .carousel-cell p{
margin-top: 15px;
}
.certificadoico{
position: absolute;
width: 100px;
bottom: -50px;
left: 50%;
margin-left: -50px;
transition: all .2s cubic-bezier(.68,-0.55,.27,1.55);
}
.certificadoico:hover {
width: 150px;
margin-left: -75px;
bottom: -75px;
}
.footprice {
position: absolute;
bottom: 0;
width: 100%;
padding: 1.5rem;
}
.price {
font-size: 1.8rem;
font-weight: bold;
color: #000;
}
.freq {
color: #000 !important;
}
.text_three_planes .card-content {
padding-bottom: 120px;
}
.entry-content h2 {
font-weight: bold;
font-size: 2rem;
margin-bottom: 15px;
}
.wrapqa .message {
margin-bottom: 10px;
background-color:transparent
}
.wrapqa .message a{
text-decoration: none !important;
}
.wrapqa .message a:hover .message-header{
background-color:#06495F;
transition: all .2s ease;
color: #fff;
}
.wrapqa .message .message-header{
background-color: transparent;
border-radius: 15px;
border: 1px solid #06495F;
color: #06495F;
}
.wrapqa .message .message-header h5{
font-size: 1rem; }
.wrapqa .message .message-body{
color: #06495F;
border-color: #06495F;
background-color:#fff;
}
#accordion_first{
max-width: 800px;
margin: auto;
}
.message-body-content p{
font-size: 1rem;
}
.corte {
font-size: .8rem;
text-align: center;
}
.wrapwame {
text-align: center;
}
.wrapwame a {
padding: 10px;
color: #25D366;
width: 100%;
display: block;
border: 2px solid #25D366;
line-height: 1;
transition: all .5s;
border-radius: 50px;
}
div.wpcf7 .ajax-loader {
display: none;
}
.wpcf7 form.submitting .ajax-loader{
display: block;
}
.entry-content ul{
padding-left: 40px;
list-style: disc;
}
.page-id-549 article{
max-width: 450px;
margin: auto;
}
.error404 .page-header,
.error404 .page-content{
max-width: 450px;
margin: auto;
}
.error404 input.search-field,
.search-no-results input.search-field{
margin-bottom: 10px;
border-radius: 50px;
border: 1px solid #aaa;
padding: 10px 15px;
}
.error404 input.search-submit,
.search-no-results input.search-submit{
margin-bottom: 10px;
border-radius: 50px;
border: 1px solid #A74B22;
padding: 10px 15px;
background-color: #A74B22;
}
.error404 .widget_recent_entries{
margin-top: 30px;
}
.minmax{
min-width: 300px;
max-width: 500px;
}
.max900{
max-width: 900px;
margin: auto;
}
@-webkit-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@-moz-keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
@keyframes ani-mouse {
0% {
opacity: 1;
top: 29%;
}
15% {
opacity: 1;
top: 50%;
}
50% {
opacity: 0;
top: 50%;
}
100% {
opacity: 0;
top: 29%;
}
}
.scroll-btn {
display: block;
position: absolute;
left: 0;
right: 0;
text-align: center;
}
.scroll-btn > * {
display: inline-block;
line-height: 18px;
font-size: 13px;
font-weight: normal;
color: #000;
font-family: "proxima-nova", "Helvetica Neue", Helvetica, Arial, sans-serif;
letter-spacing: 2px;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *.active {
color: #000;
}
.scroll-btn > *:hover,
.scroll-btn > *:focus,
.scroll-btn > *:active,
.scroll-btn > *.active {
opacity: 0.8;
filter: alpha(opacity=80);
}
.scroll-btn .mouse {
position: relative;
display: block;
width: 25px;
height: 40px;
margin: 0 auto 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 3px solid black;
border-radius: 23px;
}
.scroll-btn .mouse > * {
position: absolute;
display: block;
top: 29%;
left: 50%;
width: 8px;
height: 8px;
margin: -4px 0 0 -4px;
background: black;
border-radius: 50%;
-webkit-animation: ani-mouse 2.5s linear infinite;
-moz-animation: ani-mouse 2.5s linear infinite;
animation: ani-mouse 2.5s linear infinite;
}
.scroll-btn p{
font-size: 12px;
margin-left: -42px;
}
.formmodal .modal-card-body{
padding: 40px;
border-radius: 12px;
}
.formmodal .wpcf7-form input{
font-size: 1.2rem;
}
.page-template-seminarios-template .section {
padding: 3rem 1.5rem!important;
}
.fecha {
background-color: #ddd;
display: inline-block;
border-radius: 50px;
padding: 2px 10px 2px 2px;
font-size: 12px;
}
.iconfecha {
width: 25px;
display: inline-block;
background-color: #eee;
padding: 6px;
border-radius: 50%;
height: 25px;
vertical-align: middle;
}
@media (min-width: 992px){ } a.scrolld {
padding-top: 60px;
position: absolute;
bottom: 20px;
left: 50%;
z-index: 2;
display: inline-block;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%);
color: #000;
font: normal 400 20px/1 'Josefin Sans', sans-serif;
letter-spacing: .1em;
text-decoration: none;
transition: opacity .3s;
}
a.scrolld span {
position: absolute;
top: 0;
left: 50%;
width: 46px;
height: 46px;
margin-left: -23px;
border: 1px solid #fff;
border-radius: 100%;
box-sizing: border-box;
}
a.scrolld span::after {
position: absolute;
top: 50%;
left: 50%;
content: '';
width: 16px;
height: 16px;
margin: -12px 0 0 -8px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
box-sizing: border-box;
}
a.scrolld span::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
content: '';
width: 44px;
height: 44px;
box-shadow: 0 0 0 0 rgba(255,255,255,.1);
border-radius: 100%;
opacity: 0;
-webkit-animation: sdb03 3s infinite;
animation: sdb03 3s infinite;
box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
60% {
box-shadow: 0 0 0 60px rgba(0,0,0,.4);
opacity: 0;
}
100% {
opacity: 0;
}
}
@keyframes sdb03 {
0% {
opacity: 0;
}
30% {
opacity: 1;
}
60% {
box-shadow: 0 0 0 60px rgba(0,0,0,.5);
opacity: 0;
}
100% {
opacity: 0;
}
}
.page-template-asociados-template .card{
margin-bottom: 20px;
}
.page-template-asociados-template .card h3 {
font-size: 1.3rem; }
.page-template-asociados-template #primary .card li {
font-size: 1.1rem;
margin-bottom: 0px;
}
.page-template-asociados-template .entry-header{
margin-bottom: 20px;
}
.iframecontainer {
overflow: hidden;
padding-top: 100%;
position: relative;
}
.iframecontainer iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.iframecontainer.map {
overflow: hidden;
padding-top: 100%;
position: relative;
}
.iframecontainer.map iframe {
border: 0;
height: 70%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.content li.wp-social-link + li.wp-social-link{
margin-top: 0;
} .page:not(.home) article{
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.contenidofoot{
border-top: 1px solid #111;
}
.contenidofoot a {
color: #000;
text-decoration: underline;
}
.contenidofoot a.cta-1{
text-decoration: none;
}
.frontpage .wp-video{
max-width: 500px;
margin: auto;
}
section.text_three_attr_2 {
counter-reset: programa;
}
section.text_three_attr_2 .card .card-content{
position: relative;
}
section.text_three_attr_2 .card .card-content::before {
counter-increment: programa;
content: counter(programa);
position: absolute;
width: 52px;
height: 52px;
text-align: center;
background-color: #FE8728;
color: #000;
border-radius: 50%;
line-height: 52px;
left: 50%;
top: -35px;
margin-left: -21px;
font-weight: bold;
font-size: 2rem;
} section.text_three_attr_2 .sinnumeracion .card .card-content::before{
content: 'block';
font-family: 'Material Icons';
font-weight: bold;
font-style: normal;
font-size: 24px; text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr; background-color: #99480B; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';
}
.iconattr {
max-width: 35px;
}
#lista_imagen-3{
background-color: #f1eff0;
} .hero.section,
.hero_slideshow.section,
.slideshow_servicio.section,
.slideshow_testimonios.section {
padding: 0;
}
.divider1{
position: absolute;
bottom: -1px;
display: none;
}
.divider2{
position: absolute;
top: 0px;
display: none;
}
.lista_imagen,
.slideshow_testimonios{
position: relative;
color: #fff;
} .bgsquare{
border-radius: 50px; } .estilo2{
color: #fff;
}
.estilo2::before {
content: '';
position: absolute;
left: 0;
right: 0;
top: -50px;
bottom: -50px;
background-color: #53565A;
}
.bgsec{
background-size: cover;
background-attachment: fixed;
}
.videocontainer {
overflow: hidden;
padding-top: 56.25%;
position: relative;
}
.videocontainer iframe {
border: 0;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.slideshow_right .carrusel-uno img {
max-height: 69px;
}
.page-template-template-proyectos .card figure > a > img {
-o-object-fit: cover;
object-fit: cover;
width: 100%;
height: 300px;
}
.suplink {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.page-template-template-proyectos .card-image {
overflow: hidden;
}
.page-template-template-proyectos .card-image img {
-webkit-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition: -webkit-transform 0.2s linear;
-o-transition: transform 0.2s linear;
transition: transform 0.2s linear;
transition: transform 0.2s linear, -webkit-transform 0.2s linear;
transition: -webkit-transform 0.2s linear;
}
.page-template-template-proyectos .card-image:hover img {
-webkit-transform: translateX(-30px);
-ms-transform: translateX(-30px);
transform: translateX(-30px);
-webkit-transform: scale(1.1) rotate(-2deg);
-ms-transform: scale(1.1) rotate(-2deg);
transform: scale(1.1) rotate(-2deg);
-webkit-transition: -webkit-transform 0.2s linear;
-o-transition: transform 0.2s linear;
transition: transform 0.2s linear;
transition: transform 0.2s linear, -webkit-transform 0.2s linear;
transition: -webkit-transform 0.2s linear;
}
.page-template-template-proyectos .suplink::before,
.page-template-template-proyectos .gallerychocolatstart::before {
content: 'Ver Galería';
color: #fff;
position: relative;
margin: auto;
display: block;
text-align: center;
line-height: 300px;
font-size: 2rem;
visibility: hidden;
}
.page-template-template-proyectos .gallerychocolatstart::before{
position: absolute;
background-color: rgba(0,0,0,.5);
z-index: 1;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.page-template-template-proyectos .suplink:hover {
background-color: rgba(0,0,0,.5);
}
.page-template-template-proyectos .suplink:hover:before,
.page-template-template-proyectos .gallerychocolatstart:hover:before {
visibility: visible;
}
.chocolat-wrapper{
z-index: 9999!important;
}
.chocolat-overlay{
background-color: #000!important;
}
.home section header{ width: 100%;
margin: auto;
line-height: 1;
}
.home section:not(.lista_imagen):not(.text_three_image):not(.slideshow_testimonios):not(.slideshow_right) header{
color: #000;
}
.text_three_attr_2 .texto-imagen.sinnumeracion header{
color: #000;
}
.text_three_attr_2 .texto-imagen.sinnumeracion header span{
text-decoration: underline;
}
.text_three_attr_2 .texto-imagen:not(.sinnumeracion) .card{
box-shadow: none;
}
.text_three_attr_2 .descri{
margin-bottom: 70px;
}
.text_three_attr_2 .card{
margin-bottom: 30px;
} section.text_three_attr_2 .sinnumeracion p{
color: #000;
}
.horline{
background-color: #fff;
height: 5px;
margin-top: -10px;
}
@media (min-width: 768px){
.lista_imagen > div > div > div > div.columns{
min-height: 450px;
}
}
.main_text .texto-imagen.style3 header{
position: relative;
padding: 15px 15px 15px 0px;
display: inline-block; margin-bottom: 24px!important;
}
.main_text .texto-imagen.style3 header > h2{
position: relative;
z-index: 1;
}
.main_text .texto-imagen.style3 .text-content{
padding-left: 20px;
}
.main_text .texto-imagen.style3 .text-content > p{
position: relative;
}
.main_text .texto-imagen.style3 .text-content > p::before {
position: absolute;
content: '';
top: 0;
left: -20px;
width: 15px;
height: 15px;
background-color: #A74B22;
top: 50%;
transform: translateY(-50%);
border-radius: 50%;
}
.main_text .texto-imagen.style3 header::before {
position: absolute;
content: ''; top: 0;
bottom: 0;
left: -1000px;
right: 0;
border-top-right-radius: 11px;
border-bottom-right-radius: 11px;
}
.main_text .texto-imagen.style3 header > h2 > span{
color: #A74B22;
font-size: 2.5rem;
}
.main_text .texto-imagen.style4 .oversec > .columns{
flex-direction: row-reverse;
}
.main_text .texto-imagen.style2 .oversec > .columns{
flex-direction: row-reverse;
}  .main_text .texto-imagen.style4 header > h2{
text-align: right;
}
.main_text .texto-imagen.style4 .oversec{
background-color: transparent;
}
.main_text .texto-imagen.style4 .cta-1{
margin-left: auto;
}
.main_text .texto-imagen.style4 .text-content > p{
position: relative;
border: 1px solid #ddd;
padding-left: 20px;
}
.main_text .texto-imagen.style4 .text-content > p::before {
position: absolute;
content: '';
top: 0;
left: 0;
width: 15px;
height: 100%;
background-color: #8CC6D6;
bottom: 0;
}
.main_text .texto-imagen.style4 .img-content{
border-radius: 50%;
overflow: hidden;
}
.main_text .texto-imagen.style4 .img-content > img{
width: 100%;
}   .main_text .texto-imagen.style5{
color: #fff;
}
.main_text .texto-imagen.style5 .text-content{
font-size: 1.5rem;
text-transform: uppercase;
}
.main_text .texto-imagen.style5 .text-content span {
display: block;
line-height: 1.3;
}
.main_text .texto-imagen.style5 .text-content span.text1{
font-weight: bold;
font-size: 98%;
}
.main_text .texto-imagen.style5 .text-content span.text3{
font-size: 73%;
font-weight: bold;
color: #8CC6D6;
}
.main_text .texto-imagen.style5 .text-content span.text4{
font-size: 82%;
}
.main_text .texto-imagen.style5 .oversec{
background-color: transparent;
}
.main_text .texto-imagen.style5 .oversec > .columns{
min-height: 80vh;
}
.main_text .texto-imagen.style6{
color: #fff;
}
.main_text .texto-imagen.style6 header h2{
color: #fff;
font-weight: bold;
}
.main_text .texto-imagen.style6 header h2 span{
color: #8CC6D6;
}
.main_text .texto-imagen.style6 .text-content{
font-size: 1rem;
display: flex;
line-height: 1;
}
.main_text .texto-imagen.style6 .text-content p{
background-color: #fff;
color: #000;
margin-right: 3px;
margin-left: 3px;
border-radius: 50px;
padding: 10px;
}
.main_text .texto-imagen.style6 .text-content span {
display: block;
line-height: 1.3;
}
.main_text .texto-imagen.style6 .text-content span.text1{
font-weight: bold;
font-size: 98%;
}
.main_text .texto-imagen.style6 .text-content span.text3{
font-size: 73%;
font-weight: bold;
color: #8CC6D6;
}
.main_text .texto-imagen.style6 .text-content span.text4{
font-size: 82%;
}
.main_text .texto-imagen.style6 .oversec{
background-color: transparent;
}
.main_text .texto-imagen.style6 .oversec > .columns{
min-height: 80vh;
}
.main_text .texto-imagen.style7{
color: #fff;
}
.main_text .texto-imagen.style7 header h2{
color: #fff;
font-weight: bold;
}
.main_text .texto-imagen.style7 header h2 span{
color: #8CC6D6;
}
.main_text .texto-imagen.style7 .text-content{
font-size: 1rem;
display: flex;
line-height: 1;
}
@media(max-width: 768px){
.main_text .texto-imagen.style7 .text-content{
display: block;
}
}
.main_text .texto-imagen.style7 .text-content p{
background-color: #fff;
color: #000;
margin-right: 3px;
margin-left: 3px;
border-radius: 50px;
padding: 10px 10px 10px 50px;
position: relative;
}
.main_text .texto-imagen.style7 .text-content span.iconsmat{
position: absolute;
left: 0px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.main_text .texto-imagen.style7 .text-content span {
display: block;
line-height: 1.3;
}
.main_text .texto-imagen.style7 .text-content span.text1{
font-weight: bold;
font-size: 98%;
}
.main_text .texto-imagen.style7 .text-content span.text3{
font-size: 73%;
font-weight: bold;
color: #8CC6D6;
}
.main_text .texto-imagen.style7 .text-content span.text4{
font-size: 82%;
}
.main_text .texto-imagen.style7 .oversec{
background-color: transparent;
}
.main_text .texto-imagen.style7 .oversec > .columns{
min-height: 80vh;
}  .main_text .texto-imagen.style1 .cta-1{
margin: auto;
}
.main_text .texto-imagen.style1 .custom-logo-link{
pointer-events: none;
}
.main_text .texto-imagen.style1 .custom-logo{
margin: auto;
}
.main_text .texto-imagen.style1 .wraptext-content{
text-align: center;
}
.main_text .texto-imagen.style1 header > h2 > span{
background-color: #A74B22;
color: #fff;
display: table;
position: relative;
z-index: 1;
}
.main_text .texto-imagen.style1 header > h2 > span::before {
position: absolute;
content: '';
background-color: #A74B22;
z-index: -1;
top: -5px;
left: -15px;
right: -15px;
bottom: -5px;
transform: rotate(2deg);
border-radius: 0 25% 5% 10%;
}
.main_text .oversec > .columns > .column > div{
position: relative;
} .main_text .texto-imagen.style1 .wraptext-content header, .main_text .texto-imagen.style1 .wraptext-content .text-content{
padding-bottom: 35px !important;
}
.main_text .texto-imagen.style1 .wrapimg-content, .main_text .texto-imagen.style1 .wrapimg-content > .img-content,
.main_text .texto-imagen.style3 .wrapimg-content, .main_text .texto-imagen.style3 .wrapimg-content > .img-content{
overflow: hidden; margin: auto;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.main_text .texto-imagen.style1 .wrapimg-content > .img-content > img,
.main_text .texto-imagen.style3 .wrapimg-content > .img-content > img{
display: block;
}
.main_text .texto-imagen.style1 .wrapimg-content,
.main_text .texto-imagen.style3 .wrapimg-content{
background-color: #A74B22;
padding: 10px;
position: relative;
left: 10px;
bottom: 10px;
}
.single-main_products .carrusel-prodprin{
background-color: #A74B22;
padding: 10px;
position: relative;
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
left: 10px;
bottom: 10px;
position: sticky;
top: 130px;
}
.single-main_products #primary li{
margin: 0;
}
.single-main_products .flickity-viewport{
border-top-left-radius: 50%;
border-top-right-radius: 50%;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
left: -10px;
bottom: -10px;
}
.main_text .texto-imagen.style1 .wrapimg-content > .img-content,
.main_text .texto-imagen.style3 .wrapimg-content > .img-content{
position: relative;
left: -15px;
bottom: -15px;
}
.main_text .text-content strong {
color: #000;
}
.slideshow_right .headerdecorado header h2 {
background-color: #A74B22;
color: #fff;
text-transform: uppercase;
font-weight: bold;
display: inline-block;
width: auto;
padding: 10px 30px;
border-top-left-radius: 50px;
border-bottom-left-radius: 50px;
}
.slideshow_right .headerdecorado header h2 span{
font-size: 80%;
}
.slideshow_right .headerdecorado header{
text-align: right!important;
}
.slideshow_right .headerdecorado header span{
display: block;
}  .slideshow_right .carrusel-uno{
margin-bottom: 50px;
}
.home section .titulodecoradowrap header {
max-width: 380px;
padding: 0!important;
position: relative;
}
.titulodecoradowrap h2 {
color: #fff;
background-color: #A74B22;
padding: 20px;
}
.youtube-embed-wrap > .container > .columns {
position: relative;
overflow: hidden;
}
@media (min-width: 768px){
.youtube-embed-wrap > .container > .columns {
min-height: 450px;
} .wrapembed{
left: -50px;
position: relative;
bottom: -50px;
}
}
.youtube-embed-wrap > .container > .columns > .column.withheader::before {
position: absolute;
content: '';
left: 0;
top: -65px;
bottom: -65px;
width: 58%;
background-color: #A74B22;
z-index: -1;
border-top-right-radius: 50%;
border-bottom-right-radius: 50%;
}
.titulodecoradowrap header::before {
position: absolute;
content: '';
width: 60px;
height: 60px;
left: -1px;
top: -1px;
background-color: #fff;
z-index: -1;
}
.titulodecoradowrap header::after {
position: absolute;
content: '';
width: 60px;
height: 60px;
right: -1px;
bottom: -1px;
background-color: #fff;
z-index: -1;
}
.youtubesvg svg {
width: 25px;
vertical-align: middle;
}
.wrapembed header{
letter-spacing: -1px;
color: #000;
text-align: right;
}
.wrapembed header a{
color: #000;
}
.youtube-embed-wrap .buttons{
margin-top: 50px;
} @media (min-width: 768px){
.youtube-embed-wrap .container::before {
position: absolute;
content: '';
background-color: #A74B22;
left: -50%;
top: 0;
bottom: 108px;
width: 100%;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
z-index: -1;
}
}
.adornocolumns{
position: relative;
}
.adornocolumns:before{
position: absolute;
content: '';
top: 0;
left: -1000px;
width: 4000px;
bottom: 0;
background-color: #A74B22;
}
.adornocolumns .card {
background-color: transparent;
color: #fff;
}
.numercircle span {
width: 80px;
height: 80px;
display: block;
margin: auto;
background-color: #fff;
color: #000;
border-radius: 50%;
font-size: 3rem;
line-height: 80px;
margin-bottom: 15px;
}
.text_three_image > div > div > .descri, .home section.text_three_image > div > div > header {
max-width: 600px;
margin: auto;
}
.text_three_image > div > div > .descri{
margin-bottom: 30px;
}
.home section.text_three_image > div > div > header {
margin-bottom: 15px;
color: #000;
}
.home section.text_three_image > div > div > header span{
color: #A74B22;
}
@media (min-width: 768px){
.main_text .texto-imagen:not(.style1):not(.style3):not(.style4):not(.style5) .wraptext-content{
margin-top: 50px;
}
.main_text .texto-imagen:not(.style1):not(.style3):not(.style4):not(.style5) .buttons{
margin-bottom: 50px;
}
}
.main_text .texto-imagen.style2 .text-content span{
color: #A74B22;
font-weight: bold;
}
.main_text .texto-imagen.style2 header > h2{
color: #8CC6D6;
position: relative;
}
.main_text .texto-imagen.style2 header > h2::before {
position: absolute;
content: '';
height: 1px;
width: 50%;
background-color: #000;
bottom: -10px;
right: 0;
}
.main_text .texto-imagen.style2 header > h2 > span{
color: #000;
font-size: 150%;
margin-top: -15px;
font-weight: normal;
}
.main_text .texto-imagen.style2 .wraptext-content header{
margin-bottom: 15px!important;
text-align: center;
} .page-template-template-proyectos .entry-header::before {
position: absolute;
content: '';
top: -1800px;
right: 0;
bottom: 0;
left: -900px;
background-color: #A74B22;
z-index: -1;
border-radius: 50%;
width: 2000px;
height: 2000px;
}
.page-template-template-proyectos .entry-header {
position: relative;
color: #fff;
padding: 20px 0;
margin-bottom: 50px;
display: table;
}
.page-template-template-proyectos .entry-header h1{
font-size: 1rem;
text-transform: uppercase;
margin-bottom: 0;
}
.page-template-template-proyectos #primary .entry-header p {
font-size: 2rem;
line-height: 1;
}
.page-template-template-proyectos #primary .entry-header p > span {
display: block;
text-transform: uppercase;
font-weight: bold;
font-size: 3rem;
margin-left: 40px;
position: relative;
}
.page-template-template-proyectos .entry-header p > span::after {
content: 'arrow_drop_down';
font-family: 'Material Icons';
font-weight: bold;
font-style: normal;
font-size: 6rem;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
position: absolute;
right: -80px;
top: -20px;
}
@media (max-width: 567px){
.page-template-template-proyectos main#primary{
overflow: hidden;
}
}
.numercircle .imgcirclewrap {
width: 80px;
border-radius: 50%;
overflow: hidden;
margin: auto auto 15px;
height: 80px;
display: block;
padding: 10px;
background-color: #fff;
} .cd-top {
display: inline-block;
height: 40px;
width: 40px;
position: fixed;
bottom: 40px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); overflow: hidden;
text-indent: 100%;
white-space: nowrap;
background: rgba(153, 72, 11, 0.8) url(//jhshome.pe/wp-content/themes/yftel/custom/assets/img/arrow-top-white.svg) no-repeat center 50%;
visibility: hidden;
opacity: 0;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
border-radius: 50%;
}
.cd-top.cd-is-visible { visibility: visible;
opacity: 1;
}
.cd-top.cd-fade-out { opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #e86256;
opacity: 1;
}
@media only screen and (min-width: 768px) {
.cd-top {
right: 20px;
bottom: 20px;
}
}
@media only screen and (min-width: 1024px) {
.cd-top {
height: 60px;
width: 60px;
right: 30px;
bottom: 30px;
}
} .boxredes svg {
height: 35px;
width: auto;
fill: #fff !important;
}
.boxredes{
display: flex;
margin-top: 10px;
}
@media (max-width: 768px){
.boxredes{
justify-content: center;
}
}
.boxredes a {
background-color: #444;
margin-right: 5px;
width: 45px;
height: 45px;
text-align: center;
border-radius: 50%;
padding: 5px;
}
.wrapsubsblog{
max-width: 600px;
margin: auto;
}
#colophon .subsblog {
background-color: #fff;
color: #000;
margin-bottom: 15px;
}
.gridservices{
padding: 0;
margin: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
max-width: 80%;
margin: auto;
}
.griditemservices{
width: 50%;
}
.style2 .griditemservices {
padding: 25px;
}
.style1 .griditemservices {
padding: 15px;
}
.style2 header{
color: #8CC6D6;
}
@media (min-width: 768px){
.griditemservices{
width: 25%;
}
.style2 .griditemservices {
width: 20%;
}
.text_three_attr_2 .style2 .container{
max-width: 75%;
}
}
@media (max-width: 567px){
img.custom-logo{ max-width: none;
}
}
.wrapvideocontainer {
max-width: 500px;
margin: auto;
}
span.color1{
color: #A74B22;
}
span.color2,
.color2{
color: #8CC6D6;
}
.colorrojo{
color: #A74B22;
}
.colorverde{
color: #4AAE4F;
}
span.bgcolor2{
background-color: #8CC6D6;
color: #fff;
padding: 0 10px;
}
@media (min-width: 768px){ .hero-content > .button {
margin-top: 40px;
}
}
@media (min-width: 768px){
.hero-content .cta-1{
position: absolute;
left: 50%;
transform: translatex(-50%);
}
}
.youtube-embed-wrap.style1 .columns{
display: block;
}
.youtube-embed-wrap.style1 .columns .column{
width: 100%;
}
.youtube-embed-wrap.style1 > .container > .columns > .column.withheader::before{
display: none;
}
.youtube-embed-wrap.style1 .titulodecoradowrap h2{
color: #000;
background-color: transparent;
}
.youtube-embed-wrap.style1 .titulodecoradowrap header::before,
.youtube-embed-wrap.style1 .titulodecoradowrap header::after {
display: none;
}
.youtube-embed-wrap.style1 .container::before {
position: absolute;
content: '';
background-color: #8CC6D6;
left: -25%;
top: 0;
bottom: 108px;
width: 400px;
border-radius: 50%;
z-index: -1;
height: 400px;
}
@media (max-width: 768px){
.youtube-embed-wrap.style1 .container::before {
left: -100%;
}	
}
.youtube-embed-wrap.style1 .wrapembed{
max-width: 500px;
margin: auto;
left: 0;
}
.home section .youtube-embed-wrap.style1 .titulodecoradowrap header{
max-width: none;
text-align: center;
}
.youtube-embed-wrap.style1 .cta-1{
background-color: #8CC6D6!Important;
}
.text_three_attr_2 .texto-imagen.style1 .columns::before{
position: absolute;
content: '';
background-color: #F1F1F1;
left: -1000px;
right: -1000px;
bottom: -66px;
top: 120px;
z-index: -1;
}
.text_three_attr_2 .texto-imagen.style1 .card{
background-color: transparent;
box-shadow: none;
}
.text_three_attr_2 .texto-imagen.style3 .card-image img{
max-height: 100px;
width: auto;
margin: auto;
}
.text_three_attr_2 .texto-imagen.style3 header{
margin-bottom: 5px!important;
}
.text_three_attr_2 .texto-imagen.style3 header h2{
font-weight: bold;
}
section.text_three_attr_2 .texto-imagen.style3 .card .card-content::before{
display: none;
}
.text_three_attr_2 .texto-imagen.style4 .card-image img{
max-height: 100px;
width: auto;
margin: auto;
}
section.text_three_attr_2 .texto-imagen.style4 .card .card-content::before{
display: none;
}
.text_three_attr_2 .texto-imagen.style4 .card-content{
padding-top: 0;
padding-bottom: 0;
}
.text_three_attr_2 .texto-imagen.style4 .card{
margin-bottom: 0;
}
.text_three_attr_2 .texto-imagen.style4 header h2{
font-size: 1.6rem;
font-weight: bold;
background-color: #a74b22;
color: #fff;
padding: 15px;
}
.siluetwrap{
z-index: 1;
}
.siluetwrap2{
position: absolute;
top: 0;
right: 0;
text-align: right;
bottom: -50px;
}
.siluetwrap2{
top: auto;
bottom: 0;
opacity: .5;
}
.siluetwrap2.v4 {
right: auto;
left: 0;
top: 0;
text-align: left;
}
.siluetwrap2 img{
height: 100%;
}
@media (min-width: 992px){
.siluetwrap{
max-width: 50%;
bottom: -40px;
position: relative
}
}
@media (max-width: 768px){
.siluetwrap{
position: absolute;
z-index: 0;
left: 25%;
right: -60%;
top: 50%;
transform: translateY(-50%);
opacity: .5;
}
.siluetwrap2{
top: auto;
bottom: 0;
opacity: .5;
z-index: -1;
}
}
.text_three_attr_2 .texto-imagen.style2 .siluetwrap2 {
top: -50px;
width: 20%;
max-width: 250px;
left: 0;
right: auto;
opacity: 1;
bottom: -50px;
}
@media (max-width: 768px){
.text_three_attr_2 .texto-imagen.style2 .siluetwrap2{
left: -15%;
}
}
.text_three_attr_2 .texto-imagen.style2 .siluetwrap2 img {
object-fit: none;
}
.text_three_attr_2 .texto-imagen.style2 .columns{
display: block;
text-align: left!important;
padding-left: 20%;
}
.text_three_attr_2 .texto-imagen.style2 .columns .card-content{
padding: 0;
}
.text_three_attr_2 .texto-imagen.style2 .card{
margin-bottom: 0;
}
section.text_three_attr_2 .texto-imagen.style2 .card .card-content::before{
counter-increment: programa;
content: counter(programa);
position: absolute;
width: 35px;
height: 35px;
text-align: center;
background-color: #FE8728;
color: #000;
border-radius: 50%;
line-height: 36px;
left: -20px;
top: 50%;
margin-left: -21px;
font-weight: bold;
font-size: 1rem;
transform: translateY(-50%);
}
.text_three_attr_2 .texto-imagen.style2 > .container > header{
margin: 0!important;
padding-left: 16%;
}
.text_three_attr_2 .texto-imagen.style2 > .container > header > h2{
text-align: left!important;
}
@media (min-width: 768px){
.lista_imagen .texto-imagen.style1 .column.is-half{
width: 80%;
}
}
.lista_imagen .texto-imagen.style1 header > h2{
text-transform: uppercase;
}
.wraplogoslide{
background-color: #fff;
border-radius: 11px;
padding: 40px 20px;
} .labellogo {
background-color: #A74B22;
color: #fff;
max-width: 85%;
margin: auto;
padding: 5px 10px;
bottom: -50px;
position: relative;
font-weight: bold;
}
.slideshow_testimonios .sinfondo{
color: #000;
}
.slideshow_testimonios .sinfondo header{
position: relative;
color: #fff;
padding: 15px;
}
.slideshow_testimonios .sinfondo header::before {
position: absolute;
content: '';
top: 0;
bottom: 0;
left: -1000px;
right: -1000px;
background-color: #8CC6D6;
z-index: -1;
}
.slideshow_testimonios .wraptesti{
padding: 20px 40px;
}
.slideshow_testimonios .carousel-cell .wraptestiimg img{
border-radius: 12px;
}
.iconsmat{
font-family: 'Material Icons';
font-size: 2.5rem;
}
.cta_transitional{
position: relative;
overflow: hidden;
} .cta_transitional::before {
position: absolute;
content: '';
bottom: -40vh;
left: -5vh;
background-color: #17697F;
width: 100vh;
height: 100vh;
border-radius: 50%;
}
.cta_transitional .img-content > img{
max-width: 400px;
width: 100%;
}
.cta_transitional header,
.wrapsubsblog header{
position: relative;
}
.cta_transitional header h2,
.wrapsubsblog header h5{
font-size: 1.7rem;
text-transform: uppercase;
}
.cta_transitional header h2 > span,
.wrapsubsblog header h5 > span{
display: block;
font-weight: bold;
}
.cta_transitional .iconsmat{
border: 4px solid #a74b22;
border-radius: 50%;
position: absolute;
left: -55px;
top: 50%;
transform: translateY(-50%);
color: #a74b22;
}
@media (max-width: 768px){
.main_text, .text_three_attr_2, .slideshow_testimonios{
overflow: hidden;
}
}
@media (max-width: 768px){
.boxsmart{
background-color: #fff;
padding: 20px;
border-radius: 12px;
box-shadow: 0 .5em 1em -.125em rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.02);
}
} .boxservi{
padding: 25px;
}
.boxservi, .boxservi-body{
position: relative;
}
.boxservi-title{
color: #000;
text-align: center;
padding-top: 15px;
}
.servicios-grid{
counter-reset: servicios
}
body:not(.page-id-1180) .servicios-grid .boxservi .boxservi-body::before {
counter-increment: servicios;
content: counter(servicios);
position: absolute;
width: 52px;
height: 52px;
text-align: center;
background-color: #8CC6D6;
color: #fff;
border-radius: 50%;
line-height: 52px;
left: 50%;
top: -35px;
margin-left: -21px;
font-weight: bold;
font-size: 2rem;
}
.boxservi-thumb-wrap, .pagethumb-wrap .post-thumbnail {
background-color: #8CC6D6;
border-radius: 50%;
position: relative;
right: -10px;
}
.boxservi-thumb, .pagethumb-wrap img {
border-radius: 50%;
position: relative;
left: -10px;
}
.page-template-parent-template .entry-title{
text-align: center;
}
.pagethumb-wrap .post-thumbnail::before{
position: absolute;
content: '';
}
.pagethumb-wrap .post-thumbnail::before {
position: absolute;
content: '';
left: -92%;
background-color: #8CC6D6;
z-index: -1;
transform: rotate(21deg);
width: 150%;
height: 99%;
top: -25%;
}
.nota_adicional {
font-size: .65rem;
text-align: center;
}
.text_three_attr_2 .texto-imagen.style2 .card .text-content p {
font-size: 1.4rem;
font-weight: bold;
color: #000;
}
.text_three_attr_2 .texto-imagen.style2 .container > .columns .column {
padding-top: 0;
}
@media (min-width: 768px){
.boxsmart{
margin-left: 45px;
}
} .videoposabs{
position: absolute;
width: 100%;
}
strong{
color: #000;
}
.backgroundsection::before {
position: absolute;
content: '';
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
}
.linkupmask{
position: absolute;
z-index: 3;
display: block;
width: 100%;
height: 100%;
top: 0;
left: 0;
line-height: 0;
}              .poster_efecto{
position: relative;
border: 1px solid #a74b22;
padding: 20px;
border-radius: 10px;
}
.poster_efecto .olay{
display: none;
}
.poster_efecto_content h3{
text-align: center;
font-weight: bold;
}
.cell-prodprin{
width: 100%;
}
.cell-prodprin img {
width: 100%;
object-fit: cover;
height: 100%;
background-color: #fff;
}
@media (min-width: 567px){
.cell-prodprin{
height: 500px;
}
}
@media (max-width: 567px){
.cell-prodprin{
height: 300px;
}
}
.archive .page-title {
font-size: 1.6rem;
margin-bottom: 20px;
text-align: center;
}
.slideshow_testimonios{
overflow: hidden;
}
.cta_transitional,
.main_text .texto-imagen.style1{
background-image: url(//jhshome.pe/wp-content/uploads/2023/04/jhshome-fondos-004.png);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
.main_text .texto-imagen.style1 .oversec{
background-color: transparent;
}
.single-main_products main,
.mainproducts_slide,
.text_three_attr_2 .texto-imagen.style3{
background-image: url(//jhshome.pe/wp-content/uploads/2023/04/jhshome-fondos-003.png);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;	
}
.mainproducts_slide h2 {
font-weight: bold;
}
.mainproducts_slide h2 > span{
display: block;
font-weight: normal;
}
.slideshow_testimonios,
.slideshow_right{
background-image: url(//jhshome.pe/wp-content/uploads/2023/04/jhshome-fondos-005.png);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
}
.text_three_attr_2 .texto-imagen.style3 .card{
background-color: transparent;
}
@media (max-width: 567px){
.main_text .texto-imagen.style1{
background-size: contain;
}
.slideshow_testimonios .flickity-prev-next-button.previous{
left: -10px;
}
.slideshow_testimonios .flickity-prev-next-button.next{
right: -10px;
}
.main_text .texto-imagen.style7 .oversec > .columns{
display: flex;
}
.main_text .texto-imagen.style7 .text-content p{
padding: 15px 15px 15px 50px;
}
.mainproducts_slide .flickity-prev-next-button.next{
right: -10px;
}
.mainproducts_slide .flickity-prev-next-button.previous{
left: -10px;
}
.cta_transitional .iconsmat{
display: none;
}
}
.mainproducts_slide .flickity-button{
background-color: #8CC6D6;
}
.modal.popup h3{
font-weight: bold;
text-transform: uppercase;
margin-bottom: 15px;
}
.main_products .entry-content ul{
padding-left: initial;
}
span.precio{
font-size: 1.5rem;
font-weight: bold;
}
.oferta > .precio {
text-decoration: line-through;
font-size: .8rem;
font-weight: normal;
color: #777;
display: block;
}
.oferta > .precio_oferta{
font-size: 1.5rem;
color: #000;
}
.porcent {
color: #fff;
background-color: #a74b22;
padding: 2px 5px;
border-radius: 4px;
font-weight: bold;
}
@media (min-width: 1024px){
.navbar-item.is-hoverable:hover .navbar-dropdown {
display: none;
}
.navbar-item.is-hoverable:hover > .navbar-dropdown{
display: block;
}
.navbar-item.is-hoverable > .navbar-dropdown > .navbar-item.is-hoverable > .navbar-link{
padding-left: 0;
}
.navbar-item.is-hoverable > .navbar-dropdown > .navbar-item.is-hoverable > .navbar-link:after{
transform: rotate(-135deg);
}
.navbar-item.is-hoverable > .navbar-dropdown > .navbar-item.is-hoverable > .navbar-dropdown{
margin-left: 100%;
margin-top: -50px;
border-radius: 0;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
}
.validado {
margin-bottom: 15px;
display: block;
font-size: .9rem;
}
.hero-content .cta-1{
display: inline-flex;
}