@font-face {
font-family: 'GT America Light';
src: url(//www.cantabranaseguros.com/wp-content/themes/cantabrana.wp/theme/fonts/GT-America-Light.woff), format("woff");
}
@font-face {
font-family: 'GT America Medium';
src: url(//www.cantabranaseguros.com/wp-content/themes/cantabrana.wp/theme/fonts/GT-America-Medium.woff) format("woff");
}
@font-face {
font-family: 'GT America Bold';
src: url(//www.cantabranaseguros.com/wp-content/themes/cantabrana.wp/theme/fonts/GT-America-Bold.woff) format("woff");
}
@font-face {
font-family: 'GT America Black';
src: url(//www.cantabranaseguros.com/wp-content/themes/cantabrana.wp/theme/fonts/GT-America-Black.woff) format("woff");
}
@font-face {
font-family: 'GT America Expanded Light';
src: url(//www.cantabranaseguros.com/wp-content/themes/cantabrana.wp/theme/fonts/GT-America-Expanded-Light.woff) format("woff");
}
@font-face {
font-family: 'GT America Expanded Black';
src: url(//www.cantabranaseguros.com/wp-content/themes/cantabrana.wp/theme/fonts/GT-America-Expanded-Black.woff) format("woff");
}
@font-face {
font-family: 'Canela-Light';
src: url(//www.cantabranaseguros.com/wp-content/themes/cantabrana.wp/theme/fonts/Canela-Light.woff2) format("woff2"), url(//www.cantabranaseguros.com/wp-content/themes/cantabrana.wp/theme/fonts/Canela-Light.woff) format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Canela';
src: url(//www.cantabranaseguros.com/wp-content/themes/cantabrana.wp/theme/fonts/Canela-Regular.woff2) format("woff2"), url(//www.cantabranaseguros.com/wp-content/themes/cantabrana.wp/theme/fonts/Canela-Regular.woff) format("woff");
font-weight: normal;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Canela-Bold';
src: url(//www.cantabranaseguros.com/wp-content/themes/cantabrana.wp/theme/fonts/Canela-Bold.woff2) format("woff2"), url(//www.cantabranaseguros.com/wp-content/themes/cantabrana.wp/theme/fonts/Canela-Bold.woff) format("woff");
font-weight: bold;
font-style: normal;
font-display: swap;
} .wp-caption {
max-width: 100%;
}
img.alignright,
.wp-caption.alignright {
float: right;
margin: 0 0 1em 1em;
}
img.alignleft,
.wp-caption.alignleft {
float: left;
margin: 0 1em 1em 0;
}
img.aligncenter,
.wp-caption.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img .wp-caption-text,
.wp-caption .wp-caption-text {
font-size: 0.5em;
}
a img.alignright {
float: right;
margin: 0 0 1em 1em;
}
a img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
} .cntb-navbar.fixed-bottom {
max-width: 100vw;
}
header.header-cntb .top-contact .top-sm-icon svg {
width: 25px;
height: 25px;
}
.svg-styling svg {
width: 86px;
height: auto;
}
.svg-styling svg [fill="#f9fdbf"] {
fill: #0b4269 !important;
}
.svg-styling.agricola {
border-color: #0b4269;
}
.svg-styling.agricola svg [fill="#f9fdbf"] {
fill: #0b4269 !important;
}
.svg-styling.agricola:hover,
.svg-styling.agricola.separator-item {
background-color: #0b4269;
}
.svg-styling.agricola:hover .vehicle-class,
.svg-styling.agricola.separator-item .vehicle-class {
color: #fff;
}
.svg-styling.agricola:hover svg [fill="#f9fdbf"],
.svg-styling.agricola.separator-item svg [fill="#f9fdbf"] {
fill: #fff !important;
}
.svg-styling.transporte {
border-color: #22d3c5;
}
.svg-styling.transporte svg [fill="#f9fdbf"] {
fill: #22d3c5 !important;
}
.svg-styling.transporte:hover,
.svg-styling.transporte.separator-item {
background-color: #22d3c5;
}
.svg-styling.transporte:hover .vehicle-class,
.svg-styling.transporte.separator-item .vehicle-class {
color: #fff;
}
.svg-styling.transporte:hover svg [fill="#f9fdbf"],
.svg-styling.transporte.separator-item svg [fill="#f9fdbf"] {
fill: #fff !important;
}
.svg-styling.transporte.separator-item .vehicle-class {
color: #0b4269;
}
.svg-styling.separator-item .vehicle-class {
bottom: 50%;
transform: translateY(50%);
}
.svg-styling.separator-item:hover {
box-shadow: none;
}
.home-page section.index-seguros .seguros-item svg {
width: 86px;
height: auto;
}
.home-page section.index-seguros .seguros-item svg [fill="#f9fdbf"] {
fill: #0b4269 !important;
}
.home-page section.index-seguros .seguros-item.agricola {
border-color: #0b4269;
}
.home-page section.index-seguros .seguros-item.agricola svg [fill="#f9fdbf"] {
fill: #0b4269 !important;
}
.home-page section.index-seguros .seguros-item.agricola:hover,
.home-page section.index-seguros .seguros-item.agricola.separator-item {
background-color: #0b4269;
}
.home-page section.index-seguros .seguros-item.agricola:hover .vehicle-class,
.home-page section.index-seguros .seguros-item.agricola.separator-item .vehicle-class {
color: #fff;
}
.home-page section.index-seguros .seguros-item.agricola:hover svg [fill="#f9fdbf"],
.home-page section.index-seguros .seguros-item.agricola.separator-item svg [fill="#f9fdbf"] {
fill: #fff !important;
}
.home-page section.index-seguros .seguros-item.transporte {
border-color: #22d3c5;
}
.home-page section.index-seguros .seguros-item.transporte svg [fill="#f9fdbf"] {
fill: #22d3c5 !important;
}
.home-page section.index-seguros .seguros-item.transporte:hover,
.home-page section.index-seguros .seguros-item.transporte.separator-item {
background-color: #22d3c5;
}
.home-page section.index-seguros .seguros-item.transporte:hover .vehicle-class,
.home-page section.index-seguros .seguros-item.transporte.separator-item .vehicle-class {
color: #fff;
}
.home-page section.index-seguros .seguros-item.transporte:hover svg [fill="#f9fdbf"],
.home-page section.index-seguros .seguros-item.transporte.separator-item svg [fill="#f9fdbf"] {
fill: #fff !important;
}
.home-page section.index-seguros .seguros-item.transporte.separator-item .vehicle-class {
color: #0b4269;
}
.home-page section.index-seguros .seguros-item.separator-item .vehicle-class {
bottom: 50%;
transform: translateY(50%);
}
.home-page section.index-seguros .seguros-item.separator-item:hover {
box-shadow: none;
}
.home-page section.index-seguros .tab-content .owl-item {
width: 175px;
margin-right: 20px;
}
.home-page section.index-seguros .seguros-item-price {
color: #0b4269;
font-weight: 300;
}
.home-page #carouselInformacion {
max-width: 100%;
overflow-x: hidden;
position: relative;
}
@media (max-width: 991.92px) {
.home-page #carouselInformacion {
padding-left: 25px;
padding-right: 25px;
}
.home-page #carouselInformacion .carousel-ctrl.prev,
.home-page #carouselInformacion .carousel-ctrl.next {
width: 25px;
}
.home-page #carouselInformacion .carousel-ctrl.prev {
left: 0;
}
.home-page #carouselInformacion .carousel-ctrl.next {
right: 0;
}
}
.page-template-seguros section.index-seguros .seguros-item {
margin: 20px 7px;
}
.page-template-seguros section.index-seguros .seguros-item svg {
width: 86px;
height: auto;
}
.page-template-seguros section.index-seguros .seguros-item svg [fill="#f9fdbf"] {
fill: #0b4269 !important;
}
.page-template-seguros section.index-seguros .seguros-item.agricola {
border-color: #0b4269;
}
.page-template-seguros section.index-seguros .seguros-item.agricola svg [fill="#f9fdbf"] {
fill: #0b4269 !important;
}
.page-template-seguros section.index-seguros .seguros-item.agricola:hover,
.page-template-seguros section.index-seguros .seguros-item.agricola.separator-item {
background-color: #0b4269;
}
.page-template-seguros section.index-seguros .seguros-item.agricola:hover .vehicle-class,
.page-template-seguros section.index-seguros .seguros-item.agricola.separator-item .vehicle-class {
color: #fff;
}
.page-template-seguros section.index-seguros .seguros-item.agricola:hover svg [fill="#f9fdbf"],
.page-template-seguros section.index-seguros .seguros-item.agricola.separator-item svg [fill="#f9fdbf"] {
fill: #fff !important;
}
.page-template-seguros section.index-seguros .seguros-item.transporte {
border-color: #22d3c5;
}
.page-template-seguros section.index-seguros .seguros-item.transporte svg [fill="#f9fdbf"] {
fill: #22d3c5 !important;
}
.page-template-seguros section.index-seguros .seguros-item.transporte:hover,
.page-template-seguros section.index-seguros .seguros-item.transporte.separator-item {
background-color: #22d3c5;
}
.page-template-seguros section.index-seguros .seguros-item.transporte:hover .vehicle-class,
.page-template-seguros section.index-seguros .seguros-item.transporte.separator-item .vehicle-class {
color: #fff;
}
.page-template-seguros section.index-seguros .seguros-item.transporte:hover svg [fill="#f9fdbf"],
.page-template-seguros section.index-seguros .seguros-item.transporte.separator-item svg [fill="#f9fdbf"] {
fill: #fff !important;
}
.page-template-seguros section.index-seguros .seguros-item.transporte.separator-item .vehicle-class {
color: #0b4269;
}
.page-template-seguros section.index-seguros .seguros-item.separator-item .vehicle-class {
bottom: 50%;
transform: translateY(50%);
}
.page-template-seguros section.index-seguros .seguros-item.separator-item:hover {
box-shadow: none;
}
.single-seguros .seguros-detail-top-banner.top-banner .banner-title .banner-seguros-detail.banner-navs {
top: 40%;
}
@media only screen and (min-width: 768px) {
.single-seguros .seguros-detail-top-banner.top-banner .banner-title .banner-seguros-detail.banner-navs {
top: 35%;
}
}
.single-seguros .seguros-detail-top-banner.top-banner .banner-title .banner-seguros-detail.banner-navs .col:nth-of-type(2) {
height: 60px;
transform: translateY(-25%);
}
@media only screen and (min-width: 768px) {
.single-seguros .seguros-detail-top-banner.top-banner .banner-title .banner-seguros-detail.banner-navs .col:nth-of-type(2) {
height: 80px;
transform: translateY(-45%);
}
}
.single-seguros .seguros-detail-top-banner.top-banner .banner-title .banner-seguros-detail.banner-navs .col:nth-of-type(2) .item-icon.wp-post-image {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
top: 0;
left: 0;
}
.single-seguros .seguros-detail-top-banner.top-banner .banner-title .return-btn {
position: absolute;
right: 15px;
top: 15px;
}
@media only screen and (min-width: 1600px) {
.single-seguros .seguros-detail-top-banner.top-banner .banner-title .return-btn {
top: 10%;
}
}
.single-seguros .seguros-detail-top-banner.top-banner .banner-title .return-btn img {
width: 30px;
}
.single-seguros .presentation-text h2 {
width: 9em;
max-width: 100%;
}
.single-seguros.seguros-detail-page .container-bg section.cta-presupuesto .col-11 {
background-color: transparent;
}
.single-seguros.seguros-detail-page .container-bg section.cta-presupuesto .col-11 .stretched-link {
display: inline-block;
background-color: #0b4269;
padding: 15px;
border-radius: 25px;
color: #fff;
transition: 0.5s background-color, color ease;
max-width: 100%;
width: 500px;
}
@media only screen and (max-width: 767.98px) {
.single-seguros.seguros-detail-page .container-bg section.cta-presupuesto .col-11 .stretched-link {
font-size: 12px;
}
}
.single-seguros.seguros-detail-page .container-bg section.cta-presupuesto .col-11 .stretched-link:hover {
color: #0b4269;
background-color: #fed198;
}
.asistencia-detail-page .asistencia-top-banner .agency-logo {
height: auto;
max-height: 50%;
}
@media only screen and (min-width: 992px) {
.asistencia-detail-page .asistencia-top-banner .agency-logo {
max-height: 70%;
}
}
.carousel-detail-page main .item-detail-content strong {
color: #0b4269;
}
.contact-page .bg-container section.social-icons .top-sm-icon svg {
width: 25px;
height: 25px;
}
.opacity-transition {
transition: 0.5s opacity ease;
}
.bg-default {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.switcher {
position: relative;
display: inline-block;
margin-bottom: -6px;
margin-right: 15px;
width: 66px;
height: 28px;
}
.switcher .switcher-slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: transparent;
border: 2px solid grey;
-webkit-transition: 0.4s;
transition: 0.4s;
border-radius: 34px;
}
.switcher .switcher-slider:before {
position: absolute;
content: "";
height: 24px;
width: 24px;
left: 1px;
bottom: 0;
background-color: grey;
-webkit-transition: 0.4s;
transition: 0.4s;
border-radius: 50%;
}
.switcher.checked .switcher-slider {
background-color: transparent;
}
.switcher.checked .switcher-slider:before {
-webkit-transform: translateX(36px);
-ms-transform: translateX(36px);
transform: translateX(36px);
}
.do-container {
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 576px) {
.do-container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.do-container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.do-container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.do-container {
max-width: 1140px;
}
}