/*  Estilos por dgmarianaperez, enero-2020 cambios may•2025  */

body, div, p {font-family: 'Open Sans', Arial, sans-serif; font-weight:400; font-size:14px; line-height: 24px;}
a:hover {text-decoration:none;}
section {width: 100%; overflow: hidden;}
:root {--main-blue:#022657; --txtcolor:#212529; --orange:#eb7d0b;}/*oficial se supone que es eb7d0b, pero siempre se ha usado f26522*/

h1, h2, h3, h4 {font-family: 'Open Sans Condensed', sans-serif; font-weight:700}
h5, h6 {font-family: "Montserrat", Arial, sans-serif; font-weight:700}
li a:hover {transition: all 400ms ease; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease;}


/* Header */
.topbar-social {
    background: #022657;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    color: #ffffff;
    font-family: "Montserrat", Arial, sans-serif; font-weight:400;
	padding: 8px 20px;
	font-size:11px;
	line-height:12px;
}
.social-list {margin:0; padding:0;}
.social-list li {display:inline-block; list-style-type:none; margin-right:14px;}
.main-header li, .main-footer li {list-style-type:none;}
.social-list li i {font-size:13px;}
.topbar-social a {color: #B3C4D7; padding-bottom:0; font-size:11px;}
.topbar-social a:hover {color: #FFF;}
header div {line-height: 12px;}
.navbar {padding: .2rem 1rem; background:#022657;}

.main-header {background:#022657; color: #FFF;}
.brand-info {border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: 16px 20px;}
.site-logo a img {width: 185px;}
.vertical {display:initial}
.contact-info-list {margin: 0;}
.contact-info-list li {display: table-cell; vertical-align: middle; padding: 0 20px; border-left: 1px solid rgba(255, 255, 255, 0.1); color: #b3c4d7; font-size: 14px; height: 64px; margin-right: 40px;}
.contact-info-list li:first-child {padding-left: 0px; border-left: none;}
.contact-info-list li a {font-family: 'Open Sans Condensed', Arial, sans-serif; color: #B3C4D7; text-decoration: none; font-size: 18px; padding-left: 5px;}
.contact-info-list li a:hover {color:#FFF;}
.contact-info-list i {display: inline-block; vertical-align: middle; font-size: 20px; margin-right: 10px; color: #eb7d0b;}

.fa-bars {font-size: 26px; color:#FFF;}
.navbar a {font-family: "Montserrat", Arial, sans-serif; font-weight:700;}
.navbar a:hover {transition: all 400ms ease; -webkit-transition: all 400ms ease; -moz-transition: all 400ms ease; -o-transition: all 400ms ease; -ms-transition: all 400ms ease;}
a.nav-link {font-size:13px; color:#FFF; text-transform:uppercase; margin: 10px; padding: 0 !important; text-align: center;}
a:hover.nav-link {color:#eb7d0b}
.dropdown-menu {border-radius:0; border-top: #eb7d0b solid 4px; padding: 0;}
a.dropdown-item {font-size:12px; border-bottom: 1px solid #ebebeb; padding: 15px 18px; line-height: 20px; color: #363636;}
a:hover.dropdown-item, a:active.dropdown-item {background:#eb7d0b; color:#FFF; padding: 15px 18px;}

.dropdown-toggle {white-space: initial;}


/* FOOTER */ 
.footer {background: #022657; color: #fff;} 
.main-footer .col-sm-4 {padding:90px 10px;}
.footer-bottom {background: #022657; padding: 40px 0; font-size: 12px; color: rgba(255, 255, 255, 0.6);}
.main-footer a.gray {color: rgba(255, 255, 255, 0.5); border-bottom: rgba(255, 255, 255, 0.2) 2px solid; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 12px;}
.main-footer a:hover.gray {color: rgba(255, 255, 255, 1); border-bottom: rgba(255, 255, 255, 1) 2px solid;}
.main-footer h4 {font-family: Open Sans Condensed, Arial, sans-serif; font-weight: 700; font-size: 22px; color: #fff; margin-bottom: 30px;  text-transform: uppercase;}
.main-footer h4::after {display:block; margin-top: 6px; content: ""; height: 1px; width: 45px; background: rgba(255, 255, 255, 0.2);}
.main-footer p {margin: 20px 0; font-size:14px;}
.footer ul {margin:0; padding:0;}
.footer li {margin: 14px 0;}
.footer li a {font-size:14px; color:#FFF; margin: 20px 0; text-align: left;}
.footer li a:hover {color: #eb7d0b;}
.footer li i {display: inline-block; width:12px; text-align:center; vertical-align: middle; font-size: 14px; margin-right: 10px; color: #fff;}
.footer-social a {display:inline-block; width:36px; height:36px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color:#FFF;  color: #022657; text-align:center; line-height:36px; margin-right:5px}
.footer-social a:hover {background-color:#eb7d0b;  color: #FFF;}
.flotante {position: fixed; right: 2%; bottom: 3%; z-index: 9;}
.bg-whats {background: #25d366; display: block; width: 56px; height: 56px;}

@media only screen and (min-width:1160px) {a.nav-link {/*width: max-content;*/ padding:0 1rem !important;}}
@media only screen and (min-width:1024px) {.slidewmenu .carousel-inner {min-height: 70vh;}}
@media only screen and (max-width:991px) {
 /* HEADER + FOOTER */
.social-list {margin-bottom: 10px; text-align: center;}
.contact-info-list {display:none}
.contact-info-list.vertical {display: initial;}
.topbar-social a {font-size: 12px; line-height:24px;}
.brand-info {border:0;}
.navbar {padding:0;}
.dropdown-menu {background:#022657; color: #FFF; border-top:0;}
.navbar a {border-top: 1px solid rgba(255, 255, 255, 0.2); color:#FFF; text-align: left; font-size: 14px; font-weight: 400;}
a.nav-link {text-transform:initial; margin: 0; padding: 12px 16px 12px 16px !important; }
.navbar-toggler {margin: -110px 20px 60px;}
a.dropdown-item {border-bottom-color: rgba(255, 255, 255, 0.2); padding:14px 20px;}
a.dropdown-item:before {content:"- "}
a.dropdown-item:last-child { border:0;}
a:hover.dropdown-item, a:active.dropdown-item {background:transparent; color:#eb7d0b; padding:14px 20px;}
.main-footer {padding:60px 0;}
.main-footer .col-sm-4 {padding: 20px 20px;}
.text-right {text-align: center !important;}
.container.about-home {max-width: 94%; margin: 0 auto;}
 }
 
 
 
 /* CONTENIDOS */

  /*Slider*/
.slidewmenu .carousel.slide {width: calc(99% - 300px);}
.slidewmenu .carousel-inner {height: 100%;}
.slidewmenu .carousel-item img {object-fit: cover; object-position: center; height: 100%; overflow: hidden;}
.carousel-control-next, .carousel-control-prev {width: 5%;}
.carousel-control-next-icon, .carousel-control-prev-icon {text-shadow: rgb(0, 0, 0) 2px 2px;}
.carousel-titles {position:absolute; top:20%; margin-bottom:20%; left:8%; display:block; width:420px; height:240px; z-index:3}
.carousel-extra {position:absolute; bottom:0; right:0; z-index:2; height: 100%;}
.carousel-extra img {position: absolute; bottom:0; height:96%; width:auto; -webkit-animation: move-right-to-left 5s; animation: move-right-to-left 5s;}
@-webkit-keyframes move-right-to-left { from {right: 0;}  to {right: 80px; animation-play-state: paused;}}
@keyframes move-right-to-left {from {right: 0;}  to {right: 80px; animation-play-state: paused;}}				
.carHeader25 {background: #ffffff; background: linear-gradient(90deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%);}
.carHeader25 .pd80 {padding: 32px 60px}
.carHeader25 h4 {font-family: "Open Sans", Arial, sans-serif; color: rgb(0, 56, 122); font-size: 16px; line-height: 22px; font-weight: 700; text-transform:uppercase}
.carousel-titles h3 {font-family: "Open Sans", Arial, sans-serif; color: rgb(0, 56, 122); font-size: 15px; font-weight: 700; text-transform:uppercase}
.carousel-titles h2 {font-family: "Homenaje", Arial, sans-serif; text-shadow: rgb(0, 0, 0) 2px 2px; line-height: 51px; font-size: 49px; font-weight:400;  border-color: rgb(37, 37, 37); margin: 0; padding: 0; color: rgb(255, 255, 255); margin-bottom:20px;}
.carousel-titles button {z-index: 7; background-color: rgb(242, 101, 34); font-family: Montserrat; text-transform:uppercase; cursor: pointer; font-size: 12px; line-height: 17px; font-weight: 700; padding: 12px 35px; color:#FFF;}
.carousel-titles button:hover {background:rgb(0, 56, 122); color:#FFF;}

/* carrusel testimoniales */
.testimonial {padding-bottom:60px;}
.testimonial:after {position:absolute;top:-0!important;left:0;content:" ";width:100%;height:100px;float:left;z-index:99}
.testimonial .carousel {margin: 0 auto;}
#testimonial4 .carousel-inner:hover {cursor:-moz-grab;cursor:-webkit-grab}
#testimonial4 .carousel-inner:active {cursor:-moz-grabbing;cursor:-webkit-grabbing}
#testimonial4 .carousel-inner .item {overflow: hidden}
.testimonial4_indicators .carousel-indicators {left:0;margin:0;width:100%;font-size:0;height:20px;bottom:15px;padding:0 5px;cursor:e-resize;overflow-x:auto;overflow-y:hidden;position:absolute;text-align:center;white-space:nowrap}
/*.testimonial4_indicators .carousel-indicators li {padding:0;width:14px;height:14px;border:none;text-indent:0;margin:2px 3px;cursor:pointer;display:inline-block;background:#ffffff;-webkit-border-radius:100%;border-radius:100%}*/
.testimonial4_indicators .carousel-indicators .active {padding:0;width:14px;height:14px;border:none;margin:2px 3px;background-color:#9dd3af;-webkit-border-radius:100%;border-radius:100%}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar {height:3px}
.testimonial4_indicators .carousel-indicators::-webkit-scrollbar-thumb {background:beige;-webkit-border-radius:0;border-radius:0}
.testimonial4_control_button .carousel-control {top:175px;opacity:1;width:32px;bottom:auto;height:32px;font-size:10px;cursor:pointer;font-weight:700;overflow:hidden;line-height:38px;text-shadow:none;text-align:center;position:absolute;background:transparent;border:2px solid #ffffff;text-transform:uppercase;-webkit-border-radius:100%;border-radius:100%;-webkit-box-shadow:none;box-shadow:none;-webkit-transition:all .6s cubic-bezier(0.3,1,0,1);transition:all .6s cubic-bezier(0.3,1,0,1)}
.testimonial4_control_button .carousel-control.left {left:7%;top:50%;right:auto}
.testimonial4_control_button .carousel-control.right {right:7%;top:50%;left:auto}
.testimonial4_control_button .carousel-control.left:hover,.testimonial4_control_button .carousel-control.right:hover {color:#000;background:coral;border:2px solid #fff}
.testimonial4_header {top:0;left:0;bottom:0;width:550px;display:block;margin:30px auto;text-align:center;position:relative}
.testimonial4_header h4 {color:var(--main-blue);font-size:30px;font-weight:600;position:relative;letter-spacing:1px;text-transform:uppercase}
.testimonial4_slide {top:0;left:0;right:0;bottom:0;width:80%;margin:auto;padding:4px;position:relative; text-align:justify}
.testimonial4_slide p {font-size: 1.2em;}
.testimonial4_slide span {color:var(--main-blue); font-size:16px;}
.testimonial4_slide span::before {content:" - "; color:var(--main-blue); font-size:18px}
.testimonial .carousel-control-next,.testimonial .carousel-control-prev {width:44px; height:44px; padding: 12px; background:var(--orange); border-radius: 50%;}
.testimonial .carousel-control-next-icon,.testimonial .carousel-control-prev-icon {width:20px; height:20px;}

	
 /* General */
.pd80 {padding: 80px;}
.pd40 {padding: 40px;}
.pd20 {padding: 20px;}
.bgSky { background: #e5eef6; padding:20px 24px;}
.site-content { background: #e5eef6; padding:80px;}
.main-content h2 {font-family: "Open Sans Condensed", Arial, sans-serif; font-weight: 700; font-size: 32px; text-transform: uppercase; margin-bottom: 20px;}
.page-header {background: no-repeat center center; background-size:cover; display: flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; min-height: 200px;}
h1.page-title {font-family: "Homenaje", Arial, sans-serif; margin-bottom: 10px; font-size: 54px; color:#FFF; text-shadow: #022657 2px 2px; text-align:left;}
h4.section-title {text-transform: uppercase; font-size: 24px;}
h6 {font-size: 12px; margin-bottom: 7px; text-transform: uppercase; color: #737373; letter-spacing: 4px;}
.pd8060 {padding: 60px 80px;}
.site-content-25 {padding:40px 0px;} /* sin fondo azul */
.site-content-25 .sidebar {margin-right: 52px;}
.site-content-25 .pd80.bg-white {padding: 0 60px;}
.sidebar {background:#022657; color:#FFF; padding:15px; margin: 0 -15px;}
.sidebar-home {background:#022657; color:#FFF; padding:0; margin: 0; width:300px;}
/* .sidebar-home {position:absolute; top: -200px; width:75%; z-index: 9; margin-left: 10%; } */
.sidebar-light {background:#FFF; padding-top: 80px; color:#B3C4D7;}
.sidebar-light li {display:inline-block; padding:40px 0; width:90%;}
.sidebar-light li a {font-size:22px;} 
.sidebar-light li a:hover {color:#022657}
.sidebar h6 {color: #79b9d7; font-size: 14px; letter-spacing: 0px; margin:15px 0;}
.sidebar-text {padding: 20px 4px;}
.sidebar-text li {font-size: 1.02rem; padding: 0 0 12px;}
.sidebar .call-action {height: 150px; vertical-align:middle; padding: 20px 40px 40px; background-color: #022657; background-size: cover; background-position: center center;}
.btn {transition: all 0.3s linear; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; cursor: pointer;}
.btn-blanco {font-family: "Montserrat", sans-serif; font-size: 12px; padding: 13px 20px; line-height: 1.42857143; text-transform: uppercase; font-weight: 700; background: #fff; border: 1px solid transparent; color: #eb7d0b;}
.bg-light .btn-blanco:hover {background: #022657; color:#FFF;}
.btn-border {font-size: 12px; padding: 13px 33px 13px 33px; text-transform: uppercase; font-family: "Montserrat", sans-serif; font-weight: 700; text-align: center; border:solid 1px #d0d0d0; float:left;}
.btn-border:hover {background:#022657; color:#FFF;}
.menu-service h4 {padding: 12px 20px; color: #fff; background: #eb7d0b; margin: auto 0; font-size: 1.1rem;}
.menu-service .list-service a {display:block; padding: 12px 20px !important; font-family: "Montserrat", sans-serif; color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.menu-service .list-service a:hover {background: rgba(255, 255, 255, 0.1);}
.menu-service .list-service a i {font-size: 16px; margin-right: 12px; vertical-align: middle;}
.btn-trans {display: block; height: 42px; width: 80%; margin:8px auto; background: rgba(255, 255, 255, 0.3); border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; padding: 12px 10px; font-family: "Montserrat", sans-serif; font-size: 12px; font-weight: 700; text-align: center; cursor: pointer; color: #fff;  text-transform: uppercase;}
.btn-trans:hover {color: #fff; opacity:0.85; filter: alpha(opacity=85);}
.btn-reflex {cursor:pointer; width: auto; margin: 0 0.5em; background: #022657; height: 3em; padding: 0 2em; margin:20px auto; color: #fff;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;line-height: 2.7;font-weight: 700;}
.btn-reflex:hover { background: #eb7d0b; color:#FFF;}
.btn-orange {background: #eb7d0b; /*height: 3em;*/ padding: 0 1.8em; margin:20px auto; color: #fff;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: 2.7; font-weight:700}
.btn-orange:hover {color: #eb7d0b; background: #fff;}
.btn-blue2white {background: #022657; height: 3em; padding: 0 2em; margin:20px auto; color: #fff;  -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; line-height: 2.7; font-weight:700}
.btn-blue2white:hover {background: #FFF; color: #eb7d0b;}
.txt-orange2blue {font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 12px; color: #eb7d0b; border-bottom: 2px solid #eb7d0b;}
.txt-orange2blue:hover {color: #022657;  border-bottom: 2px solid #022657;}
.text-black {color:#252525}
.txt10 {font-size:10px}
.txt11 {font-size:11px}
.txt12 {font-size:12px}
.txt13 {font-size:13px}
.txt14 {font-size:14px}
.txt15 {font-size:15px}
.txt16 {font-size:16px}
.txt17 {font-size:17px}
.txt18 {font-size:18px}

.servicios {background: url('../img/bg-home-servicios.jpg') center no-repeat; background-size:cover; color:#FFF; padding:40px}
.servicios a {color:#FFF;}
.item-transp a {display:block; background: rgba(255, 255, 255, 0.1); color: rgba(255, 255, 255, 0.8); margin: 20px 0.5rem; padding: 28px; color:#FFF;}
.servicios h6 {color:#FFF; opacity: 0.7; font-size: 12px; margin-bottom: 7px; text-transform: uppercase; letter-spacing: 4px;}
.servicios h2 {font-size: 34px; text-transform: uppercase; margin: 0 0 20px;}
.servicios i {margin-bottom: 28px; font-size: 40px;}
.servicios h4 {margin-bottom: 13px; font-family: "Open Sans Condensed", Arial, sans-serif; font-size: 24px; font-weight: 700; text-transform: uppercase;}
a.pagelink {font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 12px; color: #fff; border-bottom: 2px solid #bcc4d0; display: inline-block; line-height: 1.1;}
a:hover.pagelink {color: #eb7d0b; border-bottom: 2px solid #eb7d0b;}
.icImg {display:inline-block; width: 60px; height: 60px; border-radius: 50%; margin-right: 12px; background: var(--main-blue);}
.icImg i {width: 60px; height: 60px; color:#fff; line-height: 60px; text-align: center; font-size: 28px;}
.icText {display:inline-block; margin-bottom: 40px;}
.icText span {font-size: 0.8em; letter-spacing: 0.1px;}
.icText strong {display: inline-block; font-size: 1.2em; margin-bottom: 8px; color:var(--orange)}
.count-item {padding: 8px 12px;}
.counter-box {text-align: center; margin-top: 24px;}
.counter-box strong {display: inline-block; height: 60px; margin: 0 auto; width: 100%;}
.counter-box strong p {display: block; width: 100%; text-align: center; color: var(--orange); font-size: 1.72em; line-height: 0.4em; font-weight: bold;}
.counter-box .counter {font-size: 1.32em;}
.counter-box .only1 {font-size: 1.8em; margin: 8px auto -8px;}
.counter-box p {font-size: 1.12em; color:var(--txtcolor); text-align: center; font-family: Arial, sans-serif; letter-spacing: 0.2px;}

.aseguradoras {min-height:200px; padding:80px 0; width: 96%; margin: 0 auto;}
.aseguradoras h4 {text-align:center; text-transform:uppercase; margin-bottom: 20px;}
 
.alert-primary {color: #E5EEF6; border:0; background-color: #1383CC; font-family: 'Montserrat', Arial, sans-serif; font-size: 18px; font-weight: 400;}
.alert-primary span {color: #fff; font-weight: 700;}
.alert-primary i {float:left; color: #04eeff;  margin-right:8px; font-size:24px; padding-top:4px;}
.subtitle {font-size:18px; line-height:20px; margin:30px 0;}
.blue-box li {font-family: Arial, Helvetica, sans-serif; font-size:14px;}
.blue-box p {margin-bottom: 0.8rem;}
 
 /*Forms*/
/*Floating labels or Placeholder as label. fuente: https://codepen.io/peiche/pen/xOVpPo */
.form-group { position: relative; margin-bottom: 1.5rem;}
.form-control-placeholder {position: absolute; top: 0; padding: 8px 0 0 13px;  transition: all 200ms; opacity: 0.5; left: 4px;}
.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {
  font-size: 75%;
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  opacity: 1;
}

/* Productos relacionados */
.prGrid > * {display: flex; flex: 0 0 auto; width: 20%; gap:8px; margin: 0; padding: 0; justify-content: space-evenly !important;}
.masProds ul, li {list-style-type: none; padding-left: 0;}
.masProds .card {width:94%; margin:0 auto 20px;}
.masProds .card:hover {border:1px solid rgba(0,0,0,.125); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.masProds .card-body {height: 268px;}
.masProds .card-body {padding: 12px 12px;}
.masProds .card-body ul {border-top: solid 1px var(--main-blue); padding-top: 8px; margin-top: 8px;}
.masProds .card-footer {padding: 0; background-color: var(--main-blue);}
.masProds .card-footer a {padding: 16px 8px; width: 100%; line-height: 1.2em; font-size: 1.16rem; letter-spacing: 0.4px;}
.masProds .card-footer:hover {background-color: var(--orange);}
.masProds h5.card-title {text-transform: uppercase; color:var(--main-blue); text-align: center; letter-spacing: 1.2px; font-weight: bold; font-size: 1em; height: 36px; line-height: 1.08em;}
.masProds ul.orangeList li::before{font-family: "Font Awesome 6 Free"; content: "\f00c"; padding-right: 2px; color: var(--orange); margin-right: 4px;}
.masProds p.price {height: 40px; font-size: 16px; line-height: 18px; font-weight: 700; margin: 8px auto;}
.masProds .btn-primary {background-color: var(--main-blue); border: 0;}
.masProds .btn-primary:hover {background-color: var(--orange);}


/* Select with search form*/
.select2-container .select2-selection--single, select, textarea, .select2-container--default {width:100%; min-width:100%; max-width:100%;}
.select2-container--default .select2-selection--single {border: 1px solid #ced4da !important; height: 40px !important;}
.select2-container--default .select2-selection--single .select2-selection__rendered {font-size: 14px !important; font-weight: 400; line-height: 1.5; color: #777 !important; padding: 4px 10px !important;}
.select2-container--default .select2-selection--single .select2-selection__arrow {height: 38px !important;}
.form-control {height: calc(1.5em + .75rem + 5px);}

/*Tabs*/
.tabs-reflex .nav-pills {background-color: #022657; margin-bottom:30px;}
.tabs-reflex .nav-pills .nav-link {color:#7f9bbc; font-weight: 700; height: 42px; margin: 10px 10px 0;}
.tabs-reflex .nav-pills .nav-link.active, .tabs-reflex .nav-pills .show > .nav-link {background-color: transparent; border-radius:0; border-bottom:solid 4px #1383CC; color: #fff;}

/*range*/
.slidecontainer { width: 100%;}
.slidecontainer span {display:block; border:solid 1px #ccc; padding:10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; width:48px; text-align:center;}
.custom-range {-webkit-appearance: none; appearance: none; width: 100%; height: 2px; margin-top:20px; border-radius: 5px; outline: none; opacity: 1; -webkit-transition: .2s; transition: opacity .2s; background: #eb7d0b !important;}
.custom-range:hover { opacity: 1;}
.custom-range::-webkit-custom-range-thumb {-webkit-appearance: none; appearance: none; width: 25px; height: 25px; border-radius: 50%;  background: #022657; cursor: pointer;}
.custom-range::-moz-range-thumb {width: 16px; height: 16px; border-radius: 50%; background: #022657; cursor: pointer; top: -6px; margin-left: -8px; transition: 200ms background ease-in-out; opacity: 1;}


/*radio-buttons*/
.form-check { padding-left: initial;}
.Form-label-radio, .Form-label-checkbox {position: absolute; z-index: -1; width: 1px; height: 1px; opacity: 0; overflow: hidden;}
.Form-label-radio:checked + .Form-label-text::before, .Form-label-checkbox:checked + .Form-label-text::before {background-color: #fff; border: 2px solid #022657; color: #022657; box-shadow: 0 0 0 0 black; font-family: "Font Awesome 5 Free"; content: "\f00c";}
.Form-label-radio + .Form-label-text::before {border-radius: 100%;}
.Form-label-radio + .Form-label-text::before, .Form-label-checkbox + .Form-label-text::before {display: inline-block; font-size: .875em; width: 1.75em; height: 1.75em; background-clip: padding-box; background-color: white; color:#FFF; line-height: 1.5; margin-right: .25em; text-align: center; border:solid 1px #ccc; content: "\00a0"}
.radio-inline {color:#555}
.btn:disabled {cursor:none}

/*auto*/
.modal-header .close {width: 36px; height: 36px; padding: 0 0 2px; background: #333; color:#FFF; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius:50%;  border:3px #fff solid; opacity: 1; position: absolute; right: 8px; top: 8px;}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:1}
.modal-header .close:hover {opacity: 1;}
.modal-header .close span {font-size:1.8rem;}
.modal-full .modal-dialog {max-width: 94%; width: 94%; height: 100%; margin: 20px auto; padding: 0;}
.modal-full .modal-content {height: 100%; border-radius: 0; position: initial;}
.modal-content {background-color: #E5EEF6;}
.modal-body {padding: 0 60px 20px;}
.modal-header {border-bottom: 0 none;}
.tabla-st {margin:24px auto;}
.tabla-st th {padding:15px; color:#fff; font-size: 13px;}
.tabla-st td {padding: 2px 10px; font-size: 12px; line-height:16px}
.bg-reflex {background:#013879}
.bg-mas-azul {background:#012c60}
.bg-mas-cyan {background:#0078d8}
.tabla-st i {text-align:center; margin: 0 45%;}
td .fa-check {color:#1d903b}
td .fa-times {color:#c30}

.tabs-coberturas .tab-content {background-color: #022657;}
.tabs-coberturas .nav-pills .nav-item {margin:0; padding:0; width: 50%;}
.tabs-coberturas .nav-pills .nav-link {background-color: #1383CC; margin:0; font-weight: 700; height:48px; line-height: 44px; margin:10px 0 0; 
border-radius:0;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;}
.tabs-coberturas .nav-pills .nav-link.active, .tabs-coberturas .nav-pills .show > .nav-link {background-color: #022657;  color: #fff;}
.box-auto {display:inline-block; background:#FFF; margin:10px 3%; width:44%; padding: 0 0 14px;}
.pago-txt {text-align:center; font-size: 11px; color:#999; margin:20px 0 0; }
.pago-price {text-align:center; font-size: 15px; font-weight: 700;}
.box-auto .btn-reflex {padding: 10px; font-weight:700; margin:0 auto; font-size:11px}
.box-auto .link {
	background: #eb7d0b;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 12px; color: #fff !important; display: inline-block; text-decoration:none; line-height: 20px; text-transform: uppercase; padding: 8px;}
.box-auto .link:hover {color: #eb7d0b; text-decoration:underline;}
.box-auto .col-md-5 {text-align:center;}
.btn-orange2blue {display: block; background: #eb7d0b; padding: 8px 0; margin: 0 auto; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 11px; line-height: 20px; font-weight: 700; word-break: break-all; text-transform: uppercase; width: 100%; text-align:center}
.btn-orange2blue:hover {background: #022657; color:#FFF;}


/*accidentes*/
.career-box h5 {padding: 15px 40px; background: #022657; color: #fff;}
.career-box .content-box {padding: 40px; background: #7C97BB; color: #fff}
.card-gris {background:#F5F5F5; padding:20px 28px; text-align:left; border-radius:4px; margin:10px;}
.card-gris.noLink{height:220px;}
.card-gris.noLink:hover {background:#F5F5F5; color:#333; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow:none;}
.card-gris a { color:#333;}
.card-gris .link-box:hover, .card-gris:hover .link-box { color:#fff;}
.card-gris:hover {background:#022657; color: #FFF; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4); border:0; transition: all 200ms ease; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; -ms-transition: all 200ms ease; }
.card-gris ul {padding: 0 20px}
.three-boxes i, .card-gris i {color:#eb7d0b}
.three-boxes {margin-top:10px}
.three-boxes i {font-size:32px;}
.card-gris i {font-size:26px; margin:20px 0}
.simple-box {display:inline-block; width:32%; text-align:center; vertical-align:top; padding:20px;}
.simple-box p {color: #898989; font-weight: 700; font-size:14px; line-height:18px; margin-top:10px}
.card-gris h4, .box-gris h4 {text-transform:uppercase;}
.box-gris .col-md-6 {height:300px}
.box-gris .info {background:#F5F5F5; padding:100px 24px 0; text-align:center;}
.box-gris h4 {color: #022657; font-size: 24px; line-height:32px}
.modal-body .form-group {margin-top:20px;}
.tabla-movimiento .table {border:1px #fff solid;}
.tabla-movimiento div:hover, .tabla-movimiento input:active + label { margin-top:-20px; -webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4);}
.tabla-movimiento .sinEfecto:hover { margin-top:0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none;}
.tabla-movimiento th {color: #FFF; border-top: 0; vertical-align: middle !important; font-size: 18px; text-align:center}
.tabla-movimiento td {padding: 10px 4px; vertical-align: middle; text-align:center}
.tabla-movimiento input {margin:0; padding:0; -webkit-appearance:none; -moz-appearance:none; appearance:none;}
.tabla-movimiento label {display: initial;}
.tabla-movimiento .btn-orange {padding: 0 10px;}
.tabla-movimiento .btn-orange:hover {background:#022657}
.ribbon {background:url('../img/ribbon95.png') no-repeat; position:absolute; width:95px; height:95px; right:-6px; top:-6px;}
.ribbon p {transform: rotate(45deg); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5); position: absolute; right: 8px; top: 16px; font-weight: 700; font-size: 12px;}
.btn-round {display: block; width:80%; margin: 16px auto; text-align: center; color:#FFF; border-radius: 4em; padding: 8px 16px; font-size: 16px;}

.bgreen {background:#639d2a;}
.byellow {background:#e2a200;}
.borange {background:#d36300;} 
.bred  {background:#b02525;}

/*Tooltips*/
div.tooltips {position: relative; display: inline;}
div.tooltips span {position: relative; display:block; width:160px; color: #FFFFFF; background: #159927; height: auto; line-height: 20px; text-align: center; visibility: hidden; border-radius: 6px; padding:10px}
div:hover.tooltips span {z-index: 999; visibility: visible; opacity: 0.9; top: 10px; left: 80%; margin-left: -76px; }
div.tooltips span:after {content: ''; position: absolute; bottom: 100%; left: 50%;  margin-left: -8px; width: 0; height: 0; border-bottom: 8px solid #159927; border-right: 8px solid transparent;  border-left: 8px solid transparent;}
.tooltips a, .tooltips a:hover {color:#efefef; text-decoration:underline}
.tooltips.tul-blanco {margin-top: -20px;}
.tooltips.tul-blanco span {background: #ccc; color:#252525}
.tooltips.tul-blanco span:after {border-bottom: 8px solid #ccc}
.tooltips.tul-blanco a, .tooltips.tul-blanco a:hover {color:#252525}

/*otros*/
.content-box ul {margin-left:0}
.content-box li {display:inline-block; width:100%; font-family: 'Open Sans', Arial, sans-serif; font-weight:400; font-size:17px; line-height: 28px;}
.fa-check::before {font-size: 12px; margin-right:10px}
.tabla-cobertura {margin:24px auto; text-align:left; width:94%; border:solid 1px #CCC;}
.tabla-cobertura th {border-bottom:solid 1px #FFF;}
.tabla-cobertura th[scope=col] {background:#013879; padding:15px; color:#fff; font-size: 14px; text-align:left; border-right:solid 1px #CCC;}
.tabla-cobertura th[scope=row] {background:#8493BC; padding: 4px 10px; color:#fff; font-size: 13px; text-align:left; vertical-align:middle; width:25%;}
.tabla-cobertura td {padding: 4px 10px; font-size: 12px; line-height:16px; text-align:left; border-bottom:solid 1px #CCC;}
h4.title-coberturas {text-transform:uppercase; font-size: 24px; text-align:left; padding:8px 14px 0;}
#div2show .form-group, #otherType .form-group {display: inline-block;  vertical-align: middle; margin-top:24px}
.hide { display:none;}

 /* The switch - the box around the slider */
.switch {position: relative;  display: inline-block;  width: 40px;  height: 14px; margin:6px 14px 0}
.switch input {opacity: 0; width: 0;  height: 0;} /* Hide default HTML checkbox */
.slider {position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #eb7d0b; -webkit-transition: .4s; transition: .4s;}
.slider:before {position: absolute; content: ""; height: 24px; width: 24px; left: -4px; bottom: -4px; background-color: #ccc;  -webkit-transition: .4s; transition: .4s;}
input:checked + .slider { background-color: #79b9d7;}
input:focus + .slider {box-shadow: 0 0 1px #79b9d7;}
input:checked + .slider:before {background-color: #022657; -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px);}
.slider.round { border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

/*principales*/
.card {width:90%; margin:0 auto 20px;}
.card-body {height: 250px;}
.card .pagelink {color: #737373;}
.card:hover {-webkit-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4); -moz-box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4); box-shadow: 0px 3px 10px 0px rgba(0,0,0,0.4); border:0; transition: all 200ms ease; -webkit-transition: all 200ms ease; -moz-transition: all 200ms ease; -o-transition: all 200ms ease; -ms-transition: all 200ms ease; }
.card-title a {text-transform:uppercase; color:#1a1a1a}
.card-title a:hover {color: #eb7d0b;}
.palomas {margin-left: 0 !important;}
.palomas li {display:inline-block; width:49%; margin-bottom:40px; vertical-align:top;}
.palomas .fa-check::before {display:block; width:40px; height:40px; background:#022657; font-size: 22px; margin-right:10px; text-align:center; color:#FFF; line-height:40px;}
.logros h2 {color: #fff;}
.logros h3 {text-align: center; color: #eb7d0b; font-family: "Montserrat", sans-serif; font-weight: 700;}
.logros h5 {text-align: center; color: #e5eef6; font-size:22px; font-family: 'Open Sans Condensed', sans-serif; font-weight: 700;}

/*faq*/
.faq-tabs .nav-pills .nav-link {border:solid 1px #4d9ae1; background-color: #4092df; color: #fff; margin-right:5px; padding: 12px 26px !important;}
.faq-tabs .nav-pills .nav-link.active, .nav-pills .show > .nav-link {border: solid 1px #4d9ae1; background-color: #f8f8f8; color: #555;}
.faq-title {margin-top:20px;}
.faq-title button {color:#151515; font-size:20px;}
.faq-title button:hover, .faq-title button:active {color:#151515; text-decoration:none}
.faq-content p {padding:8px 34px;}
.accordion .faq-title button:after {display:block; width:14px; float:left; margin-right:10px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#acacac; content: "-"; }
.accordion .faq-title button.collapsed:after {content: "+";}
.blog-item {margin-bottom: 40px;}
.main-article h4 {color:#151515}
.main-article:hover h4 {color:#eb7d0b}
.blog-tag {margin-top: -5px;}
.blog-tag a {color: #022657;}
.blog-tag a:hover {color: #eb7d0b;}
.sidebar-box {background:#FFF; padding:60px 40px 40px;}
.blog-menu, .blog-menu li {list-style-type:none; padding:0; margin: 0 -10px;}
.blog-menu li a {display:block; width:100%; min-height:60px; background:#FFF; color:#000; padding:20px}
.blog-menu li a:hover {background:#eb7d0b; color:#FFF;}
#faqsAuto.accordion {--accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='022657'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
	--accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='white'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");}
#faqsAuto .accordion-item {border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
#faqsAuto .accordion-item, #faqsAuto .accordion-button {color: #fff; text-align: left; font-size: 14px; padding: 8px 4px; width: 100%;}
#faqsAuto .accordion-item:hover, #faqsAuto .accordion-item:focus {background-color:rgba(255, 255, 255, 0.15)}
#faqsAuto [aria-expanded="true"] {background-color:rgba(255, 255, 255, 0.2);}
#faqsAuto .accordion-button:hover, #faqsAuto .accordion-button:focus {color: #fff;}
#faqsAuto .collapse.show {padding: 8px; background-color:rgba(255, 255, 255, 0.04);}
#faqsAuto .collapse p {font-size: 13.4px;}
#faqsAuto [data-toggle="collapse"]:before {font-family: 'Font Awesome 6 Free'; float: right; content: "\f077"; color:#D0D0D0; font-size: 10px; margin: 4px;}
#faqsAuto [data-toggle="collapse"].collapsed:before {content: "\f078";}

/* 2020 */
.glider-track {padding-top: 12px; padding-bottom: 12px;}
.fotoespacio {background-repeat: no-repeat;}
.border-logos .card-gris {padding:20px 14px; min-height: 120px; display: flex; align-items: center; justify-content: center;  margin: 10px auto;}
.text-center h6 {margin-top: 20px;}


@media only screen and (min-width:768px) {
.hide-on-desktop {display: none !important;}
}
@media only screen and (max-width:1199px) {
.noLink {margin: 10px 0;}
}
@media only screen and (max-width: 1090px) {
	.prGrid > * {flex: 0 0 auto; width: 33.33333333%;}
}
@media only screen and (max-width:1024px) {
.carHeader25 .pd80 {padding: 32px 40px}
.pd8060 {padding: 60px}
.site-content-25 {padding:40px 0px;} /* sin fondo azul */
.site-content-25 .sidebar {margin-right: 40px;}
.site-content-25 .pd80.bg-white {padding: 0 40px;}
.card-gris h4, .box-gris h4 {font-size: 12px !important;}
}
@media only screen and (max-width:991px) {
  .card-gris.noLink {height: 152px;}
  .card-gris h4, .box-gris h4 {font-size: 12px !important;}
  .carHeader25 .pd80 {padding: 28px}
  .pd8060 {padding: 40px}
  .site-content-25 .sidebar {margin-right: 20px;}
  .site-content-25 .pd80.bg-white {padding: 0 28px;}
.card {width:96%; margin:0 auto 20px;}
.card-body {height: 340px; padding: 10px; line-height: 18px;}
.site-content {padding: 20px;}
.sidebar-home {position: relative; width: 90%; margin: -20px 5% 20px; z-index: 12;}
.sidebar p {height: 60px;}
.sidebar-light {padding-top: 0;}
.slidewmenu .carousel.slide {width: 100%;}
.slidewmenu .d-flex {display: block !important;}
.slidewmenu .carousel-item img {object-fit: contain; object-position: center; height: 100%; overflow: hidden;}
.carousel-titles {width: 320px; top:12%;}
.carousel-titles h2, .carousel-titles h3 {margin-bottom:4px}
.carousel-titles h2 {font-size: 40px; line-height: 42px; overflow-wrap: break-word; width: 100%;}
.carousel-titles button {padding: 6px 35px;}
.carousel-control-prev {left: 2.8%;}
.carousel-control-next {right: 2.8%;}
.testimonial4_indicators .carousel-control-prev {left: 0; top:20%}
.testimonial4_indicators .carousel-control-next {right: 0; top:20%}
.pd80 {padding: 40px 20px 60px;}
.menu-service .list-service a i {font-size: 22px; margin-right: 10px;}
.menu-service .list-service a {padding: 14px 18px !important;}
.item-transp a {margin: 20px 0;}
.box-auto .col-md-6 {text-align:center;}
.border-logos .card-gris {padding:20px 20px; min-height: 140px;}
.container-fluid.cont-servicios {padding-right: 5px; padding-left: 5px;}
h4.card-title {font-size: 1.4rem;}
	}
@media only screen and (max-width:767px) {
  .carHeader25 .pd80, .pd8060 {padding: 20px}
  .carHeader25 {background: #ffffff; background: linear-gradient(90deg, rgba(255, 255, 255, 0.45) 0%, rgba(255, 255, 255, 0.25) 100%);}
  .site-content-25 .sidebar {margin: 0 auto}
  .site-content-25 .pd80.bg-white {padding: 0 20px;}
.carousel-titles h3 {font-size: 14px;}
.carousel-titles h2 {font-size: 22px; line-height: 23px; overflow-wrap: break-word; width: 82%;}
.fotoespacio div {min-height: 220px;}
.mb-5 {padding: 30px 0;} /*este puede afectar todo*/
.hide-on-desktop {display: initial !important;}
.modal-full .modal-dialog {max-width: 96%; width: 96%;}
.modal-body {padding: 0 24px 20px;}
.prGrid > * {flex: 0 0 auto; width: 50%;}
	}

@media only screen and (max-width:640px) {
.main-content {width: 100%; margin: 0 auto;}
.palomas li {width:92%;}
.glider-contain {width: 82% !important;}
.sidebar-home {position: relative;}
.palomas.fa-ul {margin-left: 1.2em;}
.tabla-movimiento .col-4 .btn-orange {font-size: 13px;}
.career-box h5 {padding: 15px 24px;}
.career-box .content-box {padding: 24px;}
.faq-title button {font-size:18px; padding: .375rem 14px;}
.accordion .faq-title button::after {margin-left: -14px;}
	}	
@media only screen and (max-width:480px) {	
.pd20 {padding:14px 8px;}
.pd40, .servicios {padding: 24px;}
.pd80 {padding: 30px 20px 40px;}
.card-gris {padding: 20px}
.tabla-movimiento th {font-size: 14px; padding: 0;}
.simple-box {padding:0;}
.simple-box p {font-size: 14px;}
.box-auto {display:inline-block; width:80%; padding: 0 0 14px; margin: 16px 10%;}
.sidebar-text {padding: 12px;}
.logros .p-4 {padding: 1.5rem 0 !important;}

.social-bar-mobile {left: 2%  !important;}
.footer-bottom .container {padding-bottom: 44px;}
.main-footer .container {padding: 0 24px;}
.tabla-movimiento .col-4 .btn-orange {font-size: 12px;}
td {line-height:22px;}
}


/* estilos para micrositios de cotizadores (feb2021) */
::-webkit-input-placeholder {color: #FFF !important;}
:-ms-input-placeholder {color: #FFF !important;}
::placeholder {color: #FFF !important;}
.ms-header .site-logo {padding:14px;}
.ms-header h4, .ms-header p {margin: 4px auto;}
.ms-main-fondo {display: block; background-attachment: fixed; background-repeat: no-repeat; background-size: cover; width: 100%; position: relative; background-position: right center; min-height:580px}
.ms-box {margin:30px 10px; background:rgba(255,255,255,0.35); border:solid 3px #eb7d0b; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding:12px;}
.ms-box:hover{
-webkit-box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.4); 
box-shadow: 0px 2px 4px 2px rgba(0,0,0,0.4);
}
.ms-instruccion {color:#022657; font-size: 1.12rem; line-height: 1.6rem; text-align:center; margin:10px 0 28px;}
.ms-box .form-control, .ms-box .selectWithSearch, .ms-box .select2-container--default .select2-selection--single {background-color:#B3C4D7 !important; color:#FFF; -webkit-box-shadow: 0px 0px 0px 1px rgba(0,56,122,0.6); box-shadow: 0px 0px 0px 1px rgba(0,56,122,0.6);}
.ms-box .form-control-placeholder, .ms-box .select2-container--default .select2-selection--single .select2-selection__rendered {color:#FFF !important; opacity: 1;}
.ms-box .form-control:focus + .form-control-placeholder,
.ms-box .form-control:valid + .form-control-placeholder {color:#022657 !important;}
.ms-box .select2-container--default .select2-selection--single .select2-selection__arrow b {border-color: #fff transparent transparent transparent;}
.ms-box .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {border-color: transparent transparent #fff transparent;}
@media only screen and (max-width:991px) and (min-width:641px) {.ms-header .site-logo {padding:4px;}}

/*hacer responsive las tablas aunque no sean clase table-responsive*/
.table {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}