/*RESET*/
@charset "utf-8";a{text-decoration:none}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}

/*GENERALES*/
body { margin:0px; background-color:#FFFFFF; overflow-x: hidden !important}
p, b, a, i, u, h1, h2, h3, h4, h5, h6, ul ,li, input, textarea, select, span, button, strong { 
    font-family: 'Mulish', sans-serif;
    /* font-family: 'Playfair Display', serif; */
 }
 h1, h2, h3, h4, h5, h6 { 
    font-family: 'Playfair Display', serif; 
 }
 strong { font-weight: 600;}
b { font-weight:700}
.clear0 { clear:both; height:0px}
.clear5 { clear:both; height:5px}
.clear10 { clear:both; height:10px}
.clear15 { clear:both; height:15px}
.clear20 { clear:both; height:20px}
.clear30 { clear:both; height:30px}
.clear40 { clear:both; height:40px}
.clear50 { clear:both; height:50px}
.clear90 { clear:both; height:90px}
::selection {color:#CCC;background:#444;}
::-moz-selection {color:#EEE;background:#444;}
*:focus { outline:none}



.africa {
    width: 100%;
    height: auto;
    background-color: #222;
    text-align: center;
    padding: 10px 0;
    }
    .africa p {
    color: #ccc;
    font-size: 10px;
    line-height: 12px;
    text-transform: uppercase;
    }
    .africa p a {
    color: #ccc;
    }
    .africa p a:hover {
    color: #fff;
    text-decoration: underline;
    }
    



.document-opacity { opacity: 1; margin-top: 0vh;}
#page-loader {
    position: fixed; display: flex; justify-content: center; align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background: #FFF;
    z-index: 9999999;
}
#page-loader img { width: 80%; max-width: 250px; }


.loader-review { position: absolute; top: calc(54% + 60px); left: 50%;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);  width: 300px; font-family: Arial;  font-size: 13px;  text-align:center;}
.loading { background-color: #CCC; height: 5px;  overflow: hidden; position: relative; width: 160px; margin-top: 500px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;}
.loading-bar { animation: sideToside 2s ease-in-out infinite; background-color: #777; height: 100%; position: absolute; width: 50%;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;}
.center { left: 50%; margin: 0; position: absolute; top: 60%;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
@keyframes sideToside {
    0%, 100% { transform: translateX(-50%); }
    50%      { transform: translateX(150%); }
}




.lighMenu { width: 100%; height: 100%; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,0.7); z-index: 99999999; display: none}
.lighMenu .izq { position: absolute; top: 0; bottom: 0; left: 0; right: 350px}
.lighMenu .der { width: 350px; height: 100%; position: absolute; right: -350px; top: 0; background-color: #FFF}
.lighMenu .der .cerrar { width: 40px; position: absolute; top: 20px; right: 20px; opacity: 1; cursor: pointer;
 -moz-transition:all 0.25s ease 0s;
    -o-transition:all 0.25s ease 0s;
    -ms-transition:all 0.25s ease 0s;
    -webkit-transition:all 0.25s ease 0s;}
.lighMenu .der .listaMenu { top: 100px; width: 80%; left: 10%; position: absolute }
.lighMenu .der .listaMenu li { width: 100%; border-bottom: 1px solid #CCC; cursor: pointer}
.lighMenu .der .listaMenu li a {    color: #333;    font-size: 18px;    letter-spacing: 1px;    padding: 11px 0px;    font-weight: 300; display: block;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    -ms-transition: all 0.25s ease 0s;
    -webkit-transition: all 0.25s ease 0s;
}
.lighMenu .der .listaMenu li .activo { font-weight: bold; color: #182E4A;}
.lighMenu .der .listaMenu li:hover a { padding-left: 6px}




header { width: 100%; height: auto; background-color: #FFF; position: fixed; top: 0; left: 0; z-index: 9999;}
header .in { width: 94%; max-width: 1700px;margin: auto; padding: 20px 0px; display: flex; align-items: center; justify-content: space-between; }
header .in .logo { height: 70px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
header .in nav { padding: 14px 0px;padding-bottom: 5px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
header .in nav a { color: #292929; font-size: 14px; line-height: 14px; letter-spacing: 1px; padding: 5px 20px;  position: relative;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
    header .in nav a::after { opacity: 0;
    position: absolute;
    content: '';
    width: 10px;
    height: 2px;
    bottom: 0px;
    background-color: #AFCBC9;
    left: 50%;
    transform:  translateX(-50%);
    -webkit-transform:  translateX(-50%);
    -moz-transform:  translateX(-50%);
    -ms-transform:  translateX(-50%);
    -o-transform:  translateX(-50%);
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;
}
header .in nav a.activo { font-weight: bold; color: #AFCBC9;}
header .in nav a:hover { color: #AFCBC9;}
header .in nav a:hover::after { width: 30px; opacity: 1;}
header .in nav a.activo::after {  opacity: 1; width: 30px;}
header .in nav span { opacity: 0.3;}

header .icMenu { display: none;}


.show-menu .in .logo {    height: 55px;}
.show-menu .in nav {    padding: 8px 0px;    padding-bottom: 0px;}









.slider {    width: 100%;    height: auto; margin-top: 130px !important; position: relative; width: 94%; max-width: 1700px; height: 80vh; min-height: 500px;}
.slider .swiper-slide { background-position: center center; background-size: cover; position: relative; box-sizing: border-box; padding: 5vw; padding-top: 10vw; overflow: hidden;}
.slider .swiper-slide h3 { font-size: 50px; line-height: 68px; width: 40vw;  font-style: italic; font-weight: 700; margin-bottom: 30px;}
.slider .swiper-slide p {  font-size: 16px; font-weight: 300; letter-spacing: 1px; position: relative; display: inline-block;}
.slider .swiper-slide p span { position: absolute; top: 50%; right: -54px; width: 40px; height: 1px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%);
}
.slider .swiper-slide.oscuro h3 { color: #182E4A;}
.slider .swiper-slide.oscuro p { color: #486173;}
.slider .swiper-slide.oscuro p span {  background-color: #BAAD7B;}

.slider .swiper-slide.claro h3 { color: #FFF;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.18);}
.slider .swiper-slide.claro p { color: #FFF;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.18);}
.slider .swiper-slide.claro p span {  background-color: #FFF;}

.slider .swiper-pagination-bullet-active { background-color: #222;}






.obituario { width: 100%; height: auto; padding: 120px 0px; text-align: center;}
.obituario h2 { color: #182E4A; font-size: 44px; font-style: italic; font-weight: 700;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); margin-bottom: 45px;}
.obituario .contCampo { width: 90%; max-width: 600px; border: 1px solid #BAAD7B; box-sizing: border-box; padding: 14px 20px; margin: auto; display: flex; align-items: center; justify-content: space-between; position: relative;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;}
    .obituario .contCampo input {  width: 90%; font-size: 20px; box-sizing: border-box; padding: 8px 0px; padding-left: 14px; border: none;}
    .obituario .contCampo .sendBtnObituario { width: 40px; height: 40px; position: absolute; right: 25px; background: transparent; background-image: url(../img/icBuscar.svg); background-size: 70% 70%; background-position: center center; background-repeat: no-repeat; cursor: pointer; }
    .obituario .contCampo .sendBtnObituario:hover { opacity: 0.7;}








.servicios { background-color: #F7F6F3; width:100%; height: auto; padding-top: 90px; position: relative; text-align: center; margin-bottom: 60px;}
.servicios .franja { position: absolute; bottom: 0; width: 100%;height: 70px; bottom: 0; left: 0; background-color: #FFF;}
.servicios h2 { color: #182E4A; font-size: 50px; font-style: italic; font-weight: 700;text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1); margin-bottom: 30px;}
.servicios p { color: #222; font-size: 16px; line-height: 25px; width: 100%; padding: 0px 30px; box-sizing: border-box;}
.servicios ul { margin-top: 60px; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; position: relative;z-index: 99;}
.servicios ul a { width: 25vw; max-width: 360px; margin: 0px 30px; background-color: #333; height: 450px; display: flex; align-items: center; flex-direction: column; box-sizing: border-box; padding: 20px;justify-content: flex-end; background-size: 105% auto; background-position: center center; position: relative;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.servicios ul a h6 { color: #FFF; font-size: 21px; line-height: 32px; margin-bottom: 15px; position: relative; z-index: 99; font-weight: 600;}
.servicios ul a button { background: transparent; border: 1px solid #AFCBC9; color: #AFCBC9; font-size: 11px; padding: 8px 26px; position: relative; z-index: 99;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
    .servicios ul a button:hover { background-color: #AFCBC9; color: #111;}
    .servicios ul a:hover { padding-bottom: 30px;background-size: 115% auto;}

.servicios ul a .degradado { position: absolute; width: 100%; height: 100%; top: 0; left: 0;z-index: 1; opacity: 0.7;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 97%);
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}

.servicios ul a:hover .degradado {opacity: 1;}






.quienes { width: 90%; margin: 60px auto; max-width: 1200px; margin-top: 120px;}
.quienes .titular { width: 100%; height: auto; display: flex; align-items: center;}
.quienes .titular h2 { color: #486173; font-size: 50px; line-height: 50px; font-style: italic; font-weight: 700;margin-bottom: 30px; margin-right: 20px;}
.quienes .titular .line { flex: 1; height: 1px ; background-color: #BAAD7B;}
.quienes .abajo { width: 100%; display: flex; margin-top: 10px;}
.quienes .abajo .izq {width: 48%;}
.quienes .abajo .izq p { font-size: 17px; line-height: 30px; color: #182E4A; font-weight: 300; margin-bottom: 12px;}
.quienes .abajo .izq a { background: transparent; border: 1px solid #182E4A; color: #182E4A; font-size: 12px; padding: 8px 26px; position: relative; z-index: 99; 
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.quienes .abajo .izq a:hover { background-color: #182E4A; color: #FFF;}
.quienes .abajo .foto { background-color: #333; width: 45%; margin-left: 40px; height: 420px; background-size: cover; background-position:  center center;
    transform: translateY(-80px) ; -webkit-transform: translateY(-80px) ; -moz-transform: translateY(-80px) ; -ms-transform: translateY(-80px) ; -o-transform: translateY(-80px) ;
}


.quienes .abajo .degradado { position: absolute; width: 100%; height: 50%; bottom: 0; left: 0;z-index: 1; opacity: 0.5;
    background: rgb(0,0,0);
    background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 97%);
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}






.gestos { width: 100%; height: auto; text-align: center; box-sizing: border-box; padding: 150px 30px; background-image: url(../img/gestion-fondo.jpg); background-size: cover; background-position: center center; background-attachment: fixed;}
.gestosIn { height: 80vh; margin-top: 90px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.gestos h2 {color: #FFF; font-size: 44px; line-height: 50px; font-style: italic; font-weight: 700;margin-bottom: 60px;}
.gestos .listado { display: flex; align-items: flex-start; justify-content: center;}
.gestos .listado a { margin: 0px 30px; box-sizing: border-box; padding: 26px 34px;
    -moz-transition:all 0.3s ease 0s;
    -o-transition:all 0.3s ease 0s;
    -ms-transition:all 0.3s ease 0s;
    -webkit-transition:all 0.3s ease 0s;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
.gestos .listado a img { height: 50px; margin-bottom: 24px;}
.gestos .listado a p { color: #FFF; font-size: 15px; line-height: 24px; font-weight: 200;}
.gestos .listado a:hover { background-color: rgba(256,256,256,0.1); }
.gestos .listado .comida img { height: 60px; width: 65px;}
.gestos .listado .donaciones img { height: 60px; width: 60px;}
.gestos .listado .cajas img { height: 60px; width: 50px;}
.gestos .listado .obsequios img { height: 60px; width: 65px;}



.testimonios { width: 100%; height: 100%; background-color: #F7F6F3; text-align: center; padding: 110px 0px; padding-bottom: 150px; overflow: hidden;}
.testimonios h2 {color: #486173; font-size: 50px; line-height: 50px; font-style: italic; font-weight: 700;margin-bottom: 50px;}

.sliderTestimonios { position: relative;}
.sliderTestimonios .swiper-wrapper { }
.sliderTestimonios .swiper-slide { }
.sliderTestimonios .swiper-slide .cita { background-color: #FFF; box-sizing: border-box; padding: 40px 50px; display: flex; display: flex; width: 88%; margin: auto;
        -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 5px 4px 15px -3px rgb(0 0 0 / 22%);
    -webkit-box-shadow: 5px 4px 15px -3px rgb(0 0 0 / 22%);
    -moz-box-shadow: 5px 4px 15px -3px rgb(0 0 0 / 22%);}
.sliderTestimonios .swiper-slide img { height: 36px; margin-right: 25px;}
.sliderTestimonios .swiper-slide div { text-align: left;}
.sliderTestimonios .swiper-slide div p { font-size: 17px; line-height: 28px; font-weight: 300; margin-bottom: 20px;}
.sliderTestimonios .swiper-slide div span { color: #949393; font-style: italic; font-size: 14px; font-weight: 600;}

.sliderTestimonios .swiper-pagination {    bottom: -55px !important;}

.sliderTestimonios .swiper-pagination-bullet {    background: #828282;}
.sliderTestimonios .swiper-pagination-bullet-active {    background: #baad7b !important;}






.newsletter { width: 100%; height: auto; display: flex; align-items: center; justify-content: center; padding: 110px 20px; background-color: #486173; box-sizing: border-box; }
.newsletter h2 { color: #FFF; font-size: 44px; line-height: 54px; font-weight: 600; text-align: center; margin-right: 80px; font-style: italic; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.18);}
.newsletter form { display: flex; align-items: flex-start; flex-direction: column; margin-top: 20px;}
.newsletter form input { background: transparent; border: 1px solid #7a8c99; color: #FFF; padding: 12px; width: 380px; margin-bottom: 12px; box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;}
.newsletter form .sendBtnNews { background-color: #182E4A; color: #FFF; border: 1px solid #182E4A; width: 130px; text-align: left; padding-left: 22px; background-image: url(../img/icSend.svg); background-repeat: no-repeat; background-position: 100px center; padding-right: 30px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.newsletter form .sendBtnNews:hover { background-color: #222;}






.instagram { width: 100%; height: auto; padding: 80px 0px; text-align: center;}
.instagram h2 { color: #182E4A; font-size: 40px; line-height: 50px; font-weight: 600; text-align: center; font-style: italic; margin-bottom: 40px; }
.instagram img { width: 90%; max-width: 1400px; height: auto;}









footer { width: 100%; height: auto; background-color: #0E151E; }
footer .in { width: 94%; max-width: 1700px;margin: auto; padding: 40px 0px; display: flex; align-items: center; justify-content: space-between; }
footer .in .logo { height: 60px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
footer .in nav { padding: 10px 0px;padding-bottom: 5px; display: flex; align-items: center;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
footer .in nav a { color: #8e8e8e; font-size: 12px; line-height: 14px; letter-spacing: 1px; padding: 5px 20px;  position: relative;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
footer .in nav a:hover { color: #AFCBC9;}

footer .in nav .redes { display: flex; margin-left: 10px; align-items: center;}
footer .in nav .redes a { padding: 8px;}
footer .in nav .redes a img:hover { opacity: 0.7;}









.heroInternas { width:100%; height: auto; padding: 100px 0px; background-color: #F7F6F3; margin-top: 100px; text-align: center; position: relative;}
.heroInternas h2 { color: #BAAD7B; font-size: 60px; line-height: 70px; font-style: italic; font-weight: 600; position: relative; display: inline; padding: 0px 30px;}
.heroInternas h2 .izq {  position: absolute; width: 30px; height: 1px; background-color: #BAAD7B; top: 55%; left: -20px;}
.heroInternas h2 .der {  position: absolute; width: 30px; height: 1px; background-color: #BAAD7B; top: 55%; right: -20px;}
.heroInternas p { font-size: 20px; line-height: 30px; color: #182E4A; margin: auto; margin-top: 30px; padding: 0px 30px; max-width: 800px;}





.cont40-60 { width: 100%; height: auto; display: flex; align-items: stretch; justify-content: center; margin: 80px 0px;}
.cont40-60 .cont40 { width: 40%; height: auto; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.cont40-60 .cont60 { width: 60%; height: auto; box-sizing: border-box; padding: 70px 55px; }
.cont40-60 .cont60 .in { border-left: 4px solid #AFCBC9; padding: 6px 0px; padding-left: 20px;}
.cont40-60 .cont60 .in h6 { font-family: 'Mulish', sans-serif; color: #486173; font-size: 34px; line-height: 42px; font-weight: 700; padding-top: 4px; margin-bottom: 20px;}
.cont40-60 .cont60 .in>p { font-size: 20px; line-height: 32px; padding: 20px 0px; padding-right: 90px;}

.cont40-60 .acordion { width: 90%; height: auto;}
.cont40-60 .acordion li { margin-bottom: 10px; border-bottom: 1px solid #CCC; padding-bottom: 8px; }
.cont40-60 .acordion .tit { width: 100%; position: relative;cursor: pointer; 
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.cont40-60 .acordion .tit:hover { background-color: #EEE;}
.cont40-60 .acordion .tit p { font-size: 18px; line-height: 28px; font-weight: 500; padding: 12px 0px;padding-left: 10px; padding-right: 30px;}
.cont40-60 .acordion .tit .plus { position: absolute; top: 21px; right: 10px;}
.cont40-60 .acordion .contHide { display: none;}
.cont40-60 .acordion .contHide p { font-size: 14px; line-height: 21px; font-weight: 500; padding-left: 8px; margin-top: 6px; padding-bottom: 10px;}






.masservicios {width: 100%; height: auto; padding: 100px 0px; text-align: center; background-color: #f8f8f9;}
.masservicios h6 {font-family: 'Mulish', sans-serif; color: #182E4A; font-size: 36px; line-height: 45px; font-weight: 500; padding-top: 4px; margin-bottom: 10px; max-width: 650px; margin: auto; padding: 10px 30px; margin-bottom: 50px;}


.serv1 { width: 90%; height: auto; display: flex; align-items: stretch; justify-content: center; max-width: 1400px; margin: 90px auto;}
.serv1.servReves { flex-direction: row-reverse;}
.serv1 .foto { width: 40%; height: auto; background-size: cover; background-position: center center; background-repeat: no-repeat;}
.serv1 .txt { box-sizing: border-box; padding: 40px; text-align: left; padding-left: 70px; width: 60%;}
.serv1 .txt h5 { color: #182E4A; font-size: 34px; line-height: 42px; font-style: italic; margin-bottom: 10px; position: relative; display: inline-flex;}
.serv1 .txt h5 span { position: absolute; width: 30px; height: 1px; top: 54%; right: -46px; background-color: #BAAD7B;}
.serv1 .txt .desc { margin-top: 15px; font-size: 19px; line-height: 25px; font-weight: 600; color: #182E4A; margin-bottom: 15px;}
.serv1 .txt .col2 p {font-size: 16px; line-height: 28px; font-weight: 500; columns: 2; column-count: 2;}
.serv1 .txt .col1 {font-size: 16px; line-height: 28px; font-weight: 500; }
.serv1 .txt .separate { width: 60px; height: 1px; margin: 22px 0px; background-color: #C0B2B2;}
.serv1 .txt a { margin-top: 30px; box-sizing: border-box; background-color: #486173; padding: 14px 25px; color: #FFF; border: none; display: flex; align-items: center; font-size: 15px; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; display: inline-flex; font-weight: 500;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;
}
.serv1 .txt a img { height: 20px; margin-right: 10px;}
.serv1 .txt a:hover { background-color: #0E151E;}









.contacto { width:90%; height: auto; margin: 100px auto; max-width: 1100px; display: flex; align-items: flex-start;}
.contacto .izq { width: 35%;}
.contacto .izq h6 { color: #182E4A; font-size: 50px; line-height: 60px; font-style: italic;}
.contacto .izq .line { width: 50px; height: 2px; background-color: #AFCBC9; margin: 30px 0px;}
.contacto .izq p { font-size: 18px; line-height: 30px; font-weight: 500; color: #182E4A;}
.contacto form { width: 65%; box-sizing: border-box; padding-left: 80px; display: flex; flex-direction: column;}
.contacto form input { box-sizing: border-box; padding: 12px; margin-bottom: 15px; border: 1px solid #A0A6AC; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.contacto form select { box-sizing: border-box; padding: 12px; margin-bottom: 15px; border: 1px solid #A0A6AC; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.contacto form textarea { box-sizing: border-box; padding: 12px; margin-bottom: 15px; border: 1px solid #A0A6AC; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;  height: 150px; resize: none;}
.contacto form .sendBtn { background-color: #182E4A; color: #FFF; width: 150px; margin-left: auto;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.contacto form .sendBtn:hover { background-color:#486173;}





.contactoIn { width:90%; height: auto; margin: 100px auto; max-width: 700px; display: flex; align-items: flex-start;}
.contactoIn form { width: 100%; box-sizing: border-box;  display: flex; flex-direction: column;}
.contactoIn form input { box-sizing: border-box; padding: 12px; margin-bottom: 15px; border: 1px solid #A0A6AC; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.contactoIn form select { box-sizing: border-box; padding: 12px; margin-bottom: 15px; border: 1px solid #A0A6AC; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; }
.contactoIn form textarea { box-sizing: border-box; padding: 12px; margin-bottom: 15px; border: 1px solid #A0A6AC; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px;  height: 150px; resize: none;}
.contactoIn form .sendBtn { background-color: #182E4A; color: #FFF; width: 150px; margin-left: auto;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.contactoIn form .sendBtn:hover { background-color:#486173;}

.contactoIn form .data { text-align: center; font-size: 26px; line-height: 36px; margin: 30px 0px;}
.contactoIn form .btnVer { background-color: #182E4A; color: #FFF; width: 150px; margin: auto; width: 240px; padding: 20px 0px; text-align: center;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
    .contactoIn form .btnVer:hover { background-color:#486173;}




.contFoto100 { width: 100%; height: auto;  margin: auto; position: relative;}
.contFoto100 .foto { width: 96%; height: 440px; background-size: cover; background-position: center center; background-repeat: no-repeat; margin: auto; position: relative; z-index: 10; max-width: 1340px;}


.contFoto100 .recuadro { border: 1px solid #AFCBC9; box-sizing: border-box; padding: 80px; padding-bottom: 50px; width:100%; max-width: 1400px; margin: auto;  padding-top: 100px;z-index: 1; display: flex; flex-direction: column; justify-content: center;
    transform: translateY(-50px); -webkit-transform: translateY(-50px); -moz-transform: translateY(-50px); -ms-transform: translateY(-50px); -o-transform: translateY(-50px);
}
.contFoto100 .recuadro .dosCols { columns: 2; column-count: 2; margin-bottom: 30px;}
.contFoto100 .recuadro .dosCols p b.tit { color: #182E4A; font-size: 18px; line-height: 27px; font-weight: 700;}
.contFoto100 .recuadro .dosCols p { font-size: 16px; line-height: 30px; padding-right: 30px; margin-bottom: 20px;}
.contFoto100 .recuadro .unaCols {  margin-bottom: 30px;}
.contFoto100 .recuadro .unaCols p b.tit { color: #182E4A; font-size: 18px; line-height: 24px; font-weight: 700;}
.contFoto100 .recuadro .unaCols p { font-size: 16px; line-height: 30px; padding-right: 30px; margin-bottom: 20px; margin-top: 10px;}
.contFoto100 .recuadro .precio { text-align: center; font-size: 18px; line-height: 26px; font-weight: 600; color: #182E4A; position: relative; width: fit-content; margin: auto; margin-bottom: 40px;}
.contFoto100 .recuadro .precio span { position: absolute; bottom: -4px; left: 0; width: 100%; height: 2px; background-color: #AFCBC9;} 
.contFoto100 .recuadro .comprarBtn { background-color: #baad7b; color: #FFF; font-size: 20px; font-weight: 600; padding: 14px 30px;  margin: auto; position: relative;
    border-radius: 20px; -webkit-border-radius: 30px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;
}
.contFoto100 .recuadro .comprarBtn:hover { background-color: #182E4A;}

.contFoto100 .back { position: absolute; z-index: -1; width: 100%; height: 160px; background-color: rgb(247, 246, 243); top: 0;}




.contFoto100 .recuadro .menu { background-color: #F7F6F3; box-sizing: border-box; padding: 60px; display: flex;}
.contFoto100 .recuadro .menu>div { width: 50%; margin-bottom: 40px;}
.contFoto100 .recuadro .menu>div .tit { color: #182E4A; font-size: 18px; line-height: 28px; font-weight: 700; margin-bottom: 10px;}
.contFoto100 .recuadro .menu>div .listado { font-size: 15px; line-height: 26px;}




















.carouselx4 { width: 100%; height: auto; padding: 80px 0px; background-color: #486173;}

.sliderx4 { position: relative; overflow: hidden; width: 90%; max-width: 1400px; margin: auto;}
.sliderx4.swiper-container {    padding-bottom: 50px !important;}
.sliderx4 .swiper-wrapper { width: 100%; }
.sliderx4 .swiper-slide {  text-align: center;}
.sliderx4 .swiper-slide .foto { background-size: cover; background-position: center center; background-repeat: no-repeat;
    width: 90%;
    margin: auto;
    height: 300px;
    overflow: hidden;
    border-radius: 10px ;
    -webkit-border-radius: 10px ;
    -moz-border-radius: 10px ;
    -ms-border-radius: 10px ;
    -o-border-radius: 10px ;
}
.sliderx4 .swiper-slide  p { color: #FFF;line-height: 27px; font-size: 16px; width: 90%; margin: auto; margin-top: 24px; }


.sliderx4 .swiper-pagination {    bottom: 0px !important;}

.sliderx4 .swiper-pagination-bullet {    background: #828282;}
.sliderx4 .swiper-pagination-bullet-active {    background: #baad7b !important;}






.contLitadoCajas { width: 100%; margin: auto; position: relative;  display: flex; flex-wrap: wrap; justify-content: center;}

.litadoCajas { width: 100%; margin: auto; position: relative;  display: flex; flex-wrap: wrap; justify-content: center; max-width: 1400px;}
.litadoCajas a { margin: 0 30px; margin-bottom: 40px;text-align: center; cursor: pointer;}
.litadoCajas a .foto { width: 300px; height: 300px; background-size: 100% auto; background-position: center center;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.litadoCajas a p { color: #182E4A; font-size: 17px; font-weight: 700; line-height: 28px; margin-top: 12px;}
.litadoCajas a:hover .foto { background-size: 110% auto;}


.contLitadoCajas .back { position: absolute; z-index: -1; width: 100%; height: 160px; background-color: rgb(247, 246, 243); top: 0;}








.fichaCajas { width:90%; height: auto; max-width: 1200px; margin: 70px auto; display: flex;}
.fichaCajas .fotos { width: 500px; height: auto;  margin-right: 30px;}
.fichaCajas .info { flex: 1; padding-left: 30px;}
.fichaCajas .info h4 {font-family: 'Mulish', sans-serif; color: #182E4A; font-size: 24px; line-height: 32px; font-weight: 700; margin-top: 20px; margin-bottom: 16px;}
.fichaCajas .info p { font-size: 16px; line-height: 25px;}
.fichaCajas .info .line { width: 100%; height: 1px; background-color: #CCC; margin: 35px 0;}
.fichaCajas .info .abajo { display: flex; align-items: flex-start; margin-bottom: 60px;}
.fichaCajas .info .abajo .precio { font-size: 20px; line-height: 30px; padding: 4px; position: relative; margin-right: 30px; font-weight: 700; color: #182E4A; white-space: pre;}
.fichaCajas .info .abajo .precio span { position: absolute; width: 100%; height: 2px; background-color: #AFCBC9; left: 0; bottom: 0px;}
.fichaCajas .info .abajo .desc { font-size: 14px; line-height: 22px; padding-top: 5px;}

.fichaCajas .comprarBtn { background-color: #baad7b; color: #FFF; font-size: 16px; font-weight: 600; padding: 14px 30px;  margin: auto; position: relative;
    border-radius: 20px; -webkit-border-radius: 30px; -moz-border-radius: 20px; -ms-border-radius: 20px; -o-border-radius: 20px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;
}
.fichaCajas .comprarBtn:hover { background-color: #182E4A;}







.volverBtn { width: 90%; margin: auto; max-width: 1200px; margin-bottom: 70px; }
.volverBtn a {color: #486173 !important; text-decoration: underline; font-size: 13px;}
.volverBtn a:hover { text-decoration: none;}




.sliderFicha {}
.sliderFicha .swiper-slide img { width: 100%;}

.sliderFicha .swiper-pagination-bullet { background-color: #FFF;}
.sliderFicha .swiper-pagination-bullet-active { background-color: #BAAD7B;}






.nosotras { background-color: #F8F8F9; width: 100%; height: auto; padding: 20px 0px; margin-top: 40px;}
.nosotras .cu { display: flex; align-items: stretch; justify-content: center; margin: 90px auto; width: 90%; max-width: 1200px;}
.nosotras .cu.reverse { flex-direction: row-reverse;}
.nosotras .cu .foto { width: 450px; height: auto; background-color: #CCC; background-size: cover; background-position:  center center;}
.nosotras .cu .data { flex: 1; margin-left: 60px; padding: 30px 0px;}
.nosotras .cu.reverse .data {  margin-left: 0px; margin-right: 60px;}
.nosotras .cu .data h6 { color: #182E4A; font-size: 30px; line-height: 38px; font-style: italic; font-weight: 700;}
.nosotras .cu .data .line { width: 110px; height: 3px; margin: 24px 0px; background-color: #AFCBC9;}
.nosotras .cu .data p { font-size: 16px; line-height: 28px;}







.empresas { width: 90%; max-width: 1200px; margin: auto; padding: 100px 0px;}
.empresas h6 {  color: #182E4A; font-size: 30px; line-height: 40px; font-weight: 700;font-family: 'Mulish', sans-serif; margin-bottom: 40px; }
.empresas ul {}
.empresas ul li { display: flex; align-items: flex-start; margin-bottom: 50px;}
.empresas ul li img { width: 204px; height: auto; margin-right: 40px;}
.empresas ul li p { font-size: 16px; line-height: 27px; margin-bottom: 6px;}
.empresas ul li p b, .empresas ul li p strong { color: #182E4A; font-size: 18px;}
.empresas ul li .tit { font-weight: 700; font-size: 20px; color: #182E4A;}






.blog { width: 90%; height: auto; padding: 30px 0; max-width: 1200px; margin: auto; margin-bottom: 60px;}
.blog li { display: flex; align-items: center; border-bottom: 1px solid #AFCBC9; padding: 60px 0;}
.blog li img { width: 500px; margin-right: 40px;}
.blog li .txt {}
.blog li .txt h4 { font-family: 'Mulish', sans-serif; color: #182E4A; font-size: 24px; line-height: 32px; font-weight: 700; margin-bottom: 16px; }
.blog li .txt p { font-size: 16px; line-height: 25px; margin-bottom: 30px;}


.blog li a.botVermas { background: transparent; border: 1px solid #AFCBC9; color: #AFCBC9; font-size: 13px; font-weight: 800; padding: 8px 26px; position: relative; z-index: 99;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
    .blog li a.botVermas:hover { background-color: #AFCBC9; color: #182E4A;}






.resultados { width: 90%; height: auto; padding: 30px 0; max-width: 1200px; margin: auto; margin-bottom: 60px;}
.resultados li { display: flex; align-items: center; border-bottom: 1px solid #AFCBC9; padding: 30px 0;}
.resultados li img { width: 340px; margin-right: 40px;}
.resultados li .txt {}
.resultados li .txt h4 { font-family: 'Mulish', sans-serif; color: #182E4A; font-size: 24px; line-height: 32px; font-weight: 700; margin-bottom: 16px; }
.resultados li .txt p { font-size: 16px; line-height: 25px; margin-bottom: 30px;}


.resultados li a.botVermas { background: transparent; border: 1px solid #AFCBC9; color: #AFCBC9; font-size: 13px; font-weight: 800; padding: 8px 26px; position: relative; z-index: 99;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
    .resultados li a.botVermas:hover { background-color: #AFCBC9; color: #182E4A;}








.heroBlog { width:100%; height: auto; padding: 100px 0px; background-color: #F7F6F3; margin-top: 100px; position: relative; display: flex; align-items: center; justify-content: center;}
.heroBlog img { width: 600px; margin-left: 20px;}
.heroBlog .der {  width: 600px; text-align: left; padding-left: 50px; margin-right: 20px;}
.heroBlog .der h2 { color: #BAAD7B; font-size: 44px; line-height: 55px; font-style: italic; font-weight: 600; }
.heroBlog .der p { font-size: 18px; line-height: 27px; color: #182E4A; margin: auto; margin-top: 30px; }



.txt100 { width: 80%; max-width: 1200px; margin: auto; padding: 80px 0;}
.txt100 p { font-size: 16px; line-height: 28px; margin-bottom: 30px;}
.txt100 h6 {font-family: 'Mulish', sans-serif; color: #182E4A; font-size: 18px; line-height: 26px; font-weight: 700; margin-bottom: 10px; }






.menuOraciones { width: 80%;height: auto; margin: auto; text-align: center; padding: 70px 0px; padding-bottom: 0px;}
.menuOraciones li { margin: 10px 0px;}
.menuOraciones li p { font-size: 20px; line-height: 28px; font-weight: 500; font-style: italic; font-family: 'Playfair Display', serif; color:#486173; cursor: pointer; display: inline; padding: 4px 20px;}
.menuOraciones li p:hover { text-decoration: underline;}


.oracionesIn { margin-bottom: 60px;}
.oracionesIn .separa { width: 140px; height: 1px; margin: 50px auto; background-color: #baad7b;}


.categoriaOraciones { width: 80%; max-width: 1000px; height: auto; padding-bottom: 30px; margin: auto;}
.categoriaOraciones h4 { font-size: 36px; line-height: 40px; font-weight: 600; color: #baad7b; font-style: italic; margin-bottom: 20px;}
.categoriaOraciones .cu { margin-bottom: 5px;}
.categoriaOraciones .cu h6 {font-family: 'Mulish', sans-serif; font-size: 18px; font-weight: 700; line-height: 28px; margin-bottom: 4px; padding: 8px; cursor: pointer;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.categoriaOraciones .cu h6:hover { background-color: #EEE;}
.categoriaOraciones .cu p { font-size: 15px; line-height: 26px; display: none; padding-left: 10px; margin-bottom: 20px; border-bottom: 1px solid #CCC; padding-bottom: 15px;}







.contFotoObi { width: 100%; height: auto; position: relative; text-align: center;}
.contFotoObi .foto { width: 90%; max-width: 900px; height: auto; margin: auto; text-align: center;}
.contFotoObi .back { position: absolute; z-index: -1; width: 100%; height: 120px; background-color: rgb(247, 246, 243); top: 0;}
.contFotoObi .txt {  width: 86%; max-width: 1000px; margin: auto;margin-top: 30px; margin-bottom: 80px;}
.contFotoObi .txt h6 { font-style: italic; font-size: 36px; line-height: 46px; margin-bottom: 30px;}
.contFotoObi .txt p { font-size: 18px; line-height: 28px;}



.exequia1 { width: 90%; max-width: 1200px; height: auto; margin: 60px auto;}
.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}







.txtGris { background-color: #F7F6F3; width:100%; height: auto; padding: 80px 0px; position: relative; text-align: center; margin-bottom: 60px;}
.txtGris p { font-size: 18px; line-height: 28px; width: 90%; max-width: 1100px; margin: auto; margin-bottom: 60px}
.txtGris .recuadro { background-color: #FFF; width: 90%; max-width: 1200px; margin: auto; box-sizing: border-box; padding: 50px 70px; 
    border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px;
    box-shadow: 3px 3px 13px -2px rgba(0,0,0,0.33);
    -webkit-box-shadow: 3px 3px 13px -2px rgba(0,0,0,0.33);
    -moz-box-shadow: 3px 3px 13px -2px rgba(0,0,0,0.33); }
.txtGris .recuadro h5 { color: #182E4A; font-size: 30px; line-height: 38px; font-weight: bold; margin-bottom: 30px;}
.txtGris .recuadro ul { width: 100%; height: auto; display: flex; align-items: flex-start; text-align: left; justify-content: space-between;}
.txtGris .recuadro ul li { width: 47%;}
.txtGris .recuadro ul h6 {font-family: 'Mulish', sans-serif; font-size: 22px; line-height: 30px; font-weight: bold; margin-bottom: 5px;}
.txtGris .recuadro ul p { padding: 0; margin: 0; width: 100%; font-size: 16px; line-height: 26px;}
.txtGris .recuadro ul p b, .txtGris .recuadro ul p strong { font-weight: bold; color: #182E4A; font-size: 18px;}








.contFotoDonacion { margin-bottom: 100px;}



.contFoto100 .fotosAbajo { width: 100%; display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.contFoto100 .fotosAbajo img { width: 30%; margin: 1%; height: auto !important;}

.contFoto100 .realizarPedido { width: 100%; height: auto; padding: 30px 0px; text-align: center; margin-top: 40px; margin-bottom: 20px;}
.contFoto100 .realizarPedido a { border: #BAAD7B 1px solid; font-size: 20px; padding: 16px 50px; color: #222; font-weight: 700;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.contFoto100 .realizarPedido a:hover { background-color: #BAAD7B; color: #FFF;}






.txtGeneral { width: 90%; height: auto; text-align: center; max-width: 1200px; margin: 60px auto; margin-bottom: 100px;}
.txtGeneral p { font-size: 18px; line-height: 28px; margin-bottom: 50px;}
.txtGeneral a { border: #BAAD7B 1px solid; font-size: 20px; padding: 16px 50px; color: #FFF; font-weight: 700; background-color: #baad7b;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.txtGeneral a:hover { background-color: #292929; color: #FFF;}








.listacontactos { width: 100%; height: auto; width: 220px; text-align: center; margin: auto; margin-top: 50px;}
.listacontactos a { border: 1px solid #BAAD7B; color: #333; box-sizing: border-box; padding: 16px 26px; font-size: 20px;  display: flex; align-items: center;  justify-content: center;
    border-radius: 12px; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;
}
.listacontactos a img { margin-right: 10px; height: 20px;}
.listacontactos a:hover { background-color: #BAAD7B;}





.listaObituarios { width: 100%; height: auto; margin: 26px auto; margin-bottom: 70px; display: flex; align-items: stretch; justify-content: center; flex-wrap: wrap;}
.listaObituarios li { width: 380px; height: auto; margin: 24px; box-sizing: border-box; padding: 16px; border: 1px solid #EEE;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.listaObituarios li img { width: 100%;}
.listaObituarios li h4 { font-size: 22px; line-height: 32px; margin-bottom: 6px; margin-top: 8px; color: #182E4A; font-weight: 700;}
.listaObituarios li p { font-size: 15px; line-height: 22px; color: #333; margin-bottom: 12px;}
.listaObituarios li button { background-color: #182E4A; color: #FFF; font-size: 12px; line-height: 20px; letter-spacing: 1px; box-sizing: border-box; padding: 5px 14px; border: none;
    -moz-transition:all 0.45s ease 0s;
    -o-transition:all 0.45s ease 0s;
    -ms-transition:all 0.45s ease 0s;
    -webkit-transition:all 0.45s ease 0s;}
.listaObituarios li:hover { border: 1px solid #CCC;}
.listaObituarios li:hover button { background-color: #486173;}




















@media screen and (max-width: 1450px) {
    header .in nav a {        font-size: 13px;        line-height: 14px;        letter-spacing: 0px;        padding: 5px 17px;    }
    .servicios ul li {        margin: 0px 20px;        height: 410px;}
    footer .in nav a {        font-size: 12px;        padding: 5px 10px;    }

    .slider .swiper-slide h3 {
        font-size: 40px;
        line-height: 56px;
    }

    .servicios ul a {        height: 400px;}

}

@media screen and (max-width: 1250px) {
    header .in nav a {        padding: 5px 10px;    }
    .slider {      height: 75vh;   }
    .slider .swiper-slide h3 {        font-size: 36px;        line-height: 48px;    }
    .servicios ul li {        margin: 0px 12px;        height: 400px;        width: 28vw;    }
    footer .in nav a {        font-size: 12px;        padding: 3px 8px;        letter-spacing: 0px;    }

    .blog li img {        width: 440px;    }

    .heroBlog img {        width: 46%;    }
    .heroBlog .der {        padding-left: 40px;    }
    .heroBlog .der h2 {        font-size: 38px;        line-height: 50px;    }
    .heroBlog .der p {        font-size: 18px;        line-height: 28px;    }

    .cont40-60 .cont60 .in>p {        font-size: 18px;        line-height: 32px;        padding: 10px 0px;        padding-right: 0px;    }

    .servicios ul a {        height: 355px;    }
 
}


@media screen and (max-width: 1100px) {

    header .in {        padding: 15px 0px;    }
    header .in .logo {        height: 58px;    }
    header .in nav { display: none;   }
    header .icMenu { display: block; height: 30px;}
    .slider {        margin-top: 100px !important;        width: 95%;  height: 70vh;   }
    .slider .swiper-slide h3 {        font-size: 32px;        line-height: 45px;    }

    .servicios ul li {        height: 355px;    }

    .sliderTestimonios .swiper-slide img {        height: 20px;        margin-right: 20px;    }
    .sliderTestimonios .swiper-slide .cita {        padding: 32px 34px;        width: 94%;    }

    footer .in nav>a { display: none;}

    .serv1 .txt {        padding-left: 40px;        width: 50%;    }
    .serv1 .foto {        width: 50%;    }
    .serv1 .txt .col2 p {        columns: 1;        column-count: 1;    }

    .contFoto100 .recuadro {        padding: 50px;    }
    .contFoto100 .recuadro .dosCols {        columns: 1;        column-count: 1;        margin-bottom: 50px;  margin-top: 40px;   }

    .fichaCajas .fotos {        width: 40%;        margin-right: 20px;    }

    .contFoto100 .recuadro .unaCols { margin-top: 50px;    }

    .blog li img {        width: 380px;    }
    .bloresultadosg li img {        width: 380px;    }

    .heroBlog {        padding: 60px 0px;    }

    .servicios ul a {        height: 315px;    }

}


@media screen and (max-width: 960px) {

    .slider {        height: 60vh;    }
    .slider .swiper-slide h3 {        width: 50vw;  font-size: 28px;        line-height: 38px;  }
    .obituario h2 {        font-size: 35px;    }
    .servicios h2 { font-size: 35px;    }
    .servicios ul li {        margin: 0px 2px;        height: 310px;        width: 32vw;    }
    .quienes .titular h2 {font-size: 35px;  margin-bottom: 14px;  }
    .quienes .abajo .izq p {        font-size: 16px;        line-height: 29px;    }
    .quienes .abajo .foto { transform: translateY(0px) ; -webkit-transform: translateY(0px) ; -moz-transform: translateY(0px) ; -ms-transform: translateY(0px) ; -o-transform: translateY(0px) ;}
    .gestos {        padding: 115px 30px;    }
    .gestos h2 {font-size: 35px;    }
    .gestos .listado a {        margin: 0px 6px;        padding: 18px 23px;    }
    .testimonios h2 {font-size: 35px;    }
    .newsletter { flex-direction: column;  padding: 75px 20px; }
    .newsletter h2 {font-size: 35px; margin: 0;     line-height: 45px;  margin-bottom: 10px;   }
    .newsletter form {        align-items: center;    }
    .instagram h2 {font-size: 35px;    }

    .cont40-60 {        flex-direction: column;    }
    .cont40-60 .cont40 {        width: 100%;        height: 50vh;    }
    .cont40-60 .cont60 {        width: 100%;        padding: 40px 40px;    }
    .cont40-60 .acordion {        width: 100%;    }
    .masservicios { padding-bottom: 1px;}
    .masservicios h6 {        font-size: 32px;        line-height: 40px;    }
    .serv1 {        flex-direction: column;    }
    .serv1.servReves {        flex-direction: column;    }
    .serv1 .foto {        width: 100%;        height: 50vh;    }
    .serv1 .txt {        width: 100%;        box-sizing: border-box;        padding: 40px;    }
    .contacto {        flex-direction: column;    }
    .contacto .izq {        margin: auto;        margin-bottom: 50px;        width: 80%;    }
    .contacto form {        width: 80%;        padding-left: 0;        flex-direction: column;        margin: auto;    }

    .heroInternas {        padding: 50px 0px;    }
    .heroInternas h2 {    font-size: 38px;        line-height: 52px; }
    .heroInternas p {        font-size: 18px;        line-height: 26px;    }
    .cont40-60 .cont60 .in h6 {        font-size: 28px;        line-height: 35px;    }
    .masservicios h6 {        font-size: 27px;        line-height: 38px; padding-bottom: 20px;    }
    .serv1 {        margin: 50px auto;    }

    .contFoto100 .foto {        width: 100%;        height: 50vw;    }
    .contFoto100 .recuadro {
        border: none;
        padding: 60px;
        padding-bottom: 50px;
        padding-top: 40px;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
}

    .contFoto100 .recuadro {    padding: 30px;}
    .contFoto100 .recuadro .menu { flex-direction: column;padding: 40px;}
    .contFoto100 .recuadro .menu>div { width: 100%;}


    .fichaCajas { flex-direction: column;  max-width: 600px;}
    .fichaCajas .fotos {    width: 100%;    margin-right: 0;}
    .fichaCajas .info {    flex: 1;    padding-left: 0px;    width: 90%;    margin: auto;    margin-top: 20px;}
    .fichaCajas .info .abajo { flex-direction: column;}
    .fichaCajas .info .abajo .precio { margin-bottom: 25px;   margin-right: 0px;}
    .volverBtn {    max-width: 600px;}

    .contFoto100 .recuadro .unaCols {    margin-top: 20px;}
    .contFoto100 .recuadro .unaCols p {    padding-right: 0px;}

    .nosotras .cu {    flex-direction: column;    width: 80%;}
    .nosotras .cu .foto {    width: 100%;    height: 82vw;}
    .nosotras .cu .data {    margin-left: 0;}
    .nosotras .cu .data h6 {    font-size: 26px;    line-height: 35px;}
    .nosotras .cu.reverse {    flex-direction: column;}
    .nosotras .cu.reverse .foto {    height: 110vw;}

    .empresas h6 {    font-size: 26px;    line-height: 36px;}
    .empresas ul li img {    width: 160px;    margin-right:30px;}

    .blog {        width: 80%;    }
    .blog li {        flex-direction: column;    }
    .blog li img { margin: 0; margin-bottom: 30px; width: 100%; max-width: 600px;}
    .blog li .txt {        width: 100%;        max-width: 600px;    }

    .resultados {        width: 80%;    }
    .resultados li {        flex-direction: column;    }
    .resultados li img { margin: 0; margin-bottom: 30px; width: 100%; max-width: 600px;}
    .resultados li .txt {        width: 100%;        max-width: 600px;    }

    .heroBlog {        flex-direction: column;    }
    .heroBlog img {        width: 80%;        margin: auto;        margin-bottom: 30px;    }
    .heroBlog .der {        padding: 0;        margin: 0;        width: 70%;    }

    .contactoIn {        margin: 50px auto;    }

    .contFotoObi .txt h6 {        font-size: 30px;        line-height: 42px;    }

    .txtGris .recuadro {        padding: 50px 50px;}

    .servicios ul {        margin-top: 34px;    }
    .servicios ul a {        width: 40vw;        margin: 0px 19px;        margin-bottom: 22px;}

}


@media screen and (max-width: 720px) {

    .slider .desk {    display: none;}
    .slider .mob {    display: block;}

    .servicios ul li {    height: 350px;        width: 100vw;        margin: 0;        margin-bottom: 30px;    }

    .quienes {        width: 80%;    }
    .quienes .abajo {        flex-direction: column;    }
    .quienes .abajo .izq {        width: 100%;   margin-bottom: 40px;  }
    .quienes .abajo .foto {        width: 100%;        margin-left: 0;        height: 420px;}

    .gestos h2 {        font-size: 28px; padding: 0px 30px; box-sizing: border-box;    }
    .gestos .listado {        flex-wrap: wrap;    }
    .gestos .listado a {        width: 40%;    }

    .sliderTestimonios {        width: 80%; margin: auto;   }
    .slider {        height: 60vh;    }
    .slider .swiper-slide h3 {        width: 70vw;        font-size: 22px;        line-height: 32px;    }

    .gestos .listado a {        margin: 0px 0px;  width: 48%; padding: 15px 13px; }


    .slider .swiper-slide {
        padding: 0;
        padding-top: 0;
        display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
    }
    .slider .swiper-slide h3 {
        color: #182E4A !important;
        background-color: rgba(256,256,256,0.6);
        width: 100%;
        height: auto;font-size: 18px;
        line-height: 27px;
        box-sizing: border-box; padding: 20px; margin-bottom: 0; padding-bottom: 0px; text-shadow: none !important;
    }
    .slider .swiper-slide p {
        color: #182E4A !important;
        background-color: rgba(256,256,256,0.6);
        width: 100%;
        height: auto;
        box-sizing: border-box; padding: 20px; padding-bottom: 40px;font-size: 14px; padding-top: 10px;
        line-height: 27px;
    }

    .heroInternas h2 {
        font-size: 28px;
        line-height: 36px;
        padding: 0px 0px;
    }
    .heroInternas h2 span { display: none;}
    .heroInternas p {        font-size: 16px;        line-height: 25px;    }

    .empresas ul li .tit {        font-size: 18px;    }
    .empresas ul li p {        font-size: 14px;        line-height: 25px;    }
    .empresas ul li img {        width: 120px;        margin-right: 20px;    }

    .blog li .txt h4 {        font-size: 20px;        line-height: 28px;    }
    .resultados li .txt h4 {        font-size: 20px;        line-height: 28px;    }

    .heroBlog img {        width: 90%;        }
    .heroBlog .der {        width: 80%;    }
    .heroBlog .der h2 {        font-size: 28px;        line-height: 40px;    }
    .heroBlog .der p {        font-size: 16px;        line-height: 27px;  margin-top: 18px;  }

    .menuOraciones {        width: 90%;    }
    .categoriaOraciones h4 {        font-size: 30px;        line-height: 38px;    }

    .txtGris .recuadro ul {        flex-direction: column;    }
    .txtGris .recuadro ul li {        width: 100%;  margin-bottom: 30px;   }

    .txtGris p {        font-size: 18px;        line-height: 30px;        width: 80%;    }

    .contFoto100 .fotosAbajo img { margin: 0; width: 33%;}

    .servicios ul a {        width: 80vw;        height: 72vw;        margin: 0px 19px;        margin-bottom: 22px;    }


}


@media screen and (max-width: 560px) {

    .contactoIn form .data {        font-size: 22px;        line-height: 33px;    }

    .contFoto100 .fotosAbajo { flex-direction: column;}
    .contFoto100 .fotosAbajo img { width: 100%;}

    .txtGeneral a {        font-size: 16px;        padding: 16px 20px;    }

}


@media screen and (max-width: 440px) {

}