body{
margin:0;
padding: 0;
font-family: 'Open Sans', sans-serif;
font-size:15px;
color:#666666;
font-display: fallback;
}
h1, h2, h3, h4, h5, h6{
font-family: 'Roboto', sans-serif;
margin-bottom: 0;
text-transform: uppercase;
font-weight: 900;
font-display: fallback;
}
.highText{
color: #9acd66;
}
.modal-header h2{
font-size:20px;
}
a{
text-decoration:none;
color:#fff !important;
}
.btn{
background-color: #9acd66;
color:#fff;
border:none;
display:none;
}
.btn:hover{
background-color: #002e5b;
color:#fff;
}
.default-btn {
color: #Ffffff !important;
border: none;
text-align: center;
overflow: hidden;
z-index: 1;
color: #ffffff;
text-transform: uppercase;
background-color: #002e5b !important;
-webkit-transition: 0.5s;
transition: 0.5s;
border-radius: 5px;
font-weight: 700;
font-size: 15px;
font-family: "Roboto", sans-serif;
padding-left: 30px;
padding-right: 30px;
padding-top: 13px;
padding-bottom: 13px;
text-align:center;
cursor:pointer;
display:block;
width:70%;
margin:0 auto;
margin-bottom:10px;
}
.default-btn:hover {
background-color: #002e5b;
color:#fff;
text-decoration: none;
} .steps {
margin-top:50px;
padding: 9% 0%  9% 0%;
color:#666666;
}
.circle {
padding: 13px 20px;
border-radius: 50%;
background-color: #9acd66;
color: #fff;
max-height: 50px;
z-index: 2;
}
.how-it-works.row .col-2 {
align-self: stretch;
}
.how-it-works.row .col-2::after {
content: "";
position: absolute;
border-left: 3px solid #9acd66;
z-index: 1;
}
.how-it-works.row .col-2.bottom::after {
height: 50%;
left: 50%;
top: 50%;
}
.how-it-works.row .col-2.full::after {
height: 100%;
left: calc(50% - 3px);
}
.how-it-works.row .col-2.top::after {
height: 50%;
left: 50%;
top: 0;
}
.how-it-works h1{
color:#666666;
text-transform: uppercase;
font-weight:bold !important;
font-weight:900;
font-size:20px !important;
}
.how-it-works p{
color: #666666;
}
.timeline div {
padding: 0;
height: 40px;
}
.timeline hr {
border-top: 3px solid #9acd66;
margin: 0;
top: 17px;
position: relative;
}
.timeline .col-2 {
display: flex;
overflow: hidden;
}
.timeline .corner {
border: 3px solid #9acd66;
width: 100%;
position: relative;
border-radius: 15px;
}
.timeline .top-right {
left: 50%;
top: -50%;
}
.timeline .left-bottom {
left: -50%;
top: calc(50% - 3px);
}
.timeline .top-left {
left: -50%;
top: -50%;
}
.timeline .right-bottom {
left: 50%;
top: calc(50% - 3px);
}
.titleSteps {
text-align:center;
color:#002e5b;
font-size:28px;
}
.pSteps{
text-align:center;
font-size: 16px;
}
.linkTramites{
text-decoration: none;
color: red;
font-weight:bold;
}
.linkTramites:hover{
text-decoration: none;
color: gray;
}
.linkTramites:selected{
text-decoration: none;
color: #002e5b !important;
} .am-select-employee-option{
display:none;
}
.am-confirmation-booking-header img{
display:none;
}
.amelia{ padding: 9% 0% 1% 0%;
margin-top:28px;
align-content: center;
align-items: center;
}
.amelia h2{
color: #002e5b;
text-align: center;
font-weight: bold;
}
.amelia p{
color: #666666;
text-align: center;
font-size: 16px;
}
.am-events-filter{
display:none !important;
}
.amelia .shortcode{
align-content: center;
}
.am-confirmation-booking-details > div:first-child{
display:none !important;
}
.amelia-app-booking #am-step-booking.am-mobile-collapsed .am-confirmation-booking-details > div, .amelia-app-booking .am-step-booking-catalog.am-mobile-collapsed .am-confirmation-booking-details > div {
min-width: 31% !important;
}
.am-confirm-booking-data > div:nth-child(2){
width:50%;
display:inline-block;
}
.am-confirm-booking-data > div:nth-child(3){
width:50%;
}
.am-confirm-booking-data > div:nth-child(4){
width:50%;
}
.am-confirm-booking-data > div:nth-child(5){
width:50%;
}
.amelia-app-booking #am-step-booking.am-active-confirm .am-confirm-booking, .amelia-app-booking .am-step-booking-catalog.am-active-confirm .am-confirm-booking {
min-height: 578px !important;
} .ameliaEvents{
padding-bottom: 2%;
align-content: center;
align-items: center;
}
.ameliaEvents h3{
color: #002e5b;
text-align: center;
font-weight: bold;
}
.ameliaEvents p{
color: #666666;
text-align: center;
font-size: 16px;
}
.el-row{
display: none;
} .procedures{
padding:8% 0% 8% 0%;
background-color: #F8F8F8;
}
.proceduresTittle{
color: #002e5b;
font-weight: bold;
text-align: justify;
}
.procedures .container .card .table-responsive thead th{
background-color: #002e5b;
color:#fff !important;
}
.procedures .container .card .table-responsive tbody tr td p{
color:#666666 !important;
}
.procedures .container .card .table-responsive tbody tr td span{
color:#666666 !important;
} .the-policy-benefits-area{
margin-top:80px;
padding: 3% 0% 3% 0% !important;
background-color:#002e5b;
}
.about-text-box { padding: 10px;
margin-top: 20px;
border-radius: 5px;
-webkit-transition: 0.5s;
transition: 0.5s;
position: relative;
z-index: 1;
color:#fff;
}
.about-text-box h3 {
margin-bottom: 17px;
text-transform: uppercase;
position: relative;
border-bottom: 1px solid #eeeeee;
padding-bottom: 12px;
-webkit-transition: 0.5s;
transition: 0.5s;
font-size: 20px;
font-weight: 900;
color:#fff;
}
.about-text-box h3::before {
content: '';
position: absolute;
left: 0;
bottom: -1px;
width: 50px;
height: 1px;
background-color: #9acd66;
-webkit-transition: 0.5s;
transition: 0.5s;
}
.about-text-box p {
-webkit-transition: 0.5s;
transition: 0.5s;
font-size: 14.5px;
}
.iconBox{
width:20px;
} .footerAppointment{
padding:3%;
background-color:#002e5b;
color:#fff !important;
}
footerAppointment img{
align-content: center;
}
footerAppointment .container .textFooter,h5{
color:white;
}
.textFooter{
text-decoration: none;
color: white;
}
.textFooter:hover{
text-decoration: none;
color: white;
}
.logoFooter{
width:150px;
align-content:center;
align-items: center;
}
.footend{
background-color:#F8F8F8;
color:#666666;
text-align: center;
align-content: center;
padding:3% 0% 1% 0%;
}
.footend p{
text-align: center;
color:#666666;
}
.topbar-first-column .social{
padding-left: 0;
list-style-type: none;
margin-bottom: 0;
}
.topbar-first-column .social li{
display: inline-block;
margin-right: 3px;
}
.topbar-first-column .social li a{
display: inline-block;
background-color: #9acd66;
color: white;
width: 40px;
font-size: 17px;
line-height: 39px;
border-radius: 50%;
text-align: center;
}
.topbar-first-column .social li a:hover{
transform: translate(0,-10px);
transition: 0.6s;
}
.iconSocial{
width: 20px !important;
height:auto !important;
}
.copyrigth{
text-align: center !important;
}
.copyrigthSection{
border-top: 1px solid rgb(242, 243, 244, 0.2);
margin: 1% 0% 1% 0%;
}
@media only screen and (min-width: 300px) and (max-width: 574px) {
.videoContainer{
background-color: #F7F7F7;
}
video{
height:200px !important;
}
iframe{
height:200px !important;
}
.logoFooter{
display:none;
}
.footerAppointment{
text-align:center;
}
.iconFooter{
display:none;
}
.topbar-first-column{
margin-bottom:6% !important;
}
.divAmelia{
background-color: #002e5b;
}
.amelia h2, .amelia p{
color: #fff;
}
.the-policy-benefits-area{
background-color:#fff;
margin-top:-25px;
}
#paginador{
display:center;
width:100%;
margin:0 auto;
}
.about-text-box {
color:#666666;
}
.about-text-box h3 {
color:#002e5b;
}
.amelia-app-booking #am-step-booking.am-mobile-collapsed .am-confirmation-booking-details > div, .amelia-app-booking .am-step-booking-catalog.am-mobile-collapsed .am-confirmation-booking-details > div {
min-width: 20% !important;
}
.am-confirm-booking-data > div:nth-child(2){
width:100%;
}
.am-confirm-booking-data > div:nth-child(3){
width:100%;
}
.am-confirm-booking-data > div:nth-child(4){
width:100%;
}
.am-confirm-booking-data > div:nth-child(5){
width:100%;
}
}
@media only screen and (min-width: 575px) and (max-width: 991px) {
video{
height:200px !important;
}
.logoFooter{
display:none;
}
iframe{
height:250px !important;
}
.footerAppointment{
text-align:center;
}
.containerTitle .logoHeader{
width:150px;
}
.amelia-app-booking #am-step-booking.am-mobile-collapsed .am-confirmation-booking-details > div, .amelia-app-booking .am-step-booking-catalog.am-mobile-collapsed .am-confirmation-booking-details > div {
min-width: 31% !important;
}
.amelia-app-booking #am-step-booking.am-active-confirm .am-confirm-booking, .amelia-app-booking .am-step-booking-catalog.am-active-confirm .am-confirm-booking {
min-height: 578px !important;
}
} .header {
padding: 9rem 0 9rem 0;
position: relative;
background-image: url(https://citas.sociedaddesegurosdevida.cr/wp-content/uploads/2022/06/portadacitas.webp), linear-gradient(45deg, #002e5b 0%, #002e5b 100%);
background-size: cover;
background-position:center;
z-index: 0;
}
.headerevents {
padding: 7rem 0 2rem 0;
position: relative;
background-image: url(https://citas.sociedaddesegurosdevida.cr/wp-content/uploads/2024/08/eventosBackground.png), linear-gradient(45deg, #002e5b 0%, #002e5b 50%);
background-size: cover;
background-position:center;
z-index: 0;
} .header svg.wave {
position: absolute;
bottom: -1px;
left: 0
}
.header h1 {
color: #fff;
font-weight: 700;
font-size: 2rem;
line-height: 1.1;
z-index: 1
}
.header h3 {
color: #fff;
font-weight: 700;
font-size: 2rem;
line-height: 1.1;
z-index: 1
}
.header h2 {
color: rgba(255, 255, 255, .6);
font-weight: 600;
z-index: 1;
font-size: 1.2rem
}
.header a {
color: rgba(255, 255, 255, .8);
text-decoration: underline;
z-index: 1
}
.header a:hover {
color: #fff
}
.header a:active {
text-decoration: none
}
@media(min-width:992px) {
.header h1 {
font-size: 3rem
}
.header h2 {
font-size: 1.5rem
}
}
@media(min-width:992px) {
.masthead-page h1 {
font-size: 2.5rem
}
}
.border-bottom-yellow {
border-color: #ffc107!important;
}
.border-bottom-red {
border-color: #dd3d31!important;
}
.border-bottom-blue {
border-color: #2092ed!important;
}
.border-bottom-green {
border-color: #28a745!important;
}
.border-bottom-blue, .border-bottom-green, .border-bottom-red, .border-bottom-yellow {
border-bottom: .4rem solid!important;
}
.shadow-lg {
box-shadow: 0 2rem 1.5rem -1.5rem rgba(33,37,41,.15),0 0 1.5rem .5rem rgba(33,37,41,.05)!important;
}
.border-0 {
border: 0!important;
} .containerTitle {
color:#999;
text-transform: uppercase;
font-size:36px;
font-weight:bold;
width:100%;
bottom:45%;
display:block;
align-content: center;
text-align:center;
}
#flip {
height:80px;
overflow:hidden;
}
#flip > div > div {
color:#fff;
padding:6px 12px;
height:45px;
display:inline-block;
border-radius:5px;
margin-bottom:44px;
}
#flip div:first-child {
animation: show 5s linear infinite;
}
#flip div div {
background:#002e5b;
}
#flip div:first-child div {
background:#9acd66;
}
#flip div:last-child div {
background:#DC143C;
}
@keyframes show {
0% {margin-top:-270px;}
5% {margin-top:-180px;}
33% {margin-top:-180px;}
38% {margin-top:-90px;}
66% {margin-top:-90px;}
71% {margin-top:0px;}
99.99% {margin-top:0px;}
100% {margin-top:-270px;}
}
@media only screen and (min-width: 992px) and (max-width: 2000px) {
#flip > div > div {
color:#fff;
padding:10px 12px;
height:65px;
display:inline-block;
border-radius:5px;
margin-bottom:44px;
}
.header {
padding: 22rem 0 10rem 0;
}
}
.hiddenRow {
padding: 0 !important;
}
thead .info{
background-color: #002e5b !important;
color:#fff;
}
.modal-title{
color:#002e5b;
} .btnTable{
padding:2%;
color:#fff;
background-color:#9acd66;
text-decoration:none;
}
.titleInformation{
color: #fff;
text-align: center;
}
.accordion-toggle:hover{
cursor: pointer;
}
.am-block-stepByStepForm-selectServiceForm > .am-select-service-title{
visibility: hidden !important;
} .cotinue{
text-align: center !important;
margin:0 auto;
}
.container-arrow{
width:8%;
display: inline-block; 
font-size: 6px;	 
animation: .7s down  infinite alternate; 
-webkit-animation: .7s down infinite alternate; } @keyframes down{ 0%{transform:translateY(0px)} 100%{transform:translateY(20px)} } 
@-webkit-keyframes down{ 0%{-webkit-transform:translateY(0px)} 100%{-webkit-transform:translateY(20px)} 
} 
.btnMore{
border: none !important;
color: #fff !important;
font-weight: bold !important;
background-color: #9acd66;
width:100%;
margin: 0 auto !important;
outline:none;
}
.btnMore:hover{
background-color: #DAD9D9;
}
.btnMore:focus{
outline:none;
}
.search-box{
width: fit-content;
height: fit-content;
position: relative;
}
.input-search{
height: 50px;
width: 50px;
border-style: none;
padding: 10px;
font-family: 'Open Sans', sans-serif;
font-size:15px;
outline: none;
border-radius: 25px;
transition: all .5s ease-in-out;
background-color: #9acd66;
padding-right: 40px;
color:#fff;
}
.input-search::placeholder{
color: #666666;
font-family: 'Open Sans', sans-serif;
}
.btn-search{
width: 50px;
height: 50px;
border-style: none;
font-weight: bold;
outline: none;
cursor: pointer;
border-radius: 50%;
position: absolute;
right: 0px;
color:#ffffff ;
background-color:#9acd66;;
pointer-events: painted;
border-color: transparent;
}
.btn-search:focus{
outline:none;
}
.btn-search:focus ~ .input-search{
width: 300px;
border-radius: 0px;
background-color: transparent;
border-bottom:1px solid #9acd66;;
transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
}
.input-search:focus{
width: 300px;
color: #666666;
border-radius: 0px;
background-color: transparent;
border-bottom:1px solid #9acd66;;
transition: all 500ms cubic-bezier(0, 0.110, 0.35, 2);
} .a {
fill: none !important;
}
.b {
clip-path: url(#a) !important;
}
.c, .d {
fill: #f9f9fc !important; 
}
.d {opacity: 0.5 !important;
isolation: isolate !important;
}
.videoTitle{
margin:60px 0px 25px 0px !important;
}
.video{
margin-bottom:60px !important;
width:100%;
margin: 0 auto;
}
.navSticky{
background-color;
} .logoCancel{
text-align: center;
}
.videoImg{
border:1px solid #EAEAEA;
}
.videoAppointment{
text-align: center;
}
.videoContainer{
padding: 10px 0px 50px 0px;
margin: 0 auto;
}
.linkPage{
color: #DC143C;
}
.linkPage:hover{
text-decoration: none;
color: #9acd66;
}
.shortcodeEvents{
margin-top:20%;
}
._hj-2cECQ__styles__logo{
display:none;
} #btn-mas{
display: none;
}
.containerBtn{
position: fixed;
bottom: 20px;
right: 20px;
z-index:9999;
}
.customer-service{
animation: heartBeat;
animation-duration: 2s;
animation-iteration-count: infinite !important;
}
.redes a, .btn-mas label{
display: block;
text-decoration: none;
background: #f4364c;
color: #fff;
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
border-radius: 50%;
box-shadow: 0px 1px 10px rgba(0,0,0,0.4);
transition: all 500ms ease;
}
.redes a:hover{
background: #fff;
color: #f4364c;
}
.redes a{
margin-bottom: -15px;
opacity: 0;
visibility: hidden;
font-size:25px;
}
#btn-mas:checked~ .redes a{
margin-bottom: 10px;
opacity: 1;
visibility: visible;
}
.btn-mas label{
cursor: pointer;
background: #f4364c;
font-size: 23px;
}
#btn-mas:checked ~ .btn-mas label{
transform: scale(0.8, 0.8);
font-size: 25px;
animation:none;
}
.customer-serviceimg{
margin-top:-10px;
width:55%;
}
.amelia-app-booking .el-form-item.am-select-stepByStepForm-selectServiceForm .el-input__inner{
border: 1px solid #D3D3D3 !important;
}
.amelia-app-booking .el-form-item.am-input-stepByStepForm-confirmBookingForm-appointment .el-input__inner {
border: 1px solid #D3D3D3 !important;
}
.amelia-app-booking .el-form-item.am-custom-stepByStepForm-confirmBookingForm-appointment .el-input__inner {
border: 1px solid #D3D3D3 !important;
}
.acsb-trigger{
animation: heartBeat;
animation-duration: 5s;
animation-iteration-count: infinite !important;
}